/* reset styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, label, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 140%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

td, th{
  text-align:left;
  vertical-align:top;
}

/* ------------- Main Layout --------------- */

body{
	text-align:center;
}

#wrap{
	width:960px;
	margin:0 auto;
	background: none;
	text-align: left;
	height:500px;
	min-height:500px;
	position:relative;
}

#topic{
	height: 257px;
}

#logo{
	height: 94px;
	border-top: 3px solid #339900;
}

#meta-menu{
	text-align: right;
	position: absolute;
	right:0;
	top:3px;
}

#main-menu{

}


ul.menu{
	height:48px;
	background: url(../imgs/navi_back_no.gif) top repeat-x;
	margin-bottom: -8px;
}

ul.menu, ul.menu ul {
    list-style-type: none;
}

ul.menu li a {
    display: block;
    font-weight: normal;
    text-decoration: none;
    white-space: nowrap;
}


ul.menu li {
    padding: 0;
    margin: 0;
    float: left;
    
}

ul.menu li.level1{
	background: url(../imgs/navi_trenner.gif) right top no-repeat;
	padding:0 2px 0 0;
}

ul.menu li.level1 a{
    padding: 12px 45px 20px 45px;
    margin: 0;
    color: white;
    font-size: 14px;
    height:16px;
    /width:1px;
}

ul.menu li.level1:hover a, 
ul.menu li.level1 a.active{
	background: url(../imgs/navi_back_ro.gif) top repeat-x;
	color: #376a31;
}

ul.menu li.level1:hover ul li a, 
ul.menu li.level1 ul li a.active{
	color: white;
}


ul.menu li.level1:hover li.level2 a{
	background-image: none;
}


ul.menu li.level2 a{
    padding: 2px 10px;
    height:17px;
    text-align: right;
   	border-bottom: 1px solid #7fd554;
   	font-size: 12px;
   	background: none;
   	/width:100%;
}


ul.menu li.level3 a{
    padding: 3px 10px;
    text-align: left;
   	border-bottom: 1px solid #339900;
}

ul.menu li a:hover{
	
}

ul.menu li.level3 a:hover{
	color: white;
}

/* Für Unterpunkte keine Float-Eigenschaft */

ul.menu ul li {
    float:none;
}

/* Zweite Ebene */
       ul.menu ul {
             margin:0;
             /margin-top: -10px;
             padding: 0 0 10px 0;
             height:auto;
             position: absolute;
             display: none;
             width: 200px;
             background: #339900;
             z-index: 900;
       }

       ul.menu li.hover ul, ul.menu li:hover ul  {
               display: block;  
   	    }

		ul.menu li.level2{			
			padding:0 30px 0 15px;
		}
		
		ul.menu ul li li.hover, ul.menu ul li.level2:hover,
		ul.menu ul li li.hover a{
		 	background: #339900 url(../imgs/navi_pfeil_rev.gif) top right no-repeat;	 	
		}
		ul.menu ul li li.hassubpages.hover, ul.menu ul li.level2.hassubpages:hover{
		 	background: #339900 url(../imgs/navi_pfeil.gif) top right no-repeat;		 	
		}		
				
		ul.menu ul li li.hover a, ul.menu ul li.level2:hover a,
		ul.menu ul li li.hover a, ul.menu ul li.level2.active a{
		 	background: #66cc33;		 	
		}
/* Dritte Ebene */

	ul.menu ul ul {
		background: #66cc33;
	}

   ul.menu li.hover ul ul, ul.menu li:hover ul ul {
              display: none;
              width: 300px;
              margin-left: 185px; /* Breite eines Listenelements - Überlagerung */
              margin-top: -21px; /* Höhe eines Listenelements */
              /margin-left:200px;

   }
   ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
                display: block;
   }

		ul.menu li.level3{
			
			padding:0 15px 0 15px;
		}
		
		ul.menu ul li li li.hover a, ul.menu ul li.level3:hover a,
		ul.menu ul li li li.hover a, ul.menu ul li.level3.active a{
		 	background: #339900;
		}
		
		
/* --- 2 col content --- */

#content-top{
	padding-bottom: 30px;
}

#content-right{
	float: left;
	width: 194px;
	margin-left: 700px;
	}
* html #content-right{
	display: inline;
	}
#content-left{
	float: left;
	width: 660px;
	padding-right:30px;
	margin-left: -894px;
	}

#content-wrap{
	display: inline-block;
	float: left;
	float/**/: none;
	
	}
/* easy clearing */
#content-wrap:after{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
/*\*/
#content-wrap{
	display: block;
	padding: 0 32px;
	}
/* end easy clearing */



#footer{
	clear: both;
	border-top: 10px solid #339900;
	_height:200px;
	min-height: 200px;
	margin-top: 30px;
	position: relative;
	}

#imprint{
	position:absolute;
	right:0;
	width:400px;
	text-align: right;
}