/* CSS Document */

body,h1,h2,h3,h4,h5,h6,ul,li,ol,div,p,a,img,form,input {
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
}

a img {
	border: 0px;
}

a span {
	display: none;
}

ul li {
	float: left;
	list-style: none;
}

body {
	background: #FFFFFF url(images/bg_body.gif) repeat-x;
}

div {
	float: left;
}

#page {
	position: relative;
	width: 1000px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#header {
	position: absolute;
	top: 0px;
	width: 1000px;
	height: 130px;
	background: url(images/bg_header.gif) no-repeat;
}

#logo {
	float: left;
	width: 210px;
	height: 75px;
	margin: 0px 0px 0px 10px;
	background: url(images/infratec.gif) no-repeat;
}

#topnavi {
	float: right;
	width: 198px;
	padding: 40px 14px 0px 0px;
}

#topnavi a {
	float: left;
	width: 23px;
	height: 15px;
	margin: 0px 10px 0px 0px;
}

#topnavi a.last {
	width: 22px;
	height: 14px;
	margin: 1px 10px 0px 0px;
}

#topnavi li a#uk {background: url(images/uk.gif)}
#topnavi li a#de {background: url(images/de.gif)}
#topnavi li a#es {background: url(images/es.gif)}
#topnavi li a#fr {background: url(images/fr.gif)}
#topnavi li a#pl {background: url(images/pl.gif)}
#topnavi li a#jp {background: url(images/jp.gif)}

#mainnavi {
	float: left;
	width: 559px;
	height: 55px;
	padding: 0px 0px 0px 250px;
}

#mainnavi.thermo {
	width:616px;
	padding: 0px 0px 0px 193px;
}

#mainnavi li {
	position: relative;
}

#mainnavi li a {
	float: left;
	width: 92px;
	w\idth: 92px;
	\width: 92px;
	height: 39px;
	padding: 15px 0px 0px 0px;
	color: #ED1C24;
	font-weight: bold;
	text-align: center;
	border-left: 1px solid #ED1C24;
	background: url(images/bg_mainnavi_a.gif) repeat-x 0px 0px;
}
#mainnavi li.home a {
	width: 40px;
	padding: 15px 0px 0px 17px;
	border-left: none;
	text-align: left;
}

#mainnavi li a.last {
	border-right: 1px solid #ED1C24;
}

#mainnavi li a:hover {
	background: url(images/bg_mainnavi_a.gif) repeat-x 0px -54px;
}

#mainnavi ul {
	display: none;
	position: absolute;
	top: 54px;
	left: 0px;
	width: 94px;
	border-top: 1px solid #FFFFFF;
}

#mainnavi li:hover ul {
	display: block;
}

#mainnavi ul li a {
	width: 92px;
	w\idth: 92px;
	\width: 92px;
	height: 17px;
	padding: 3px 0px 0px 0px;
	font-size: 10px;
	font-weight: normal;
	border: 1px solid #FFFFFF;
	background: #B2B2B2;
}

#mainnavi ul li a:hover {
	border: 1px solid #ED1C24;
	background: #B2B2B2;
}

#header form {
	float: left;
	width: 191px;
}

#header form input#formtext {
	float: left;
	width: 100px;
	margin: 15px 0px 0px 41px;
	padding: 1px 0px 3px 0px;
	border: 1px solid #ED1C24;
	font-size: 13px;
}

#header form input#formbutton {
	float: left;
	margin: 15px 0px 0px 1px;
}

#content {
	position: absolute;
	top: 130px;
	float: left;
	width: 1000px;
	background: url(images/bg_content.gif) repeat-y;
}

#sidebar {
	float: left;
	width: 193px;
}

#sidebar p {
	float: left;
	width: 160px;
	padding: 5px 0px 8px 33px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	background: url(images/bg_subnavi.gif) repeat-y;
}

#sidebar p span {	font-size: 12px;}

#sidebar p.kontakt {
	width: 156px;
	margin: 0px 0px 1px 0px;
	padding: 29px 0px 8px 37px;
	font-weight: normal;
	line-height: 15px;
	background: none;
}

#sidebar p.kontakt a {
	color: #FFFFFF;
}

#sidebar li {
	float: left;
	margin: 0px 0px 1px 0px;
}

#sidebar li a {
	float: left;
	width: 156px;
	padding: 4px 0px 5px 37px;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	background: url(images/bg_subnavi.gif) repeat-y;
}

#sidebar li a:hover {
	background: url(images/bg_subnavi.gif) repeat-y -193px 0px;
}

#text {
	float: left;
	width: 545px;
	padding: 5px 0px 50px 55px;
}

#text #text_img {
	float: left;
	margin: 2px 8px 2px 0px;
}

h2 {
	float: left;
	width: 535px;
	margin: 30px 0px 15px 0px;
	font-family: sans-serif;
	font-size: 15px;
}

h3 {
	float: left;
	width: 550px;
	margin: 8px 0px 14px 0px;
	font-size: 12px;
}

h3 a {
	float: left;
	width: 550px;
	font-size: 14px;
	color: #FF0000;
	font-weight: normal;
	font-variant:small-caps;
}

#text p {
	float: left;
	width: 560px;
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	line-height: 16px;
	text-align: justify;
}

#text ul {
	float: left;
	width: 560px;
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
}

#text ul li {
	float: left;
	width: 540px;
	padding: 0px 0px 0px 20px;
	background: url(images/list.gif) no-repeat 5px 4px;
}

#text p span{
	display: block;
	width: 540px;
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	color: #FFFFFF;
	font-weight: bold;
	background: #B2B2B2;
}

#text p span a {
	color: #FFFFFF;
	text-decoration: underline;
}

#text p span a:hover {
	color: #333333;
	text-decoration: underline;
}

#text p.sub strong {
	font-size: 14px;
	color: #FF0000;
	font-weight: normal;
	font-variant:small-caps;
}

#text p a {

	color: #000000;
	text-decoration: underline;
}

#text p a.image {
	float: left;
	margin: 10px 15px 10px 0px;
}

#text p a img {
	float: left;
	width: 200px;
}

#text object {
	width: 560px; 
	height: 80px;
	margin: 15px 0px 15px 0px;
}

#text p a:hover {
	color: #B2B2B2;
}

#text p a.link {
	float: left;
	color: #ED1C24;
	font-size: 14px;
	font-weight: bold;
}

#text p a.link:hover {
	color: #666666;
	text-decoration: underline;
}

#bottomlinks {
	position: relative;
	float: left;
	width: 219px;
	height:176px;
}

#bottomlinks li a {
	float: left;
	position: absolute;
	border: 1px solid #FF0404;
}

#bottomlinks li a#bottomlink1 {
	top:84px;
	left:0px;
	width:89px;
	w\idth:89px;
	\width:89px;
	height:90px;
}

#bottomlinks li a#bottomlink1 img { float: left; width: 89px; height: 90px; }

#bottomlinks li a#bottomlink2 {
	top:0px;
	left:65px;
	width:103px;
	w\idth:103px;
	\width:103px;
	height:103px;
}

#bottomlinks li a#bottomlink2 img { float: left; width: 103px; height: 103px; }

#bottomlinks li a#bottomlink3 {
	top:67px;
	left:126px;
	width:91px;
	w\idth:91px;
	\width:91px;
	height:91px;
}

#bottomlinks li a#bottomlink3 img { float: left; width: 91px; height: 91px; }

#informationen {
	clear: both;
	width: 520px;
	padding: 15px 0px 15px 15px;
	text-align: center;
	font-size: 11px;
}

#informationen li {
	float: none;
	display: inline;
}

#informationen a {
	color: #999999;
	padding: 0px 2px 2px 7px;
	background: url(images/metatrenner.jpg) left no-repeat;
}

#informationen a:hover {
text-decoration: underline;
}

#informationen .first {
	background: none;
}


#footer {
	float: left;
	width: 750px;
	padding: 0px 0px 0px 248px;
}

#footer p {
	float: left;
	width: 560px;
	padding: 11px 0px 13px 0px;
	border-top: 1px solid #ED1C24;
}

#footer p a {
	margin: 0px 0px 0px 160px;
	font-weight: bold;
	color: #B2B2B2;
}

#footer p a:hover {
	color: #C9C9C9;
}