body{
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	vertical-align: top;
	overflow: auto;
	font: x-small Verdana,sans-serif;
	background-color: #FFFFFF;
	background-position: center;
	background-position: middle;
	background-repeat: no-repeat;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	scrollbar-base-color:#b6bbc6;
	scrollbar-3dlight-color:#b6bbc6;
	scrollbar-arrow-color:#b6bbc6;
	scrollbar-darkshadow-color:#b6bbc6;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#b6bbc6;
	scrollbar-track-color:#b6bbc6;
}

.menue-gross {
	font-size: 22px;
	font-weight: normal;
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration:none;
	top: -20px;
	}
	
.menue-klein {
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration:none;
	top: -20px;
	}

a:link, a:visited, a:active {
	text-decoration: none;
	font-weight: 900;
	color: #000000;
}

a:hover {
	text-decoration: underline;
	font-weight: 900;
	color: #000000;
}

a.link-news:link, a.link-news:visited, a.link-news:active {
	text-decoration: underline;
	font-weight: 900;
	color: #000000;
}

a.link-news:hover {
	text-decoration: none;
	font-weight: 900;
	color: #000000;
}

a.menue:link, a.menue:visited, a.menue:active {
	text-decoration: none;
	font-weight: 900;
	color: #FFFFFF;
}

a.menue:hover {
	text-decoration: underline;
	font-weight: 900;
	color: #FFFFFF;
}

a.red:link, a.red:visited, a.red:active {
	text-decoration: none;
	font-weight: 900;
	color: #c90000;
}

a.red:hover {
	text-decoration: underline;
	font-weight: 900;
	color: #c90000;
}

a.green:link, a.green:visited, a.green:active {
	text-decoration: none;
	font-weight: 900;
	color: #08ae00;
}

a.green:hover {
	text-decoration: underline;
	font-weight: 900;
	color: #08ae00;
}

a.marken_link:link, .marken_link:visited, .marken_link:active {
	text-decoration: none;
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

a.marken_link:hover {
	text-decoration: none;
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

.gelb {
	background-color: #ffd200;
}

.gelb-hintergrund {
	background-color: #ffd200;
}

.gelb-hintergrund-bild {
	background-color: #ffd200;
	background-image: url(../images/klavier-kreisel-spiegelung.jpg);
	background-repeat: no-repeat;
}

.grau-hintergrund {
	background-color: #dadfe7;
}

.rahmen-schwarz {
	border: solid;
	border-color: Black;
	border-style: solid;
	border-width: 1px;
}

.rahmen-grau {
	border: solid;
	border-color: #b6bbc6;
	border-style: solid;
	border-width: 1px;
}

.footer {
	font-size: 8px;
	font-weight: normal;
	color: Black;
}

.zeiten {
	font-size: 10px;
	font-weight: normal;
	color: Black;
}

.oeffnungszeiten {
	font-size: 12px;
	font-weight: normal;
	color: Black;
}

.menu_01 {
	font-size: 22px;
	font-weight: normal;
	color: #ffffff;
}

.menu_02 {
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
}

.menu_01_aktiv {
	font-size: 22px;
	font-weight: normal;
	color: #ffd200;
}

.menu_02_aktiv {
	font-size: 12px;
	font-weight: normal;
	color: #ffd200;
}

.text {
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height:13px;
	color: #000000;
}

.text_large {
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #000000;
}

.text_klein {
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #8d8d8e;
}

.text_grau {
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #b6bbc6;
}

.text_fett {
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 900;
	color: #000000;
}

.text_grau_fett {
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 900;
	color: #b6bbc6;
}

.text_mail_achtung {
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 900;
	color: #c90000;
}

.text_mail_gut {
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 900;
	color: #08ae00;
}

.text-pop-up-landing-page {
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height:15px;
	color: #000000;
}

.button_formular {
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	background-color: #ffd200;
	border: solid;
	border-width: 1px;
	border-color: #000000;
	scrollbar-3dlight-color:#ffd200;
	width: 200px;
}

.button_formular_rot {
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	background-color: rgb(255, 245, 238);
	border: solid;
	border-width: 1px;
	border-color: #c90000;
	width: 400px;
}

#distance { 
	width:1px;
	height:50%;
	margin-bottom:-331px; /* half of container's height */
	float:left;
}

#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:662px;
	width:1000px;
	clear:left;
}
		
#distance_hintergrund { 
	width:1px;
	height:50%;
	margin-bottom:-331px; /* half of container's height */
	float:left;
}

#container_hintergrund {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:662px;
	clear:left;
}
		
#distance_spiegelung { 
	width:1px;
	height:50%;
	margin-bottom:-380px; /* half of container's height */
	float:left;
}

#container_spiegelung {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:760px;
	clear:left;
	}
		
table.login {
	border-width: 1px 1px 1px 1px;
	border-spacing: 1px;
	border-style: dashed dashed dashed dashed;
	border-color: #949494 #949494 #949494 #949494;
	border-collapse: separate;
}

table.veranstaltungen {
	border-width: 1px 1px 1px 1px;
	border-spacing: 1px;
	border-style: solid solid solid solid;
	border-color: #898d95 #898d95 #898d95 #898d95;
	border-collapse: separate;
}

table.login tr {
	border-width: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.login td {
	border-width: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}

input.durchsuchen {
	font-family: tahoma, arial;
	padding-top: 2px;
	padding-left: 3px;
	HEIGHT: 19px;
	BORDER-RIGHT: #949494 1px solid;
	BORDER-TOP: #949494 1px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #949494 1px solid;
	BORDER-BOTTOM: #949494 1px solid;
	color: #333333;
}

table.produkt {
	border-width: thin thin thin thin;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
}

.details {
	border-bottom: solid 1px #999999;
}

.test {
	background-color: #78ff00;
}

a.alternativer_link_weiss:link, .alternativer_link_weiss:visited, .alternativer_link_weiss:active {
	text-decoration: none;
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 900;
	color: #ffffff;
}

a.alternativer_link_weiss:hover {
	text-decoration: underline;
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 900;
	color: #ffffff;
}

a.alternativer_link_klein:link, .alternativer_link_klein:visited, .alternativer_link_klein:active {
	text-decoration: none;
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: 900;
	color: #f76115;
}

a.alternativer_link_klein:hover {
	text-decoration: underline;
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 900;
	color: #f76115;
}

a.headline_link:link, .headline_link:visited, .headline_link:active {
	text-decoration: none;
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 900;
	color: #f76115;
}

a.headline_link:hover {
	text-decoration: none;
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 900;
	color: #f76115;
}

a.headline_link_schwarz:link, .headline_link_schwarz:visited, .headline_link_schwarz:active {
	text-decoration: none;
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 900;
	color: #000000;
}

a.headline_link_schwarz:hover {
	text-decoration: none;
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 900;
	color: #000000;
}

a.focus_link:link, .focus_link:visited, .focus_link:active {
	text-decoration: none;
	font-size: 10px;
	font-weight: 100;
	color: #7f7f7f;
}

a.focus_link:hover {
	text-decoration: none;
	font-size: 10px;
	font-weight: 100;
	color: #7f7f7f;
}

#buttons a:link, #buttons a:visited, #buttons a:active{
	text-decoration: none;
	list-style: none;
	margin: 0;
	padding: 0;
	background-image: url(../images/button_orange.gif);
	background-repeat: no-repeat;
	display: block;
	vertical-align: middle;
	text-align: right;
	height: 31px;
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 900;
	color: #ffffff;
	letter-spacing: -1px;	
}

#buttons a:hover {
	text-decoration: none;
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	background-image: url(../images/button_orange_.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: right;
	height: 31px;	
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 900;
	color: #ffffff;
	letter-spacing: -1px;
}

.button_home {
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 900;
	color: #ffffff;
}

.text_headline_1 {
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 900;
	color: #000000;
}

.text_fahrzeug_headline_1 {
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 900;
	color: #535353;
}

.text_produkte {
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 900;
	color: #535353;
}

.text_info {
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #535353;
}

.text_info_headline_1 {
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 900;
	color: #535353;
}

.text_formular {
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	scrollbar-base-color:#ffffff;
	scrollbar-3dlight-color:#f76115;
	scrollbar-arrow-color:#f76115;
	scrollbar-darkshadow-color:#f76115;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-track-color:#ffffff;
}

.footer_text {
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: 900;
	color: #ffffff;
	line-height: 10px;
}

.text_bild {
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: 900;
	color: #000000;
	line-height: 10px;
}

.ticker_text {
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: 900;
	color: #ffffff;	
}

.bildrahmen {
	border: solid;
	border-color: #949494;
	border-width: 2px;
}

.hintergrund {
	background-color: #cccccc;
}

img, div {
	behavior: url(iepngfix.htc);
}

#popup {
	display:none;
	width:100%;
	height:100%;
	text-align: center;
	position: absolute;
	top:0px;
	left:0px;
	z-index:900;
	background-image:url(../images/klavier-kreisel-trans-black-70.png);
	/* IE only ab hier */
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/klavier-kreisel-trans-black-70.png');
}


.popup-button {
	background-color:#ffbe03;
	color:#000000;
	font-weight:bold;
	border:#000000;
	border:2px;
	border-style:solid;
	padding:5px;	
}
