/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_pullup.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#info h3 {margin-bottom:200px;}
/* style the outer div to give it width */
body a:link {
 color:#5F4929;
}
.menu {
/*height:30px;*/
font-size:11px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
/*width:150px;*/
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
position:relative;
}
.menu ul li a img {
border:none;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
font-family: Arial, Helvetica, Verdana;
text-decoration:none; 
/*color:#fff;
height:30px;
border:1px solid #fff; 
border-width:1px 1px 0 0; */
background:none;
padding-left:0px;
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
/*width:150px;
w\idth:139px;*/
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#fff;
color:red;
}
/* style the second level hover */
.menu ul ul a.drop:hover {
background:#fff;
color:red;
}
.menu ul ul :hover > a.drop {
background:#fff;
color:red;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
bottom:15px;
left:0; 
width:150px;
}
/*Abstand vom Submenu (pullupMenu) von unten aus gesehen*/
* html .menu ul ul {
bottom:20px;
}


/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#fff;
color:#cccc99;
height:auto; 
line-height:0.5em; 
padding:5px;
padding-left:1px;  
width:129px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#cc0000; 
background:#fff;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#cc0000; 
background:#fff;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
height:auto;
}

/*----------
Eigene Ergänzungen
-----------*/

#mainContainer {
display: block;
position: absolute;
top:0px;
width: 799px;
height: 535px;
background-color: #fff;
border:1px solid #EFEED0;
background-image: url(../de/bilder/bgwhite.gif);
background-repeat:repeat;
float:left;
position: absolute;
left: 50%;
top: 50%;
margin-left: -400px;  /* Um die Hälfte der Breite nach links schieben */
margin-top: -265px;   /* Um die Hälfte der Höhe nach oben schieben */
}
#menuBlock {
display: block;
position: absolute;
left:194px;
top:100px;
}
#logoContainer{
display: block;
position: absolute;
left:5px;
top:8px;
height:150px;
width:150px;
background-image: url(../de/bilder/treforzeLogo.gif);
background-repeat:no-repeat;
}

#contentContainerBrown, #contentContainerWhite{
display: block;
position: absolute;
left:0px;
top:135px;
height:333px;
width:800px;
}
#contentContainerBrown{
background-image: url(../de/bilder/bgbrown.gif);
background-repeat:repeat;
}
#contentContainerWhite{
background-image: url(../de/bilder/bgwhite.gif);
background-repeat:repeat;
}

#footer{
display: block;
position: absolute;
left:0px;
top:500px;
height:20px;
width:800px;
}

#footer img{
border:none;
}

.menulang ul{
padding:10px;
margin:0;
list-style-type:none;
}

.menulang li{
float:left;
position:relative;
width:70px;
}
#mainTextContainer h1,h1{
font-family: Arial, Helvetica, sans-serif;
color: #7A5E36;
font-size: 12px;
font-weight: bold;
}
#mainTextContainer{
display: block;
position: absolute;
overflow:auto;
top: 0px;
left: 420px;
height:300px;
width: 380px;
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
color: #7A5E36;
font-size: 11px;
}
#mainText{
display: block;
position: relative;
width:90%;
margin: 10px 10px 10px 10px;
}

/* Aktive Submenü zeigen*/
.menu ul ul.open{
visibility:visible;
height:auto;
}

.menu ul ul.open li a.active{
background:#fff;
color:#cc0000;
}