html {
height : 101%;
z-index:1;
}
body {
color : #000000;
font-size : 13px;
padding : 0px;
margin : 0px;
background-color : #F5F5F5;

}

#header {
clear: both;
float : left;
width : 100%;
padding : 0px;
margin : 0px;
height : 120px;
background: url(../images/header.jpg) repeat top left; 
overflow : hidden;

}
#logo {
margin: 0px auto;
width:980px;
height:98px;
padding: 0px;

}
#search {
width:150px;
height: 30px;
	
}
#commonwrap {
clear:both;
margin: 0px;
height: 33px;
background : url(../images/commonbar.jpg) repeat top left;
}

#commonbar {
	margin: 0px auto;
	width: 980px;
	height: 33px;
	color: #FFF !important;	
	
}


#commonbar a {
display:inline-block;
padding: 0px 13px 0px 13px;	
	line-height:300%;
	text-decoration: none;
	font-family : Tahoma, Verdana, sans-serif;
	border-right: 1px solid #DEDEDE;
	font-size: 11px;
	font-weight: bold;
	height:32px;
	color: #fff;
			
}

#commonbar a:hover {
	
	background-color: #1C3F77;
	color: #FFF;
}

#commonbar a.sel {
	background-color: #1C3F77;
	color: #FFF;
	text-transform: uppercase;
}

#commonbar a:active {
	
	background-color: #1C3F77;
	color: #FFF;
}

#wrap {
width:980px;
margin: 0px auto;
background: #FFF !important;
padding-top: 20px;
border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
overflow:hidden;
}



#nav {
	float:left;
	width: 200px;
	padding : 0px 0px 0px 10px;
	border-right: 1px dotted #DDD;
	
	
}

#nav h2 {
padding: 20px 0px 2px 0px;
	margin: 15px 0px 0px 0px;
	font-size:120%;
	font-weight: bold;
}


ul#mainnavi{
	list-style-type:		none;
	width:				190px; 
	text-align:			left; 
	padding:			0px 0px 10px 0px; 
	margin:				0px;
}

#mainnavi li{
	list-style-type:		none;
	
	
}



#mainnavi a{ 
  display: block;
  margin-top: 2px;
  color: #000;
 text-decoration: none;
  }
  
 
 
a.maintopic {
	padding: 2px 16px 2px 16px !important;
	background: #DDDDDD url(../images/pr.gif) no-repeat scroll left center;
  }
  
a.maintopic:hover {
background: #EE8306 url(../images/pd.gif) no-repeat scroll left center;
color: #FFF !important;


}
 
a.topic {
background-color: #8AB6EB;
   padding: 2px 10px 2px 26px !important;
    
  } 
a.topic:hover {
background-color:  #EE8306;
color: #FFF !important;
}  
  
a.subtopic {
background-color: #96C5FF;
   padding: 2px 10px 2px 36px;
    
  }  
  
a.subtopic:hover {
background-color:  #EE8306;
color: #FFF !important;
}   
    
  
a.maintopicactive { 
background: #4982C7 url(../images/pd.gif) no-repeat scroll left center;
color: #fff !important;
  padding: 2px 16px 2px 16px;
  font-weight: bold;
  
  } 
  
 

a.topicactive { 
background-color: #5799EB;
color: #fff !important;
   padding: 2px 10px 2px 26px;
   font-weight: bold;
  
  }
  
 
    
a.subtopicactive { 
background-color: #96C5FF;
color: #fff !important;
  padding: 2px 10px 2px 36px;
  font-weight: bold;
  
  }
  
  

ul#subnavi{
	list-style-type:		none;
	width:				190px; 
	text-align:			left; 
	padding:			0px 0px 10px 0px; 
	margin:				0px;
}

#subnavi li{
	list-style-type:		none;
	
	
}



#subnavi a{ 
  display: block;
  margin-top: 2px;
  color: #000;
 text-decoration: none;
  }
  
 a.subnavitopic {
	padding: 2px 16px 2px 16px !important;
	background: #DDDDDD url(../images/pr.gif) no-repeat scroll left center;
  }
 
  
a.subnavitopic:hover {
background: #EE8306 url(../images/pd.gif) no-repeat scroll left center;
color: #FFF !important;


}
     
   
#content{
float : left;
width: 550px;
padding-left : 10px;
padding-right: 10px;
margin : 0px 10px 0px 10px;
border-right: 1px dotted #DDD;

}

#contentmax {
float : left;
width: 700px;
padding-left : 10px;
padding-right: 10px;
margin: 0px 10p 0px 10px;
background-color: #ffffff;

} 

  
   
#sidebar {
float: right;
width: 160px;
padding-right: 10px;	
}

#sidebar a{
text-decoration: underline !important;
font-size: 100% !important;
font-weight: bold !important;
}

#sidebar a:hover {
color:  #EE8306 !important;
}

#nav, #content, #contentmax, #sidebar {
   padding-bottom: 32767px; /* Beschraenkung durch Safari, der keinen groesseren Wert zulaesst. */
   margin-bottom: -32767px;
}



#bottomwrap {
clear:both;
margin: 0px;
height: 60px;

}

#bottom {
	margin: 0px auto;
	width: 980px;
	height: 33px;
	background-color: #4982C7;
	border: 1px 1px 1px 1px solid #FFF;
	color: #FFF !important!	
}


#bottom a {
display:inline-block;
padding: 0px 21px 0px 21px;	
	line-height:300%;
	text-decoration: none;
	font-family : Tahoma, Verdana, sans-serif;
	border-right: 1px solid #DDD;
	font-size: 11px;
	font-weight: bold;
	height:32px;
	color:#000 !important;
			
}

#bottom a:hover {
	
	background-color: #1C3F77;
	color: #FFF !important;
}

#bottom a.sel {
	background-color: #1C3F77;
	color: #DDD;
	text-transform: uppercase;
}


form.search {
	margin: 0px;
	padding: 0px;
}

form.search input {
	vertical-align : middle;
}

input.search {
	width: 150px;
	border: 2px solid #DDD;
	background-color: #f5f5f5;
	padding:2px;
	margin-bottom: 15px;
	color: #000;
	font-size: 10px;
}