/* Start of CMSMS style sheet 'endler_layout1_css' */
/*
Two column CSS layout - top and left menu 
* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
border-collapse:collapse;
border-spacing:0;
}
body, html {
color: #000; 
font-family:  Arial, Verdana,Tahoma, sans-serif;
background-color: #aaa; 
text-align: center; /*** Centers the design in old IE versions ***/
}
body {
font-size: 75%;
}

p {
margin: 7px 0 7px 0;
padding:0;
line-height:140%;
}

a {
color: #336633;
text-decoration:underline;
}

a:hover{
color: #669966;
text-decoration:underline;
}

h1, h2, h3, h4, h5 {
font-weight: bold;

}

h1 {
font-size: 1.4em;
padding:0;
margin:7px 0px 10px 0px;
font-weight:bold;
}

h2 {
font-size: 1.2em;
padding:0;
margin:19px 0px 7px 0px;
}

h3 {
font-size: 1.0em;
margin:14px 0px 5px 0px;
padding:0;
clear:none;
}

h4 {
font-size: 1.0em;
margin:14px 0px 5px 0px;
padding:0;
font-weight:nornmal;
}

h6 {
font-size:0.8em;
}



h1 a, #header h2{
color: #fff;
}

.float_left {
float:left;
margin:0px 10px 10px 0px;
} 

.float_right {
float:right;
margin:0px 0px 10px 10px;
} 


.clear_float { 
clear: both; 
}

table {
width:100%;
margin:0px 0px 10px 0px;
border-spacing:0;
border-collapse:collapse;
}

th {
border:1px solid #ccc;
padding:5px;
boder-spacing:0;
border-collapse:collapse;
font-weight:bold;
}

td {
border:1px solid #ccc;
padding:5px;
boder-spacing:0;
border-collapse:collapse;
}

#mainContainer {
min-width: 73em;
max-width:90em;
margin: 0 auto; /*** Centers the design ***/
min-height: 430px;
background: #fefefe;
background-image:url(images/endler/endler-1_05.gif);
background-repeat:no-repeat;
background-position:bottom left;
border-bottom:2px solid #fbe253;
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}

* html #mainContainer {
height: 430px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
width: 73em;


}

/**************************
HEADER
**************************/
#header {
background: #fefefe;
background-image:url(images/endler/endler_leiste_oben_bg_new.gif);
background-repeat:repeat-x;
padding: 0;
margin:0;
height:122px;
vertical-align:top;
width:100%;
}

#header_aerzte {
background: #fefefe;
background-image:url(images/endler/leiste_oben_aerzte.jpg);
background-repeat:repeat-x;
padding: 0;
margin:0;
height:122px;
vertical-align:top;
width:100%;
}

#header h1, #header_aerzte h1 {
margin:0;
}

#header h1 a img, #header_aerzte h1 a img{
border:0; 
vertical-align:top;
marging:0;
padding:0;
}

#header_biozentrum {
background: #fefefe;
background-image:url(images/endler/endler_biozentrum_03.gif);
background-repeat:no-repeat;
background-position:top right;
padding: 0;
margin:0;
height:102px;
}
/*************************
Menu Top
**************************/
#top {
background: #fefefe;
background-image:url(images/endler/endler-1_04.gif);
background-repeat:repeat-x;
background-position:top left;
padding: 0px;
height: 48px;
margin:0px;
vertical-align:top;
}

#menu-top {
background: transparent;
background-image:url(images/endler/endler-1_03.gif);
background-repeat:no-repeat;
background-position:top left;
padding: 0px 0px 0px 500px;
margin: 0;
height: 48px;
text-transform:uppercase;
vertical-align:middle;
}

#menu-top ul {
list-style: none;
padding: 0px 10px 0px 30px;
font-weight:bold;
height:35px;
margin:0px 0px 0px 0px;
}

#menu-top ul li{
display:inline;
line-height:100%;
height:35px;
border-right:1px solid #333;
}

#menu-top li a, #menu-top li.activeparent a{
color:#333;
text-decoration:none;
padding:5px 7px 5px 10px;
margin:0;
width:100%;
line-height:35px;
}

#menu-top li a:hover{
color:#000;
background:#e6e7e8;
}

/**-The top level parent when a child is the active/current page**/
#menu-top li.activeparent a{ 
color:#000;
background:#e6e7e8;
}

#menu-top .activeparent{ 
color:#000;

}

/**- n is the depth/level of the node. To style the active page for each level separately. The active page is not clickable.**/
#menu-top li.currentpage{ 
background:#e6e7e8;

}

#menu-top li.currentpage h3{ 
font-size:100%;
color:#333;
background:#e6e7e8;
display:inline;
margin:0;
padding:5px 7px 5px 10px;
}

/**- Used for the unclickable h3 to use the entire width of the li, just like the anchors. See the Tools stylesheet in the default CMSMS installation.**/
#menu-top .clearfix { 

}

/**- To style section header
#menu-top li.sectionheader h3 { 
font-size:100%;
display:inline;
padding:5px 7px 5px 10px;
margin:0;
}

/**- To style the ruler for the separator **/

#menu-top li.separator { 
width:1px;
border-right:1px solid black;
padding:0px 0px 3px 0px;
margin:0;
}
/**************************
CONTENT AND COLUMNS
**************************/
#main {
width:100%;
background-image:url(images/endler/endler-1_05.gif);
background-repeat:repeat-y;

}
#content {
min-width:45em;
max-width:60em;
background: #fefefe;
margin-left:21em;
min-height: 400px;
padding-right:20px;
}
* html #content {
position: relative; /*** IE needs this  ***/
height: 400px;
width:45em;
}

#content img{
border:1px solid #ccc;
border-bottom:2px solid #fe0;
}

/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
width: 19em;

background: transparent; 

padding: 5px 5px 5px 5px;

}
* html #left {
position: relative; /*** IE needs this  ***/
height: 250px;
}

#banner {
float: left;
width: 200px;
background: transparent; 
text-align:center;
padding: 5px;

}

#menu-left {
margin:5px 0px 0px 0px;
padding:0;
min-height: 250px;
border-right:1px solid #ccc;
}


#menu-left ul {
list-style: none;
padding: 0px 0px 0px 0px;
margin:0px 0px 10px 10px;
}
#menu-left li {
padding: 0px 0px 10px 0px;
margin:0;

}

#menu-left li a{
color:#000;
text-decoration:none;
text-transform:uppercase;
padding:2px 0px 2px 30px;
display:block;
font-weight:bold;
}

#menu-left li ul li a{
text-transform:none;
}


#menu-left li a:hover, #menu-left li.activeparent a:hover.activeparent{
background:#fbe253;
margin:0px 0px 0px 0px;
padding:2px 0px 2px 30px;
}

#menu-left ul li ul li a:hover{
background:#fbe253;
font-weight:bold;
}
/**-The top level parent when a child is the active/current page**/
#menu-left li.activeparent { 
font-size:100%;
background:transparent;
display:block;
}

#menu-left li.activeparent a.activeparent { 
font-size:100%;
background:#fef4cb;
display:block;
margin:0px 0px 0px 20px;
padding:2px 0px 2px 10px;
}

/**- n is the depth/level of the node. To style the active page for each level separately. The active page is not clickable.**/

#menu-left li.currentpage h3{ 
font-size:100%;
background:#fbe253;
display:inline;
text-transform:uppercase;
display:block;

padding:2px 0px 2px 30px;
margin:0;
}

#menu-left ul li ul{
list-style: none;
padding: 0;
margin:0;
}


#menu-left ul li ul li{ 
margin:0px 0px 0px 20px;
font-weight:normal;

}


#menu-left ul li ul li a{ 

font-weight:normal;
}

#menu-left ul li ul li.currentpage { 
margin:0;
background:#fbe253;
}


#menu-left ul li ul li.currentpage h3{ 
font-size:100%;
background:#fbe253;
display:inline;
text-transform:none;
display:block;
font-weight:bold;
margin:0px 0px 0px 20px;

}

#menu-left ul li.activeparent ul li.currentpage ul{ 
margin-left:0px;
background:#e6e7e8;
}



#menu-left ul li.activeparent ul li, #menu-left ul li.currentpage ul li{ 
font-size:100%;
background:#fef4cb;
display:inline;
text-transform:none;
display:block;
font-weight:normal;
padding:0px 0px 0px 0px;

}

#menu-left ul li ul li.currentpage { 
margin:0;
background:#fbe253;
}

#menu-left ul li ul li.currentpage ul li { 
margin:0px 0px 0px 20px;
font-weight:normal;

}

#menu-left ul li ul li.currentpage ul li a{ 
padding-left:40px;

}

#menu-left ul li ul li.activeparent ul li{ 
margin:0px 0px 0px 0px;
}

#menu-left ul li.activeparent ul li.activeparent{ 
background:#fbe253;
padding-left:0px;
margin-left:0px;
}

#menu-left ul li.activeparent ul li.activeparent a.activeparent{ 
background:#fbe253;
margin-left:40px;
padding-left:10px;
}

#menu-left ul li.activeparent ul li.activeparent ul{ 
margin-left:0px;
background:#e6e7e8;
}

#menu-left ul li.activeparent ul li.activeparent ul li{ 
margin-left:20px;
background:#fef4cb;
}



#menu-left ul li.activeparent ul li.activeparent ul li a{ 
padding-left:40px;
}


#menu-left ul li.activeparent ul li.activeparent ul li.currentpage h3{ 
padding-left:40px;
margin-left:0;
}





/**- Used for the unclickable h3 to use the entire width of the li, just like the anchors. See the Tools stylesheet in the default CMSMS installation.**/
#menu-left .clearfix { 
}

/**- To style section header
#menu-left li.sectionheader h3 { 
}

/**- To style the ruler for the separator **/

#menu-left li.separator { 
}

/**************************
FOOTER
**************************/
#footer {
clear:both;
width:80%;
margin: 0 auto;
text-align: center;
background-color: #fefefe;
border-top:1px solid #ccc;
font-size:0.8em;

}

#footer p {
margin:2px 0px 2px 0px;
padding:0;
width:100%;
}


/* End of 'endler_layout1_css' */