/* Start of CMSMS style sheet 'lubatsch-cs' */
body {
text-align : left;
font-family :  Verdana, Helvetica, Arial, lucida;
font-size : 80%;
color : #9B1519;
margin : 0;
background: url(images/back.gif) repeat-y fixed;
}


#wrapper {
width : 900px;
text-align : left;

}

#header {
width : 600px;
height : 162px;
background : url(images/header.gif) no-repeat;
margin-left: 370px;
}

#menu-wrapper {  width : 597px;
 margin-left: 370px;
height: 31px;
}

#menu-links {
width: 23px;
height:31px;
float:left;
display: inline;
background: url(images/menu-links.jpg) no-repeat;
}



#menu {

height:31px;
float:left;
display: inline;
background: url(images/menu-back.jpg) repeat-x;


}

#menu-rechts {
width: 7px;
height:31px;
float:left;
display: inline;
background: url(images/menu-rechts.jpg) no-repeat;

}

#menu ul {
list-style-type: none;
padding: 0 0 0 4px;;
margin: 0 ;
overflow: hidden;
}

#menu a
{
color: #fff;
text-decoration: none;
display: block;
padding: 3px 34px 0 20px;
margin: 0 0 0 -24px;
width: 80px;
height: 31px;
background:  url(images/menu-trenner.jpg) no-repeat;
}

#menu a:hover {   background:  url(images/menu-trenner-ho.jpg) no-repeat; }


#menu a.currentpage {font-weight: bold;   background:  url(images/menu-trenner-ho.jpg) no-repeat;}

#menu a.activeparent {font-weight: bold;  background:  url(images/menu-trenner-ho.jpg) no-repeat; }




#menu li /* all list items */
{
float: left;
display: inline;
margin: 0;
}

#menu li ul /* second-level lists */
{
list-style-type: none;
margin: -13px 0 0 -22px;
padding: 3px 0 0 0;
width: 140px;
position: absolute;

background:  url(images/li-ul.png) no-repeat -13px 0;  
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}






#menu li ul li /* second-level lists */
{
clear: both;

margin:0;
padding: 0;
left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#menu li ul a {
text-align: left;
margin: 0 0 0 0;
height: none;
padding: 3px 22px 0 20px;
width: 140px;
height: auto;
display: block;
background: url(images/submenu-li.png) repeat-y;

}





#menu li ul  a:hover {
 text-align: left;
margin: 0 0 0 0;
width: 140px;
display: block;

background: url(images/submenu-li.png) repeat-y;

}


#menu li ul  a.currentpage{
 text-align: left;
margin: 0 0 0 0;
width: 140px;
display: block;
background: url(images/submenu-li.png) repeat-y;
}




#menu li:hover ul ul, #menu li li:hover ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul
        {
        left: -999em;
        }

#menu li:hover ul,  #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul /* lists nested under hovered list items */
        {
        left: auto;

        }

#menu li.activeparent ul,
#menu li.activeparent ul li,
#menu li.currentpage ul,
#menu li.currentpage ul li

 {
    left: auto;
}
#menu li.activeparent ul li ul,
#menu li.activeparent ul li ul li,
#menu li.currentpage ul li ul,
#menu li.currentpage ul li ul li {
    left: -999em;
}



#menu li ul:hover {
display:block;
width: 140px;
height: 130px;
}



#main {
clear: both;
width: 1000px;
background: url(images/illu.gif) no-repeat bottom left fixed;

}

#height {
width: 1px;
height: 700px;
float:left; 
display: inline;

}

#text {
width: 570px;
margin :60px 0 0 380px;
padding-bottom: 80px;
font-size: 90%;
line-height: 150%;
float:left; 
display: inline;
}


h1 {
margin: 0 0 20px 0;
padding-top: 20px;
font-weight: normal;
font-size: 150%;
}



h2{

font-weight: bold;
font-size: 100%;


}
p {margin-bottom: 20px;}

#text ul {
list-style-type: none;
margin: 0;
padding:0;

}
#text li {
background: url(images/list.gif) no-repeat 2px 7px  ;
padding-left: 15px;
margin-top: 10px;
}

a {color: #9B1519; background: none;}

hr {
color: #9B1519;
background-color: #9B1519;
height: 1px;
margin-top: 20px;
}
/* End of 'lubatsch-cs' */