* { outline: none; }

body, html {
	width: 100%; height: 100%;
	float: left;
	margin: 0px; padding: 0px;
}

body {
	font: normal 12px/140% Arial, Helvetica, sans-serif;
	color: #000;
	background: #aabdcb url(../images/bg-body.jpg) 0px 0px repeat-x;
}

h1, h2, h3, h4 {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}

h3 {
	font-size: 16px;
	line-height: 130%;
	color: #666666;
	margin-bottom: 5px;
}

h4 {
	font-size: 14px;
}

p { margin-top: 0px; margin-bottom: 15px; }

a img, img { border: 0px; }

img.contentImage {
	float: left;
	margin: 0px 15px 15px 0px;
}

a {
	color: #0058b9;
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	color: #cb0004;
}

div#container {
	width: 960px; height: auto;
	position: relative;
	float: left;
	margin-top: 20px;
}

h1#branding {
	width: 360px; height: 120px;
	padding: 0px; margin: 0px;
	float: left;
	background: transparent url(../images/branding_f-lassnig_sanitaer-heizung-klima.gif) center center no-repeat;
}
	h1#branding a {
		display: block;
		width: 100%; height: 100%;
		overflow: hidden; text-indent: -5000px;
	}

ul#navigation {
	padding: 0px; margin: 0px;
	list-style-type: none;
	width: 600px; height: auto;
	float: left;
	margin-top: 30px;
}
	ul#navigation li {
		width: 119px; height: auto;
		float: left;
		margin: 0px 0px 1px 1px;
		position: relative; z-index: 20;
		_width: 118px;
	}
		ul#navigation li a {
			display: block;
			width: 119px; height: 29px; line-height: 29px;
			text-align: center; text-decoration: none;
			color: #666;
			position: relative; z-index: 2;
			_width: 118px;
		}
			ul#navigation li.active a { color: #FFF; }
			ul#navigation li.active li a { color: #333333; }
			ul#navigation li.active li.active a { color: #FFFFFF; }
			
		ul#navigation li span {
			display: block;
			width: 119px; height: 29px; line-height: 30px;
			position: absolute; z-index: 2;
			top: 0px; left: 0px;
			background: #0058b9;
		}
		
		ul#navigation ul li span {
			display: block;
			width: 119px; height: 29px; line-height: 30px;
			position: absolute; z-index: 2;
			top: 0px; left: 0px;
			background: #cb0004;
		}
		
			ul#navigation ul {
				padding: 0px; margin: 0px;
				list-style-type: none;
				width: 119px; height: auto;
				float: left;
				background: #e9cece;
				position: absolute; z-index: 20;
				display: none;
				border-right: 1px solid #FFF; border-bottom: 1px solid #FFF;
			}
				
				ul#navigation ul li {
					margin: 0px;
					border-top: 1px solid #FFF;
				}
				ul#navigation li.active ul { display: block; }


div#headContainer {
	width: 960px; height: 360px;
	float: left;
	margin-bottom: 1px;
}

a#link1aInstallateur {
	display: block;
	width: 90px; height: 78px;
	position: absolute;
	top: 30px; right: 30px;
	overflow: hidden; text-indent: -5000px;
}

div#animationContainer {
	width: 360px; height: 360px;
	float: left;
	margin-right: 1px;
	background: transparent url(../images/animation_platzhalter.jpg) 0px 0px no-repeat;
}

div#header {
	width: 599px; height: 360px;
	float: left;
	position: relative;
	background: transparent url(../images/nixe_1a-installateur.jpg) 0px 0px no-repeat;
}
	div#header h2 {
		width: 350px; height: 40px; line-height: 40px;
		padding: 0px 0px 0px 10px; margin: 0px;
		position: absolute;
		right: 0px; bottom: 25px;
		background: #0058b9;
		color: #FFF; font-size: 18px;		
	}

div#contentContainer {
	width: 540px; height: auto; min-height: 160px; _height: 160px;
	padding: 30px 30px 30px 390px;
	position: relative;
	float: left;
	background: transparent url(../images/bg-contentContainer.png) 0px 0px repeat-y;
}

div#videoplayer {
	width: 360px; height: auto; height: 225px;
	float: left;
	margin: -30px 30px -30px -29px;
}

div#notrufContainer {
	width: 240px; height: 98px;
	padding: 20px 0px 0px 120px;
	position: absolute;
	left: 0px; top: 0px;
	background: #cb0004 url(../images/icon-notruf.jpg) 30px 35px no-repeat;
	border-bottom: 1px solid #bdccd7;
}
	div#notrufContainer h2 {
		padding: 0px; margin: 0px;
		font-size: 16px;
		color: #FFF;
	}
	div#notrufContainer h3 {
		padding: 0px; margin: 0px;
		font-size: 12px;
		color: #FFF;
	}
	div#notrufContainer span {
		display: block;
		padding: 0px; margin: 10px 0px 0px 0px;
		font-size: 20px;
		color: #FFF;
	}

p#adress, p#contacts {
	width: 150px; height: auto;
	float: left;
	padding: 0px; margin: 0px;
	position: absolute;
	top: 150px;
	color: #FFF;
}

p#adress { left: 30px; }
p#contacts { left: 180px; }

p#contacts a,
p#adress a {
	text-decoration: none;
	color: #FFF;
}
	p#contacts a:hover,
	p#adress a:hover { color: #c0d1ff; }


ul#metanavi {
	width: 200px;
	margin: 0px; padding: 0px;
	float: left;
	position: absolute;
	top: 90px; left: 120px;
}
	ul#metanavi li {
		display: inline;
	}
		ul#metanavi li a {
			color: #f69fa1;
			font-size: 11px;
			padding-right: 3px;
		}
			ul#metanavi li a:hover { color: #FFF; }


div.employeeContainer {
	width: 170px; height: auto;
	float: left;
	margin: 5px;
}

div.employeeImage {
	width: 150px; height: 150px;
	float: left;
}

div.employeeText {
	padding-top: 15px;
	width: 170px;
	float: left;
}

div.newsContainer {
	width: 540px; height: auto;
	float: left;
	margin-bottom: 10px; padding-bottom: 10px;
	border-bottom: 1px dotted #0058b9;
}

div.newsImage {
	width: 150px; height: auto;
	float: left;
	margin-right: 30px;
}

div.newsText {
	width: 360px; height: auto;
	float: left;
}

h3.newsHeadline {
	padding: 3px;
	background: #0058b9;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	margin-bottom: 15px;
}

div.partnerContainer {
	width: 540px; height: auto;
	float: left;
	margin-bottom: 10px; padding-bottom: 10px;
	border-bottom: 1px dotted #0058b9;
}

div.partnerLogo {
	width: 150px; height: auto;
	float: left;
	margin-right: 30px;
}

div.partnerText {
	width: 360px; height: auto;
	float: left;
}


div.contentLeft {
	width: 255px;
	float: left;
	margin-right: 15px;
}

div.contentRight {
	width: 255px;
	float: left;
	margin-left: 15px;
}


div#videobox {
	width: 599px; height: 310px;
	position: absolute; z-index: 999;
	left: 361px; top: 140px;
	padding-top: 50px;
	background: #C4D8FF;
	text-align: center;
}

div#videobox a#closeLink {
	display: block;
	width: 70px; height: 20px;
	position: absolute;
	top: 10px; right: 10px;
}