/*
CSS Reset
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;

}
/* remember to define focus styles! */

:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
	margin:0 0 10px;
	font-size:14px;
	color:#607b9b;
	line-height:1.4em;
	margin:-20px 0 0 -20px;
	padding:20px 0 0 20px;
}

/*
End Reset
*/
html {
	height: 100%;
}

* html .site {
	height:100%;
}
body {
	
	margin:0;
	padding:0;
	font-family:arial;
	font-size:12px;
	color:#333;
	background:#6e6e6d;
	height: 100%;
}

a {
	color:#19489c;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}



.header {
	background:url(img/header_grafik.gif) no-repeat 116px 18px ;
	height:211px;
	padding:15px 0 0;
}
	.header h1 {
		margin:0px 0 0 466px;
		width:481px;
		height:67px;
		background:url(img/kaeltetechnik-kwe.gif);	
	}
	.header h1 a {
		text-indent:-9999em;
		display:block;
		height:67px;
	}
	.header .meta {
		margin:0 0 0 116px;
		width:200px;
		height:15px;
		font-size:11px;

	}
	#nav {
		width:979px;
		height:114px;
		background:url(img/nav_bg.gif);
		margin:5px 0 0;
	}
	#nav ul {
		position:absolute;
		margin:16px 0 0 117px;
		display:block;
		width:830px;
		height:38px;
	}
	#nav ul li ul{
		height:197px;
		margin:0 0 0 -1px;
		background:#fff;
		width:230px;
		border-top:1px solid #ccc;
		-moz-box-shadow: 0px 3px 3px #333;
		-webkit-box-shadow: 0px 3px 3px #333;
		box-shadow:0px 3px 3px #333;
                z-index:1000;
	}
	#nav ul li ul li{
		position:relative;
		margin:0;
		clear:both;
		background:#fff;
		width:230px;
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
		height:30px;
	}
	#nav ul li ul li a{
		height:30px;
		line-height:30px;
		font-size:12px;
		text-align:left;
	}
	#nav ul li {
		float:left;
		padding:1px 0;
		border-right:1px solid #ccc;
		height:34px;
	}
	#nav ul li a{
		display:block;
		height:36px;
		vertical-align:middle;
		line-height:36px;
		font-size:14px;
		font-weight:700;
		border-left:1px solid #fff;
		text-align:center;
		padding:0 6px;
	}
	#nav ul li a:hover {
		background:#eee;
	}
	
		#nav_start	{width:70px;}
		#nav_industrie	{width:110px;}
		#nav_klima	{width:160px;}
		#nav_waerme	{width:150px;
					background:url(img/pfeil.gif) no-repeat 130px center;
		}
		#nav_waerme a:hover	{
					background:url(img/pfeil.gif) no-repeat 130px center #eee;
		}
		#nav_solar	{width:100px;}
		#nav_kwe	{width:80px;}
		#nav_kontakt {width:70px;}
	
	
	
/* CONTENT */

.content {
		padding:15px 15px 0 116px;
		width:847px;
	}
		.nav_wp {
			border:2px solid #ccc;
			float:right;
			width:200px;
			background:#fff;
			padding:0 10px 10px;
			color:#999;
			font-weight:100;
			margin:0 15px 15px 0;
		
		}
		.nav_wp ul{
			list-style-type:disc;
			list-style-position:inside;
		}
		.nav_wp li{

			margin:4px 0;
		}
	
		.bild {
			float:left;
			margin:0 15px 15px 0;
		}
	
		h2 {
			font-size:20px;
			font-weight:100;
			color:#7a93c6;
			margin:0 0 10px;
			border-bottom:2px solid #ccc;
		}	
		
		h3 {
			font-size:16px;
			margin:15px 0;
			color:#19489c;
			font-weight:100;
		}
		
		.content p {
			line-height:160%;
			margin:0 0 10px;
		}
		.content .main {
			width:590px;
			overflow:hidden;
			padding:0 0 30px;
		}
		.content .meta_content {
		clear:both;
			border:2px solid #ccc;
			float:right;
			width:200px;
			background:#fff;
			padding:0 10px 10px;
			color:#999;
			font-weight:100;
			margin:0 15px 0 0;
		}
		.content b, .content strong {
                         font-weight:700;
                }
		.liste {
			margin:10px 0;
		}		
		.liste li {
			list-style-type:disc;
			list-style-position:inherit;
			margin:0 0 5px 15px;
		}
		.listeol li {
			list-style-type:decimal;
			list-style-position:outside;
			margin:0 0 10px 30px;
			font-size:13px;
			color:#666;
		}
		.tabelle {
                }
                .tabelle th {
                background:#eee;
                border:1px solid #ccc;
                padding:5px 10px;
                font-weight:700;
                }
                .tabelle td {
                border:1px solid #ccc;
                padding:5px 10px;
                }
                .tabelle tr:hover {
                background:#eee;
                }
                sub {
                font-size:8px;
                vertical-align:top;
                }
.wrapper {
	width:1005px;
	margin:0 auto;
	padding: 0 0 80px;
}

.site {
	width:979px;
	padding:0 13px;
	margin:0 auto;
	position: relative;
	min-height: 100%;
	background:url(img/body_bg.gif) #6e6e6d repeat-y;

}

.footer {
	position: relative;
	margin:-80px auto 0 auto;
	height:79px;
	clear:both;
	width:847px;
	padding:0 16px 0 116px;
	font-size:11px;
}
	.footer ul {
		display:block;
		height:15px;
		border-bottom:1px dotted #ccc;
	}
	.footer ul li {
		float:left;
		padding:0 10px 0 0;
	}
	.footer span {
		color:#666;
		clear:both;
		display:block;
		margin:5px 0 0;
	}
/* FORM */
#mail_form label {
	display:block;
	float:left;
	width:90px;
}	
#txtHint {
	display:block;
	width:400px;
	padding:5px;
	margin:0 0 10px;
}	
#mail_form input, #mail_form textarea {
	border:1px solid #ccc;
	margin: 0 0 10px;
}
#mail_form input:focus, #mail_form textarea:focus {
	border:1px solid #666;
}
input[type="button"] {
cursor: pointer;
vertical-align: middle;
white-space: nowrap;
padding:3px 10px;
border:1px solid #ccc;
color:#19489c;
}
#anfrage {
border:2px solid #ccc;
background:#eee;
padding:15px;
width:400px;
}




/* SLIDER */
.image {
	height:230px;
}

#sliderbox {
	height:181px;
	width:830px;
	position:absolute;
	z-index:100;
		}
		#sliderbox .prev{
		}
		#sliderbox .next{
		}
		#sliderbox a.prev:hover , #sliderbox a.next:hover {
			}
		#sliderbox a.prev , #sliderbox a.next {
		}
#sliderframe {
	width:830px;
	height:220px;
	overflow:hidden;
	position:relative;
}
		#slider {
			width:830px;
			height:181px;
			
			position:relative;
		}
		#slider li {
			display:block;
			height:181px;
			width:830px;
			position:absolute;
		}
		#sliderblende {
			height:24px;
			position:absolute;
			width:830px;
			margin:3px 0;
		}
		#slidernav span {
			line-height:24px;
			color:#666;
			font-size:14px;
		}
		#slidernav {
			float:left;
			margin:2px 5px;
			z-index:110;
		}
		#slidernav a {
			margin:0 4px 0 0;
			background:#fff;
			width:20px;
			height:17px;
			text-align:center;
			display:block;
			float:left;
			padding:3px 0 0;
			color:#bbb;
			}
		.slidernavhover {
			background-image:none;
			background:#6d95fc;		
			}
		#slidernav a:hover  {
				-moz-box-shadow: 0px 0px 3px #333;
				-webkit-box-shadow: 0px 0px 3px #333;
				box-shadow:0 0 3px #ccc;	
				color:#666;	
		}		}