html, body				{ 
						margin:0; 
						padding:0; 
						text-align:center; 
						background: #FFFFEF url(images/back-main.gif) repeat-x;
						font-family: Arial;
						} 
 
#pagewidth				{ 
						width:1000px; 
						text-align:left;  
						margin-left:auto; 
						margin-right:auto;  
						display: block;
						background: url(images/back-schatten.jpg) no-repeat;
						}

#header					{
						position:relative; 
						height:148px; 
						background: #FFFFFF url(images/back-menue.gif) repeat-x; 
						width:1000px;
						} 

#headerfoto				{
						float: left;
						width: 400px;
						padding-left: 5px;
						}
#headermenue			{
						float: right;
						width: 580px;
						margin-right: 5px;
						}


#logo					{
						height:85px;
						padding-top: 15px;
						text-align: right;
						}

#menue					{
						height: 25px;
						text-align: right;
						}

#slogan					{
						color:#EEEEEE;
						text-align: right;
						font-size: 13px;
						}

/* #################################################################### */



#menue	UL				{
						margin: 0; padding: 0;
						float: right;
						}


#menue	LI				{
						display: inline-block;
						list-style-type: none;
						margin-right: 14px;
						float: left;

						}
#menue	LI A			{
						color: #FF0000;
						text-decoration: none;
						font-size: 14px;
						line-height: 23px;
						}

#menue	LI.aktiv A, #menue	LI A:hover		{
						color: #222222;
						text-decoration: none;
						font-size: 14px;
						}

 /* #################################################################### */

#unten					{
						clear: both;
						display: inline-block;
						width: 1000px;
						min-height: 400px;
						background: url(images/rahmen1.gif) repeat-y;
						}

#leftcol				{
						width:184px;
						padding: 8px;
						float:left; 
						text-align: left;
						font-size: 11px;
						font-weight: bold;
						color: #FFFFFF;
						}
#leftcol A				{
						text-decoration: none;
						color: #FFFFFF;
						}
#leftcol A:hover				{
						text-decoration: underline;
						color: #FFFFFF;
						}												

#leftcol H1				{
						font-family: Arial;
						font-size: 15px;
						width: 200px;
						border-top: 1px solid #EEEEEE;
						border-bottom: 1px solid #EEEEEE;
						background: url(images/back-submenue.gif);
						}

#maincol				{
						/*600 Pixel Breite!*/
						width: 495px;
						padding-left: 50px;
						padding-right: 50px;
						float:left; 
						font: 13px Arial;
						color: rgb(100,100,100);
						text-align: left;
						}

#maincol H1				{
						
						padding: 0; margin: 0;
						color: #880000;
						text-decoration: none;
						font-size: 22px;
						}
#maincol H2				{
						padding: 0; margin: 0;
						color:  rgb(100,100,100);
						text-decoration: none;
						font-size: 14px;
						margin-bottom: 25px;
						}

#maincol A				{
						color: #880000;
						text-decoration: none;
						}

 /* #################################################################### */

#rightcol				{
						width:200px; 
						float:left;
						background: url(images/rahmen2.gif) no-repeat;
						min-height: 400px;
						text-align: center;
						font-size: 11px;
						color: #333333;

						}
 #rightcol	H1			{
						padding: 0; margin: 0;
						font-size: 13px;
						}
 
#ende					{
						clear: both;
						display: block;
						width: 1000px;
						background-color: #FFFFEF;
						}


.clearfix:after {content: ".";  display: block; height: 0;  clear: both;  visibility: hidden; }
 .clearfix		{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix		{display: block;}
/* End hide from IE-mac */  

/*printer styles*/ 
@media print	{ 
/*hide the left column when printing*/ 
#leftcol		{display:none;} 

/*hide Beim Druck die rechte Spalte ausblenden*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}