:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code {  font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }


* {margin:0; padding: 0;}
body, html {

/*font-family: "Adobe Garamond Pro", Arial, sans-serif;
font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif;*/
font-family:Arial, Helvetica, sans-serif;
background-image:url(../images/bg_streifen.gif);
background-repeat:repeat-x;
	background-color:#b9cada;
	padding:0px;
	margin:0px;
	color: #000000;
	height: 101%;
	
	

}



html, body, #container {height: 100%;  margin: 0; padding: 0;}




















img {border: 0;}

a {color: #000; text-decoration:none;}
a:link {color: #000; text-decoration:none;}
a:visited {color:#000; text-decoration:none;}
a:hover {color: #000;}
a:active { color:#000;text-decoration:none;}

h1 {
font-size:10px;
font-weight: normal;
margin-top: 10px; 
margin-right: 10px; }

/*
h2 {
font-size:11px;
font-weight: bold;
padding: 5px 0px;
margin:0px;}
*/


h2 { font-family: Arial; font-weight: normal; font-size: 24px; margin: 20px 0; color: #261e18;}


.top{position:absolute;
left:-300px;
width: 200px;
}

ul{margin-left: 20px}

li {
list-style:disc;
margin-left: 20px;}
/* ----------container zentriert das layout-------------- */
body > #container {
    height: auto;
    min-height: 100%;
text-align:left;
width: 944px;
margin-left: auto;
margin-right: auto;
border-right:0px solid #A5A9B0;
border-left: 0px solid #A5A9B0;
border: 0px solid #A5A9B0;

}

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

/* Bereich nicht für IE-mac Anfang \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Bereich nicht für IE-mac Ende */



/* ----------banner for logo-------------- */

#umheader {
width: 100%;
padding: 0px;
margin: 0px;
height: 225px;
background-image:url(../images/umheader.jpg);
background-repeat:no-repeat;
border: 0px solid #000;
}

#header {
width: 944px;
padding: 0px;
margin: 0px auto;
height: 210px;
background-image:url(../images/bg_header.jpg);
border: 0px solid #000;
}


#logo img{border:0; margin-top: 70px;}

#header2 {
width: 944px;
height: 127px;
background-image:url(../images/bg_mitte_2.gif);
text-align: left;
}




#head1 {
font-size: 8px;
text-align: left;
padding: 0px;
margin: 0px;
height: 15px;
}



#container2 {
height: 100%;
text-align:left;
width: 944px;

margin-top: 0px;
margin-left: auto;
margin-right: auto;
background-image:url(images/hintcontainer2.gif);
background-repeat:no-repeat;
border-right: 0px solid #A5A9B0;
border-left: 0px solid #A5A9B0;

}
#container2[id]{margin-top: 90px;}

/* -----------------Inhalt--------------------- */

#content {
height: auto;
font-size:80%;
float:left;
width: 944px;
padding: 0px;
margin-left: 0px;
margin-right: 0px;


color: #000;


padding-bottom: 150px;

}

#content p {margin-bottom: 15px;}


#incontent {
float:left;
width: 630px;
padding: 20px 0px;
padding-left: 0px;
margin-right: 0px;
border-right: 0px solid #7C7E82;
line-height: 1.6em;
color: #000;
border: 0px solid #ccc;

}

.incontenttext{margin-top: 30px; margin-right: 200px;}

#incontent h2 {
font-size:16px;
font-weight: bold;
color: #001e39;
padding: 15px 0px;
margin:0px;
}


#incontent h3 {
font-size:12px;
font-weight: normal;
padding: 5px 0px;
margin:0px;
color: #001e39;
}
#incontent ul li{margin-left: 40px;}

#incontent strong{color: #001e39;}

#incontent_ref{
background-color: #ffffff;
font-size:100%;
float:left;
width: 450px;
/*
height: 530px;
overflow: hidden;
*/
padding: 0px;
padding-left: 25px;
margin-right: 0px;
padding-bottom: 10px;
border-right: 0px solid #7C7E82;
line-height: 1.6em;
color: #565656;


}



.column {
float:left;
background-color: #FFFFFF;
width:29%;

margin:50px 25px 0px 0px;

padding:0px 0px 0px 0px;
  min-height: 275px;  
  height: auto !important;
  height: 275px;  
border: 1px solid #dadcdb;

}
.clearfix {
clear:both;
display:block;
}

.column p{margin: 15px;}
.column h3 {
text-align: center;
line-height: 26px;
background-color: #001e39;
color: #ffffff;
font-weight: normal;


}



#branchen{float:left;
width: 210px;
padding: 8px;
margin-right: 2px;
margin-top: 20px;
margin-left: 10px;
font-size: 10px;
border: 1px solid #ccc;
}
#branchen h2, #ort h2{
font-weight:bold;
}

#ort{float:left;
width: 180px;
margin-top: 20px;
padding: 8px;
border: 1px solid #ccc;
}



#right{float:right;
margin-top:20px;
width: 230px;
margin-left:0px;
margin-right:32px;
padding-right:0px;
border: 0px solid #ccc;



}

#right a {text-decoration: none; }



#boden{float:left;
height: 20px; width: 100%;border-bottom: 10px solid #001e39;}




/* -----------footer--------------------------- */
#footer{

	position:absolute;
width:500px;
bottom: 1060px;
	left: 0px;
	line-height: 12px;
	
	border: 1px solid #000;
	
	

	
}




#footer p{

	font:10px arial,  sans-serif;
	color:#333;
	padding:7px;
	margin:0;
	text-align:right;

}



#unten {
/*
clear: both;
height:20px;
	background-image: url(images/foot.gif);
		background-repeat: repeat-y; 
margin:0 0 0 0;
*/


   position: relative;
	margin-top: -150px; /* Negativer Wert der Footer-Höhe */
	height: 150px;
	clear:both;
	background-color:#999999;


 }
#unten .innen{
margin-left:0px;
margin-right:0px;
background-color:#8296BC;
height:20px;
font-size:9px;
border-top: 3px solid #ccc;
overflow:hidden;

}

#unten .innen_ref{
margin-left:0px;
margin-right:0px;
margin-top:20px;
background-color:#8296BC;
height:20px;
font-size:9px;

}



.rahmen{
border:1px solid #BFC2C3}


A.orange:link {  text-decoration:none; font-family: Arial, Helvetica, sans-serif;  color: #de7903; font-weight: normal}
A.orange:visited {  text-decoration:none; font-family: Arial, Helvetica, sans-serif;  color: #de7903; font-weight: normal}
A.orange:active {   text-decoration:none; font-family: Arial, Helvetica, sans-serif;  color: #de7903;font-weight: normal}
A.orange:hover {  text-decoration:underline; font-family: Arial, Helvetica, sans-serif;  color: #de7903;font-weight: bold}

A.normal:link { color: #848484; text-decoration:none; text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-size: 11px;  font-weight: normal}
A.normal:visited { color:#848484; text-decoration:none;text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-size: 11px;  font-weight: normal}
A.normal:hover { color: #848484; text-decoration:underline; text-decoration:underline; font-family:  Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal}
A.normal:active { color: #848484; text-decoration:none; text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal}

A.textlink:link { color: #565656; text-decoration:none; text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-size: 11px;  font-weight: normal}
A.textlink:visited { color:#565656; text-decoration:none;text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-size: 11px;  font-weight: normal}
A.textlink:hover { color: #565656; text-decoration:underline; text-decoration:underline; font-family:  Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal}
A.textlink:active { color: #565656; text-decoration:none; text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal}

.currenttext { color: #564b47; text-decoration:none; text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold}
.farbeorange { color: #de7903; font-family:  Arial, Helvetica, sans-serif; font-size:12px; }


#clearing{clear:both;
}

/* ############################################## default form ############################################# */


#navcontainer {height: 40px;}
#navcontainer ul
{
padding-left: 0;
margin-left: 0;
color: #000;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
margin-top: 5px;
padding: 0.3em 1em;
color: #000;
text-decoration: none;
float: left;
border-left: 1px solid #fff;
}

#navcontainer ul li a:hover,
#navcontainer ul li a:active,
#navcontainer .rex-current
{
color: #000;
font-weight: bold;
}


.galerie img {float: left; border: 8px solid #fff; margin-top: 30px; margin-right: 30px;}

.bilder{border: 1px solid #000;
width: 200px;
 height: 128px;margin-top:6px;
 margin-right: 6px;}
 
 .bilderrahmen{float: left; border: 8px solid #fff; margin-top: 30px; margin-right: 30px;}
 
  .bilderrahmen-2{float: center; border: 8px solid #fff; margin-top: 30px; margin-right: 0px;}
 
 /* Ausgabe am Bildschirm */
@media screen {
	.renderhead {
	
		display: block;
	
		
		
	}
	.renderhead span { 
		display: none;
	}
	.renderhead img {
	margin-left: 0px; 
		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;
	}
}



#infotext{float:left; margin-top: 10px; width: 650px;border: 0px solid #000;}

#infoflag{float: right; width: 230px; margin-top: 95px; margin-right: 35px;  }
#ininfoflag {clear:both; float:left; min-width: 1px; margin: 0px auto !important;  }
*html #infoflag{float: right; width: 230px; margin-top: 95px; margin-right: 18px;  }









.formgencall {
	font-size: 1em;
	padding-right: 0px;
	padding-left: 0px;
	border: 0px solid #ffffff;
	height: 60px;
}



/* Label */
.formgencall label {
	width: 200px;
	clear: left;
	float: left;
	height: 20px;
	color: #000000;
	padding-left: 5px;
}



.formgencall .formtext
{
	width: 220px;
	margin-left: 0px;
	padding-bottom: 5px;
	font-size: 1em;
	background-color: #fff;
	border: 0px solid #cccccc;
}



.formgencall .formtextfield
{
	width: 220px;
	height: 100px;
	margin-left: 0px;
	border: 1px solid #cccccc;
	background-color: #fff;
}







.formgencall .formsubmit
{
	width: 220px;
	margin: 10px 0px;
	text-align: center;
	background-color: #ffffff;
	border: 0px solid #cccccc;
	float: left;
	color: #000;
	
}




.thumb{width: 100px; height: 64px; margin-right: 8px;

border: 4px solid #fff;

}




.referenzen_leiste {
	width:533px;
	border-bottom: 1px dashed #336699;
	background-color:#F1F2F2;
	height:110px;
}
.referenzen_alles {
	display:inline;
	float:left;
	padding-left:15px;
}
.referenzen_bild {
	width:150px;
	display:inline;
	float:left;
}




/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*
 
/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	padding-right: 0px;
	padding-left: 0px;
}
 
 
/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
 
}
 
 
 
.formgen form
{
line-height : 120%;
 
}
 
 
 
 
/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/
 
 
.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 0px;	
 
}
 .forminfo 
{
	width: 220px;
	margin-bottom: 15px;	
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 3px;
	font-weight: normal;
	border: 1px solid #990000;
}
 
/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}
 
 
/* 
--------- FORMULAR-OBJEKTE ------------ 
*/
 
 
/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 220px;
	height: 200px;
	margin-left: 0px;
	border: 0px solid #003366;
	background-color: #fff;
}
 
 
/* Textfeld */
.formgen .formtext
{
	width: 220px;
	margin-left: 0px;
	padding-bottom: 4px;
	font-size: 1em;
	background-color: #fff;
	border: 0px solid #003366;
}
 
.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border-bottom-color: #000000;
	background-color: #ccc;	
}
 
 
 
/* Label */
.formgen label {
	width: 220px;
	clear: left;
	float: left;
	height: 24px;
	font-weight: normal;
	color: #000;
	padding-top: 5px;
}
 
 
/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #33FF33;
	margin-left: 4px;
	color: #000000;
}
 
 
/* Sende-Button */
.formgen .formsubmit
{
	width: 100%;
	text-align: center;
	background-color: #fff;
	border: 0px solid #FFCC33;
	float: right;
	color: #000;
}
 
 
 
/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #990000;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}
 
/* -------------- AUSGABEN / Fehlermeldungen --------*/
 
 
/* Markierung der Labels bei Fehler */
.formgen .formerror {
 
	border-bottom-width: 1px;
	color: #990000;
}
 
.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}
 
.formgen .formreq {
	color: #000;
}
 
.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}
 
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */
 




#inhalt .galeriethumb {
        float: left;
        width:80px;
        padding:0;
        margin:20px;
        border:1px solid #4fa51d;
        font:bold 14px verdana, sans-serif;
}


#inhalt .galeriethumb img {
        border:none;
        width: 80px;
}

#inhalt .galeriethumb a {
    z-index:24;
}

#inhalt .galeriethumb a:hover {
        z-index:25;
        border:0px solid #4fa51d;
}

#inhalt .galeriethumb a span {
        display:none;
        z-index:25;
}

#inhalt .galeriethumb a span img {
        width:auto;
        height:auto;
}

#inhalt .galeriethumb a:hover span {
        display:block;
        width:350px;
        position:absolute;top:0px;right:-1px;
        border:1px dashed grey;
        padding:15px;
        font:normal 14px verdana, sans-serif;
        background-color: #ffea87;
        z-index:1;

}