@charset "utf-8";
/* CSS Document */

 body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #000000;
    }
    .twoColFixRtHdr #container { 
    	width: 970px;  /* 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. */
    	
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    } 
    .twoColFixRtHdr #header { 
    	
    	padding: 0 10px 0 20px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
    margin-bottom: 10px;
	} 
	
    .twoColFixRtHdr #header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }
    .twoColFixRtHdr #sidebar1 {
    	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 175px; /* 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. */
    font-size: 10px;
    	padding: 15px 10px;
    }
    .twoColFixRtHdr #mainContent { 
    	margin: 0 200px 0 0; /* Durch den rechten Rand dieses div-Elements entsteht die Spalte am rechten Seitenrand. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des sidebar1-div immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div den Bereich von #sidebar1 füllen soll, wenn der Inhalt in #sidebar1 endet. */
    	padding: 0 20px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
		width: 710px;
		border: 1px solid #013767;
		background:#FFFFFF;
		overflow:hidden;
    } 
	    .twoColFixRtHdr #mainIndex { 
    	margin: 0 200px 0 0; /* Durch den rechten Rand dieses div-Elements entsteht die Spalte am rechten Seitenrand. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des sidebar1-div immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div den Bereich von #sidebar1 füllen soll, wenn der Inhalt in #sidebar1 endet. */
		width: 710px;
		overflow:hidden;
    } 
    .twoColFixRtHdr #footer { 
    	padding: 0 10px 0 0px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
    	height: 180px;
	
    } 
    .twoColFixRtHdr #footer p {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
    .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;
    }
	#buttoncontent {
    	float: left; 
    	width: 200px; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	height: 58px;
    	 font-size: 10px;
		   }
	
 h2 {
	font-size: 14px;
	color: #034a8a;
		
  }
  
   h1 {
	font-size: 12px;
	color: #666666;
		
  }
  
	#bildcontent {
    
    	width: 510px; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	height: 400px;
		background: #ffffff; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
    	float: right; 
		
    }

.foto-link
{
width: 180px;
height: 150px;
display: block;

}

.foto1
{
background: url(messungn.jpg) no-repeat;
}

.foto-link:hover
{
background-position: 0 -150px;
}


#iconmenu {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 1108px;
	height: 264px;
	background: url(pattern.gif); }

	#iconmenu li {
		width: 160px;
		height: 132px;
		position: absolute;
		top: 0px;
		background: url(buttonnav.jpg) 0 0 no-repeat;
		display: block;
		list-style: none;
		overflow:hidden; }

	#iconmenu a {
		width: 150px;
		height: 132px;
		display: block;
		border: solid 0px #fff; }

		#iconmenu a:hover { border: solid 0px #000; }





	#iconmenu #panel1c { left: 0px; }

	#iconmenu #panel2c {
	overflow:hidden;
		width: 130px;
		left: 168px;
		background-position: -168px 0; }

	#iconmenu #panel3c {
		left: 300px;
		background-position: -336px 0; }

	#iconmenu #panel4c {
	width:170px;
		left: 450px;
		background-position: -504px 0; }
		
		#iconmenu #panel4d {
		left: 632px;
		background-position: -672px 0; }
		
		#iconmenu #panel5d {
		left: 807px;
		background-position: -895px 0; }

	#iconmenu #panel1c a:hover { background: url(buttonnav.jpg) 0px -131px no-repeat; }

	#iconmenu #panel2c a:hover { background: url(buttonnav.jpg) -168px -131px no-repeat; }

	#iconmenu #panel3c a:hover { background: url(buttonnav.jpg) -336px -131px no-repeat; }

	#iconmenu #panel4c a:hover { background: url(buttonnav.jpg) -504px -131px no-repeat; }
	
	#iconmenu #panel4d a:hover { background: url(buttonnav.jpg) -672px -131px no-repeat; }
	
	#iconmenu #panel5d a:hover { background: url(buttonnav.jpg) -895px -131px no-repeat; }
.textp {
font-size:12px;
}
.h1c {
padding:5px 20px 5px 20px;
color:#013767;
margin:0px -20px 0px -20px;
font-weight:bold;
font-size:16px;
color:#FFFFFF;
background-color:#034a8a;
line-height:18px;
}
.h1c2 {
padding:5px 20px 5px 255px;
color:#013767;
margin:0px -20px 0px -255px;
font-weight:bold;
font-size:16px;
color:#FFFFFF;
background-color:#034a8a;
line-height:18px;
}
b {
color:#444444;
}
#bgdiv1 {
padding: 0px 0px 100px 0px;
background-color:#c5c9cc;
}
#bgdiv2 {
background-image:url(images/footer_space.jpg);
background-repeat:repeat-x;
height:176px;
}
li {
margin:0px;
padding:0px 0px 12px 0px;
}
ul {
margin:0px 0px 0px 15px;;
padding:0px;
}

.miniul {
font-size:10px;
}
.miniul li {
padding-bottom:5px;
}

.flashdiv {
float:left;
width:510px;
height:170px;
margin-right:-20px;
border-left: 1px solid #013767;
border-bottom: 1px solid #013767;
}
.content_r {
padding-left:15px;
padding-right:20px;
float:left;
width:475px;
height:170px;
margin-right:-20px;
}
.content_l {
border-right: 1px solid #013767;
float:left;
margin-left:-20px;
padding: 30px 10px 0px 30px;
width:199px;
font-size:18px;
background-color:#F0F0F0;
}
.headtext {
float:left;
margin-left:-20px;
padding: 30px 10px 0px 30px;
height:140px;
width:199px;
font-size:18px;
border-bottom: 1px solid #013767;
}


/* BREAK */
fieldset {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #EFEFEF;
margin:0 0 5px;
padding:10px 0 10px 10px;
}

input, textarea, select {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #777777;
margin:1px 0 2px;
}
input, textarea, select {
width:260px;
}

.two-elements input#lv {
width:35px;
}

.two-elements input {
padding:0 1px 0 0;
}

input, textarea, select {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #777777;
margin:1px 0 2px;
}

.two-elements input#rn {
width:150px;
}
.two-elements input#ov {
width:60px;
}
.two-elements div label {
display:none;
}


label, .two-elements p {
padding:0;
width:170px;
display:inline;
float:left;
}

.two-elements {
clear:both;
width:100%;
}

.two-elements input#plz {
width:50px;
}
.two-elements input#ort {
width:202px;
}
.two-elements input#strasse {
width:222px;
}
.two-elements input#hNr {
width:30px;
}



/* Navigation */
.arrowlistmenu{
margin-top:9px;
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color:#034A8A;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
font-size:12px;
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #CCCCCC;
}