/*
// File written by Jochen "Khuri" Höhmann <khuri@khuris.com>
// For Werbeagentur Rechl <www.rechl.de>
// Copyright 2010
//
// File        : main.css
// Begin       : 2008.11.25 13:34:22
// Last Update : 2010.04.23 12:39:58
*/
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
*.doprint {
	visibility: hidden;
	display: none;
}
*.goleft {
	float: left;
}
*.goright {
	float: right;
}
body {
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;	background: url(../../images/main/verlauf_bg.gif) repeat-x left top #002f50;
}
legend {
	margin: 0px 6px 0px 6px;
	padding: 0px 2px 0px 2px;
}
pre {
	font-family: Courier,"Courier New",serif;
}
h1,h2,h3,h4 {
	font-size: 18px;
	font-weight: bold;
	margin: 4px 0px 18px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
ul {
	padding: 4px 0px 4px 14px;
	list-style-type: disc;
}
ol {
	padding: 4px 0px 4px 22px;
}
p {margin: 16px 0px;}
h2 {font-size: 16px;}
h3 {
	font-size: 14px;
	line-height: 20px;
}
h4 {font-size: 12px;}
blockquote {margin-left: 20px;}
a,a:link,a:active,a:visited {
	color: #66ccff;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.link_selected {
	color: #66ccff;
}
img {
	border: 0px;
}
/* More specific custom definitions */

#button_10year {
	position: absolute;
	top: 530px;
	left: 630px;
	width: 170px;
	height: 170px;
	background: url(../../images/main/button_10jahre.gif) no-repeat top left scroll;
}
#button_bergfest {
	position: absolute;
	top: 530px;
	left: 619px;
	width: 200px;
	height: 140px;
	background: url(../../images/main/bergfest2011_kl.jpg) no-repeat top left scroll;
}
#button_new {
	position: absolute;
	top: 466px;
	left: 21px;
	width: 120px;
	height: 28px;
	background: transparent url(../../images/main/button_new.gif) no-repeat top left scroll;
	z-index: 50;
}

#line_top_right {
	position: absolute;
	top: 115px;
	left: 0px;
	/*left: 780px;*/
	width: 100%;
	height: 30px;
	/*z-index: 10;*/
}
#line_top_right_cap {
	position: absolute;
	top: 115px;
	left: 780px;
	width: 40px;
	height: 30px;
	z-index: 1;
}
#line_bottom {
	position: absolute;
	top: 465px;
	left: 0px;
	width: 185px;
	height: 30px;
}
.red {
	background-color: #CD0134;
	}
.orange {
	background-color: #f08a00;
	}
.green {
	background-color: #16912a;
	}
.pink {
	background-color: #e2007a;
	}
.tuerkis {
	background-color: #40b4a6;
	}
.blue {
	background-color: #007cbf;
	}
.violett {
	background-color: #8768a6;
	}
.grass {
	background-color: #94ae52;
	}		
#blue_line {
	position: absolute;
	top: 465px;
	left: 0px;
	width: 100%;
	height: 30px;
	background-color: #B2C3CE;
}
#logo_ppdk {
	position: absolute;
	top: 320px;
	left: 851px;
	width: 105px;
	height: 126px;
}
#line_top {
	position: absolute;
	top: 115px;
	left: 0px;
	width: 760px;
	height: 25px;
	padding: 5px 20px 0px 0px;
	background: url(../../images/main/line_top.png) no-repeat left top;
	text-align: right;
	color: #1A3D57;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 18px;
	z-index: 10;
}
#img_bgi {
	position: absolute;
	top: 115px;
	left: 0px;
	width: 820px;
	height: 350px;
}
#img_bgi2 {
	position: absolute;
	top: 115px;
	left: 0px;
	width: 820px;
	height: 350px;
}
#box_menu_top {
	position: absolute;
	top: 83px;
	left: 17px;
	width: auto;
	height: 30px;
	text-align: right;
}
#box_menu_top ul {
	list-style-type: none;
}
#box_menu_top ul li {
	float: left;
	margin-left: 22px;
	height: 28px;
}
#box_menu_top ul li.selected,#box_menu_top ul li:hover {
	background: url(../../images/main/icon_red.gif) no-repeat 0px 18px;
}
#box_menu_top a {
	color: #fff;
}
#box_menu_top a:hover {
	text-decoration: none;
}
#box_menu_left {
	position: absolute;
	top: 184px;
	left: 0px;
	width: 170px;
	height: 219px;
	background: url(../../images/main/htbg_70.png) repeat top left;
	padding-top: 24px;
	z-index: 10;
}
#box_menu_left div {
	position: relative;
	width: 154px;
	margin-top: 10px;
	text-align: right;
	background: url(../../images/main/htbg_70.png) repeat-x 0px 9px;
	cursor: pointer;
}
#box_menu_left div.selected {
	margin-left: 8px;
}
#box_menu_left a {
	color: #1A3D57;
	text-decoration: none;
}
#box_menu_left a:hover {
}
#box_menu_sub {
	position: absolute;
	top: 503px;
	left: 0px;
	width: 170px;
}
#box_menu_sub ul {
	position: relative;
	width: 154px;
	padding: 0px;
	margin: 8px 0px 0px;
	text-align: right;
	list-style-type: none;
}
#box_menu_sub ul li {
	padding-right: 16px;
	margin-top: 10px;
}
#box_menu_sub ul li:hover,#box_menu_sub ul li.selected {
	background: url(../../images/main/icon_red.gif) no-repeat right 3px;
}
#box_menu_sub a {
	color: #fff;
}
#box_menu_sub a:hover {
	text-decoration: none;
}
#box_menu_lower {
	position: absolute;
	top: 550px;
	left: 0px;
	width: 170px;
	height: 215px;
}
#box_content {
	background: #003c72;
	position: absolute;
	top: 465px;
	left: 185px;
	width: 381px;
	height: auto;
	min-height: 250px;
	padding: 0px 12px 20px 12px;
	z-index: 10;
}
#line_br_bottom {
	position: absolute;
	top: 465px;
	left: 590px;
	width: 230px;
	height: 30px;
	background: url(../../images/main/htbg_70.png) repeat top left;
	z-index: 10;
}
#line_br_bottom_button {
	position: absolute;
	top: 469px;
	left: 594px;
	width: 222px;
	height: 20px;
	padding-top: 2px;
	background-color: #8E8E8E;
	text-align: center;
	z-index: 11;
}
#line_br_bottom_button:hover {
	background-color: #787878;
}
#switch_arrow {
	position: absolute;
	top: 121px;
	left: 782px;
	width: 40px;
	height: 24px;
	z-index: 100;
	cursor: pointer;
}
#switch_arrow_loading {
	position: absolute;
	top: 196px;
	left: 773px;
	width: 46px;
	height: 10px;
	z-index: 100;
	background: url(../../images/main/loading.gif) no-repeat top left;
	visibility: hidden;
}
#gallery_block {
	position: absolute;
	top: 115px;
	left: 0px;
	width: 0px;
	height: 350px;
	background: #00365A;
}
h1.header {
	position: absolute;
	top: 440px;
	left: 195px;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 20px;
	z-index: 10;
	padding: 0px;
	margin: 0px;
}
a.bottom_button {
	color: #fff;
	font-size: 9px;
	width: auto;
	height: 100%;
	display: block;
}
img.menu_left {
	padding-left: 8px;
}

/* Google Maps */
#googlemap {
	position: relative;
	margin-top: 16px;
	width: 380px;
	height: 300px;
	color: #000;
}

/* Products & manufacturers */
#product_list {
	padding-top: 6px;
}
#product_list a.selected {
	color: #eee;
	font-weight: bold;
}
#manufacturers_box {
	margin: 12px 6px 0px 0px;
	float: right;
	overflow: auto;
	text-align: center;
	padding: 0px 1px;
}
#manufacturers_box a {
	margin-bottom: 16px;
	display: block;
	border: 1px solid #516473;
}