/* 
   =================================================================
     GRUNDEINSTELLUNGEN 
   =================================================================
*/

html, body {
  height:100%;
}

html,body,div,p,h1,h2,h3,ul,li,a,img,form,fieldset,input {
  margin:0;
  padding:0;
  border:0;
  font-family:arial,helvetica,sans-serif;
  font-weight:normal;
  text-decoration:none;
  color:#535f65; 
}

html,body,div,p,h1,h2,h3,ul,li,label {
  font-size:13px;
  line-height:20px;
}

body {
  background:url(bg.gif);
}

#content a {
  color:#535f65; 
  text-decoration:underline;
}

#content .news-list-file a {
  color:#928b7c;
  text-decoration:none;
  background:url(download.gif) 0px 6px no-repeat; 
  padding-left:10px;
}

#content .news-list-file a:hover {
  background:url(download-on.gif) 0px 6px no-repeat; 
}

.news-list-file {
  background:url(line-sand.gif) top left repeat-x; 
  margin-top:5px;
}

a:hover, #content a:hover {
  color:#ee7f01;
}

h1 {
  font-size:24px;
  line-height:28px;
  color:#ee7f01;
}

h2 {
  font-size:15px;
  font-weight:bold;
  line-height:20px;
  color:#928b7c;
  margin-top:12px;
}

p,form {
  padding-top:8px;
}

#content ul {
  margin-top:5px;
  margin-left:14px;
  list-style-image:url(bullet.gif)
}

#content .divider {
  padding-top:5px;
  margin-top: 1px;
}

#content .divider hr {
  color:white;
  border:none;
  background:white url(line-sand.gif) top left repeat-x;
  padding-top: 1px;
}

.block {
  display:block;
}
.block p.bodytext {
  color:#928b7c;
  font-size:11px;  
  margin:0;
  padding:0;
}
.block p.bodytext b {
  font-size:15px;
}
.block p.bodytext i{
  font-size:13px;
}

.block1 {
  margin-top:10px;
  background:url(line-sand.gif) top left repeat-x;
}
.block2 {
  background:url(line-sand.gif) bottom left repeat-x;
}

.news-list-container {
  padding-top:15px;
}

.news-list-item {
  clear:left;
  padding-top:10px;
}

.news-list-item h2 {
  color:#535f65; 
  margin:0;
  font-weight:bold;
  font-size:13px;
  line-height:20px;
}

.news-list-item-left {
  float:left;
  width:175px;
  background:white url(line-sand.gif) top left repeat-x; 
}

.news-list-item-right {
  margin-left:185px;
  width:370px;
  background:white url(line-sand.gif) top left repeat-x;  
}

.clearer {
  clear:left;
}

.browseLinksWrap {
  text-align:center;
}

.browseLinksWrap .activeLinkWrap {
  color:#ee7f01;
  padding:0 5px;
}

.browseLinksWrap a {
  padding:0 5px;
}

label {
  display:inline-block;
  width:100px;
}

input {
  border:#928b7c 1px solid;
  margin-top:4px;
}

.csc-mailform-submit {
  border:#ee7f01 1px solid;
  background:none;
  cursor:pointer;
}


/* 
   -----------------------------------------------------------------
     STRUKTUR
   ----------------------------------------------------------------- 
*/

#wrap {
  position:relative;
  width:764px;
  margin:auto;
}

#top {
  position:relative;
  background:white;
  border:1px solid #dfdfdf;
  border-top:none;
  padding:12px;
}

#topmenu {
  position:absolute;
  top:3px;
  right:12px;
}

#topmenu  li  {
  display: inline;
  list-style:none; 
  font-size:11px;
}

#logo {
  position:relative;
  top:10px;
  margin-bottom:10px;
}

#banner {
  position:relative;
  top:10px;
  margin-bottom:10px;
  background:url(line-orange.gif) top left repeat-x;
  padding-top:1px;
}

#menu {
  background:url(line-sand.gif) top left repeat-x;
  padding-top:1px;
}

#menu ul {
  background:url(line-sand.gif) bottom left repeat-x;
  padding-bottom:1px;
}

#menu li  {
  position:relative;
  display: inline;
  list-style:none; 
  border-left:1px solid grey;
  padding:0px 19px;
  font-size:15px;
  line-height:18px;
  z-index:20;
}

#menu  li.first {
  border:none;
}

#menu  li.active, #menu  li.active a, #menu li.active li.active a {
  color:#ee7f01;
}

#menu li.active li, #menu li.active li a {
  color:#535f65;
}

#menu li.active li a:hover {
  color:#ee7f01;
}
  
#menu  li.last {
  padding-right:0;
}

#menu ul ul {
  display: none;
  position:absolute;
  top:15px;
  margin-top:0px;
  left:-1px;
  z-index:10;
  padding:10px 10px 5px 0;
  background:url(popup.gif) left 7px no-repeat;  
  border-bottom:1px solid #ee7f01;
}

/* vorschlag für ul ul
  width:180px;
*/  

#menu li:hover ul {
  display:block;
}

#menu table {
  position:absolute; 
  top:0;
  left:0;
  border-collapse:collapse;
}
#menu ul table ul {
  display: block;
  visibility:hidden;
}

#menu a:hover ul {
  visibility:visible;
}
#menu a:hover {
  background:white;
}
#menu li li {
  display:block;
  background:url(line-sand.gif) top left repeat-x;
  border-left:none;  
  padding:2px 0px;
  margin-left:10px;
  font-size:13px;
  height:100%;
}
#menu li li.first {
  background:none;
  padding-top:15px;
}
#menu li li:hover a {
}
#menu li li a {
}
#menu li li a:hover {
}

#left {
  position:relative;
  float:left;
  width:160px;
}

#submenu {
  margin-top:30px;
  width:160px;
}

#submenu ul {
  background:url(line-sand.gif) bottom left repeat-x;
}
#submenu li {
  background:url(line-sand.gif) top left repeat-x;
  list-style:none;
  padding:2px 0;
  font-size:11px;
}

#submenu a , #submenu  span{
  display:inline-block;
  color:#928b7c;
  padding-left:15px;
}

#submenu a:hover, #submenu  span {
  color:#ee7f01;
}

#submenu  span {
  background:url(arrow.gif) left 5px no-repeat;
}

#right {
  width:555px;
  margin-left:177px;
}

#path {
  margin-top:30px;
  color:#768187;
}

#path  li  {
  display: inline;
  list-style:none; 
  font-size:9px;
  line-height:12px;  
}

#content {
  margin-top:10px;
}

#bottom {
  position:relative;
  clear:left;
  top:12px;
  background:url(line-grey.gif) repeat-x;
  padding-top:1px;
  font-size:11px;
}