* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
margin: 0;
padding: 0;

}


body, html  {
	background:url(bg.jpg) repeat-x #999999;
	padding: 0;
	margin: 0;
	text-align:center;
	/*height:100%; /*um footer unten zu platzieren*/
	font-family: Arial, Verdana, Helvetica;
	color:white;	
	
}


* html #content {  /* IE6-Hack Korrektur für fehlerhafte margin im Content-Container */
  margin-left: 265px;
}


*:first-child+html #content { /* IE7-Hack Korrektur für fehlerhafte margin im Content-Container */
  margin-left:265px;
}

p {
margin-bottom:10px;
}


h1, h2, h3, h4, h5 {
margin-bottom: 15px;
}




/*==================================
Layout Boxen: Umrandung der Seite
==================================*/
  
#outer_wrapper{
	
	background: url(cont_background.gif) repeat-y;
	width: 996px;
	margin: 0 auto;
	padding: 0;
	/*height: auto !important; /*für moderne Browser, um footer unten zu platzieren*/
	/*height:100%; /* für ie7:um footer unten zu platzieren*/
	position:relative; /*um footer unten zu platzieren*/
	/*min-height:100%; /*für moderne Browser, um footer unten zu platzieren*/
}


/*==================================
Layout Boxen: Header,Logo
==================================*/



#header{
	width:996px;
	height:248px;
	margin:0 auto;
	padding:0;
	background-color:black;
	position:static;
}


/*==================================
Layout Boxen: Left_Wrapper
==================================*/

#left_wrapper{
   
	float: left;
	margin: 0 auto;
	width:214px;
	display:block; /*wg. Bug ie6 Margin-Doppelung*/
	padding: 62px 0 20px 0;
	background-color: black;
	position:static;
	
	
}

#left_wrapper img {

	border:none;
}
   

/*==================================
Layout Boxen - TEASER
==================================*/

#teaser {
	
	margin:0 auto;
	padding:0 0 10px 0;
	background: url(teaser_bottom.gif) bottom left no-repeat;
	width: 174px;
	text-align:left;
	position:static;
	
}

#teaser h5 {

	background: url(teaser_top.gif) top left no-repeat;
	font-size: 11px;
	color:#990000;
	text-align: center;
	margin: 0 auto;
	padding:8px 0 10px 0;
		
	}

	
#teaser p {
       
	margin: 0 auto;
	padding:5px 12px 10px 12px;
	background: url(teaser_middle.gif) repeat-y;
	font-size: 10px;
	color: black;
	
}





#teaser strong {
	font-size:11px;
		
}


#teaser a {

      text-decoration:underline;
		font-size: 10px;
		color: #990000;
		margin:0;
}

.teaserNav {

      text-decoration:underline;
		font-size: 11px;
		color: #990000;
		margin:0;
}


/*==================================
Layout Boxen: Inhalt
==================================*/

#right_block {
	width: 30px;
	
	float:right;
	position:static;
	margin:0;
	
}


#content{
	
	
	position:static;
	margin:20px 0 0 336px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.85em;
	padding: 0;
	text-align: left;
	width:534px;
	display:block;
	/*min-height:300px;/*wg. Höhe für moderne Browser ab ie7 und Firefox 1.5*/
	/*height:300px;*/
	
}


#content a {
	text-decoration: underline;
	color:#ffcc00;
}


#content  a:hover {
	color:white;
	text-decoration: underline;
}

#content img{
	
	border:none;
	
}


#content img a:hover{
	text-decoration:none;
	
	
}

#content h3, h4{
	color: #ffcc00;
}

#content h5{
	color: white;
	font-size:1em;
}

#content ul {
	margin: 0;
	padding: 3px 3px 10px 25px;
}

#content table {
		margin-bottom: 10px;
}

#content td {
		width: 200px;
}




#schlaegel_block {
	background: url(hg_schlaegel.gif) no-repeat right top;
	position: static;
	margin: 0 auto;
}


/*==================================
Hauptnavigation
==================================*/

#nav {
	position: relative;
	top: -18px;
	background: url(nav_background.gif) no-repeat;
	margin-left:224px;
	
	

}

#topnav {

	font-family: Verdana, Arial, Helvetica;
	color: black;	
	height: 38px;	

}


#topnav ul {
	display:block;
	list-style-type: none;
	padding:0 0 0 3px;
	margin:0 auto;
}


#topnav li {
  display:block;
	margin: 0 3px 0 0;
	float: left;
	background: url(nav_button.gif) no-repeat top;
	line-height:18px;
	width:105px;
	
}


#topnav li a.rex-current {
	display:block;
	color: #990000;
	background: url(nav_button.gif) no-repeat bottom;
}

#topnav li a.rex-active {
	display:block;
	color: #990000;
	background: url(nav_button.gif) no-repeat bottom;
}

#topnav li a:hover {
	display:block;
	color: #990000;	
	background-position: bottom;		
}

#topnav a {
	display:block;
	color: black;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	height:19px;
}

#topnav  a:link, #topnav a:visited {
	display:block;
	background: url(nav_button.gif) no-repeat top;
	width:105px;
	height:19px;
}

/*==================================
Unternavigation
==================================*/

#unav {
	
	font-family: Verdana, Arial, Helvetica;
	color: black;
	font-size: 11px;
   width:735px;
	height:19px;
	position: relative;
	top: -15px;
		
}		

#unav ul {

	list-style-type: none;
	padding:0 0 0 10px;
	margin:0 auto;

}

#unav li {
	
	padding-right:10px;
	padding-left:10px;
	float: left;
	border-left:1px solid black;	
}

#unav li a:hover {
	
	color: #990000;	
	margin:0;
	padding:0;
}

#unav a {
	
	color: black;
	font-size:11px;
	margin:0;
	padding:0;
	text-decoration: none;
	
}

#unav  a:link, #unav a:visited {
	
	color: black;
	margin:0;
	padding:0;
}


#unav li a.rex-current{
	color: #990000;
	
}


/*==================================
Layout Boxen - Metanav
==================================*/

#metanav {
	padding:0;
	margin:0;
	
	font-size:11px;
	position:absolute;
	top:20px;
	right:0px;
        background-color: #333333;
	padding-left:25px;
	font-family: Arial, Verdana, Helvetica;
	
	
}

#metanav ul{
	list-style:none;
	padding:0;
	margin:0 auto;
}

#metanav li{
	float:left;
	padding:0 20px 0 0;
	display:inline;
	margin:0;			
}

#metanav a {
	
	color: #ffffff;
	font-size:11.5px;
	
	margin:0;
	padding:0;
	text-decoration:none;
	
}

#metanav li a:hover {
	
	color:#ffffff;
	margin:0;
	padding:0;
	
}


/*==================================
Layout Boxen: Footer
==================================*/

#footer {
	clear:both;
   background-color:#666666;
	height:25px;
	width:996px;
	margin:0 auto;
	vertical-align: middle;
}

#footer ul{
	list-style:none;
	padding:0;
	margin:0 0 0 20px;
}

#footer li{
	float:left;
	padding:0 20px 0 0;
	display:inline;
	margin:0;			
}

#footer a {
	
	color: #ffffff;
	font-size:11px;
	margin:0;
	padding:0;
	text-decoration:underline;
	
}

#footer li a:hover {
	
	color:#ffffff;
	margin:0;
	padding:0;
	
}



/*==================================
Classes
==================================*/

.clear_both {
	clear:both;
}

.floatLeft {
	float:left;
	margin-right:15px;
}

.floatRight {
	float:right;
	margin-left:15px;
}

.floatNone {
	float:none;
}

/*==================================
Classes für 2-spaltigen Inhaltstext
==================================*/
ul.colums-two {
   list-style-type: none;
   padding: 0;
   margin: 0; }

li.innen {
   float: left;
   width: 250px;
   margin: 0 0 10px 0; 
	text-align:justify;}
      
li.aussen {
  float: right;
   width: 250px; 
   padding: 0;
   margin: 0 0 10px 0;
	text-align:justify;}
	
li.clr {
   display: inline;
   margin: 0;
   padding: 0;
   width: 1px;
 }

br.clr {
   clear: both;
   width: 1px;
   font-size:1px;
   margin: 0;
   padding: 0;
   overflow:hidden;
 }

