/* #1 Default Styles# */
body { 
	padding:0; 
	margin:0; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	font-size:11px;
	color:#2f2f2f;
	background-color:#e3e4e5;
	background-repeat:no-repeat;
}

/* default Content Format */

p{
	padding:0 0 12px 0;
	margin:0px;
}

sup {
	position:relative;
	top:-6px;
	margin:0px;
	vertical-align:baseline;
}

img {
	border : none;
}

/* #1.1 Links# */
a:link, a:visited, a:active{
	color:#0b5dbf;
	outline:none;
}

a:hover{
	color: #2f2f2f;
}

/* #1.1 Headings# */
h1, h2, h3, h4{
	margin:0px;
}

h1{ 
	padding: 0px 0px 8px 0px;
	font-size: 11px;
}

h2{
	padding:10px 0px 5px 0px;
	font-size: 11px;
}

.context_box h2{
	padding-top: 0px;
}

h3,h4{
	padding:5px 0px 3px 0px;
	font-size: 11px;
}

hr{
	padding: 0px;
	margin: 0px 0px 12px 0px;
	background-color:#444444; 
	color:#444444;
	border:#444444;
	height: 1px; 
}

/* #1.1 Lists# */
ul {
	padding: 0px 0px 0px 3px;
	margin: 0px 0px 15px 10px;
	list-style-type:square;
}

ol {
	padding: 0px 5px 0px 3px;
	margin: 2px 5px 8px 10px;
}

ul li {
	padding: 0px 0px 0px 0px;
	margin: 1px 0px 6px 3px;
}

ol li {
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 2px 10px;
}


/* #1.2 Tabellen Format#*/
table{
	margin: 0px 0px 12px 0px;
	width:100%;
	border-width:0px;
}

td,th{
	vertical-align:top;
	margin: 0px 0px 0px 0px;
	padding: 3px 6px 3px 0px;
}

th{
	background-color:#999999;
	text-align:left;
	font-size:12px;
}

.Farbige_Tabelle{
	background-color: #f6f6f6;
}

.Farbige_Tabelle td, th{
	padding: 3px 6px 3px 2px;
}

.Farbige_Tabelle tr{
	background-color: #f6f6f6;
}

table.Farbige_Tabelle tr.row_dark{
	background-color: #eeeeee;
}

.ruled{
	background-color:#EFF5FF !important;
}


/* #1.2 Function Classes# */
.top{
	padding-top:0px;
	margin-top:0px;
}
.print_only{
	display:none;
}

.script{/* use this 2 classes for JS Containers */
	display:none;
}

.noscript{
	display:block;
}

/* #1.2 Special Formating# */
.ok_box,.error_box,.note_box{
	padding:5px 5px 5px 5px; 
	margin:10px 0 20px 0;
	border: 1px solid;
}
.inputerror *{
	border: 1px solid #e41919 !important;
}

.note_box,.note{
	color:#486FBD;
	font-weight:bold;
}
.note_box{
	background-color:#D9EBF5;
	border-color:#6686c8;
}

.ok,.ok_box{
	color:#407837;
	font-weight:bold;
}
.ok_box{
	background-color:#c9f3c1;
	border-color: #529746;
}

.error_box,.error{
	color:#e41919;
	font-weight:bold;
}
.error_box{
	background-color:#ffffc7;
	border-color: #e41919;
}


/* #2 Layout Container# */

#glossar_links{
	position:absolute;
	bottom:10px;
	min-width:970px;
	width:970px;
	line-height:2em;
}

#glossar_links a{
	text-decoration:none;
	color:#fff;
	padding:3px 10px 3px 2px;
	display:block;
	float:left;
}

#glossar_links a:hover{
	color:#000 !important;
}
.x-small{
	font-size:14px;
}
.small{
	font-size:16px;
}
.medium{
	font-size:20px;
	font-weight:bold;
}
.large{
	font-size:22px;
}

.x-large{
	font-size:26px;
	font-weight:bold;
}


/* #2.1 Header# */
#header_container{
	background-color:#FFFFFF;
	min-height:160px;
	height: expression(this.scrollHeight > 160 ? "auto":"150px");
}

#header_content{
	width:970px;
	position:relative;
}

#logo{
	position:absolute;
	top:25px;
	right:110px
}

#zertifikat{
	position:absolute;
	top:25px;
	right:0px;
	cursor:pointer;
}

#zert_info{
	filter:alpha(opacity=0);
	opacity:0;
	-moz-opacity:0;
	-khtml-opacity:0;
	border:0px;
	position:absolute;
	right:0px;
	top:80px;
	width:350px;
	border:1px solid #0D7FC5;
	padding:5px;
}

/* #2.2 Content# */

#content_out_container{
	width:970px;
	position:relative;
}

#content_container{
	width:555px;
	float:left;
	margin-bottom:250px;
}

#content_padding{
	position:relative;
	margin-left:150px;
	padding:0px 10px 0px 10px;
	background-color:#FFFFFF;
	min-height:301px;
	height: expression(this.scrollHeight > 301 ? "auto":"301px");
}

#context_container{
	width:245px;
	float:left;
	margin-bottom:250px;
}

#context_padding{
	padding:0px 50px 30px 50px !important;
}
#context_container img{
	max-width:145px;
	width:expression(this.width > 145? "145px": "auto" );
}

#contact_link{
	position:absolute;
	top:291px;
}

#formular_container{
	widht: 170px;
	float:left;
}


#formular_padding{
	/*padding-right:47px;*/
}

#add_navi{
	position:absolute;
	top:220px;
	left:47px;
}

#add_navi a{
	text-decoration:none;
	font-weight:bold;
}

#add_navi a:hover,#add_navi a.selected{
	color:#000 !important;
}

/* #2.3 Footer# */

#footer{
	font-size:9px;
	position:absolute;
	bottom:-35px;
	width:385px;
}

.endurit{
	text-align:right;
}


/* #3 Navigation# */

#main_navi{
	margin-left:47px;
	line-height:1.4em;
}

#main_navi a{
	text-decoration:none;
	color:#000000;
}

#main_navi li,#main_navi ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}


#main_navi li.menu1 {
	float:left;
	padding-top:60px;
	background-position:0px 25px;
	background-repeat: no-repeat;
	cursor:pointer;
	position:relative;
}

a.link1 {
	margin-right:40px;
	font-size:12px;
}

ul.menu2{
	position:absolute;
	top:73px;
	left:0px;
	margin-top:5px !important;
	width:160px;
}

/* Bilder */


/* Bilder */

.Bild_rechts{
	margin:10px 0 10px 10px;
	float:right;	
}
.Bild_links{
	margin:10px 10px 10px 0;
	float:left;	
}


/* Context */

.context_box{
	margin-bottom:10px;
}

.context_box img{

}

.formtable td{
	padding:3px 6px 2px 0px;
}

.formtable{
	width:100%;
}

.formtable input, .formtable textarea{
	width:250px;
	border:1px solid #0d7fc5;
	color:#0d7fc5;
	font-family:Verdana,Arial;
	font-size:11px;
}
.formtable textarea{
	height:150px;
}

.formtable input.submitbutton{
	width:165px;
	border:none;
	background-color:#E3E4E5;
	color:#0d7fc5;
	text-align:right;
	padding:2px;
	margin:0 0 0 76px;
	cursor:pointer;
} 


.resetbutton{
	display:none;
}

.teambox { 
	width: 222px;
	height: 60px;
	margin: 0 14px 8px 0;
}

.teambox h2{
	padding: 0px;
	margin: 0 0 4px 0;
}

.teambox img{
	width:50px; 
	float: left;
	margin: 0 5px 0 0;
}

/* Styles */

/* Heizung */
.style_13 h1,.style_13 h2,.style_13 h3,.style_13 h4,.style_13 h5, .style_13 a:hover, .style_13 a.selected, li#current_13.selected a.link1,li#current_13:hover a.link1, li#current_13 a.link1:hover, li#current_13.selected a:hover{
	color:#ED174F !important;
}
.icon13{
	background-image:url(/media/tl/navi13.gif);
}

.style_13 #add_navi a{
	color:#fff;
}

.mainstyle_13 #add_navi a{
	color:#0b5dbf;
}

.style_13 {
	background-image:url(/media/tl/bg13.gif);
	background-position:0px 200px;
}

.mainstyle_13 {
	background-position:480px 280px;
}


/* Lüftung */
.style_18 h1,.style_18 h2,.style_18 h3,.style_18 h4,.style_18 h5, .style_18 a:hover, .style_18 a.selected, li#current_18.selected a.link1,li#current_18:hover a.link1, li#current_18 a.link1:hover, li#current_18.selected a:hover{
	color:#c2cc40 !important;
}

.icon18{
	background-image:url(/media/tl/navi18.gif);
}

.style_18 {
	background-image:url(/media/tl/bg18.gif);
	background-position:-135px 200px;
}

.mainstyle_18 {
	background-position:300px 170px;
}

/* Sanitär */

.style_20 h1,.style_20 h2,.style_20 h3,.style_20 h4,.style_20 h5, .style_20 a:hover, .style_20 a.selected, li#current_20.selected a.link1,li#current_20 a.link1:hover,li#current_20:hover a.link1,  li#current_20.selected a:hover{
	color:#0079C2 !important;
}

.icon20{
	background-image:url(/media/tl/navi20.gif);
}

.style_20 {
	background-image:url(/media/tl/bg20.gif);
	background-position:80px 200px;
}

.mainstyle_20 {
	background-position:410px 500px;
}

/* Spenglerei */
.style_25 h1,.style_25 h2,.style_25 h3,.style_25 h4,.style_25 h5, .style_25 a:hover, .style_25 a.selected, li#current_25.selected a.link1,li#current_25 a.link1:hover,li#current_25:hover a.link1,  li#current_25.selected a:hover{
	color:#682D86 !important;
}

.style_25 #add_navi a{
	color:#fff;
}

.mainstyle_25 #add_navi a{
	color:#0b5dbf;
}

.icon25{
	background-image:url(/media/tl/navi25.gif);
}

.style_25 {
	background-image:url(/media/tl/bg25.gif);
	background-position:-50px 280px;
}

.mainstyle_25 {
	background-position:430px 280px;
}

/* Planung */
.style_28 h1,.style_28 h2,.style_28 h3,.style_28 h4,.style_28 h5, .style_28 a:hover, .style_28 a.selected, li#current_28.selected a.link1,li#current_28 a.link1:hover,li#current_28:hover a.link1,  li#current_28.selected a:hover{
	color:#22B24C !important;
}

.icon28{
	background-image:url(/media/tl/navi28.gif);
}

.style_28 {
	background-image:url(/media/tl/bg28.gif);
	background-position:0px 200px;
}

.mainstyle_28 {
	background-position:230px 280px;
}

/* Service */

.style_30 h1,.style_30 h2,.style_30 h3,.style_30 h4,.style_30 h5, .style_30 a:hover, .style_30 a.selected, li#current_30.selected a.link1,li#current_30 a.link1:hover,li#current_30:hover a.link1,  li#current_30.selected a:hover{
	color:#F6871F !important;
}

.icon30{
	background-image:url(/media/tl/navi30.gif);
}

.style_30 {
	background-image:url(/media/tl/bg30.gif);
	background-position:380px 470px;
}

.mainstyle_30 {
	background-position:10px 320px;
}

@media print {

	body {
		font-size:12px !important;
	}
	
	
	
	#header_content{
		width:100%;
		position:relative;
	}
	
	#zert_info,#formular_container,#add_navi,#main_navi{
		display:none;
	}
	
	/* #2.2 Content# */
	
	#content_out_container{
		width:100%;
		position:relative;
	}
	
	#content_container{
		width:60%;
	}
	
	#content_padding{
		margin-left:0px;
		padding:0px 10px 20px 10px;
		background-color:#FFFFFF;
	}
	
	#context_container{
		width:35%;
		float:left;
	}
	
	#context_padding{
		padding:0px 50px 30px 50px !important;
	}
}