html{
	height: 100%;
}
body{
	background: #E8E8E8;
	color: #333333;
	font-family: Arial;
	font-size: 0.8em;
	margin: 0;
	height: 100%;
}
a{
	color: #6E6E6E;
}
	a:hover{
		color: #DDA52A;
	}
img{
	border: 0;
}
h1{
	border-bottom: 1px solid #888886;
	font-size: 1.8em;
	margin: 0;
	padding-bottom: 2px;
	/*text-transform: uppercase;*/
}
h2{
	font-size: 1.3em;
	margin: 0;
	/*text-transform: uppercase;*/
}
h3{
	font-size: 1.1em;
	margin: 0;
	/*text-transform: uppercase;*/
}
h4{
	font-size: 1em;
	margin: 0;
}
form{
	margin: 0;
}
div#site{
	position: absolute;
	left: 50%;
	margin-left: -501px;
	width: 1002px;
}
div#site2{
	background: #FFFFFF;
	border: 1px solid #C2C2C0;
	border-bottom: 0;
	margin: 0;
	min-height: 100%;
	padding: 0 22px;
	width: 958px;
}
div#logo{
	margin-bottom: 15px;
}
div#header{
	
}
	div#header div#logo{
		height: 85px;
	}
	div#header ul#main_navi{
		background: #4C7FA6;
		border: 1px solid #C2C2C0;
		list-style-type: none;
		height: 24px;
		margin: 0;
		padding: 0;
	}
		div#header ul#main_navi li{
			float: left;
		}
			div#header ul#main_navi li.separator{
				background: url(../images/main_navi_separator.png);
				height: 24px;
				width: 2px;
			}
			div#header ul#main_navi li.active_separator{
				background: url(../images/main_navi_separator.png) 1px 0;
				height: 24px;
				width: 1px;
			}
		div#header ul#main_navi a{
			color: #FFFFFF;
			display: inline-block;
			font-size: 0.85em;
			font-weight: bold;
			height: 24px;
			line-height: 2.2em;
			padding: 0 9px;
			text-decoration: none;
			text-transform: uppercase;
		}
			div#header ul#main_navi a:hover, div#header ul#main_navi li.active a{
				color: #DCA010;
			}
			div#header ul#main_navi li.active a{
				background: #E8E8E8;
				color: #DCA010;
			}
	div#header ul#sub_navi{
		clear:both;
		background: url(../images/sub_navi_background.png);
		list-style-type: none;
		height: 21px;
		margin: 0;
		padding: 0;
	}
		div#header ul#sub_navi li.separator{
			background: url(../images/main_navi_separator.png);
			height: 21px;
			width: 2px;
		}
		div#header ul#sub_navi li{
			float: left;
		}
		div#header ul#sub_navi a{
			color: #555555;
			font-size: 0.85em;
			height: 21px;
			line-height: 2em;
			padding: 0 7px;
			text-decoration: none;
		}
			div#header ul#sub_navi a:hover{
				color: #DDA52A;
			}

/* search box */
div#search{
	height: 64px;
	margin-top: 30px;
	padding: 52px 0 0 10px;
	width: 948px;
}
	div#search p{
		margin: 0 0 4px 0;
	}
	div#search form{
		border: 1px solid #C2C2C0;
		margin: 0;
		width: 350px;
	}
		div#search form div{
			background: #FFFFFF;
			padding: 2px 0 0 0;
			width: 350px;
		}
		div#search form input.text{
			background: transparent;
			border: 0;
			color: #333333;
			font-size: 1.5em;
			padding-left: 4px;
			width: 314px;
		}
		div#search form button#search_submit{
			background: transparent url(../images/search_submit.png) -7px -6px;
			border: 0;
			height: 27px;
			text-indent: 70px;
			width: 26px;
		}
			div#search form button#search_submit:hover{
				background: transparent url(../images/search_submit.png) -7px 34px;
			}

/* 3-column layout */
div#cont{
	margin: 44px 0 0 0;
	width: 960px;
}
div#left{
	float: left;
	width: 150px;
}
div#content{
	float: left;
	margin-left: 30px;
	width: 550px;
}
div#content.two_columns{
	margin-bottom: 15px;
	width: 775px;
}
div#right{
	float: left;
	margin-left: 43px;
	width: 185px;
}

/* introduction text */
p#introduction{
	font-size: 1.2em;
	letter-spacing: 0.01em;
	line-height: 1.3em;
	height: 85px;
	margin: 5px 0 30px 0;
}
	p#introduction.content_introduction{
		height: auto;
	}
	p#introduction a{
		color: #54AFE8;
	}

/* teasers */
div#teaser{
	letter-spacing: 0.03em;
	line-height: 1.3em;
}
	div#teaser div.column{
		border: 1px solid #C2C2C0;
		float: left;
		margin-bottom: 15px;
		width: 269px;
	}
		div#teaser div.column.right{
			float: right;
		}
		div#teaser div.column h2{
			background: url(../images/teaser_head.png) bottom no-repeat;
			line-height: 2em;
			padding: 0 0 2px 5px;
			margin-bottom: 7px;
		}
		div#teaser div.column p{
			font-size: 0.85em;
			letter-spacing: 0.01em;
			height: 170px;
			margin: 0;
			padding: 5px;
		}
			div#teaser div.column p img{
				float: left;
				margin: 0 12px 0 0;
				width: 90px;
			}
		div#teaser div a.more{
			color: #000000;
			bottom: 2px;
			display: block;
			float: right;
			height: 19px;
			position: relative;
			right: 2px;
		}
			div#teaser a.more img.hover{
				display: none;
			}
			div#teaser a.more:hover img{
				display: none;
			}
			div#teaser a.more:hover img.hover{
				display: inline;
			}

/* left sidebar navi */
ul#sidebar_navi{
	border: 1px solid #C2C2C0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 144px;
}
	ul#sidebar_navi li{
		
	}
		
	ul#sidebar_navi a{
		background: url(../images/sidebar_navi.png);
		color: #FFFFFF;
		display: block;
		font-size: 0.85em;
		font-weight: bold;
		line-height: 1.5em;
		height: 21px;
		padding: 5px 0 0 10px;
		text-decoration: none;
		text-transform: uppercase;
		width: 134px;
	}
		ul#sidebar_navi li:first-child a{
			background: url(../images/sidebar_navi_first.png);
		}
		ul#sidebar_navi li:last-child a{
			background: url(../images/sidebar_navi_last.png);
			height: 19px;
		}
		ul#sidebar_navi a:hover{
			color: #E8A300;
		}
		ul#sidebar_navi li a.active{
			/*background: url(../images/sidebar_navi_active.png);*/
			color: #E8A300;
			/*height: 21px;*/
		}
	ul#sidebar_navi a img{
		display: none;
	}
	
	/* sidebar subnavi */
	ul#sidebar_navi li.sub{
		
	}
	ul#sidebar_navi li.sub a{
		background: url(../images/sidebar_navi_sub.png);
		color: #000000;
		font-weight: normal;
		/*line-height: 1.5em;*/
		height: 18px;
		padding: 1px 0 0 15px;
		text-transform: none;
		width: 129px;
	}
		ul#sidebar_navi li.sub a:hover, ul#sidebar_navi li.sub a.active{
			color: #E8A300;
		}

/* right sidebar navi */
div#right div.sidebar_navi{
	border: 1px solid #C2C2C0;
	margin-bottom: 15px;
}
	div#right div.sidebar_navi h3{
		background: url(../images/teaser_head.png) bottom no-repeat;
		line-height: 2em;
		padding: 0 0 2px 5px;
		margin-bottom: 0px;
	}
	div#right div.sidebar_navi h4{
		/*background: url(../images/teaser_head.png) bottom no-repeat;*/
		/*line-height: 2em;*/
		padding: 0 0 0px 5px;
		margin-top: 15px;
		margin-bottom: 0px;
	}
	div#right div.sidebar_navi ul{
		list-style-type: none;
		margin: 0;
		padding: 5px;
	}
		div#right div.sidebar_navi ul li{
			line-height: 1.5em;
		}
	div#right div#sidebar_navi a{
		color: #54AFE8;
	}

/* sidebar teasers */

/*div#sidebar_teaser{
	letter-spacing: 0.03em;
	line-height: 1.3em;
	margin-bottom: 20px;
}
		div#sidebar_teaser div.teaser{
			border: 1px solid #C2C2C0;
			margin-bottom: 30px;
		}
			div#sidebar_teaser div.teaser h2{
				background: url(../images/teaser_head.png) bottom no-repeat;
				line-height: 2em;
				padding: 0 0 2px 5px;
				margin-bottom: 7px;
			}
			div#sidebar_teaser div.teaser p{
				font-size: 0.85em;
				letter-spacing: 0.01em;
				margin: 0 0 25px 0;
				padding: 5px;
			}
			div#sidebar_teaser div.teaser a.more{
			color: #000000;
			bottom: 2px;
			display: block;
			float: right;
			height: 19px;
			position: relative;
			right: 2px;
			top: -21px;
		}*/

/* sidebar advertising */
div#right div.sidebar_advertising{
	text-align: center;
}

/* sidebar infos */
div.sidebar_infos{
	clear: both;
	margin-bottom: 2em;
}
	div.sidebar_infos h2{
		margin-bottom: 0.2em;
		white-space: nowrap;
	}
	div.sidebar_infos div.content{
		border: 1px solid #C2C2C0;
		font-size: 0.82em;
		padding: 10px;
	}
		div.sidebar_infos div.content p{
			margin-bottom: 0;
		}
		
		div.sidebar_infos div.content.random_producers{
			padding-top: 0;
		}
			div.sidebar_infos div.content.random_producers a{
				color: #54AFE8;
			}
				div.sidebar_infos div.content.random_producers a:hover{
					color: #DDA52A;
				}
		
		div.sidebar_infos div.content h3{
			font-size: 1em;
		}
		div.sidebar_infos div.content p.press{
			border-bottom: 1px solid #C2C2C0;
			margin-bottom: 10px;
			padding-bottom: 10px;
		}
			div.sidebar_infos div.content p.press:last-child{
				border-bottom: 0;
				margin-bottom: 0;
				padding-bottom: 0;
			}
			div.sidebar_infos div.content p.press span{
				color: #488C81;
			}
		
	div.sidebar_infos a.more{
		background: url(../images/sprite-long.png);
		color: #000000;
		display: block;
		float: right;
		font-size: 0.85em;
		height: 19px;
		line-height: 1.7em;
		margin-bottom: 2em;
		padding-left: 20px;
		position: relative;
		text-decoration: none;
		top: 5px;
		width: 95px;
	}
		div.sidebar_infos a.more.short{
			background: url(../images/sprite-short.png);
			width: 63px;
		}
		div.sidebar_infos a.more:hover{
			background-position: 0 19px;
		}
	
	div.sidebar_infos.teaser{
		padding-top: 0;
	}
		div.sidebar_infos.teaser p{
			margin-top: 0;
		}
	
	div.sidebar_infos ul{
		list-style-type: none;
		margin: 0 0 0;
		padding: 0 0 0.8em;
	}
		div.sidebar_infos ul:last-child{
			padding: 0;
		}
		div.sidebar_infos ul li{
			line-height: 1.5em;
		}
		
	div.sidebar_infos a.more_img{
		display: block;
		float: right;
		margin-bottom: 2em;
		position: relative;
		top: 5px;
	}
		div.sidebar_infos a.more_img img.hover{
				display: none;
			}
			div.sidebar_infos a.more_img:hover img{
				display: none;
			}
			div.sidebar_infos a.more_img:hover img.hover{
				display: inline;
			}

/* sidebar city links */
div#right ul.city_links a{
	display: block;
	width: 170px;
}

/* newsletter */
div#newsletter{
	border: 1px solid #C2C2C0;
	padding: 10px 10px 3px;
	width: 165px;
}
	div#newsletter h2{
		font-size: 1.3em;
		margin: 5px 0 20px;
		text-transform: uppercase;
	}
	div#newsletter form{
		margin: 0;
	}
		div#newsletter form input.text{
			background: #FFFFFF;
			border: 1px solid #747474;
			font-family: Arial;
			margin-bottom: 3px;
			padding: 2px;
			width: 130px;
		}
		div#newsletter form input.first_select{
			margin-left: -2px;
		}
		div#newsletter form input.first{
			margin-top: 5px;
		}
	div#newsletter button{
		background: transparent url(../images/register.png);
		border: 0;
		height: 40px;
		margin-left: -7px;
		overflow: hidden;
		width: 150px;
	}
		div#newsletter button:hover{
			background: url(../images/register.png) 0 41px;
		}
	div#newsletter button span{
		display: none;
	}

/* biggest cities */
div#biggestCities{
	clear: both;
	padding-top: 17px;
}
	div#biggestCities h2{
		text-align: center;
		margin-bottom: 10px;
	}
	div#biggestCities div.cities{
		border: 1px solid #C2C2C0;
		padding: 15px;
	}
		div#biggestCities div.cities ul.column{
			float: left;
			list-style-type: none;
			margin: 0;
			min-width: 9.7%;
			padding: 0;
			width: auto !important;
			width: 10%;
		}
			div#biggestCities div.cities ul.column li{
				line-height: 1.5em;
			}
				div#biggestCities div.cities ul.column li a{
					font-size: 0.85em;
				}
	div#biggestCities a.all{
		color: #54AFE8;
	}

/* footer */
div#footer{
	border-top: 7px solid #497AA0;
	clear: both;
	margin-top: 10px;
	padding: 10px;
	text-align: center;
}
	div#footer p{
		display: inline;
	}
	div#footer ul{
		display: inline;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		div#footer ul li{
			display: inline;
		}
	div#footer > a{
		margin-top: 10px;
	}

/* content */
div#content_content{
	font-size: 1em;
	letter-spacing: 0.01em;
}
	div#content_content a{
		color: #54AFE8;
	}
	div#content_content p{
		margin-top: 10px;
	}
		div#content_content p img{
			float: left;
			margin-right: 10px;
		}
	div#content_content h2{
		margin-top: 30px;
	}
	div#content_content h3{
		margin-top: 20px;
	}

div.error{
	float: left;
	background: #F5FFE4;
	border: 1px solid #000000;
	font-size: 15px;
	padding: 20px;
	margin-left: 20px;
	width: 745px;
}
div.errors{
	background: #F5FFE4;
	border: 1px solid #000000;
	font-size: 15px;
	padding: 5px;
	width: 97.5%;
}

/* search */
div#cont_main{
	margin: 0 0 0 15px;
}
div#users{
	
}
	div#users h1{
		border: 0;
	}
	div#users h2{
		margin-top: 15px;
	}
	div#users h2.contact{
		font-weight: normal;
		margin-top: 0;
	}
div#users h3{
	font-size: 1.3em;
	text-transform: uppercase;
}
div#navigator{
	font-size: 0.8em;
	margin: 5px 0 20px;
}
span.singleUser{
	color: #B7C354;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
}
div.singlePremiumUser a{
	border-bottom: 2px solid #58A9D7;
	color: #58A9D7;
	display: inline-block;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 5px;
	text-decoration: none;
}
div.singleUser{
	margin: 0 auto 23px auto;
}
div.singleUser address{
	font-size: 0.85em;
	font-weight: bold;
	font-style: normal;
	margin: 3px 0;
}
div.singleUser p{
	font-size: 0.85em;
	letter-spacing: 0.03em;
	line-height: 1.6em;
	margin: 0;
}
div#banner{
	border:1px solid #C0C0C0;
	border-left: 0;
	border-right: 0;
	margin: 5px 0 23px;
	width: 484px;
}
div#paginator{
	clear: both;
	margin-top: 53px;
	text-align: center;
}
div#paginator a{
	font-size: 1em;
}

/* user details */
div#user{
	font-size: 1.1em;
	letter-spacing: 0.01em;
	line-height: 1.3em;
	margin: 0 auto;
	text-align: left;
	width: 725px;
}
div#user h1{
	border-bottom: 0;
	line-height: 1em;
}
div#user h2{
	font-size: 1.2em;
	margin-bottom: 4px;
}
div#user p#spg{
	margin: 0 0 13px;
	text-align: left;
}
div#user ul#spg li{
	border-right: 3px double #000000;
	display: inline;
	padding: 0 10px;
}
div#user ul#spg li:first-child{
	padding-left: 0;
}
div#user ul#spg li:last-child{
	border: 0;
}
div#user ul#spg a{
	color: #63AFDA;
	font-size: 1.1em;
}
div#user ul#leistungen li{
	background: url(../images/tick.png) no-repeat 0 4px;
	padding-left: 15px;
}
div#user ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#user div#c1{
	float: left;
	width: 440px;
}
div#user div#c2{
	float: left;
	margin-left: 35px;
	padding-top: 5px;
	width: 250px;
}
div#user ul li, div#user p, div#user address, div#description{
	font-size: 0.8em;
	text-align: justify;
}
div#user address{
	margin-bottom: 0px;
}
div#user p#phone{
	margin-bottom: 36px;
}
div#description{
	margin-top: 10px;
}
div#description img{
	float: left;
	margin-left: 5px;
}


/* impressum */
div#impressum{
	margin: 0 auto;
	text-align: left;
	width: 550px;
}
div#impressum address, div#user address{
	font-style: normal;
}

/* cities overview */
ul.citiesLetter{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}
	ul.citiesLetter li{
		border-left: 1px solid #000000;
		display: inline-block;
		min-width: 2.8%;
		text-align: center;
	}
	ul.citiesLetter li:first-child{
		border: 0;
	}
		ul.citiesLetter li a{
			font-weight: bold;
			text-decoration: none;
		}

ul.cities{
	clear: both;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	ul.cities li{
		float: left;
		width: 33%;
	}

/* forms (voting, contact...) */
div.form{
	width: 533px;
}
	div.form h1{
		border: 0;
		padding: 0;
	}
	div.form div#navigator{
		font-size: 0.85em;
		margin-top: 0;
	}
	div.form fieldset{
		border: 0;
		margin: 0;
		padding: 0;
	}
	div.form fieldset.vote{
		margin-top: 20px;
	}
	div.form fieldset.contact_data{
		margin-top: 10px;
	}
		div.form fieldset legend{
			font-size: 1.2em;
			font-weight: bold;
			text-transform: uppercase;
		}
			div.form fieldset legend span.first{
				font-size: 200%;
				letter-spacing: -0.1em;
				margin-right: 3px;
			}
			div.form fieldset.vote span.first{
				letter-spacing: 0em;
			}
			div.form fieldset legend span.info{
				display: block;
				font-size: 0.7em;
				font-weight: normal;
				margin-top: -5px;
				text-transform: none;
			}
	
	div.form ol{
		list-style-type: none;
		margin: 15px 0 0;
		padding: 0;
	}
		div.form ol li{
			float: left;
			margin-left: 17px;
		}
		div.form ol.only-one li{
			float: none;
			margin-left: 0;
		}
			div.form ol li:first-child{
				margin-left: 0;
			}
	
	div.form label{
		display: block;
		font-size: 0.85em;
	}
	
	div.form form input,
	div.form form select,
	div.form form textarea{
		background: #FFFFFF;
		border: 1px solid #000000;
		font-size: 0.9em;
		font-family: Arial;
		padding: 1px;
		width: 253px;
	}
	div.form form input[type="checkbox"]{
		width: auto;
	}
	div.form form select{
		width: 256px;
	}
	div.form form select#service{
		width: 529px;
	}
	div.form form textarea#vote_text{
		height: 210px;
		margin-top: 10px;
		width: 527px;
	}
	
	div.form form textarea#contact_comment{
		height: 210px;
		width: 527px;
	}
	
	div.form form button{
		background: #497AA0;
		border: 0;
		color: #FFFFFF;
		font-weight: bold;
		padding: 3px 10px;
	}


ul.voting{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#voting ul.voting{
	margin-top: 10px;
}
div#voting ul.voting.user_details{
	clear: both;
	margin-bottom: 5px;
}
	ul.voting li{
		float: left;
		margin-left: 0px;
	}
	ul.voting li.text{
		font-size: 1.2em;
		font-weight: bold;
		margin: 0 7px 0 0;
		padding-top: 4px;
	}
		ul.voting li div.star{
			background: url(../images/vote_inactive.png);
			cursor: pointer;	
			height: 23px;
			width: 25px;
		}
		ul.voting.user_details li div.star{
			cursor: auto;
		}
			ul.voting li div.star.active{
				background: url(../images/vote.png);
			}

a.vote{
	display: block;
	font-size: 0.8em;
	padding-bottom: 10px;
}
div#user div#votes{
	margin-top: 25px;
}
	div#user div#votes h2{
		margin-bottom: 10px;
	}
	div#user div#votes h3{
		font-size: 1em;
		text-transform: none;
	}
	div#user div#votes strong.heating{
		font-size: 0.8em;
	}
	div#user div#votes p{
		font-size: 0.8em;
		margin: 3px 0 15px;
	}

/* lightbox */
div#lightbox_background{
	background: #000000;
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 */
	/*filter: alpha(opacity=70); /* IE5-7 */
	/*opacity: 0.7; /* other */
	z-index: 1;
}
div.lightbox{
	background: #FFFFFF;
	border: 1px solid #999999;
	display: none;
	left: 50%;
	margin: -175px 0 0 -275px;
	min-height: 350px;
	padding: 10px;
	position: fixed;
	top: 50%;
	width: 550px;
	z-index: 2;
}
	div.lightbox a.close{
		color: #54AFE8;
		position: absolute;
		text-decoration: none;
		top: 10px;
		right: 10px;
	}

/* lightbox_search */
div#lightbox_search{
	
}
	div#lightbox_search h1{
		margin-top: 10px;
	}
	div#lightbox_search h2{
		padding-top: 15px;
	}
	div#lightbox_search h2.advantages{
		padding-top: 5px;
	}
	div#lightbox_search p{
		margin-top: 5px;
	}
	div#lightbox_search div.image{
		float: left;
		width: 125px;
	}
	div#lightbox_search div.text{
		float: left;
		width: 425px;
	}
	div#lightbox_search ul.advantages{
		margin-bottom: 20px;
	}
	div#lightbox_search button{
		width: 250px;
	}

/* producer info */
div.producer_info{
	float: left;
	margin-right: 20px;
	width: 185px;
}
	div.producer_info.sidebar_infos{
		clear: none;
	}

/* catalog orders */
div.producer_catalogs{
	display: inline-block;
	width: 45%;
}

/* general */
ul.advantages{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	ul.advantages li{
		background: url(../images/star.png) no-repeat;
		font-size: 0.93em;
		font-weight: bold;
		letter-spacing: 0.01em;
		margin: 10px 0;
		padding: 0 0 0 18px;
	}

/* advertising */
div#banner_top{
	margin: 5px auto;
	width: 728px;
}
div#banner_side{
	left: 1022px;
	position: absolute;
	top: 165px;
}
div#banner_side_search{
	left: 1022px;
	position: absolute;
	top: 311px;
}