/* verwendetes Farbklima auf der Website

braun: #492F22
grün: #999F21
blau: #4D88BF
grau: #88898E
weiß: #FFFFFF
schwarz: #40271B
hellgrau: #C9C9CA (wird bspw. für die Ränder verwendet)
rostbraun: #897970 (wird bspw. für das Hauptmenü in den Navigationspunkt verwendet oder beim Rand für das Submenü)
*/


/* verwendete Fonts und Größen auf der Website

Fließtext: Verdana, sans

*/


/* allgemeine Angaben zum stylesheet
*/

html,body   {   
       background-color:#492F22;  /*url("../img/layout/background.gif") repeat-x top left;*/       
       height: 98%; 
       margin:0;
       padding:0;
       }
       
body, td, div, table, p, h1, h2, h3, h4,a,input,submit {
font-family: Verdana, Arial, sans-serif;
font-size:11px;
color:#858483;
font-weight:normal;
} 

a {
text-decoration:underline;
color:#999F21;
}

.lidwhite td {
text-align:left;
vertical-align:top;
}

h1, h2, h3, h4 {
color:#999F21;
}

input {
border:1px solid #492F22;
}

label {
float:left;
width:50px;
}

.inputLabelWrapper {
margin:5px 0;
clear:both;
}

form {
margin:0;
padding:0;
}




li {
display:block;
margin-bottom:2px;
padding-left:3px; 
}


.submitContactButton {
margin-left:50px;
background-color:#cfcfcf;
color:#492F22;
}

.contactWrapper {
margin:10px 0;
}
/*color classes
*/

.brown {
background-color:#897970;
}

.green {
background-color:#999F21;
}

.blue {
background-color:#4D88BF;
}

.white {
background-color:#fff;
} 

.grey {
background-color:#88898E;
}

img, a img {
border:0;
}
/*  angaben zu den speziellen div, table eigenschaften
*/      

#outerdiv { 
       width: 99%; 
       position: absolute; 
       height: 99%; 
       text-align: center;
       }



#mainTable { 
        margin:0px auto; 
        position: relative; 
        height: 100%; 
        text-align:center;
        }


.lidwhite {    
          width:1019px;   
          height:448px;         
          }
          
#mainContentWrapper {
height:398px;
width:100%; 
position: relative; 
margin: auto auto; 
margin-bottom:5px;
}          

/*kleine ie-weiche */
*html #mainContentWrapper {
margin-bottom:0;
}
          
#menuWrapper, #textContent, #visualContent, #leftFooter, #rightFooter, #rightStripe, #visualContentDetail {
      float:left;
      height:100%;      
}

#menuWrapper {
width:93px;
}

#menuWrapper .rand, #rightStripe .rand {
margin-top:202px;
}          

#textContent {
background-color:#fff;
border:1px solid #C9C9CA;
width:299px;
}

.contentTextArea p, .contentTextArea .bodytext{
margin:0;
padding:0;
}

#textContent ul, .contentTextArea ul {
padding:0 0 0 0;
margin:5px 0 0 0;
} 



.contentTextArea li {
margin:0;
padding:0 0 0 15px;
background:url("../img/layout/plusgrey.gif") no-repeat top left;
margin-bottom:5px;
}


#menuReference li, div.csc-sitemap li{
background:none;
padding:0;
margin-bottom:0;
list-style-image:none;
}

#textContent li ul {
padding:0;
margin:0 0 20px 0;
}


#textContent li ul li {
padding-left:20px;
}


#textContent li a, #menuReference li a {
/*background:url("../img/layout/plusGruenWhite.gif") no-repeat center left;*/
padding:0;
}


#textContent p, #textContent div, .bodytext{
font-weight:normal;
line-height:140%;

}

#textContent .rand {
margin:20px 20px 0px 20px;
}

#scroller {
margin-top:10px;
text-align:right;
visibility:hidden;
}

#visualContent, #visualContentDetail {
border:1px solid #C9C9CA;
border-left-width:0;
width:603px;
}

#visualContent {
overflow:hidden;
}


#visualContentDetail {
width:624px;
border:0;
background-color:none;
}

#rightStripe {
width:21px;
}

.square {
width:20px;
height:16px;
}

#footerWrapper {

height:38px;
clear:both;
} 


#leftFooter {
width:394px;
text-align:right;
}

#footerLeftContent {
color:#4D88BF;
text-align:right;
width:280px;
float:right;
}




#leftFooter .rand {
margin-right:10px;

}

#rightFooter {
border:1px solid #897970;
width:603px;
}

#rightFooter .rand {
margin:10px 17px 0px 17px;
}

/* special options for menu
*/
ul#mainNavi {
display:block;
list-style:none;
padding:0;
margin:0;
width:100%;
background:url("../img/layout/clear.gif") repeat top left;
}


ul#mainNavi:hover li, li.over{ 
display:block;

 }


li a, li.over a, li a:hover, li.over a:hover, li#folder .rand {
padding-left:16px;
}

ul#mainNavi li a, li.over a {
display:block;
}
 
ul#mainNavi li a, li.over a, ul#secondNavi li.over a.over, ul#secondNavi li a{
color:#897970;
text-decoration:none;
}

ul#mainNavi li a:hover, li.over a:hover, li.over a.activeMenu, li a.activeMenu,ul#secondNavi li a:hover {
color:#4D88BF;
}

ul#mainNavi li a:hover, ul#mainNavi li.over a:hover, ul#mainNavi li.over a.activeMenu, ul#mainNavi li a.activeMenu {
background:url("../img/layout/plusMenu.gif") no-repeat center left;
}

ul#mainNavi li.over a.activeMenu, ul#mainNavi li a.activeMenu, ul#mainNavi li.over a.activeMenu:hover, ul#mainNavi li a.activeMenu:hover, ul#secondNavi li a.activeMenu, ul#secondNavi li a.activeMenu:hover {
color:#fff;
}


li#folder {
display:block;
background:#999F21 url("../img/layout/greenStripe.gif") repeat-x top left;
color:#492F22;
padding-top:61px;
padding-bottom:3px;
margin-bottom:5px;    
}


/* zweite Ebene */

ul#secondNavi {
list-style:none;
padding:0;
margin:0;
}

ul#secondNavi li {
display:inline;
float:left;
padding-right:10px;
}

ul#secondNavi li a {
padding:0;
}


ul#secondNavi li.lastSecond {
float:right;
}


.startRight {
height:77px;
width:18px;
background-color:#74503F;
}