@charset "utf-8";
*{margin: 0; padding 0;}
html {height:100%; margin: 0; padding 0;}
body  {
    	font: 100.01%  Arial, Helvetica, sans-serif;

    	margin: 0; 
    	padding: 0;
    	text-align: center; 
    	color: #fff;
		background-color:#81ADAE;
		height:100%;
		
    }
	
	h1{ font-size: 16px; font-weight: bold;}
	h2{ font-size: 14px; font-weight: bold;}
	h3, h4{ font-size: 12px; font-weight: bold;}
	p{margin-bottom: 15px;}
	
 a{text-decoration:none; color: #02D3CD;}
	
#incontent a{text-decoration:none; color: #0A5F5E;}

	#incontent a:visited{text-decoration:none; color: #0A5F5E;}
	#incontent a:hover{text-decoration:underline; color: #0A5F5E;}
			#incontent a:active{text-decoration:none; color: #0A5F5E;}
			
			.noborder{border:0 !important;}
	
	
  #container {

  
	width: 1004px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background-color: #6B9B9D;
	background-image: url(../images/container_mitte.jpg);
	background-repeat:repeat-y;
	
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 1px solid #88B4B5;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
min-height: 100%; 
height: auto !important;   
height: 100%;


	
	} 
	
	
	#flcontainer{text-align:center; height: 585px; overflow:hidden}
#flcontainertext{text-align:left; font-size: 9px;}
	
	
	

.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 */

	
	
  #links {
    	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 170px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
    	background-image:url(../images/spalte.jpg);
		background-repeat:no-repeat;
    	padding: 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
		min-height: 100%;
		height:auto !important;
		height:100%;
		
		
		
    }
	  
    #rechts {
    	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 170px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
		background-image:url(../images/spalte_rechts.jpg);
		background-repeat:no-repeat;
    	padding: 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
		 min-height: 500px;  
  height: auto !important;
  height: 100%; 
	
    }
	
	
	 #inrechts {padding-left:15px; padding-top: 90px; font-size: 12px;}
	 #inrechts a{text-decoration:none; color: #0A5F5E;}
	#inrects a:visited{text-decoration:none; color: #0A5F5E;}
	#inrechts a:hover{text-decoration:underline; color: #0A5F5E;}
	#inrechts a:active{text-decoration:none; color: #0A5F5E;}

	
	
	
	
	  #container-start {
	width: 1004px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: #6B9B9D;
	
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 1px solid #88B4B5;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	height:581px;
	overflow:hidden;
    } 

	
	
	
	
	
	
	
	#links-start {
    	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 170px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
    	background-image:url(../images/spalte.jpg);
		background-repeat:no-repeat;
    	padding: 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
		height:580px;
		
		
		
    }
	
	
	
	
	
	
	 #rechts-start{
    	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 170px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
		background-image:url(../images/spalte_rechts.jpg);
		background-repeat:no-repeat;
    	padding: 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
		height:580px;
	
    }
	
	
	#zertifikate{margin-top: 180px; margin-left: 20px;}
	#zertifikate img{margin-bottom: 5px;}
	
	
	#flaggen{margin-top: 450px; margin-left: 20px;}
	
* html container-start, * html container-links, * html container-rechts{height:560px;}
	
	#logo{margin-top: 70px; margin-left: 5px;}
	
 #content { 

 float:left;
 width: 660px;
 font-size: 0.80em;
    	margin: 0 0px; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */
    	padding:0px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
		border-right: 2px solid #fff;
		border-left: 2px solid #fff;

		line-height: 140%;
		min-height: 100%;
		height:auto !important;
		height: 100%; 


    }

		
	
	
	#banner{width: 660px; margin-top: 30px;
	border: 0px solid #000;
	height: 150px;
	}
	
	* html #banner{float:left; width: 634px; margin-top: 30px;
	border: 0px solid #000;
	}
	
		#banner-unten{float:left; width: 659px; margin-top: 10px; padding: 0;
	border: 0px solid #fff;}


	#banner-unten td img{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	
	}
	
		#banner-unten img{border: 0px solid #fff;
		
	}
	
	
	 #incontentstart { float:left; width: 614px; margin-left: 20px;}
	* html #incontentstart { float:left;  width: 614px; margin-left: 10px;}
	
	
	
	 #incontent { float:left; width: 614px; margin-left: 20px;
  min-height: 100%;
 	 
	 }
	 
	 * html #incontent ul{margin-left: 40px;}
	* + html #incontent ul{margin-left: 40px;}
	 
	 
	* html #incontent { float:left;  width: 614px; margin-left: 10px; }
	
	#incontent img{border: 1px solid #fff
		
	}
	
	
		 #incontent-fertigung {  width: 614px; margin-left:0;
 
		
  background-image: url(../images/hand-messen.png);
  background-repeat:no-repeat;
background-position:bottom left; 
  border: 0px solid #fff;
  min-height: 820px;
		height:auto !important;
		height:750px;
 	 
	 }
	

	
	
	
	
	#nav {float:right;
	width: 140px;
	background-color: #75B0A4;
	height: 200px;
	margin-top: 180px;
	}
	
	* html #nav{
	margin-top: 155px;}
	
    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }


/**
* @package Zweispalter
* @name ZS CSS
* @author ZFeN - sven@zfen.de - http://www.zfen.de
* @version 1.0
*/

.zweispalter {
  width: 610px; 
}

.zweispalter_1 {
  width: 290px;
  float: left;
}

.zweispalter_2 {
  width: 290px;
  margin-left: 10px;
  float: right;
}


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



/**
 * Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie
 */
div.wysiwygimg {float:left;
width: 610px; }
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext {}

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0; margin:1px;}
.wysiwygimg img.wysiwygimg {border:solid 0px #f5f5f5; padding:1px;}
.wysiwygimg a.wysiwygimg img {border:0;padding:0px;vertical-align:top; margin:1px;}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 5px #f6f6f6; display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:focus {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:active {border:solid 5px #e4e4e4;}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#4D4E4E; font-size:0.9em; font-style:italic; margin:2px 0px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.2em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {padding-right:1.0em;}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {padding-left:1.0em;}






/* Ausgabe am Bildschirm */
@media screen {
	.renderhead {
	
		display: block;
		
		
	}
	.renderhead span { 
		display: none;
	}
	.renderhead img {
	margin-left: -5px; 
		padding:0px 0px;
		border: 0px !important;
		letter-spacing: 1.5px;
	}
}
/* Ausgabe auf dem Drucker */
@media print {
	.renderhead {
	
		display: block;
		
		
	}
	.renderhead span {
	
		display: block;
		color: blue;
		
	}
	.renderhead img { 
		display: none;
	}
}


.tabellen{float:left;
width: 600px;
height: 600px;
overflow: auto;
margin-bottom: 50px;
}

#incontent td{font-size:13px;}




#sitemap{
	float: left;
	width:600px;
	padding:0px;

}

#sitemap ul{

}
#sitemap li{
margin-left: 30px;
margin-top: 10px;
line-height: 140%;
font-size: 12px;
font-weight: bold;


}
#sitemap li li{
margin-left: 20px;
margin-top: 0px;
font-weight: normal;
}

#sitemap li li li{
margin-left: 15px;
margin-top: 0px;
font-weight: normal;


}



#sitemap .langsitemap{
	float: left;
	width:100px;
	padding:14px;
}

#sitemap .sitemaplevel1 ul{

}
#sitemap .sitemaplevel1 ul a.level1{
}

#sitemap .sitemaplevel2 ul{
}
#sitemap .sitemaplevel2 ul a.level2{
}
#sitemap .sitemapartikel ul{
	list-style: circle;
}
#sitemap .sitemapartikel li{
	list-style: circle;
}
#sitemap .sitemapartikel a{
}




#footer{
width: 1004px;

margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
height: 25px; border-top: 2px solid #fff;
background-color: #6C9C9E;
}

#infooter {

margin-left: 0px;

	text-align: left;
	color: #666;
	border:0px solid #000;
}

#footer img {

padding-left: 10px;
padding-right: 10px;
	border:0px solid #000;
}




#copyright{
float:left;
margin-left: 5px;
margin-top: 8px;
width: 200px;
font-size:10px;
	color: #fff;
}

#footernav{
float:right;
height: 23px;
padding-top: 2px;
text-align: center;
background-color: #6C9C9E;
width: 170px;
	
}

#footernav a, #footernav a:link, #footernav a:hover, #footernav a:visited, #footernav a:active{color: #E36F26}





.section{min-height: 100%;}





/* ...Jede Ebene kann getrennt formatiert werden */

.formgen fieldset {
width: 550px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border: 0px solid #5D81A3;
}


.formgen .formblock
{
position: relative;
	width: 550px;
	
	margin-bottom: 1px;
	background-color: transparent;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-right: 1px;
	padding-left: 3px;
	border-bottom: 0px solid #999;
}





/* Label */
.formgen label {
font-family: Arial, Helvetica, sans-serif;
width: 250px;
clear: left;
float: left;
height: 20px;
padding: 0px;
}




.formgen .formtext
{

	height: 18px;
                width: 210px;
	background-color: #aac0b4;
	margin-left: 4px;
	border: 1px solid #D6D6D6;
}

.formgen .formtextfield
{
	width: 210px;
	height: 180px;
	margin-left: 4px;
	background-color: #aac0b4;
	border: 1px solid #D6D6D6;
}

.formcheck
{
position: absolute;
top: 0px;
left: 260px;
width:15px !important;
border: 0px solid #000;
}

.checklabel
{
position: absolute;
top: 0px;
left: 280px;
width:200px !important;
border: 0px solid #000;
}

/* Sende-Button */
.formgen .formsubmit
{
margin-left: 260px;	
	
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #FFFFFF;
	background-color: #009D88;
}

legend {
	display:none;
	
}

.tabellen{float:left;
width: 600px;
height: 600px;
overflow: auto;
margin-bottom: 50px;
}


table.daten{border: 1px solid #fff; width: 100%;}
tr.gruen{background-color: #66CC99; }
thead.caption{width: 100%;}
table.daten td {
 border-right: 1px solid #A2ADBC;
 border-bottom: 1px solid #A2ADBC;
 width: auto;
 height: 20px;
 text-align: center;
 background: url(images/bg_calendar.gif) no-repeat right bottom;
}

#video{text-align:center;}



.newsbild_{float:left;}

.monat h2 {width: 614px; margin-top: 15px; padding-left: 5px; background-color: #aac0b4; height: 22px; color: #0a5f5e;}
.meldung img{margin-top: 5px; margin-right: 5px;}