html, body { 
	margin:0; 
	padding:0; 
	text-align:center; 
	background: #EEEEEE;
	font-family:Arial, Helvetica, sans-serif;
} 

#pagewidth	{ 
	width:100%;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	display: block;
	background: #FFF;
}
	
						
						
/* #################################################################### */


#oben	{
	width: 100%;
	text-align: center;
	background:rgb(180,42,54);
} 
#oben H1 	{
	padding: 0; margin: 0;
	padding: 8px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 100;
	letter-spacing: 3px;
}
						
						
/* #################################################################### */

#logo {
	margin: 10px;
	text-align: center;
}

#dots {
	width: 100%;overflow: hidden;
}

#but_menue {width: 100%; padding: 10px 0; text-align: center; margin-left: auto; margin-right: auto; cursor: pointer; background: #333333;}
#but_menue IMG {width: 30px; height: auto;}

#menue	{
	width: 100%;
	display: inline-block;
	text-align: center;
	display: none;
	} 
	
#menue UL, #menue LI {
	padding: 5px ;
	margin: 0px;	
	list-style-type: none;
	font-weight: bold;
}

#menue LI A {
	text-decoration: none;
	color: rgb(55,67,68);
	font-size: 15px;
	
} 

#menue LI.aktiv A {
	color: rgb(180,42,54);
	
} 

#menue LI A:hover {
	color: rgb(180,42,54);
	
} 


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

#mitte	{
	width: 100%;
	display: inline-block;
}

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

#submenue	{
	width: 235px;
	float: left;
	display: none;
}

#submenue UL, #submenue LI {
	padding:0px;
	margin: 0px;	
	list-style-type: none;
} 

#submenue UL {
	margin-top: 35px;
	margin-left: 35px;
}

#submenue LI {
	margin-top: 15px;
	font-size: 13px;
	
}

#submenue LI A {
	text-decoration: none;
	color: rgb(55,67,68);
	
} 

#submenue LI.aktiv A {
	color: rgb(180,42,54);
} 

#submenue LI A:hover {
	color: rgb(180,42,54);
} 

#submenue_mobile {text-align: center; display: block; margin-top: 5px; }

#submenue_mobile UL {display: inline-block;  text-align: center;}

#submenue_mobile UL, #submenue_mobile LI  {margin: 0; padding: 0; list-style-type: none; font-size: 14px; text-align: center;}

#submenue_mobile LI {display: inline; padding: 5px; padding-bottom: 0px;}
#submenue_mobile LI A B {font-weight: normal;}
#submenue_mobile LI A {font-size: 14px;  color: rgb(55,67,68); text-decoration: none;line-height: 25px;}
#submenue_mobile LI.aktiv A {color: rgb(180,42,54);} 
#submenue_mobile LI A:hover {color: rgb(180,42,54);} 


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

#main	{
	width: 90%;
	margin-top: 36px;
	padding: 5%;
	float: left;
	font-size: 14px;
	line-height: 130%;
}

#main TD	{
	font-size: 14px;
	vertical-align: top;	
}

#main TABLE.mobil_small TD	{
	font-size: 12px;	
}

#main H1	{
	padding:0px;
	margin: 0px;	
	margin-bottom: 25px;
	color: rgb(180,42,54);
	text-align:center;
	font-size:20px;
}

#main UL {
	margin: 0; padding: 0;
}

#main LI {
	margin-left: 18px;
	padding-left: 20px;
	
}



A	{
	color: rgb(180,42,54);
	text-decoration: none;
}

A:hover	{
	color: rgb(180,42,54);
	text-decoration: underline;
}

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

#unten	{
	clear: both;
	padding: 10px;
	background:rgb(55,67,68); 
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
} 

#unten A {
	color: #FFFFFF;	
}


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


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

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

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

@media only screen and (min-width: 760px) {

#pagewidth { width:760px; }

#but_menue {display: none;}
#menue {display: block;}
#menue UL, #menue LI {padding: 0px;}
#menue UL { margin-left: 25px}
#menue LI {
	float: left;
	margin-left: 35px;
	
}

#main {width: 710px; padding: 25px;}
.zweispalter {width: 100%;}
.zweispalter .spalte1 {width: 50%; float: left;}
.zweispalter .spalte2 {width: 50%; float: left;}
	
	
#main TABLE.mobil_small TD	{
	font-size: 14px;	
}
	
}

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

@media only screen and (min-width: 1000px)  {

#pagewidth { width:1000px; }

#logo, #dots {display:none;}
#menue {background: url(images/back-menue.gif) no-repeat; height: 190px;}

#menue UL {
	float: right;
	margin-top: 123px;
	margin-right: 60px;
}

#mitte {background: url(images/back-mitte.gif) repeat-y 187px 5px; }
#submenue {display: block; }
#submenue_mobile {display: none;}	
#main {width: 700px; padding: 0; }
}