@charset "iso-8859-1";
/* MENSA REGIO */


html             	  { height: 100%; min-height: 100%;}
body 		     	  {	height: 101%; margin: 0; color: #666666; 
						FONT-SIZE: 12px; line-height: 15px; FONT-FAMILY: Arial,Verdana,Geneva,Helvetica,sans-serif;	}
						
#center 		      {	text-align: center; width: 99%; padding: 0px 0px 0px 0px; }
#container    	      { text-align: left; margin: 0 auto; width: 980px; padding: 0px 0px 0px 0px; background: white; 
						margin-top: 0px; margin-bottom: 0px; }
#BOX_end			  { clear: both; }	

.align-center {
  text-align:center;
}




#DIV_WIDE       	  { width: 980px; float:left; padding: 0px 0px 0px 0px; border-bottom: 10px solid #E3E3E3; margin-bottom: 20px;}
#DIV_WIDE h1          {	font-size: 30px; line-height: 32px; font-weight: normal; color: #FFFFFF; margin: 0px 0px 0px 0px;}	
	
#DIV_LEFT       	  { width: 280px; float:left; padding: 0px 0px 0px 0px; }
#DIV_RIGHT      	  { width: 700px; float:left; padding: 0px 0px 0px 0px; }

#DIV_FOOTER        	  { width: 670px; float:left; padding: 10px 0px 11px 310px; margin-top: 45px; background: #990000; color: #FFFFFF; }
#DIV_FOOTER a:link    { font-weight: bold; color: #FFFFFF; text-decoration: none; }
#DIV_FOOTER a:visited { font-weight: bold; color: #FFFFFF; text-decoration: none; }
#DIV_FOOTER a:hover   { font-weight: bold; color: #FFFFFF; text-decoration: underline; }
#DIV_FOOTER a:active  { font-weight: bold; color: #FFFFFF; text-decoration: underline; }


#DIV_FOOTER_GREEN { width: 670px; float:left; padding: 10px 0px 11px 310px; margin-top: 45px; background: #005D1D; color: #FFFFFF; }
#DIV_FOOTER_GREEN a:link    { font-weight: bold; color: #FFFFFF; text-decoration: none; }
#DIV_FOOTER_GREEN a:visited { font-weight: bold; color: #FFFFFF; text-decoration: none; }
#DIV_FOOTER_GREEN a:hover   { font-weight: bold; color: #FFFFFF; text-decoration: underline; }
#DIV_FOOTER_GREEN a:active  { font-weight: bold; color: #FFFFFF; text-decoration: underline; }

/*---------------------------------------------------------------------------------------------------------------------------*/
#DIV_LOGO         	  { width: 220px; float: left; padding: 30px 0px 0px 30px; text-align: center; }
#DIV_METANAV       	  { width: 470px; float: left; padding: 0px 0px 0px 30px; text-align: left; }

#DIV_LOGIN                { width: 200px; float:left; padding: 8px 0px 5px 30px; 
			    margin-right: 0px; color: #FFFFFF; }
			/*background: url(images/main/login.gif) #740000 repeat-x top left; margin-right: 0px; color: #FFFFFF; }*/
#DIV_LOGIN a:link     { FONT-SIZE: 10px; line-height: 11px; font-weight: normal; color: #BA8080; text-decoration: none; }
#DIV_LOGIN a:visited  { FONT-SIZE: 10px; line-height: 11px; font-weight: normal; color: #BA8080; text-decoration: none; }
#DIV_LOGIN a:hover    { FONT-SIZE: 10px; line-height: 11px; font-weight: normal; color: #FFFFFF; text-decoration: none; }
#DIV_LOGIN a:active   { FONT-SIZE: 10px; line-height: 11px; font-weight: normal; color: #FFFFFF; text-decoration: none; }

#DIV_NAV1         	  { width: 700px; float: left; padding: 0px 0px 0px 280px; border-bottom: 10px solid #990000; } 

#DIV_IMAGE			  {	width: 470px; float:left; padding: 0px 0px 0px 0px; }
#DIV_HEADLINE  	      { width: 420px; float:left; padding: 0px 20px 0px 30px; }

#DIV_TEXT      	      { width: 420px; float:left; padding: 0px 20px 0px 30px; }
#DIV_TEXT ul 		  { margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; }
#DIV_TEXT li 		  { margin: 0px 0px 0px 0px;  padding: 0px 0px 5px 0px; list-style-type: square; }	
#DIV_TEXT h1          { color: #636563; font-size: 24px; font-weight: normal; margin: 0px 0px 20px 0px; line-height: 24px;}
#DIV_TEXT h2          { font-size: 13px; font-weight: bold; margin: 20px 0px 0px 0px; line-height: 15px;}
#DIV_TEXT h3          { font-size: 13px; font-weight: bold; margin: 10px 0px 5px 0px; line-height: 15px;}
#DIV_TEXT p          { margin: 5px 0px 5px 0px; line-height: 15px;}

#DIV_COL      	      { width: 210px; float:left; padding: 0px 20px 0px 0px; }

#DIV_TEASER           { width: 170px; float:left; padding: 10px 20px 10px 20px; background: #F0F0F0; margin-bottom: 10px;}
#DIV_TEASER a:link    { FONT-SIZE: 10px; line-height: 11px; font-weight: normal; color: #787878; text-decoration: none; }
#DIV_TEASER a:visited { FONT-SIZE: 10px; line-height: 11px; font-weight: normal; color: #787878; text-decoration: none; }
#DIV_TEASER a:hover   { FONT-SIZE: 10px; line-height: 11px; font-weight: normal; color: #990000; text-decoration: none; }
#DIV_TEASER a:active  { FONT-SIZE: 10px; line-height: 11px; font-weight: normal; color: #990000; text-decoration: none; }
						
.DIV_TEASERL          { float:left; margin-bottom: 5px; padding-left: 30px; }
.DIV_TEASERL          { font-size: 13px; font-weight: bold; margin: 10px 0px 5px 0px; line-height: 15px;}
.DIV_TEASERL a:link   { FONT-SIZE: 10px; line-height: 11px; font-weight: normal; color: #787878; text-decoration: none; }
.DIV_TEASERL a:visited { FONT-SIZE: 10px; line-height: 11px; font-weight: normal; color: #787878; text-decoration: none; }
.DIV_TEASERL a:hover  { FONT-SIZE: 10px; line-height: 11px; font-weight: normal; color: #990000; text-decoration: none; }
.DIV_TEASERL a:active { FONT-SIZE: 10px; line-height: 11px; font-weight: normal; color: #990000; text-decoration: none; }
.DIV_TEASERL ul       { font-size: 11px; font-weight: bold; 
                               list-style-type: none; padding: 3px 0px 5px 0px; margin: 0px 0px 0px 0px; }
.DIV_TEASERL li       { padding: 0px 0px 5px 10px; clear: left; font-weight: normal; }
						
				
#DIV_LEFT_inner    	  { width: 220px; height: 120px; float:left; padding: 22px 30px 30px 30px; color: #FFFFFF; }
#DIV_LEFT_inner a:link   	{ font-weight: bold; color: #FFFFFF; text-decoration: none; }
#DIV_LEFT_inner a:visited 	{ font-weight: bold; color: #FFFFFF; text-decoration: none; }
#DIV_LEFT_inner a:hover   	{ font-weight: bold; color: #FFFFFF; text-decoration: underline; }
#DIV_LEFT_inner a:active    { font-weight: bold; color: #FFFFFF; text-decoration: underline; }	

#DIV_RIGHT_inner      { width: 190px; height: 140px; float:left; padding: 20px 20px 20px 20px; color: #FFFFFF; }
#DIV_RIGHT_inner a:link   	{ font-weight: bold; color: #FFFFFF; text-decoration: none; }
#DIV_RIGHT_inner a:visited 	{ font-weight: bold; color: #FFFFFF; text-decoration: none; }
#DIV_RIGHT_inner a:hover   	{ font-weight: bold; color: #FFFFFF; text-decoration: underline; }
#DIV_RIGHT_inner a:active   { font-weight: bold; color: #FFFFFF; text-decoration: underline; }	

/*---- LINKS H1 FORMULARE ------------------------------------------------------------------------------------------------------*/

a:link   	          { font-weight: bold; color: #990000; text-decoration: none; }
a:visited 	          { font-weight: bold; color: #990000; text-decoration: none; }
a:hover   	          { font-weight: bold; color: #666666; text-decoration: none; }
a:active    	      { font-weight: bold; color: #666666; text-decoration: none; }

h1  	 			  { color: #B4B4B4; font-size: 24px; font-weight: normal; margin: 0px 0px 20px 0px; line-height: 24px;}
h2  				  { font-size: 16px; font-weight: normal; margin: 32px 0px 15px 0px; line-height: 24px;}
h3  	 			  { color: #FFFFFF; font-size: 12px; font-weight: bold; margin: 0px 0px 10px 0px; padding: 2px 0px 3px 10px; 
					    background-color: #990000; }

form                  { margin: 0px; padding: 0px; }
.formularfeld		  { font-family: Arial,Verdana,Geneva,Helvetica,sans-serif; font-size: 11px; 
			            padding: 0px 0px 0px 6px; margin: 0px 0px 0px 0px; width: 160px; height: 15px; }
						
.button_red  	      { font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;; font-size: 12px; font-weight: bold; 
					    color: #FFFFFF; background: #3A0000; border: 0px; 
						padding: 2px 5px 2px 5px; margin: 0px 0px 0px 0px; height: 22px; cursor: pointer;}		
								  
.button_gray  	      { font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;; font-size: 12px; font-weight: bold; 
					    color: #FFFFFF; background: #787878; border: 0px; 
						padding: 2px 5px 2px 5px; margin: 0px 0px 0px 0px; height: 22px; cursor: pointer;}	
						
									  
/*---- NAV 11111111 ------------------------------------------*/


#NAV1 				{ float: left; background: white; line-height: 30px; }

#NAV1 ul 			{ width: 700px; font-size: 11px; font-weight: bold; text-transform: uppercase;
					  list-style-type: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } 
					  
#NAV1 li 			{ display: inline; } 
#NAV1 li a 			{ float: left; padding: 0px 15px 0px 15px; border-right: 1px solid #EEEEEE;
					  background: #FFFFFF; color: #808080; text-decoration: none; } 
#NAV1 li a:hover 	{ background: #FFFFFF; color: #990000; text-decoration: none; }
#NAV1 li a.on 		{ background: #990000; color: #FFFFFF; text-decoration: none; }	
#NAV1 li a.on:hover { background: #990000; color: #FFFFFF; text-decoration: none; }


/*---- NAV 22222222 ------------------------------------------*/


#NAV2 				{ float: left; background: white; line-height: 20px; margin-bottom: 30px;}

#NAV2 ul 			{ width: 280px; font-size: 11px; font-weight: bold; text-transform: uppercase; background: #808080;
					  list-style-type: none; padding: 30px 0px 30px 0px; margin: 0px 0px 0px 0px; } 
					  					  
#NAV2 li 			{ clear: left; }
#NAV2 li a 			{ float: left; padding: 0px 0px 0px 30px; width: 250px; 
					  background: #808080;color: #FFFFFF; text-decoration: none; } 
#NAV2 li a:hover 	{ background: #808080;color: #333333; text-decoration: none; }
#NAV2 li a.on 		{ background: #808080;color: #333333; text-decoration: none; }	
#NAV2 li a.on:hover { background: #808080;color: #333333; text-decoration: none; }



/*---- NAV META ------------------------------------------*/


#DIV_METANAV 				{ line-height: 7px; }

#DIV_METANAV ul 			{ font-size: 10px; font-weight: bold; 
							  list-style-type: none; padding: 0; margin: 0; text-transform: uppercase; }
					  
#DIV_METANAV li 			{ display: inline; }
#DIV_METANAV li a 			{ float: left; padding: 11px 8px 2px 8px; border-left: 1px solid #EEEEEE; 
					  		  color: #666666; text-decoration: none; }
#DIV_METANAV li a:hover 	{ color: #990000; text-decoration: none; }
#DIV_METANAV li a.on 		{ color: #990000; text-decoration: none; }	
#DIV_METANAV li a.on:hover  { color: #990000; text-decoration: none; }


/*------------------------------------------------------------*/
			


/*---------------- Typo3 Elements ---------------------------*/
/* Contact Form */
.csc-mailform { border: none;  }
.csc-mailform input,  .csc-mailform textarea { padding: 1px; }
.csc-mailform input { width: 315px; color: #666666;}
.csc-mailform textarea { width: 395px; color: #666666;}
.csc-mailform-field label { width: 80px; display:block; float: left; font-size:11px;  }
.csc-mailform-field { padding-bottom: 10px; }

/*PLZ Suche*/
.tx-mensaregiosuchfunktionen-pi1 {}
.tx-mensaregiosuchfunktionen-pi1-label { width: 250px; color: #666666; float: left; }
.tx-mensaregiosuchfunktionen-pi1 input { color: #666666; margin-bottom: 5px; width: 80px; font-size:11px;  }
.tx-mensaregiosuchfunktionen-pi1 select { color: #666666; margin: 0px 0px 2px 0px; width: 50px; height: 17px; font-size:11px;   }
.tx-mensaregiosuchfunktionen-pi1-error1 { color: #990000; font-weight: bold; } 
.tx-mensaregiosuchfunktionen-pi1-inputbutton { width: 60px; height: 22px;  }
.tx-mensaregiosuchfunktionen-pi1-labelhidden { width: 250px; color: #ffffff; float: left;  }
.tx-mensaregiosuchfunktionen-pi1-comment { width: 400px; color: #666666; font-size:10px; margin-bottom: 20px; font-weight: normal; }


/*Produkt Suche*/
.tx-mensaregiosuchfunktionen-pi2-label { width: 250px; color: #666666; float: left; }
.tx-mensaregiosuchfunktionen-pi2 input { color: #666666; margin-bottom: 5px; width: 80px;  font-size:11px;  }
.tx-mensaregiosuchfunktionen-pi2 select { color: #666666; margin: 0px 0px 2px 0px; width: 50px; height: 17px; font-size:11px;   }
.tx-mensaregiosuchfunktionen-pi2-error1  { color: #990000; font-weight: bold; } 
#tx-mensaregiosuchfunktionen-pi2-inputbutton { width: 60px; height: 22px;  }
#tx-mensaregiosuchfunktionen-pi2-labelhidden { width: 250px; color: #ffffff; float: left;  }
.tx-mensaregiosuchfunktionen-pi2-comment { width: 400px; color: #666666; font-size:10px; margin-bottom: 20px; font-weight: normal; }

/*Visitenkarte*/
.tx-mensaregiovisitenkarte-pi2 a:link   	          { font-weight: bold; color: #666666; text-decoration: none; }
.tx-mensaregiovisitenkarte-pi2 a:visited 	          { font-weight: bold; color: #666666; text-decoration: none; }
.tx-mensaregiovisitenkarte-pi2 a:hover   	          { font-weight: bold; color: #990000; text-decoration: none; }
.tx-mensaregiovisitenkarte-pi2 a:active    	      { font-weight: bold; color: #990000; text-decoration: none; }

/*Visitenkarte Plus*/
.tx-mensaregiovisitenkarteplus-pi2 p { margin-top: 10px; }
.tx-mensaregiovisitenkarte-pi2 h2 { color: #990000;  }
.tx-mensaregiovisitenkarteplus-pi2 h2 { color: #990000;  }
.tx-mensaregiovisitenkarteplus-pi2 a:link   	          { font-weight: bold; color: #666666; text-decoration: none; }
.tx-mensaregiovisitenkarteplus-pi2 a:visited 	          { font-weight: bold; color: #666666; text-decoration: none; }
.tx-mensaregiovisitenkarteplus-pi2 a:hover   	          { font-weight: bold; color: #990000; text-decoration: none; }
.tx-mensaregiovisitenkarteplus-pi2 a:active    	      { font-weight: bold; color: #990000; text-decoration: none; }


/*Shop */
#prod_bild{
float:left;
width:120px;
/*height:120px;*/
}
#prod_info{
float:left;
width:300px;
margin-bottom:5px;
}

/*#clear { clear:left; }
#clear hr{color:#B2B2B2;height:0px;border:1px #B2B2B2;}*/
.clear { clear:left;margin-top:5px;
	 background-image: url(images/main/hr_line.gif); background-repeat: repeat-x; }
/*.clear hr{color:#B2B2B2;height:10px;border:1px #B2B2B2;}*/
.clear_only { clear:left;}

#such_bild{
float:left;
width:205px;
margin-top:5px;
margin-bottom:10px;
margin-right:20px;
}
#such_info{
float:left;
width:190px;
margin-top:5px;
margin-bottom:5px;
}
.bg_bild{
float:left;
width:202px;
margin-top:5px;
margin-bottom:5px;
padding-right:5px;
/*background-image: url(images/main/bg_gallery.jpg);*/
}

img{
  border:0;
}


form#anfrage label {
	float:left;
	display:block;
	width:100px;
	margin-bottom:5px;
}


form#anfrage input, form#anfrage textarea{
	width:200px;
	margin-bottom:5px;
}

form#anfrage #submitid {
	border: 1px solid #cccccc;
	width:100px;
}
 
form#anfrage .infoid {
	width: 10px;
	margin-left:100px;
	margin-right:5px;
	height:11px;
}


form#anfrage .infolabel {
	margin-top:5px;
	width: 400px;
}