/* WEBASTO MARINE STYLESHEET */

body {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	/*color:#7e8d9a;*/
	color: #3c434b;
	padding:0;
	margin:0;
	background:#e2e2e2 url(../images/bg_body.jpg) top left repeat-x;
}

#header {
	width:900px;
	margin:0;
}
#header div#flash {
	width:898px;
	height:362px;
	margin:0 0 -1px 1px;
}
#header div#flash img {
	/* fallback-bild für flash, float nötig für ie 6 */
	float:left;
}
#center {
	width:924px;
	margin:0 auto;
	background:url(../images/bg_container_dropshadow.png) top left repeat-y;
}
#container {
	width:900px;
	background:#fff;
	margin:0 12px;
}


/* MENU   MENU   MENU   MENU   MENU   MENU   MENU   MENU   MENU   MENU   MENU   MENU   MENU   MENU   MENU  */
#menu {
	float:left;
	clear:left;
	width:230px;
	margin:0px 0px 15px 1px;
}
#menu ul.menu {
	margin:0 0 0 20px;
	padding:0 0 0px 0;
	background:url(../images/bg_menu.png) left top no-repeat;
	list-style-type:none;
}
#menu div#menu_bottom {
	margin:0 0 0 20px;
	height:30px;
	width:210px;
	background:url(../images/bg_menu_bottom.png) left top no-repeat;
}
#menu ul.menu li {
	margin:0 0 0 7px;
	width:187px; /* 195px breite - 8 padding-left*/
	padding:6px 0 6px 8px;
	border-bottom:solid 1px #e5e5e5;
	background-color: #f8f7f2;
}
#menu ul.menu li.active { 
/* aktiver menüpunkt der ersten ebene hat hintergrundbild */
	border-bottom:solid 1px #e5e5e5;
	background:url(../images/bg_menu_active.jpg) top left no-repeat;
}
#menu ul.menu li a {
	/*color:#7e8d9a;*/
	color: #000000;
	font-weight:bold;
	padding:0 0 0 15px;
	text-decoration:none;
  display:block;  
}

#menu ul.menu li a:hover, 
#menu ul.menu li a:active, 
#menu ul.menu li a:focus, 
#menu ul.menu li.active a {
	color:#034392;
	background:url(../images/menu_arrow.gif) 0px 3px no-repeat;
}

/* submenu links für untergeordnete menüstruktur */
#menu ul.menu li ul.submenu {
	margin:6px 0 0 15px;
	padding:0;
	list-style-type:none;
}
#menu ul.menu li ul.submenu li {
	margin:0;
	width:auto;
	padding:6px 0 6px 0;
	border-bottom:solid 1px #fafafa;
}
#menu ul.menu li ul.submenu li.active {
	background:none;
}
#menu ul.menu li ul.submenu li a {
	color:#000000;
	font-weight:normal;
	padding:0 0 0 15px;
	background:none;
  display:block;  
}
#menu ul.menu li ul.submenu li a:hover, 
#menu ul.menu li ul.submenu li a:active, 
#menu ul.menu li ul.submenu li a:focus, 
#menu ul.menu li ul.submenu li.active a {
	color:#034392;
	background:url(../images/menu_arrow.gif) 0px 3px no-repeat;
}

/* submenu links für untergeordnete menüstruktur  lvl2*/




#menu ul.menu li ul.submenu li ul.submenu2 {
	margin:6px 0 0 15px;
	padding:0;
	list-style-type:none;
}
#menu ul.menu li ul.submenu li ul.submenu2 li {
	margin:0;
	width:auto;
	padding:6px 0 6px 0;
	border-bottom:solid 1px #fafafa;
}
#menu ul.menu li ul.submenu li ul.submenu2 li.active2 {
	background:none;
}
#menu ul.menu li ul.submenu li ul.submenu2 li a {
	color:#000000;
	font-weight:normal;
	padding:0 0 0 15px;
	background:none;
  display:block;  
}
#menu ul.menu li ul.submenu li ul.submenu2 li a:hover, 
#menu ul.menu li ul.submenu li  ul.submenu2 li a:active, 
#menu ul.menu li ul.submenu li  ul.submenu2 li a:focus, 
#menu ul.menu li ul.submenu li  ul.submenu2 li.active2 a {
	color:#034392;
	background:url(../images/menu_arrow.gif) 0px 3px no-repeat;
}



a.pdf {
	float: left;
	background-image:url(../images/pdf.gif);
	background-position:0px 2px;
  background-repeat:no-repeat;
	color:#CC3333;
	display:block;
	font-size:11px;
	font-weight:bold;
	line-height:30px;
	margin-top: 10px;
	padding-bottom:6px;
	padding-left:40px;
	padding-top:4px;
	padding-right: 10px;
	text-decoration:none;
}

/* CONTENT CONTENT CONTENT */
#content {
	float:left;
	width:631px; /* 670px breite - 24 padding-right - 15 padding-left */
	padding:30px 0px 25px 0px; /* innenabstand content */
	margin:0 0px 0 15px;
}

#content h1 { 
	clear:left;
	color:#034392;
	font-size:14px;
	font-weight:bold;
	margin:0 0 15px 15px;
}
/*Header in line boxed ohne Abstand unten und kleiner*/
#content  div.line_boxed h1 { 
	clear:left;
	color:#034392;
	font-size:11px;
	font-weight:bold;
	margin:0 0 0px 10px;
}
#content  div.line_boxed h3 { 
	font-size:11px;
	margin-left: 10px;	
}
#content h3 { 
/* subüberschrift unter h1 */
	clear:left;
	color:#034392;
	font-size:12px;
	font-weight:normal;
	margin:0 0 1em 15px;
}
#content h2 { 
/* alleinstehende überschrift mit abstand nach unten */
	clear:left;
	/*color:#034392;*/
	color: #94101a;
	font-size:12px;
	font-weight:bold;
	margin:0 0 2em 15px;
}
#content h4 { 
/* überschrift innerhalb einer box */
	clear:left;
	color:#94101a;
	font-size:1em;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	padding:0 15px;
}
#content div.line_boxed h4 { 
/* überschrift innerhalb einer box */
	color:#034392;
	margin-bottom: 10px;
}
#content div.csc-header h1 {
	margin-bottom: 0px !important;
}
#content div h1.csc-firstHeader  {
	margin-bottom: 0px !important;
}

#content div.line_boxed h1.csc-firstHeader  {
	margin-bottom: 0px !important;
}

/* padding um höhenunterschiede der box auszugleichen -> mehr text rechtsbündig. ohne padding umbruch unters bild.*/
#content div.line_boxed div.csc-textpic-imagewrap dl {
	padding-bottom: 55px;
}

#content div.right h4 { 
/* überschrift innerhalb einer rechten box ist links nicht eingerückt */
	padding:0 15px 0 0;
}
#content div.right div.line_boxed h4 { 
/* überschrift innerhalb einer rechten box ist nur eingerückt, wenn diese "line_boxed" ist */
	padding:0 15px;
}
#content h5 { 
/* überschrift mit abstand nach oben und unten innerhalb einer box */
	clear:left;
	color:#034392;
	font-size:1em;
	font-weight:bold;
	margin:8px 0 8px 0;
	padding:0 15px;
}
#content div.right h5 { 
/* überschrift innerhalb einer rechten box ist links nicht eingerückt */
	padding:0 -1px 0 0;
}
#content div.right div.line_boxed h5 { 
/* überschrift innerhalb einer rechten box ist nur eingerückt, wenn diese "line_boxed" ist */
	padding:0 15px;
}
#content div.box {
/* box ist grundlage für alle content-inhalte */
	clear:left;
	width:631px;
}
#content div.line_boxed {
/* box wird als kasten dargestellt */
	border:solid 1px #e9e9e9;
	/*background:#fafafa;*/
	background: #f8f7f2;
	padding: 10px 2px 10px 2px;
	margin: 0 0 20px 0;
  line-height: 1.1em; /*peekaboo fix*/
}
#content div.line_bottom {
/* box bekommt linie unten */
	border-bottom:solid 1px #e9e9e9;
	padding:0 0 10px 0;
	margin:0 0 15px 0;
}
#content div.line_double {
/* box bekommt linie oben und unten */
	border-top:solid 1px #e9e9e9;
	border-bottom:solid 1px #e9e9e9;
	padding:15px 0 15px 0;
	margin:0 0 15px 0;
}
#content div.box div.left {
/* für zweispaltige inhalte, linke spalte */
	width:301px;
	float:left;
}
#content div.box div.right {
/* für zweispaltige inhalte, rechte spalte */
	width:301px;
	float:right;
}
#content div.box p {
/* p-tag in box ist grundsätzlich eingerückt, margin-left */
	clear:left;
	margin:0 15px 15px 15px;
}
#content div.box div.right p {
/* p-tag innerhalb einer rechten box hat kein margin-left */
	margin-left:0;
}
#content div.box div.right div.line_boxed p {
/* p-tag innerhalb rechter box hat nur margin-left, wenn diese "line_boxed" ist */
	margin-left:15px;
}
#content div.box td p {
	margin: 0px !important;
}
#content div.box p img { 
/* bild in box (ganze breite) hat grundsätzlich margin-left */
	margin:0 -8px 0px -6px; /* -8px für versatz nach links */
}
#content div.box div.left p img {
/* bild in linker box hat margin-left und floated left */
	margin:0 -8px 8px -8px; /* -8px für versatz nach links */
	float:left;
}
#content div.box div.right p img {
/* bild in rechter box hat kein margin-left */
	margin:0 -8px 8px 0px;
	float:left;
}
#content div.box div.right div.line_boxed p img {
/* bild in rechter box hat nur margin-left, wenn diese "line_boxed" ist */
	margin:0 -8px 8px -8px; 
	float:left;
}
#content div.box div.left p img.img_left {
/* klasse für links floatednde bilder innerhalb der linken spalte */
	margin:0 8px 8px -8px; /* -8px für versatz nach links */
	float:left;
}
#content div.box div.right p img.img_left {
/* klasse für links floatende bilder innerhalb der rechten spalte */
	margin:0 8px 8px 0px; /* ohne versatz nach links */
	float:left;
}
#content div.box div.right div.line_boxed p img.img_left {
/* klasse für links floatende bilder innerhalb einer rechten "line_boxed" spalte */
	margin:0 8px 8px -8px; /* bei line_boxed auch -8px für versatz nach links */
	float:left;
}
#content div.thumb, #content div.thumb_gallery {
/* container für bildinhalte (thumbnails oder gallery) */
	padding:0;
}
#content div.thumb p {
	margin:0;
}
#content div.thumb img {
/* floatende thumbnails */
	margin:0 0 8px 8px !important; 
	float:left;
	border:0;
}
#content div.thumb_gallery img {
/* floatende bilder in gallery */
	margin:0 5px 13px 8px;
	float:left;
	border:solid 1px #d0d0d0;
}
#content div.box div.left p img.img_right, 
#content div.box div.right p img.img_right, 
#content div.box div.right div.line_boxed p img.img_right {
/* klasse für rechts floatende bilder (in linker und rechter spalte gleich) */
	float:right;
}
#content ul.bulletlist {
/* auflistung mit viereckigen bullets */
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0;
}
#content ul.bulletlist li {
	margin:0;
	background:url(../images/ul_bullet.gif) 0px 4px no-repeat;
	padding:0 0 0 15px;
}

#content ul.arrowlist_faq {
/* auflistung mit vorangestellten pfeilchen */
	line-height: 1.2em;
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0;
}
#content ul.arrowlist_faq li {
	margin:0;
	background:url(../images/ul_arrow.gif) 0px 3px no-repeat;
	padding:0 0 0 15px;
}
#content div.line_boxed ul{
/* einrückung für listen per zusatzklasse, falls diese innerhalb "line_boxed" angezeigt werden sollen */
	margin-left:15px;
}
#content ul.arrowlist_faq a, #content ul.faq a {
/* ausnahmeregel für faqs, dort sind links in listen anders formatiert */
	color:#7e8d9a;
	text-decoration:none;
}
#content ul.arrowlist_faq a:hover, #content ul.faq a:hover {
/* ausnahme für faqs, dort sind links in listen anders formatiert */
	color:#94101a;
	text-decoration:underline;
}
#content table.table_standard {
/* standard-tabellen */
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	border:#e9e9e9 1px solid;
	width:100%;
	margin:0 0 15px 0;
}
#content table.table_standard thead th {
	background:#c7c7c7;
	border:#e9e9e9 1px solid;
	padding:8px 12px;
	text-align:left;
	color:#fff;
}
#content table.table_standard tbody tr td, #content table.table_standard tbody tr th {
	border:#e9e9e9 1px solid;
	padding:8px 12px;
	text-align:left;
	vertical-align:top;
}
#content table.table_standard tbody tr.odd td.center, #content table.table_standard tbody tr.odd th.center,
#content table.table_standard tbody tr.even td.center, #content table.table_standard tbody tr.even th.center {
 text-align:center;
}
#content table.table_standard tbody tr.odd td, #content table.table_standard tbody tr.odd th {
	background:#fff;
}
#content table.table_standard tbody tr.even td, #content table.table_standard tbody tr.even th {
	background:#f8f8f8;
}


/* formularelemente */
#content form {
/* ie gibt form-element sonst abstände */
	margin:0;
	paddind:0;
}
#content input, select, textarea {
	clear:left;
	font-size:1em;
}
#content form#bedienelement {
	width: 120px;
	margin-left: 15px;
	margin-top: 10px;
}
#content label {
	clear:left;
	color:#034392;
	font-weight:bold;
	display:block;
	width:255px;
	margin:0 0 0 15px;
}
#content select {
	margin:0 0 5px 15px;
	width:260px;
	font-size:1em;
}
#content input, #content textarea {
	margin:0 0 5px 15px;
	width:255px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
#content div.right label, #content div.right select, #content div.right input, #content div.right textarea {
/* anderer margin-left, wenn formular-element innerhalb div.right steht */
	margin-left:0px;
}
#content input.checkbox {
/* klasse für ausrichtung einer checkbox */
	width:auto;
	float:left;
	margin-top:4px;
	margin-bottom:4px;
	margin-right:10px;
	height:1.2em;
}
#content label.checkbox {
/* klasse für ausrichtung eines labels zu einer checkbox */
	float:left;
	font-weight:normal;
	width:230px;
	clear:none;
	height:1.5em;
	margin-top:4px;
	margin-bottom:4px;
	margin-left:0px;
	color:#7e8d9a;
}
#content div.form_buttons { 
/* buttons werden unter formular innerhalb eigenem div eingefügt (sauberer abschluss des formulars) */
	clear:both;
	height:2em; /* für ie 6+7 */
	margin:0 0 15px 0;
}
#content input.button {
/* klasse für submit- und andere buttons */
	background:#034392;
	color:#fff;
	font-weight:bold;
	width:auto;
	padding:0px 8px;
	float:right;
	margin:0px 15px 0px 0;
}
#content input.middle {
/* input-breite für strasse und ort */
	float:left;
	width:210px;
	clear:none;
}
#content input.small {
/* input-breite für plz und hausnummer */
	float:left;
	width:40px;
	clear:none;
}
#content p.bodytext {
	margin: 0px 0px 0px 15px;
	color: #7e8d9a;
}
#content div.line_boxed p.bodytext {
	color: #3c434b;
}
#content table.table_standard td p.bodytext {
	color: #3c434b;
}

/*Abstand unten in line boxed grösser*/
#content div.line_boxed p.bodytext {
	margin: 0px 0px 5px 10px;
}
#content  ul.bulletlist {
	margin: 0px 0px 0px 15px;
}

/* TEASER   TEASER   TEASER   TEASER   TEASER   TEASER   TEASER   TEASER   TEASER   TEASER   TEASER   TEASER */
#teaser {
	clear:left;
	width:900px;	
	padding:0;
	margin:0;
}
#teaser #teaser_bottom {
/* unten abschließendes bild für teaser, da leider keine ausrichtung "bottom" im ie 6 mit transparenten pngs möglich */
	clear:left;
	background:#fff url(../images/bg_teaser2_bottom.jpg) top left no-repeat;
	width:900px;
	height:20px;
}
#teaser #teaser_top {
/* hintergrundbild für alle vier teaser */
	background:#fff url(../images/bg_teaser2_top.jpg) top left no-repeat;
	margin:0 0 0 20px;
	padding: 0 0 0 209px; /* neues padding da teaser links weggefallen ist */ 
}
#teaser #teaser_top .teaser_box_first {
/* erster teaser hat nach oben und rechts andere abstände */
	width:200px;
	margin:20px 5px 0 2px;
	float:left;
}
#teaser #teaser_top .teaser_box {
/* abstände für teaser 2 bis 4 */
	width:215px; /* 200 - 8 padding-right */
	margin:20px 0 0 0px; /* top war 50 mit teaser links */ 
	padding:0 0px 0 0;
	float:left;
}

#teaser #teaser_top .teaser_box_first .min_height {
/* min_height simulation durch floating div (gleichzeitig auch padding-left */
	width:9px;
	height:200px;
	float:left;
}
#teaser #teaser_top .teaser_box .min_height {
/* min_height simulation durch floating div (gleichzeitig auch padding-left */
	width:9px;
	height:170px; /* min height ist 30 weniger als bei teaser_box_first */
	float:left;
}
#teaser div.teaser_content {
/* content-bereich der teaser braucht für ie 6 feste breite und float:right */
	float:right; 
	width:191px;
}
#teaser div.teaser_content p {
	color: #424e59;
}
#teaser h3 {
/* überschrift in teasern */
	font-size:12px;
	width:170px; /* 200 breite - 30 padding left und right - 8px .min_height */
	color:#034392;
	font-weight:bold;
	margin:0 0 0 8px;
}
#teaser img {
/* bilder in teasern */
	margin:10px 0;
}
#teaser p {
/* texte in teasern */
	margin:0;
	padding:0 15px 1em 8px;
}
#teaser .teaser_middle { /* als klasse, da es öfters vorkommen kann! */
/* eigene "zeile" für ausrichtung der links (relative-absolute-kombination geht nicht in ie 6) */
	clear:left;
	background:url(../images/bg_teaser2_middle.jpg) top left repeat-y;
	margin:0 0 0 20px; 
	padding: 0 0 0 209px; /* neues padding da teaser links weggefallen ist */ 
}
#teaser .teaser_middle .teaser_box_first {
/* erster teaser innerhalb teaser_middle */
	width:200px;
	margin:0 5px 0 2px;
	float:left;
}
#teaser .teaser_middle .teaser_box {
/* teaser 2 bis 4 innerhalb teaser_middle */
	width:215px; 
	margin:0 0 0 0px;
	padding:0;
	float:left;
}
a.teaser_link {
/* links in teasern */
	color:#94101a;
	font-weight:bold;
	padding:0 0 0 15px;
	margin:0 0 0 25px;
	background:url(../images/teaser_arrow.gif) 0px 4px no-repeat;
}
#teaser #teaser_top .teaser_box_first a.teaser_link {
/* weniger margin-left für weiter-link im ersten teaser */
	margin:0 0 0 15px;
}
#teaser a.teaser_link:hover {
	text-decoration:underline;
}
#teaser div.no_font {
	font-size:1px;
}
#teaser_box {
	margin-left: -17px;
}

/* SINGLE_TEASER   SINGLE_TEASER   SINGLE_TEASER   SINGLE_TEASER   */
#menu div#single_teaser {
	width:210px;
	margin:15px 0 0 20px;
	padding:0 0 0px 0;
	background:url(../images/bg_teaser_single.jpg) left top no-repeat;
	position:absolute;
}
#menu div#single_teaser div#single_teaser_content {
	padding:15px 0 0 13px;
}
#menu div#single_teaser div#single_teaser_bottom {
	clear:left;
	width:210px;
	height:20px;
	background:url(../images/bg_teaser_single_bottom.jpg) left top no-repeat;	
}
#menu #single_teaser h3 {
/* überschrift in teasern */
	font-size:12px;
	width:177px; /* 200 breite - 30 padding left und right - 8px .min_height */
	color:#034392;
	font-weight:bold;
	margin:0 0 0 0px;
	padding:0 0 0 8px;
}
#menu #single_teaser img {
/* bilder in teasern */
	margin:10px 0;
}
#menu #single_teaser p {
/* texte in teasern */
	margin:0;
	padding:0 15px 1em 8px;
}



/* Left side menu   */
/* MENU   MENU   MENU   MENU   MENU   MENU   MENU   MENU   MENU   MENU   MENU   MENU   MENU   MENU   MENU  */
#menu ul.side_menu {
	margin:20px 0 0 25px;
	padding:0 0 0px 0;
	/*background:url(../images/bg_menu.png) left top no-repeat;*/
	background-color: #132a60;
	list-style-type:none;
	width:200px; 
}
#menu div#sidemenu_bottom {
	margin:-1px 0 0 25px;
	height:20px;
	width:200px;
	background-color: #132a60;
	/*background:url(../images/bg_menu_bottom.png) left top no-repeat;*/
}
#menu ul.side_menu li {
	margin:0 0 0 2px;
	width:187px; 
	padding:6px 0 6px 8px;
	border-bottom:solid 1px #3f527b;
}
#menu ul.side_menu li.first {
	padding: 25px 0px 5px 8px
}
#menu ul.side_menu li.active { 
/* aktiver menüpunkt der ersten ebene hat hintergrundbild */
	border-bottom:solid 1px #e5e5e5;
	background:url(../images/bg_menu_active.jpg) top left no-repeat;
}
#menu ul.side_menu li a {
	color:#ffffff;
	font-weight:bold;
	padding:0 0 0 15px;
	text-decoration:none;
}
#menu ul.side_menu li a:hover, 
#menu ul.side_menu li a:active, 
#menu ul.side_menu li a:focus, 
#menu ul.side_menu li.active a {
	color:#034392;
	background:url(../images/menu_arrow.gif) 0px 3px no-repeat;
}



/* FOOTER   FOOTER   FOOTER   FOOTER   FOOTER   FOOTER   FOOTER   FOOTER   FOOTER   FOOTER   FOOTER */
#footer {
	clear:left;
	width:900px;
	height:72px;
	background:#a8a7a7 url(../images/bg_footer.jpg) top left repeat-y;
	border-bottom:1px solid #949494; 
}
#footer_padding {
/* innenabstand innerhalb footer */
	padding:20px 25px 0 30px;
	color:#fff;
	width: 845px;
}
#footer ul { 
/* footer-menu als liste */
	padding:0; 
	list-style-type:none; 
	margin: 0px auto;
	margin-top: 2px;
	width: 200px;
	/*margin-bottom: 6px;*/
  line-height: 1em;
  display: block;
}
#footer ul li { 
	float:left; height:1em; margin:0; padding:0 10px 0 10px; border-left:1px solid #fff; 
}
#footer ul li.first { 
	float:left; height:1em; margin:0; padding:0 10px 0 0; border:none; 
}
#footer ul li a { 
	color:#fff; text-decoration:none; display: block;
}
#footer ul li a:hover {
	text-decoration:underline;
}
#footer div#footer_country_select {
/* ausrichtung des auswahl-feldes für die sprache durch extra-div */
	float:right; 
	margin:0 0px 0 0;
	width:165px;
}
#footer div#footer_country_select label { 
	display:block; 
	font-weight:bold; 
	margin:0 0 4px 0px; 
}
#footer div#footer_country_select img { 
	clear:left; float:left; 
	border:1px solid #fff; 
	margin:1px 8px 0 0; 
}
#footer div#footer_country_select select { 
	float:left; font-size:1em; 
	clear:none;
	width:125px;
}
#footer div#footer_site_select {
/* ausrichtung des auswahl-feldes für die sprache durch extra-div */
	float:left;
	margin:0 0px 0 0;
	width:165px;
}
#footer div#footer_site_select label { 
	display:block; 
	font-weight:bold; 
	margin:0 0 4px 0px; 
}
#footer div#footer_site_select img { 
	float:right; 
	border:1px solid #fff; 
	margin:1px 0px 0 0; 
}
#footer div#footer_site_select select { 
	float:left; 
	font-size:1em; 
	clear:none;
	width:125px;
}
#footer #copyright {
	text-align: center;
	float: left;
	margin: 0 auto;
	margin-top: 8px;
	width: 510px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* allgemeine dinge */
img {
	border:0;
}
.clear_left {
	clear:left;
}
.clear_right {
	clear:right;
}
.clear_both {
	clear:both;
}
.float_left {
	float:left;
}
a.arrow, a.download {
/* link mit vorangestelltem pfeilchen */
	color:#94101a;
	text-decoration:none;
	font-weight:bold;
	padding:0 0 0 15px;
	background:url(../images/link_arrow.gif) 0px 4px no-repeat;
}
a.arrow:hover, a.download:hover {
	text-decoration:underline;
}

a {
/* standard-link */
	color:#94101a;
	text-decoration:underline;
	font-weight:normal;
}
a:hover {
	text-decoration:none;
}
.error {
/* fehlermeldungen (z.B. für formularfelder) */
	background:#ffb0ac;
}
div.line_boxed .csc-textpic-imagewrap {
	margin: 0 8px 0 8px !important;
  }
* html #content * {
	/* height: 1%; */
}
#content div.box .csc-textpic-text p {
	clear: none;
}
#numberDisplay {
	display: none;
}
#caption {
	color:#034392;
	font-size:12px;
}
#content div.box div.right div.csc-textpic-imagewrap, #content div.box div.left div.csc-textpic-imagewrap {
	margin: 0px;
}
#content div.box div.right div.line_boxed div.csc-textpic-imagewrap, #content div.box div.left div.line_boxed div.csc-textpic-imagewrap {
	margin: 10px;
}
#formContact {
	width:624px;
}
.contacthead {
	height: 40px;
	width: 630px;
	padding-bottom:4px;
}
.contacthead div {
	width: 300px;
}
.contacthead .step1 {
	position: relative;
	top: -27px;
	left: 30px;
}
.contacthead.active1 .step1 {
	color: white;
}
.contacthead.active1 .step2 {
	color: #ccc;
}
.contacthead .step2 {
	position: relative;
	top: -41px;
	left: 345px;
}
.contacthead.active2 .step2 {
	color: white;
}
.contacthead.active2 .step1 {
	color: #ccc;
}
* html .contacthead {
	margin-bottom: -25px;
}



/*TemplaVoila Spalten*/
.left {
	float: left;
	width: 300px;
}
.right {
	float: right;
	width: 300px;
}


/*Bedienelemente*/
.tx-webastocontrols-pi1 .header {
	margin: 0px 0px 10px 15px;
	font-weight: bold;
}
.tx-webastocontrols-pi1 #control_id {
	margin: 5px 0px 20px 15px;
	width: 200px;
}
div#result {
  overflow: auto; 
}
/*loader, not used
#loading {
    background: white;
    padding: 20px;
    border: 2px solid green;
    display: none; 
    position: absolute;    
    left: 50%;
    margin-left: -100px;
    top: 25%;
    width: 200px;
    height: 100px;
    margin-top: -50;
    font-weight: bold;
    font-size: large;
}*/


/*Händlersuche*/
.tx-webastodealerframe-pi1 {
	margin: 15px 0px 0px 0px;
}
.tx-webastodealerframe-pi1  #select_dealer select {
  margin-top: 5px;  
	width: 150px;
}
#select_dealer span.header {
	margin-left: 15px;
	font-weight: bold;
}
.tx-webastodealerframe-pi1 #result {
	margin: -5px 0px 0px 10px;
}
.tx-webastodealerframe-pi1 #result body table {
	margin-left: 15px;
}
.tx-webastodealerframe-pi1 #result body form {
	margin-left: 15px;
}
#result  #result_extern {
	margin: 20px 0px 0px 5px;
	font-weight: bold;
}
#result  #custom_result {
	margin: 20px 0px 0px 5px;
}


/*Header-Korrektur*/
.tx-webastoheader-pi1 img {
	margin-bottom: -2px;
}

/*Peekaboo Bug */
.antiPeekaboo {  
	/*clear: left;*/
}
.line_boxed  #form_contact .clear_both {
	clear: none;
}


/*Startseiten Video*/
div#webasto_imagefilm {
	margin:-3px 0px 0px 8px;
}