* {
	padding:0;
	margin:0;
	border:none;
}
/* Trebuchet MS, Helvetica, sans serif*/

html {
height: 100%;
	 font-family:Verdana, Tahoma,  Geneva, sans serif;
	 font-size:12px; /* 100% */
	 background-color:#efdddd; /* e19d8e gesoftetes rotbraun */
	
}

body {
height: 100%;
	 font-family:Verdana, Tahoma,  Geneva, sans serif;
	 font-size:12px; /* 100% */
	 background-color:#efdddd; /* e19d8e gesoftetes rotbraun */
	 
}
 
h1 {font-size:14px;font-weight:bold;color:#742c26;line-height:30px; }
h2 {font-size:12px;color:#993333; margin-top:1em; margin-bottom:1em; }
h3 {font-size:12px;color:#000000;font-weight:bold;margin-top:1em;}
p {margin-top:0px;}
cite{ font-size:11px; color:grey; margin-bottom:1em;font-family:Verdana, Tahoma,  Geneva, sans serif;}
 
 a{
 text-decoration:none;
 }

 /* LAYOUT */

#container{
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
background: #fff url(../img/streifen-bg-kl.gif) repeat-y; /* Roter Streifen links*/ /*background: #A9A9A9;*/

width: 1000px; /*evtl. 900px*/
margin:0px auto; /*richtet den Content mittig aus*/

	 border:solid  #c43c1d; /* rotbraun*/
	 border-width:0px 1px 0px 1px;
	 border-bottom-color:#933;

}


 .ticker {

	height:14px;/*28px gesamt*/
	width:106px; 
	padding:8px 0px 6px 20px;
	text-align:left;
	font-weight:bold;
	background-color:#e08606;
	float:left;
}
.ticker_text{
	 
	height:14px;/*28px gesamt*/
width:874px; 

	padding:8px 0px 6px 126px;
	color:#fff;
	background: url(../img/ticker-bg.gif) repeat-x; /* #c43c1d;  orange*/
}
.ticker_text h2{
color:#fff;
}

/* Die Titelzeile */
.header {
	height:61px;
	padding-right:20px;
	text-align:right;
	border:solid #e08606; /* orange*/
	border-width:3px 0px 3px 0px; /* oben, R, unten L*/
	/* ACHTUNG BG wird auf der html Seite notiert da er sich pro Seite ändert */
}

 .logo {
	height:26px;
	width:268px; 
	padding:28px 20px 7px;
	text-align:left;
	background-color:#fff;
}

/* Mittelteil*/

#menu-container{
	background-color:#993333; /*dunkles rotbraun*/
padding-top:4px; /* setzt das Menü von oben ab um roten Rand von mittelcontainer freizugeben*/
border-top: solid 2px #ff6735; /*oranger Streifen*/
/* font-weight: bold;*/

}
/* Menü */
#menu_ges {
	width: 1000px; /* 1000 - 29 padding-left*/
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	background: url(../img/h-menu-bg.gif) repeat-x; /* rotbraun weis*/
		border-top:solid 1px #fff;

}
/* Menü Start */	
#menu_ges ul#topMenu {
	list-style: none;
		text-align: right;
		padding-left:193px; /* schiebt das Menü bündig mit dem LOGO */
	
}
#menu_ges ul#topMenu li {
	
	text-align: center;

	display: block;
	float: left;
	height: 28px;

	/* width: 160px; /* Breite des Menüpunktes*/ 
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
}
#menu_ges ul#topMenu li a { /*LINK HAUPTMENÜPUNKTE*/
vertical-align:top;
	line-height: 25px; /* Zeilenhöhe der Menütexte*/
	text-decoration: none;
	padding:0px 30px 3px 30px;
	display: block;
	color: #fff;
	height: 28px;
		
}
#menu_ges ul#topMenu li a:hover, #menu_ges ul#topMenu li a:focus { /* HOVER LINK HAUPTMENÜPUNKTE */
	background: #c43c1d; /* orange*/
		padding:0px 30px 3px 30px;
		text-decoration: underline;
	
}
.bes-menu{ /*besuchter Hauptmenüpunkt*/
vertical-align:top;
	background: #c43c1d; /* orange*/
	line-height: 25px; /* Zeilenhöhe der Menütexte*/
	text-decoration: none;
	padding:0px 30px 3px 30px;
	display: block;
	color: #fff;
	height: 28px;
}

.clearfix {
	clear: both;
}
.clearfix-r {
	clear: right;
}

/*Sub Menü*/
#subMenu_container{
margin-top:44px; /*36px*/
width:194px;
height:100%;
background-color:transparent;
float:left;
list-style:none;
font-weight:500;
}



#subMenu  li{
width:194px;
list-style:none;
background: url(../img/s-menu-bg.gif) repeat-y; /* rotbraun weis*/
}
/* Hier weitermachen */
#subMenu  li a:hover, #subMenu  li a:focus{

width:174px; /*194 - 20 padding left*/
list-style:none;
background:#c43c1d; /*Menü orange*/

}

#subMenu li a:hover{
text-decoration:underline;
}

/* Diese Definition ist für Iron bzw Chrome notwendig  (ul ist subMenu) */
#subMenu_container ul li a{
display:block;
font-size:11px;
text-align:left;
width:194px;
line-height: 30px;
padding-left:20px;
color:#fff;
}

.bes-submenu{ /*besuchter Submenüpunkt*/
font-size:11px;
text-align:left;
background:#c43c1d; /*Menü orange*/
width:174px;
line-height: 30px;
padding-left:20px;
color:#fff;
}



/* Menü Ende */








/* CONTENT */
#content_ges {
padding: 1em 1em 2.5em 1em;

	

	/*background: #fff url(../img/streifen-bg-kl.gif) repeat-y;*/ /* Roter Streifen links*/
	border-bottom-width:0px;
	border-bottom-style:solid;
	border-bottom-color:#933;
}

/* Laufbandformatierungen */


.ticker_text p a{
font-family:Verdana, Tahoma,Geneva, sans serif;
font-size:11px;
display:inline;
cursor:pointer;
cursor:hand;
color:#fff;
}


.ticker_text p a:hover{
font-family:Verdana, Tahoma,Geneva, sans serif;
font-size:11px;
display:inline;
cursor:pointer;
cursor:hand;
color:#fff;
text-decoration:underline;
}






#content { /*Fließtext im Dokument*/
		padding:20px 0px;
			margin-left:240px;
	margin-right:70px;
	 margin-bottom:20px;
	width:710px;	

		text-align:left;
	
		}
		
		
	#content img{
border:solid #222 1px;
}	

#content h1{
width:500px;
margin-top:1em;
text-decoration:underline;
margin-bottom:0em;
}

#content a h1{
width:500px;
margin-top:1em;
text-decoration:none;
}

#content ul li{ /*Fließtext im Dokument*/
width:400px;
margin-left:30px;
margin-top:0.4em;
 margin-bottom:1em;
 list-style-image: url(../img/punkt.gif);
}

#content ol li{ /*Fließtext im Dokument*/
width:400px;
margin-left:30px;
margin-top:0.4em;
 margin-bottom:1em;
 
 list-style-type:lower-latin;
}



#content p{ /*Fließtext im Dokument*/
width:450px;
margin-top:0.4em;
 margin-bottom:1em;
}
#content p span{
margin-top:0.4em;
 margin-bottom:1em;
 font-style:italic;
}



#content table{ /*Fließtext im Dokument*/
 margin-bottom:1em;
 width:450px;
  vertical-align:top;
}

#content label{ /*Fließtext im Dokument*/
font-size:12px;color:#993333; font-weight:bold;margin:40px 0px 30px 0px; 
}


#logo-txt span{ /*Fließtext im Dokument*/
 display:inline;
font-weight:500;
 color: #000;
 }
 
     #ref-cont {
	min-height:220px;
  height:auto; /* sorgt für gleichen Abstand zwischen den Referenzen */
  margin-bottom:5em;	 
  }



    #vita-cont { 
	margin-top:50px;
  height:auto;
  }
  
#ref-cont img, #vita-cont img{ /*referenz Content*/
 float:right;
 border:solid  #c43c1d; /* rotbraun*/
	 border-width:1px;
 vertical-align:top;
 margin-bottom: 3em;
 clear:right;
}

#content #titel{ /*Fließtext im Dokument*/
width:110px; /*Länge des Fließtextes in der breite */
padding-right:20px;
vertical-align:top;
text-align:left;
}
#content #eigenschaft{ /*Fließtext im Dokument*/
width:370px; /*Länge des Fließtextes in der breite */
padding-right:0px;
vertical-align:top;
text-align:left;
}

/* Kontakt Seite */
 #content address{
white-space:pre;
font-style:normal;
line-height:1.2em;
margin-left:-97px;
}

form{
margin-top:20px;
}

form td{
vertical-align:top;
text-align:left;
padding-top:3px;
}

#google-link{
float:right;
margin-right:20px;
}

#kontakt{
display:block;
width:150px;
height:20px;
line-height:1.2em;
margin-right:20px;

}
fieldset input, fieldset textarea{
width:350px;
display:block;

border-style:solid;
border-width:1px;
border-color:#933;
}

.input-hide{
border:none;
}

/*Partner Seite*/

#partner-list{
white-space:pre;
}

#partner-list a, .links a{
color:#933;
}
#partner-list a:hover, .links a:hover{
text-decoration:underline;
}


#seitenanf a{ /*Fließtext im Dokument*/
float:left;
margin-left:-150px;
font-size:11px;
padding-left:0px;
margin-top:0em;
vertical-align:middle;
text-align:right;
}

/* Team Seite*/


#mail a ,#mail a:hover{

padding:2px 6px;
width:100px;
height:16px;
background:#933;
text-align:center;
color:#fff;
vertical-align:center;
}

#mail a:hover{
background:#c43c1d; /*Menü orange*/
text-decoration:underline;

}

/* Referenz Altbau*/
#zeitleiste {
margin-bottom:2em;
}

#zeitleiste a, #seitenanf a{
color:#999;
}


#zeitleiste a:hover, #seitenanf a:hover{
color:#333;
text-decoration:underline;
}


.content_liste a img{
	margin:0px 20px 20px 0px;
	border:solid  #c5de99 /*hellgrün*/ 2px;
	float:left;
	clear:left;


}
.content_liste a:hover img {
	border:solid #70ae00 2px /* dunkelgrün*/;
}


.content_liste a h2{ /*Überschriften für Referenzenliste*/
	text-decoration:none;
	margin:0px 20px 20px 0px;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#c5de99 /*hellgrün*/
}
.content_liste_web a h2{
margin:0px 20px 104px 0px;
}

.content_liste li a:hover  h2
{ /*Überschriften für Referenzenliste*/
	text-decoration:none;
border-bottom-color:#70ae00 /* dunkelgrün*/;
}

#webliste {
margin-bottom: 18px;
color:red;
}



.content address{
	margin-left:176px;
	white-space: pre;
	margin-left:336px;
	margin-top:20px;
	font-style:normal;
}






/* FOOTER*/

.footer{
position: absolute;
bottom: 0;
width: 100%;
line-height: 1.5em;
text-align: center;
	/*width:1000px;*/
	height:45px; /*ges. Höhe Footer 54 inkl. Rahmen */
	border-width:3px 0px 3px 0px;
	border-style:solid;
	border-color:#ff6633; /*orange footer*/
	background-color: #c43c1d;
	font-family:Verdana;
	font-size:10px;
}
.footer address{
color:#fff;
	background-color: #933;
	width:1000px;
		line-height:19px;
	text-align:center;
	margin-top:12px;
	margin-bottom:12px;
		font-style:normal;
		border:solid #e08606;
		border-width:2px 0px;
}
.footer address span{
	margin: 0px 10px;
	font-weight: bold;
}
}

#counter img{
	float:right;
	margin-top:2px;
	margin-right:0px;
	margin-left:3px;
}

#datum{
	text-align:right;
	margin-top:21px;
	margin-right:20px;
}