/* Start of CMSMS style sheet 'ahlers_css' */
	body {
		text-align:center;
		margin:0px;
		padding:0px;
		background-image:url(../images/ahlers_back.gif);
		background-repeat:repeat-x;
		background-color:#6EA170;
font-family: Arial, SunSans-Regular, Sans-Serif;
		}
	
	#frame {
		width:932px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		background-image:url(../images/frame_back.gif);
		background-repeat:repeat-y;
		}
		
	#left {
		width:261px;
		padding:0px;
		float:left;
		}
	
	#contentcenter {
		width:480px;
		padding:0px;
		float:left;
		background:#F9FCF9;
		}
	
	#contentright {
		width:189px;
		padding:0px;
		float:left;
		background:#B9D3BB;
		}
	
	#contentheader {
		background:#6EA170;
		background-image:url(../images/header_baum-mit-biene.jpg);
		background-repeat:no-repeat;
		background-position:right;
		}
		#headerlinie{
		height:26px;
		background-image:url(../images/header_linie.gif);
		background-repeat:no-repeat;
		padding:0px 0px 0px 800px;
		}

#footer{background:#108F34;text-align:center;}
#footer p{
color:#FFFFFF;
font-size:11px;
}
#footer a{
color:#FFFFFF;
font-size:11px;
}

img {border:none;}



/* ----------------menue-------------------*/
#left ul
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
font-family: arial, Helvetica, sans-serif;
}

#left li {
margin: 0px 0px 1px 1px;
padding: 0px 0px 0px 0px;
list-style-type:none;
}

#left a
{
display: block;
width: 228px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 32px;
color: #F9FCF9;
background-color: #71A574;
text-decoration: none;
border-bottom:1px solid #43874A;
}

#left a:hover
{
color: #F9FCF9;
background-color: #43874A;
text-decoration: none;
border-bottom:1px solid #43874A;
}

#left li.active a
{
color: #43874A;
background-color: #F9FCF9;
text-decoration: none;
border-bottom:1px solid #43874A;

}

#left ul li ul{margin: 0 0 15px 0;}
#left ul ul li { margin: 0 0 1px 0; }

#left ul ul a, #left ul li.active ul a, #left ul li.active ul li a
{
display: block;
padding: 5px 5px 5px 5px;
margin-left:25px;
width: 225px;
color: #327C38;
background-color: #CFE2CF;
text-decoration: none;
border-bottom:1px solid #43874A;
}

#left ul ul a:hover, #left ul li.active ul a:hover, #left ul li.active ul a:hover
{
color: #F9FCF9;
background-color: #8DB68E;
text-decoration: none;
border-bottom:1px solid #72A575;
}
#left ul li.active ul li a.current
{
font-weight:bold;
}

/* ----------------content-------------------*/
#content{
margin:5px 13px 20px 20px;
font-size: 13px;
font-family: Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
}

#contentcenter a {color: #336633;text-decoration:underline;}
#contentcenter a:visited {color:#564b47;}
#contentcenter a:hover {color: #564b47;text-decoration:none;}
#contentcenter a:active { color:#000000;}


#contentcenter .bild{
border:1px solid #B9D3BB;
}

#contentcenter h1 {
font-size:20px;
font-weight: normal;
padding-top: 5px;
padding-right:10px;
margin:0px;
color:#564b47;
}
#contentcenter h2 {
font-size:16px;
font-weight: bold;
text-transform:uppercase;
letter-spacing:-1px;
color:#72A575;
padding-top: 15px;
padding-right:10px;
margin:0px;
}
#contentcenter h3 {
font-size: 15px;
text-transform:uppercase;
padding-top: 10px;
padding-right:10px;
margin:0px;
color:#336633;
}
#contentcenter h4 {
font-size:16px;
font-weight: normal;
padding-top: 5px;
padding-right:10px;
margin:0px;
color:#564b47;}
#contentcenter h5 {
font-size:14px;
font-weight: bold;
padding-top: 25px;
margin:0px;
color:#005B00;}
#contentcenter p {
font-size: 13px;
font-family: Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding-top: 5px;
padding-right:10px;
margin:0px; }
.rex_image{
padding-right:5px;
}
/* ----------------suche-------------------*/
#search{
background-color:#71A574;
border-top:20px solid #EEF5EE;
text-align:center;
padding-top:10px;
}
.suche {
background-image:url(../images/suche_schatten.gif);
background-repeat:no-repeat;
height:15px;
}
.button
{margin-top:3px; background-color:#43874A; color:#CFE2CF; width:120px; border:1px solid #327C38; }
#m3searchinput {
background-color:#F9FCF9; width:120px; border:1px solid #327C38;color:#564b47;
}
#m3moduleform_1{
margin:0px;
padding:0px;
}

.kontakt{
background-color:#71A574;
margin-top:30px;
text-align:center;
padding-top:5px;
}
.kontakt p{
font-size:13px;
color:#F9FCF9;
margin-bottom:0px;
padding-bottom:0px;}

.kontaktdetail{
padding-top:15px;
}
/* End of 'ahlers_css' */

/* 

Das Modul nutzt 6  Klassen zur Ausrichtung der Bilder. .pleft , .pright und .pnormal    
.pleft für links ausgerichtete Bilder
.pright für rechts ausgerichte Bilder
.pnormal kann zur Definition einer Normalanzeige verwendet werden.  

.pleft_b, .pright_b und .pnormal_b definieren die Anzeige der Bilder für den 2. Stil.  z.B. Anzeige mit Rahmen
Viel Spass beim weiteren basteln.



Code: 

*/ 


/* Definition der Klassen ohne Rahmen*/ 

.pleft {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pright {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pcenter {
margin-top: 5px;
text-align:center;
margin-bottom: 5px;
}
.pnormal {
margin-top: 5px;
border: none;
margin-bottom: 5px;
}


/* Definition der KLassen mit  Rahmen */

.pleft_b {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pright_b {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pcenter_b {
margin-top: 5px;
text-align:center;
margin-bottom: 5px;
border: 1px solid #990000;
}
.pnormal_b {
margin-top: 5px;
margin-bottom: 5px;
	clear: both;
	border: 1px solid #990000;
}


/**---------------Bildergalerie------------------**/
/* JAOS Gallery
*******************************************************************************/
/* JAOS Lightbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails, ausgelegt auf eine Thumbnail-Grösse
von 60 x 80 Pixel.
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/
.jaosg_galerie	{
				text-align:center; 
				vertical-align:middle; 
				padding:4px;
				}


.jaosg_nav 		{
				text-align: center;
				}

.jaosg_bild		{
				text-align: center;
				}

.jaosg_bildbeschreibung	{
				text-align: justify;
				}

div.jaosgl_thumbnail{
	float: left;
	background: #EEF5EE;
	margin: 5px 2px;
		border: 1px solid;
	border-color: #B9D3BB;
}

div.jaosgl_thumbnail img{
	border: 1px solid;
	border-color: #B9D3BB;
}
/* ls=landscape-Format der Thumbs */
div.ls img{
	height: 60px;
	width: 80px;
	margin: 20px 10px;
}
/* pt=portrait-Format der Thumbs */
div.pt img{
	height: 80px;
	width: 60px;
	margin: 10px 20px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
	padding-top: 1em;
}
/**---------------Bildergalerie ENDE ------------------**/

.clboth {  
 clear: both;
 display: block;
 line-height: 0;
 font-size: 0;
}

table img {
float:left;
}

.sortiment{
margin-top:15px;
border:0px;
}
.sortiment td{
border-top:1px solid #43874A;
}
.sortiment td p{
padding-top:2px;
padding-bottom:2px;
}

/**---------------Formular------------------**/
#form-module fieldset {
  margin-bottom: 10px;
  margin-top:25px;
  border:0px;
}
#form-module legend {
  padding: 0 2px;
  font-weight: bold;
}
#form-module .element{
display:block;
}
#form-module label {
  float:left;
  line-height: 1.8;
  vertical-align: top;
  width: 120px; /* Width of labels */
}
#form-module br{
clear:both;
}
input, textarea, select {
  background:#EEF5EE;
}
.submit
{margin-top:3px; margin-left:125px; background-color:#43874A; color:#CFE2CF; width:120px; border:1px solid #327C38; }

/** NEWS **/
.teaser a{
display:block;
clear:both;
}