@charset "UTF-8";
/* CSS Document */


/*	++++++++++
	Standart Styles
	++++++++++ */

* {
	margin: 0;
	padding: 0;
	border: 0;
	
	font-size:100.01%; /* 16px */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
			
html {
	width: 100%;
	height: 100%;
	}
			
body {
	overflow:scroll;
	width: 100%;
	height: 100%;
		
	font-size:62.5%; /* 10px */
	text-align: center;
	}
		
.left {
	float: left;
	}
	
.right {
	float: right;
	}
	
.alignright {
	text-align: right;
	}
	
.clear { 
	clear: both; 
	}
	
.clearsinclear { 
	overflow:hidden; 
	}
	
* html .clearsinclear { 
	height: 1%; /* Hack zur IE-Anpassung */
	} 
	
.clearfix:after {
    	content: ".";
    	display: block;
    	height: 0;
    	clear: both;
    	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* End hide from IE-mac */


/* 	++++++++++++++++++++
	+
	+	Umgebende 
	+	Elemente
	+
	++++++++++++++++++++ */


body {
	background-color: #a5aaac;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	}

#margin {
	width: 928px;
	height: 100%;
	
	margin: 0 auto;
	
    	voice-family: "\"}\"";
    	voice-family:inherit;
    	width: 928px;
    	}

html>body #margin {
     	width: 918px;
     	}	
	 
	 
/* 	++++++++++++++++++++
	+								|-------|	|-------|
	+	Zweispaltenlayout					|	|	|	|
	+	Erste Spalte (Links)			left_col	|	|	|	|	right_col
	+	Elemente:						|-------|	|-------|
	+	- Logo										
	+	- Sub Menue						|-----------------------|
	+	- Händlersuche						|			|	footer
	+								|-----------------------|
	++++++++++++++++++++ */
	
	
#left_col {
	position:relative;
	width: 215px;
	margin-top: -56px;
    	voice-family: "\"}\"";
    	voice-family:inherit;
    	}
    	
* html #left_col {
	height: 100%;
	}

html>body #left_col {
     	min-height: 100%;
     	}

	
#logo {
	width: 215px;
	height: 142px;
	margin-top: 56px;
	
	background-image: url(../img/logo.jpg);
	background-repeat: no-repeat;
	
    	voice-family: "\"}\"";
    	voice-family:inherit;
    	height: 12px;
    	}

html>body #logo {
     	height: 120px;
     	}

	
#logo a {
	display: block;
	width: 215px;
	height: 120px;
	}

#nav_sub {
	width: 215px;
	}
	
#navlayer {
	padding-bottom: 30px;
	}

LI.secondlayer, LI.secondlayer_act {
	margin-left: 15px;
	
	list-style-type: none;
	}
	
* html LI.secondlayer, * html LI.secondlayer_act {
	width: 200px;
	}
	
#nav_sub LI.secondlayer a {
	display: block;
	
	line-height: 25px;
	color: #4b4848;
	font-size: 120%;
	text-decoration: none;
	text-align: left;
	}
	
#nav_sub LI.secondlayer_act a {
	display: block;
	
	line-height: 25px;
	font-size: 120%;
	text-decoration: none;
	text-align: left;
	}
	
#nav_sub LI.secondlayer a:hover, #nav_sub LI.secondlayer_act a, #nav_sub LI.secondlayer_act a:hover {
	background-image: url(../img/sub_nav.png);
	background-repeat: repeat-y;
	background-position: right;
	
	color: #00378b;
	}
	
#nav_sub LI.thirdlayer_outerul {
	width: 215px;
	margin: 0;

	list-style-type: none;
	}

#nav_sub UL.thirdlayer_ul {
	width:215px;
	padding-bottom: 10px;

	background-image: url(../img/sub_nav.png);
	background-repeat: repeat-y;
	background-position: right;
	}
	
LI.thirdlayer, LI.thirdlayer_act {
	list-style-type: none;
	}
	
#nav_sub LI.thirdlayer a {
	display: block;
	padding-left: 30px;
	
	line-height: 14px;
	color: #4b4848;
	text-decoration: none;
	text-align: left;
	}

#nav_sub LI.thirdlayer_act a {
	display: block;
	padding-left: 30px;
	
	line-height: 14px;
	text-decoration: none;
	text-align: left;
	}
	
#nav_sub LI.thirdlayer a:hover, #nav_sub LI.thirdlayer_act a {
	background-image: url(../img/pfeil.gif);
	background-repeat: no-repeat;
	background-position: 20px;
	
	color: #00378b;
	}
	
/* 	++++++++++++++++++++
	+
	+	Zweispaltenlayout
	+	Zweite Spalte (Rechts)
	+	Elemente:
	+	- Sprach Menue
	+	- Hauptmenue
	+
	++++++++++++++++++++ */	
	
		
#right_col {
	position:relative;
	width: 723px;
	min-height: 100%;
	margin-top: -56px;
	
	background-image: url(../img/page_bg.png);
	background-repeat: repeat-y;
	
    	voice-family: "\"}\"";
    	voice-family:inherit;
    	width: 713px;
    	}
    	
* html #right_col {
	height: 100%;
	}

html>body #right_col {
    	width: 713px;
    	margin-left: -10px;
    	}
	
/* ###############################################################################
###############################################################################
###############################################################################
###############################################################################
############################################################################### */

#nav {
	width: 713px;
	height: 142px;
	margin-top: 56px;
	
	background-image: url(../img/nav.jpg);
	background-repeat: no-repeat;
	
    	voice-family: "\"}\"";
    	voice-family:inherit;
    	height: 120px;
    	}

html>body #nav {
    	height: 120px;
    	}

#nav_main {
	width: 713px;
	height: 70px;
	padding-top: 11px;
	
    	voice-family: "\"}\"";
    	voice-family:inherit;
    	height: 70px;
    }

html>body #nav_main {
    	height: 59px;
    	}
	
#nav_top {
	width: 713px;
	height: 50px;
	}
	    	
#nav_lang {
	width: 196px;
	}
	
#nav_lang UL LI {
	list-style-type: none;
	}
	
	
.flags {
	padding: 14px 20px 2px 0;
	}

#nav_lang a, #nav_lang a:link, #nav_lang a:hover, #nav_lang a:active, #nav_lang a:visited {
	text-decoration: none;
	}
	
#top_search {
	margin-right: 20px;
	}	
	
#top_search span {
	display: block;
	margin-top: 12px;
	
	color: #4b4848;
	}

#top_search form div {
	margin: 11px 0 0 10px;
	}
	
#top_search .inputbox {
	width: 128px;
	height: 14px;
	
	border: 1px solid #4b4848;	
	}

#top_search .separator {
	width: 26px;
	height: 27px;
	margin-left: 25px;
	
	background-color: #bbc7d5;
	
    	voice-family: "\"}\"";
    	voice-family:inherit;
    	width: 1px;
    	}

html>body #top_search .separato {
    	width: 1px;
     	}
	 
#page {
	width: 713px;
	margin: 0 10px;
	padding-bottom: 34px;
	
	text-align: left;
	
   	voice-family: "\"}\"";
    	voice-family:inherit;
    	width:693px;
    	}

html>body #page {
    	width:693px;
    	}
	
	
/* 	++++++++++++++++++++
	+
	+	Inhalt der
	+	Zweite Spalte (Rechts)
	+	Elemente:
	+	- Banner
	+	- Headline
	+	- Content 
	+	- Subtemplates
	+
	++++++++++++++++++++ */	
	
	
#banner {
	width: 670px;
	height: 175px;
	margin-left: 11px;	
	}
	
#headline {
	width: 670px;
	height: 50px;
	margin-left: 11px;
	
	background-image: url(../img/headline_bg.gif);
	background-repeat: no-repeat;
	
	line-height: 50px;
	color: #00378B;
	font-size: 140%;
	text-align: left;	
	}
	
#content {
	width: 670px;
	margin-left: 11px;
	
	color: #000000;
	font-size: 120%;
	text-align: left;
	}
	
#content A, #content A:LINK, #content A:HOVER {
	color: #00378B;
	text-decoration: underline;
	}
	
#content A:ACTIVE, #content A:VISITED {
	color: #4b4848;
	text-decoration: underline;
	}
	
.tx-indexedsearch-percent, .tx-indexedsearch-info{
	display: none;
	}
	
DIV.indexedsearch_hr {
	width: 670px;
	height: 1px;
	background-color: #4b4848;
	
	font-size: 0.5px;
	}
	
INPUT.tx-indexedsearch-searchbox-sword {
	border: 1px solid #696969;
	}
	
.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button {
	width: 80px;
	height: 21px;
	margin-top: 5px;
	
	voice-family: "\"}\"";
    	voice-family:inherit;
    	height: 21px;
    	}

html>body .tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button {
    	height: 16px;
    	}
    	
.tx-indexedsearch-browsebox {
	margin-bottom: 33px;
	}

.sub1_col1 {
	width: 670px;
	}
	
.sub2_col1 {
	width: 455px;
	padding-right: 10px;	
	}
	
.sub2_col2 {
	width: 205px;
	}
	
	
/* 	++++++++++++++++++++
	+
	+	Der Footer
	+
	++++++++++++++++++++ */		
		 	
			
#footer {
	position: relative;
	width: 928px;
	height: 54px;
	margin: 0 auto;
	
	background-image: url(../img/page_footer_bg.png);
	background-repeat: no-repeat;
	background-position: top right;
	
	text-align: center;
	
	voice-family: "\"}\"";
    	voice-family:inherit;
    	width:928px;

    	}

html>body #footer {
    	width:918px;
    	}
    	
#page_footer {
	height: 20px;
	margin: 0 20px 0 20px;
	
	color: #a5a9ac;
	text-align: right;
	}
	
#page_footer LI {
	list-style-type: none;	
	margin-left: 10px;
	
	line-height: 16px;
	}
#page_footer UL LI A.pagefooterimg {
	
	}
#page_footer UL LI A {
	height: 16px;

	line-height: 16px;
	color: #a5a9ac;
	text-align: right;
	text-decoration: none;
	}
	
#footer_content {
	white-space: nowrap;
	width: auto;
	margin: 0 auto;
	padding-top: 14px;
	
	color: #445059;
	}
	
#footer_content UL {
	width: 918px;
	
	text-align: center;
	}
	
#footer_content LI {
	display: inline;
	
	list-style-type: none;
	}
	
#footer_content a, #footer_content a:link, #footer_content a:hover, #footer_content a:active, #footer_content a:visited {	
	white-space: nowrap;
	
	color: #445059;
	font-size: 90%;
	text-decoration: underline;
	}
	
	

#dealersearch {
	width: 215px;
	text-align: left;
	}		
#dealersearch .middle H2 {
	color: #00378B;
	font-size: 120%;
	font-weight: normal;
	text-decoration: none;
	}
.dealer_separator {
	width: 185px;
	height: 1px;
		
	background-color: #898989;
	}	
#dealersearch INPUT {
	width: 145px;
	border: 1px solid #000000;
	
	voice-family: "\"}\"";
    	voice-family:inherit;
    	width: 145px;
    	}

html>body #dealersearch INPUT {
     	width: 143px;
     	}
#dealersearch INPUT.image {
	width: 80px;
	border: none;
	}	
.col {
	margin-top: 10px;
	}
.dealer_text {
	width: 40px;
		
	color: #000000;
	font-size: 100%;
	text-decoration: none;
	}
.dealer_submit {
	width: 185px;
	height: 16px;
	padding: 5px 0 22px 105px;

	voice-family: "\"}\"";
    	voice-family:inherit;
    	width: 185px;
    	}

html>body .dealer_submit {
     	width: 80px;
     	}
#dealersearch UL {
	margin-top: 10px;
	}
	
UL.dealer_links LI {
	color: #000000;
	font-size: 100%;
	font-weight:normal;
	list-style-image: url(../img/arrow.gif);
	margin-left: 17px;
	text-decoration: none;
	}
	
UL.dealer_links LI a {
	color: #000000;
	text-decoration: none;
	}
	
.top {
	width: 215px;
	height: 10px;
	}		
.dealerbox_lefttop_corner {
	width: 10px;
	height: 10px;
		
	background-image: url(../img/dealerbox/dealerbox_lefttop_corner.gif);
	background-repeat: no-repeat;
	}
.dealerbox_top {
	width: 185px;
	height: 10px;
		
	background-image: url(../img/dealerbox/dealerbox_top.gif);
	background-repeat: repeat-x;
	}
.dealerbox_righttop_corner {
	width: 10px;
	height: 10px;
		
	background-image: url(../img/dealerbox/dealerbox_righttop_corner.gif);
	background-repeat: no-repeat;
	}
.middle {
	width: 215px;
	padding: 0 10px 0 10px;
		
	background-image: url(../img/dealerbox/dealerbox_middle.gif);
	background-repeat: repeat-y;

	voice-family: "\"}\"";
    	voice-family:inherit;
    	width: 145px;
    	}

html>body .middle {
     	width: 185px;
     	}
.bottom {
	width: 215px;
	height: 10px;
	}
.dealerbox_leftbottom_corner {
	width: 10px;
	height: 10px;
		
	background-image: url(../img/dealerbox/dealerbox_leftbottom_corner.gif);
	background-repeat: no-repeat;
	}
.dealerbox_bottom {
	width: 185px;
	height: 10px;
		 
	background-image: url(../img/dealerbox/dealerbox_bottom.gif);
	background-repeat: repeat-x;
	}
.dealerbox_rightbottom_corner {
	width: 10px;
	height: 10px;
		
	background-image: url(../img/dealerbox/dealerbox_rightbottom_corner.gif);
	background-repeat: no-repeat;
	}	

	
/* ################### */
/*
.separator {
	display: none;
	}

#nav_lang {
	display: none;
	}
		
#dealersearch {
	display: none;
	}
		
#page_footer UL {
	display: none;
	}
*/


/* Styles fuer die Weihnachstsseite */
div.xmasbg {
	width: 670px;
	border: 1px solid #a5aaac;
	background-image: url(../img/xmasbg.gif);
	background-repeat: repeat-y;
}

div.santagirl {
	width: 450px;
	min-height: 474px;
	background-image: url(../img/santagirl.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-left: 210px;
}

/* Style für HR */
HR {
	width: 670px;
	height: 1px;
	background-color: #4b4848;
	font-size: 0.5px;
	}
	
	
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0;
}