@charset "utf-8";
 html, body {
	height: 100%;                                                                  
	margin: 0;                                                                     
	padding: 0; 
	font-size: 100.01%;
}

* {
	margin: 0px auto;
	padding:0;
}


body {
	font-family: "Lato",  Arial, Verdana, sans-serif;
	background: #bfbfbf url(../img/bg.gif) center center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #3e3e40;
}

:link:focus, :visited:focus { outline: none; } 
img, a img { border: none; }

a { text-decoration: none; color: #3e3e40; }

div#verti {
	visibility: hidden;
	width: 100%;
	height: 50%;                                                                     
	margin-top: -300px;                                                              
	float: left;
}


div#container {	        
	position: relative;
	width: 980px;
	height: 600px;
	clear: both;
	top: -300px;
	background: #f9f3e9;
	font-size: .8em;
	overflow: hidden;

	/* IE4ever Hack: Hide from IE4 **/
	position: static;
	/** end hack */
 
}

#reli {	position: relative;	top: 0;	left: 0; text-align: left; }
#since {	position: absolute;	left: 60px;	top: 57px; }
#logo {	position: absolute;	left: 735px;	top: 32px; }
#plane_top { position: absolute; display: block; width: 980px; height: 100px; background: #383633 url(../img/bg_header.gif) bottom repeat-x; }
#plane_bottom { position: absolute; top: 545px; display: block; width: 980px; height: 55px; background: #35322d url(../img/bg_footer.gif) repeat-x; }
#home_produkt { position: absolute; display: block; left: 25px; top: 120px; text-align: center; }
#home_claim { position: absolute; display: block; left: 690px; top: 315px; width: 250px; text-align: center; }
#home_claim h1 { font-weight: 100; font-size: 20px; }
#home_text { position: absolute; display: block; left: 240px; top: 185px; width: 250px; }
#home_text h1 {font-size: 20px; font-family:"Lato", Arial, Verdana, sans-serif; font-weight: 100; }
#home_visual { position: absolute; display: block; left: 520px; top: 135px; width: 430px; height: 435px; }
#home_visual .corner { position: absolute; display: block; width: 24px; height: 24px; background-image: url(../img/decker_24.png); background-repeat: no-repeat; }
#home_visual #tl  { top:0; left: 0; }
#home_visual #tr  { top:0; right: 0; background-position: -24px 0; }
#home_visual #bl  { bottom: 0; left: 0; background-position: 0 -48px; }
#home_visual #br  { right: 0; bottom: 0; background-position: -24px -48px; }

#home_stoerer { position: absolute; display: block; right: 20px; top: 115px; width: 200px; height: 200px; text-align: right; }

#home_box_container { position: absolute; left: 50px; top: 195px; }
#home_box_container .box { position: absolute; cursor: pointer; }
#home_box_container .pos_1 { top: 0; }
#home_box_container .pos_2 { top: 109px; }
#home_box_container .pos_3 { top: 223px; }
#home_box_container .box .hl { position: absolute; display: block; top: 0; width: 130px; height: 94px; background: url(../img/decker_box_14.png) no-repeat; text-align: center; line-height: 25px; }
#home_box_container .box .hl a { text-decoration: none; color: #3e3e40; font-size: 16px; }
#home_box_container .box .visual { position: absolute; top: 22px; }
#home_saison { position: absolute; display: block; width: 220px; right: 30px; top: 185px; text-align: center; }
#home_saison h1 { font-family:"Lato", Arial, Verdana, sans-serif; font-weight: 100; font-size: 20px; color: #545354; }

#navigation { position: absolute; left: 230px; top: 70px; z-index:200; }


#meta_links {	position: absolute; top: 555px; left: 40px; }
#meta_links ul { list-style:none; margin: 0; }
#meta_links li { float: left; margin: 0 20px 0 0; }
#meta_links a { padding: 0 5px; color: #f7efe5; text-decoration: none; font-size: 13px; }
#meta_links a:hover, #meta a.active { color: #f7efe5; }

/* default */
#headline { position: absolute; left: 70px; top: 190px; }
#headline h1 { font-family:"Lato", Arial, Verdana, sans-serif; font-weight: 100; font-size: 25px; color: #545354; }
#content { position: absolute; display: block; left: 41px; top: 200px; padding: 30px 0 0 30px; width: 423px; height: 278px; background: #efe9dd url(../img/bg_content.gif) no-repeat; line-height: 13px; }
#content .column{ float: left; margin: 0 20px 0 0; }
#visual { position: absolute; display: block; right: 40px; top: 200px; height: 308px; background: #efe9dd; }
#tr { position: absolute; display: block; right: 0; top: 0; width: 24px; height: 24px; background: transparent url(../img/decker_24.png) -24px -0 no-repeat;  }
#br { position: absolute; display: block; right: 0; bottom: 0; width: 24px; height: 24px; background: transparent url(../img/decker_24.png) -24px -24px no-repeat;  }

#plane_bottom_big { position: absolute; top: 480px; display: block; width: 980px; height: 120px; background: #35322d url(../img/bg_footer.gif) repeat-x; }

h2 { font-weight: normal; font-size: 18px; color: #545354; }


#ff_headline { position: absolute; left: 30px; top: 170px; width: 195px; text-align: center; }
#ff_visual { position: absolute; left: 226px; top: 100px; }
#ff_content { position: absolute; display: block; left: 30px; top: 200px; width: 160px; height: 260px; padding: 20px 15px 0 20px; background: #f0eadd; line-height: 15px; }
#ff_content #tl { position: absolute; display: block; left: 0; top: 0; width: 24px; height: 24px; background: transparent url(../img/decker_24.png) no-repeat;  }
#ff_content #tr { position: absolute; display: block; right: 0; top: 0; width: 24px; height: 24px; background: transparent url(../img/decker_24.png) -24px 0 no-repeat;  }
#caroussell { position: absolute; display: block; left: 0; top: 490px; width: 980px; height: 50px; background: #ffffff; overflow: hidden; white-space: nowrap; text-align: center;}
#thumbContainer { position: absolute; top: 0; left: 0; }
#caroussell li { list-style: none; position: relative; display: inline-block; width: 112px; }
#caroussell a { display: inline-block; margin: 0 10px; vertical-align: middle; width: 92px; }
#caroussell a img {width: 92px; }

#artikel_headline { position: absolute; left: 45px; top: 180px; }
#artikel_visual { position: absolute; left: 292px; top: 100px; width:697px; text-align: center; }
#artikel_visual a img { border: none; }
#artikel_caroussell { position: absolute; display: block; right: 58px; top: 220px; width: 205px; padding: 0 0 10px 5px; height: 228px; overflow: hidden; white-space: nowrap; border: #f1eadd 2px solid;}
#artikel_caroussell a { float: left; margin: 10px; vertical-align: middle;}
#artikel_caroussell_tl { position: absolute; right: 237px; top: 220px; width: 35px; height: 35px; background: url(../img/artikel_rahmen.png) 0 0 no-repeat; }
#artikel_caroussell_tr { position: absolute; right: 58px; top: 220px; width: 35px; height: 35px; background: url(../img/artikel_rahmen.png) 100% 0 no-repeat; }
#artikel_caroussell_bl { position: absolute; right: 237px; top: 427px; width: 35px; height: 35px; background: url(../img/artikel_rahmen.png) 0 100% no-repeat; }
#artikel_caroussell_br { position: absolute; right: 58px; top: 427px; width: 35px; height: 35px; background: url(../img/artikel_rahmen.png) 100% 100% no-repeat; }
#artikel_rahmen { position: absolute; right: 58px; top: 220px; width: 210px; height: 225px; background: url(../img/artikel_rahmen.gif) no-repeat; }
#artikel_content { position: absolute; display: block; left: 20px; top: 205px; width: 255px; height: 255px; padding: 20px 15px 0 15px; background: #f8f6f1; line-height: 19px; }
#artikel_content #tl { position: absolute; display: block; left: 0; top: 0; width: 24px; height: 24px; background: url(../img/decker_24.png) 0 -73px no-repeat;  }
#artikel_content #tr { position: absolute; display: block; right: 0; top: 0; width: 24px; height: 24px; background: url(../img/decker_24.png) -24px -73px no-repeat;  }
#serien_caroussell { position: absolute; display: block; left: 0; top: 490px; width: 980px; height: 50px; background: #ffffff; overflow: hidden; white-space: nowrap; text-align: center;}
#serien_caroussell a { display: inline-block; margin: -3px 10px 0 10px; padding: 0 0 3px 0; vertical-align: middle;}

#kollektion_headline { position: absolute; left: 45px; top: 200px; }
#kollektion_visual { position: absolute; left: 290px; top: 100px; width:697px; }
#kollektion_visual a img { border: none; }
#kollektion_headline h1 { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 100; font-size: 24px; color: #545354; }
#kollektion_content { position: absolute; display: block; left: 25px; top: 250px; width: 215px; height: 275px; padding: 20px 17px 0 17px; background: #efe9dd; color: #3e3e40; }
#kollektion_content #tr { position: absolute; right: 0; top: 0; width: 24px; height: 24px; background: url(../img/decker_24.png) 100% 0 no-repeat; }
#kollektion_content #tl { position: absolute; left: 0; top: 0; width: 24px; height: 24px; background: url(../img/decker_24.png) 0 0 no-repeat; }


#kontakt_headline { position: absolute; left: 50px; top: 165px; }
#kontakt_headline h1 { font-family:"Lato", Arial, Verdana, sans-serif; font-weight: 100; font-size: 24px; color: #545354; }
#kontakt_content { font-family: Arial, Verdana, sans-serif; position: absolute; display: block; left: 25px; top: 200px; padding: 20px 0 0 15px; width: 470px; height: 288px; background: #efe9dd url(../img/bg_content.gif) no-repeat; line-height: 13px; }
#kontakt_content .column{ float: left; margin: 0 12px 0 0; font-size: 10px; }
#kontakt_content .column a:hover { text-decoration: underline; }
#kontakt_content #adresse { position: absolute; left: 240px; bottom: 25px; font-size: 10px; }
#kontakt_visual { position: absolute; display: block; left: 490px; top: 200px; background: #efe9dd }

#sale_content { font-family: Arial, Verdana, sans-serif; position: absolute; display: block; left: 40px; top: 200px; padding: 30px 40px 0 30px; width: 400px; height: 278px; background: #efe9dd url(../img/bg_content.gif) no-repeat; line-height: 15px; }


#gewinnspiel_headline { position: absolute; left: 65px; top: 120px; }
#gewinnspiel_headline h1 { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 100; font-size: 24px; color: #545354; }
#gewinnspiel_content { position: absolute; display: block; left: 40px; top: 160px; padding: 20px 20px 0 20px; width: 315px; height: 345px; background: #efe9dd; color: #3e3e40; }
#gewinnspiel_content #tr { position: absolute; right: 0; top: 0; width: 24px; height: 24px; background: url(../img/decker_24.png) 100% 0 no-repeat; }
#gewinnspiel_content #br { position: absolute; right: 0; bottom: 0; width: 24px; height: 24px; background: url(../img/decker_24.png) 100% -24px no-repeat; }
#gewinnspiel_content #tl { position: absolute; left: 0; top: 0; width: 24px; height: 24px; background: url(../img/decker_24.png) 0 0 no-repeat; }
#gewinnspiel_content #bl { position: absolute; left: 0; bottom: 0; width: 24px; height: 24px; background: url(../img/decker_24.png) 0 -24px no-repeat; }
#gewinnspiel_content h2 { font-weight: 300; font-size: 16px; margin: 0 0 12px 0; }
#gewinnspiel_content form { margin: 0; text-align: left; }
table.antworten { margin: 15px 0 0 0; }
table.antworten td { padding: 0 5px 2px 0; vertical-align: middle; }
#gewinnspiel_visual { position: absolute; display: block; left: 410px; top: 100px; }
#gewinnspiel_formular { position: absolute; display: block; right: 35px; top: 200px; }
#gewinnspiel_formular table.adresse {	margin-top: 0px;}
#gewinnspiel_formular table.adresse td { vertical-align: middle; padding: 0px 6px 6px 0px; }
label { display: inline-block; width: 60px; margin: 0 5px 0 0; }
input { font-family:"Lato",  Arial, Verdana, sans-serif; font-size: 12px; color: #3e3e40; padding: 1px; margin: 1px 0 0 0; width: 130px; }
#gewinnspiel_formular input.vorname { width: 100px; }
#gewinnspiel_formular input.nachname { width: 100px; margin-left:6px;}
#gewinnspiel_formular input.strasse { width: 190px; }
#gewinnspiel_formular input.plz { width: 40px; }
#gewinnspiel_formular input.ort { width: 140px; margin-left:6px;}
#gewinnspiel_formular input.alter { width: 40px; }
#gewinnspiel_formular input.telefon { width: 190px; }
#gewinnspiel_formular input.email { width: 190px; }
#gewinnspiel_formular input.bemerkung { width: 190px; }
#gewinnspiel_regeln { position: absolute; display: block; left: 420px; top: 470px; width: 500px; font-size: 11px; }



/* SLIDER */

/* arrows */
#scroll_up {position: absolute; top: 215px; right: 36px; }
#scroll_up a { display: block; width: 20px; height: 20px; background: url(../img/arrow_sprite.png) -20px 0px no-repeat; }
#scroll_down {position: absolute; top: 445px; right: 36px;  }
#scroll_down a { display: block; width: 20px; height: 20px; background: url(../img/arrow_sprite.png) -20px -20px no-repeat; }
#scroll_left {position: absolute; top: 548px; left: 278px; }
#scroll_left a { display: block; width: 20px; height: 20px; background: url(../img/arrow_sprite.png) 0 -20px no-repeat; }
#scroll_right {position: absolute; top: 548px; right: 278px; }
#scroll_right a { display: block; width: 20px; height: 20px; background: url(../img/arrow_sprite.png) 0 0 no-repeat; }


/* vertical track */
#trackv { position: absolute; top: 235px; right: 40px; width: 11px; height: 210px; margin-left: 10px; border: #9b9894 1px solid; background-color:#f8f6f1; }
/* vertical track handle */
#handlev { width: 7px; height: 26px; background: url(../img/handlev.png) 50% 0 no-repeat; cursor: pointer; }

/* horizontal track */
#trackh { position: absolute; top: 542px; left: 303px; width: 374px; height: 11px; margin-top: 10px; border: #6c6b6c 1px solid;background-color:#2f2f2f; }
/* horizontal track handle */
#handleh { position: absolute; width: 28px; height: 25px; top: -7px; background: url(../img/handleh.png) 0 50% no-repeat; cursor: pointer; }

/* vertical track */
#track_slv {
	position: absolute;
	top: 150px;
	right: 40px;
	width: 11px;
	height: 140px;
	margin-left: 10px;
	border: #9b9894 1px solid;
	background-color:#f8f6f1;
}

/* vertical track handle */
#handle_slv {
	width: 7px;
	height: 26px;
	background: url(../img/handlev.png) 50% 0 no-repeat;
	cursor: pointer;
}

#scroll_shoplocator_up {position: absolute; top: 130px; right: 36px; }
#scroll_shoplocator_up a { display: block; width: 20px; height: 20px; background: url(../img/arrow_sprite.png) -20px 0px no-repeat; }
#scroll_shoplocator_down {position: absolute; top: 290px; right: 36px;  }
#scroll_shoplocator_down a { display: block; width: 20px; height: 20px; background: url(../img/arrow_sprite.png) -20px -20px no-repeat; }

/* vertical track */
#track_impressum_v {
	position: absolute;
	top: 30px;
	right: 40px;
	width: 11px;
	height: 248px;
	margin-left: 10px;
	border: #9b9894 1px solid;
	background-color:#f8f6f1;
}

/* vertical track handle */
#handle_impressum_v {
	width: 7px;
	height: 26px;
	background: url(../img/handlev.png) 50% 0 no-repeat;
	cursor: pointer;
}

#scroll_impressum_up {position: absolute; top: 10px; right: 36px; }
#scroll_impressum_up a { display: block; width: 20px; height: 20px; background: url(../img/arrow_sprite.png) -20px 0px no-repeat; }
#scroll_impressum_down {position: absolute; top: 278px; right: 36px;  }
#scroll_impressum_down a { display: block; width: 20px; height: 20px; background: url(../img/arrow_sprite.png) -20px -20px no-repeat; }

/* vertical track news */
#track_news_v {
	position: absolute;
	top: 125px;
	right: 30px;
	width: 11px;
	height: 395px;
	margin-left: 10px;
	border: #9b9894 1px solid;
	background-color:#f8f6f1;
}

/* vertical track handle */
#handle_news_v {
	width: 7px;
	height: 26px;
	background: url(../img/handlev.png) 50% 0 no-repeat;
	cursor: pointer;
}

#scroll_news_up {position: absolute; top: 105px; right: 26px; }
#scroll_news_up a { display: block; width: 20px; height: 20px; background: url(../img/arrow_sprite.png) -20px 0px no-repeat; }
#scroll_news_down {position: absolute; top: 520px; right: 26px;  }
#scroll_news_down a { display: block; width: 20px; height: 20px; background: url(../img/arrow_sprite.png) -20px -20px no-repeat; }


/*HIGHSLIDE */
.next-overlay {
	width: 77px;
	height: 48px;
	background: url(../img/gallery_controls.png);
	background-position: -77px 0;
	cursor: pointer;
}

.next-overlay:hover {
	background-position: -77px -47px;
}

.prev-overlay  {
	width: 77px;
	height: 48px;
	background: url(../img/gallery_controls.png);
	background-position: 0px 0;
	cursor: pointer;
}

.prev-overlay:hover {
	background-position: 0px -47px;
}