/* CSS Document */

body{
    margin:0 auto;
	padding:0;	
	height:100%;
/*	background:url(../images/bg_verlauf.jpg) top left repeat-x;	
*/
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	
}
.icons{
float:right;
margin-right:50px;
padding-top:40px;

}
.width {
margin:0 auto;
padding:0;
width:100%; 
min-width:955px; 
max-width:1000px;
background:#FFFFFF;

}

/* the bodge for IE6 browsers */
* html .minwidth {border-left:955px solid #CCCCCC; position:relative; float:left; z-index:1;background:#ffffff;}
* html .cont {margin-left:-955px; position:relative; float:left; z-index:2;background:#ffffff;}

#shadow_left{
	position:relative;
	background:url(../images/bg_schatten_links_white.gif) top left no-repeat;
	padding-left:30px;
	overflow:hidden;
	height:auto;
	min-height:850px;
}

.shadow_rechts{
	position:relative;
	overflow:hidden;

	background: url(../images/bg_schatten_rechts_white.gif) top  right no-repeat;
	padding-right:12px;
	border:#FF0000;
	
	height:auto;	
	min-height:850px;	
}

/* html #shadow_left {background:#bebebf url(../images/bg_schatten_links.jpg) top left no-repeat; height:850px;}
* html #shadow_right {background:#bebebf url(../images/bg_schatten_links.jpg) top right no-repeat; height:850px;}
*/
#wrap{
	height:100%;
	padding:0;
	margin:0;
}

#shade{
	width:100%;
	height:151px;
	/*background:#ffffff url(../images/header_neu.gif)  20px 0px no-repeat*/
}
#header{
height:30px;
	padding-top:50px;
	padding-bottom:15px;
	padding-left:20px;
	/*margin-top:30px;*/
	margin-left:20px;
}
/*.background{
	background:#cccccc;
	height:100%;
}*/

.container {
	float:right;
	width: 100%;
	padding-bottom:2px;
	background:#ffffff;
}
#balken{	
clear:both;
float:right;
position:relative;
	
background:#9B0000;
width:100%;
height:15px;
}


#buttons{
	font-size:90%;
	float:right;
	margin-right:40px;
	padding-top:30px;
}
#buttons a{
	text-decoration:none;
	}


#mainright {
	width:23%;
	float:left;
	padding-left:10px;
	color:#333333;
	}

#maincenter {
	width:50%;
	float:left;
	padding-bottom:10px;
	}

#mainleft {
	width:24%;
	float:left;
	padding-bottom:10px;
	padding-right:10px;
	
}

.width100{
width:100%;
}
.width0{
width:0;
}


h1{
font-family:Century Gothic;
font-size:34px;
font-weight:100;
}
h3{
font-weight:lighter;
}
.darkRed{
	color:#9B0000;		/* red */
}
.white{
	/*color:#ffffff;*/
	color:#999999;
}

#inhalt{
	width:100%;
}


#img{
margin:0 auto;
padding:0;
 height:30em;
/* background:url(../images/schwarz_grau_verlauf.jpg) bottom left repeat-x;
*/ z-index:100;

}
.img_home{

z-index:200;

margin-top:50px;
margin-left:13px;


}
.img_leistung{
z-index:200;

margin-top:50px;
margin-left:2px;

}





.hinweise{
	color:#800019;
	text-decoration:none;
}

#menu{
	position:relative;
	display:block;
	float:right;
 	margin-right:10px;
/*	margin-top:60px;
*/	margin-bottom:2px;
	z-index:100;
}


.smallText{
	color:#666666;
/*	font-family:Century Gothic;
*/	font-size:80%;
}

.infoText{
	color:#666666;
	font-size:75%;
	padding-right:10px;
	
}
#film{
padding-top:50px;
padding-left:14px;
}
#fl_mainright {
	width:23%;
	float:left;
	margin:0 auto;
	padding:0;	
}
#html_contHomepage{
padding:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
color:#515151;
/*text-align:center;
*//*width:90%;
*/z-index:200;
/*background:url(../images/htmlText.gif) bottom center repeat-y;
*/}

.text_contHomepage{
font-size:95%;

}
#html_bg{
/*position:relative;
display:block;*/
margin: 0 auto;
width:80%;
/*margin-top:30px;*/
padding:10px;
z-index:100;
/*text-align:center;
border:groove #ffffff thin;*/
/*background:url(../images/html_bg.gif) bottom left repeat-x;
*/}
* html #html_contHomepage{
width:90%;
}
.line_border{
border-left:groove thin #cccccc;
height:600px;
}
#content{
float:left;
margin-left:80px;
border-left:groove thin #cccccc;
width:75%;
}

.long_border{
float:left;
border-left:#cccccc thin groove;
width:1%;
height:1500px;
}
#kontaktContent{
 margin:0 auto;
 padding-top:5px;
 width:85%;
}

.referenz_Text{
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
color:#666666;

}

#tabRef a{
font-size:90%;
text-decoration:none;
color:#666666;
}
.referenz_Links{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:85%;
color:#666666;
}
#footer{
	clear:both;
	float:left;
	margin-top:40px;
	width:100%;
	height:40px;
	border-top-color:#CCCCCC; 
	border-top-style:groove;
	border-top-width:thin;
}

.footerText{
	color:#990000;
	font-size:0.8em;
}
.ulleft{
	text-align:left;
}
.noListStyle{
	list-style:none;
}
.noTextDecoration{
	text-decoration:none;
	color:#666666;
}
#list{
font-size:small;
margin-left:2%;
}
.headerGray{
	color:#4B4B4B;
	font-size:130%;
	font-style: normal;
	border-bottom-width: thin;
	border-bottom-style: ridge;
}
.headerWhite{
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:100%;
}
.whiteText{
	color:#999999;
	font-size:160%;
	font-weight:lighter;
}
.underline{
color:#999999;
	border-bottom:groove #CCCCCC thin; 

}

#paddTop{
padding-top:14px;
}


#output_table_on_preisrechner{
position:relative;
float:left;
padding-left:20px;
padding-right:20px;
border-left:#CCCCCC groove thin;
border-right:#CCCCCC groove thin;
margin-left:80px;
padding-top:20px;

}

/*----------------------------------------------------------------------------------------------------------------------*/
#kontakt_on_preisrechner{
float:right;
padding-right:40px;
border-left:#CCCCCC groove thin;
border-right:#CCCCCC groove thin;
}


/*----------------------------------------------------------------------------------------------------------------------*/
#table_on_preise{
border-left:groove #CCCCCC thin; 
border-right:groove #CCCCCC thin; 
clear:both;
margin:0 auto;
padding-left:20px;
padding-right:20px;
width:50%;
}

#table_on_kontakt{
	border-left:groove #CCCCCC thin; 
	border-right:groove #CCCCCC thin; 	
	padding-left:20px;
	padding-right:20px;
	width:80%;	
	color:#333333;
}
.bottom_line{
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style:outset;
}

.line_red{
	border-top-width: 1px;
	border-top-color: #9B0000;
	border-top-style: solid;
}

#adresse_div{
height:200px;
font-family:Arial, Helvetica, sans-serif;
font-size:x-small;
padding-top:70px;
padding-right:50px;

}
#div_adress_on_preisrechner{
font: x-small Verdana, Arial, Helvetica, sans-serif;
width:20%;
margin-top:5%;
float:right;
}
.bemerkung{
	font-size:x-small;
	vertical-align:text-top;  
	color:#727272;

}
#preis_table{
width:auto;
font-size:75%;
line-height:18px;
color:#333333;
}

#txtDomain{
	border:thin #666666 solid;
}

.links a{
font-size:small;
		color:#363636;
		/*text-decoration:none;*/
		text-decoration:underline;
}
/*.links a:hover{ 
text-decoration:none;
color:#FFFFFF; 
background-color:#666666;
}*/
a.info{

		position:relative; /*this is the key*/
		z-index:24;
		font-size:small;
		color:#363636;
		text-decoration:none;
}
		
a.info:hover{z-index:25; color:#FFFFFF; background-color:#666666;}
		
a.info span{display: none;}
		
a.info:hover span{ /*the span will display just on :hover state*/
		display:block;
		position:absolute;
		top:-0.9em; 
		left:3em; 
		width:15em;
		color:#990000;
		font-size:x-small;
		padding-top:7px;
		padding-right:5px;
		padding-left:22px;
		text-align: center;
}

.toolTip{
		width:172px;
		height:61px;
		background: url(../images/bg_tooltip_white.gif) top left no-repeat;
		
}

/********************** Leistungen ********/
.font_arial_small{
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color:#333333;
	/*color:#4E4E4E;*/
}
.font_arial_larger{
	font-family:Arial, Helvetica, sans-serif;
	font-size:103%;
	color:#666666;
}
.pad_left{
	padding: 0 0 0 5%;
}
.float_right{
float:right;
}
.float_left_10{
float:left;
padding-left:10%;
}
.float_left_20{
float:left;
padding-left:20%;
}

.clear_float{
clear:both;
}
.img-shadow{
background:url(../images/drop_shadow.gif) bottom right no-repeat;
margin: -5px 5px 5px -5px;
background: url(../images/drop_shadow.png) no-repeat right bottom !important;

  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}
.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
} 
#home_left{
	padding-top:5px;
	padding-left:10px;
	visibility:visible;
	height:inherit;
	color:#666666;
	z-index:5;
}

#leistung{
	font-size:70%;
	padding-top:5px;
	padding-left:10px;
	visibility:visible;
	height:inherit;
	/*color:#666666;*/
	z-index:5;
}
.leistungList{
	font-size:70%;
}
#leistung_content {
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
	visibility:visible;color:#666666;
	border-right:groove #CCCCCC thin; 
	border-left:groove #CCCCCC thin; 
}
.leistungMenu a{
color:#585858;
text-decoration:none;
z-index:24;
}

/*.leistungMenu a:hover{
	z-index:25; background-color:#CCCCCC;
}*/

#pr_t_content{
	padding-top:10px;
	margin:0 auto;
	width:90%;
}
#pr_t_red_bg{
background:#CC0000;}

.hell_grau_bg{
background:#CCCCCC;
}

.pr_t_background{
border:1px #333333 solid;
background:#bebebf;
}
.text{
/*color:#dcdcdc;*/
color:#FF0000;
font-size:20px;}


.redBall{
float:right;
background:url(../images/RedBallBgWhite.gif) top left no-repeat;
width:70px;
height:70px;
}




/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
#trenner_horizontal{
height:2em;
width:100%;
}