/* GENERAL */

/* hide disabled scrollbar in IE 
BODY
	{ overflow: auto; }
*/
	
/* clear default values */
HTML,BODY,DIV,TABLE,TD,TR,IMG,P,H1,H2,H3,H4,H5,FORM,A,IFRAME
	{ border-style: solid; border-width: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; margin-bottom: 0px; padding-bottom: 0px;padding: 0px 0px 0px 0px; }
	
/* CUSTOMIZED */	

/* Fragen 
	
   Warum muß ich die DIV-Höhen für Safari/Mozilla explizit angeben?
   auto funktioniert nicht :-(

*/

/* Selector { font: [font-style] [font-variant] [font-weight] [font-size]/[line-height] [font-family] } */
	
BODY,TEXT,SELECT,INPUT,TD,P,A,DIV { font: 11px/14px arial,helevetica,sans-serif;}

/*DIV { text-align: justify; }	*/

A { text-decoration: none; }
A:HOVER { text-decoration: underline; }

DIV.right {	float: right; }

IMG.plus_border, DIV.plus_border { border-width: 1px; }




/* M A I N */

DIV.main
	{ width: 952px; height: 550px; }
	
DIV.center {
	position: absolute;	left: 50%; top: 50%;
	margin-top: -275px;
	margin-left: -476px;
}

DIV.hcenter {
	width: 952px;
	height: 1000px;
	position: absolute;	left: 50%; top: 0px;
	margin-left: -476px;
}

div#footer { height: 24px; position: relative; }
div#footer_inner { position: absolute; left: 24px; top: 6px; width: 904px;  }
div#footer_inner a { display: block; background-repeat: no-repeat; height: 11px; }


/* K O L L E K T I O N , G R I D */

TABLE.thumbs        {  }
TABLE.thumbs TD     { padding-right: 24px; height:116px; vertical-align:top; }
IMG.thumb,DIV.empty { width:90px; height:90px; overflow:hidden; padding:0px; margin:0px;}
DIV.thumb_label     { overflow: hidden; text-align: right; white-space: nowrap; overflow: hidden; width:92px; }
/*DIV.grid_kollektion { overflow: hidden; width: 904px; height: 348px; } */
/*DIV.grid_serie      { overflow: hidden; width: 324px; height: 348px; }*/

/* warum hatte ich die Höhe der Grids angegeben ?*/
DIV.grid_kollektion { overflow: hidden; width: 904px; /*height: 340px;*/ } 
DIV.grid_serie      { overflow: hidden; width: 324px; /*height: 340px;*/ }

/* C O N T R O L S */



IMG.arrow_back { vertical-align: middle; }
IMG.kollektionsname { vertical-align: middle; margin-right: 10px;}
SPAN.serienname {margin-right: 20px;}
	
TABLE.controls_left { }
TABLE.controls_left TD { vertical-align: bottom; padding-right: 14px;}
TABLE.controls_right TD	{ vertical-align: top; padding-left: 14px;}

SPAN.pagemenu { }
SPAN.pagemenu SPAN { padding-left:8px; vertical-align: middle; }
SPAN.pagemenu SPAN.selected { font-weight: bold; }



IMG.content, IFRAME.shopresults, DIV.gewinnspiel, DIV.produkt, DIV.produkt2, DIV.shopresults
	{ width: 554px; height: 322px; float: right;  }

DIV.shopresults { overflow: scroll;  }	
	
/* P R O D U K T   F R A M E */


	
DIV.produkt { position: relative; }
IMG.big { position: absolute; width: 322px; height: 322px; }	
DIV.properties {
	position: absolute; width: 207px; height: 298px;
	padding: 12px;
	overflow: hidden;
}
DIV.property { margin-bottom: 12px; }


DIV.properties { left: 0px; top: 0px; }
IMG.big { left: 232px; top: 0px; }
/*
DIV.properties { left: 322px; top: 0px; }
IMG.big { left: 0px; top: 0px; }
*/


DIV.bildauswahl { position:absolute; top:0px; right: 0px; }

DIV.bildauswahl A, DIV.bildauswahl SPAN {background-color: white; display:block; float:left; padding: 2px 5px 2px 5px; }
DIV.bildauswahl A { text-decoration: underline;}
DIV.bildauswahl SPAN {font-weight: bold;}





/* C O N T E N T */

/*
DIV.content { overflow: hidden; position: relative; }
DIV.margin	{ position: absolute; left:	24px; top:0px; height: 396px; width: 904px; overflow:hidden; }
*/

DIV.content {  }
DIV.scroll   { height: 396px; overflow: auto;}
DIV.noscroll { height: 396px; overflow: hidden; }
DIV.margin { margin: 0px 24px 0px 24px; }
DIV.margin_pad { margin: 0px 24px 0px 24px; padding-bottom: 24px;}

DIV.top { height: 36px; }
DIV.spacer { height: 10px; overflow:hidden; }

DIV.top A {text-decoration:underline;}	

div.content_foot { width: 324px; }

DIV.headline { margin-bottom: 14px; }
H2 { font-size: 11px; font-weight: bold; text-transform: uppercase; margin-top: 0px; margin-bottom: 0px; }

DIV.col1 {	width: 324px; height: 324px; }
DIV.lineheight { line-height: 19px; }	

DIV.endless { position:relative; height:396px; overflow:auto; }
DIV.endless DIV.inner { width:904px; position:absolute; left:24px; top:36px;}
DIV.endless DIV.inner DIV.endofpage {height:36px;}
DIV.newsblock {	border-width: 1px 0px 0px 0px; padding: 24px 0px 0px 0px; }
DIV.newsblock DIV.col { width: 440px; } 
DIV.newsblock DIV.image { width:440px; float:right;} 
DIV.clear_right { height:24px;clear: right; }
DIV.newsblock TD {padding: 0px 5px 5px 0px;}



DIV.adresse { float: right; }
DIV.gewinnspiel DIV.inner {	margin:12px; }
DIV.regeln { padding-bottom:12px;}
DIV.vorschau { clear: right; padding-top: 12px; }
DIV.gewinntasche { width:180px; padding:6px; float:right; background-color:white; text-align:left;}
DIV.gewinntasche IMG { margin-bottom:10px;}



/* S T O R Y */
TABLE.timeline { width: 904px; }
TABLE.timeline A { text-decoration: none; }

TABLE.timeline TD { text-align: center;}
TABLE.timeline TD.selected {font-weight:bold;}



/* F O O T E R */
DIV.footmenu
	{ position:relative; height: 24px; }
DIV.footmenu DIV.margin
	{ margin: 5px 0px 0px 30px; }
DIV.footinner
	{ position:absolute; left:24px; top:6px; width:915px;}
DIV.footmenu SPAN { padding-right: 10px; }



/* F O R M U L A R E */
SELECT
	{ width: auto; }
INPUT 
	{ width: auto; }
	
INPUT.submit {
	width: auto;
}







TABLE.antworten {
	margin-top: 14px;
}

TABLE.antworten TD {
	vertical-align: middle;
	padding: 0px 5px 0px 5px;
}

TABLE.adresse {
	margin-top: 0px;
}

TABLE.adresse TD {
	vertical-align: middle;
	padding: 0px 6px 6px 0px;
}

/*INPUT {border-width:1px; border-style:solid;}*/

INPUT.vorname { width: 90px; }
INPUT.nachname { width: 90px; margin-left:6px;}
INPUT.strasse { width: 192px; }
INPUT.plz { width: 40px; }
INPUT.ort { width: 140px; margin-left:6px;}
INPUT.alter { width: 40px; }
INPUT.telefon { width: 192px; }
INPUT.email { width: 192px; }
INPUT.bemerkung { width: 192px; }

TABLE.shoplocator {

}
TABLE.shoplocator TD {
	vertical-align: middle;
	padding: 0px 5px 10px 0px;
}
TABLE.shoplocator TD INPUT { margin:0px;}

TABLE.produktsuche {}
TABLE.produktsuche FORM{ }
TABLE.produktsuche TD {padding-right: 10px; vertical-align:middle;}

DIV.haendler {
	border-width: 0px 0px 1px 0px;
	width: 380px;
	padding: 14px;
	margin: 0px;
}
/* M E N U */

DIV.menu {
	height: 130px;
	position: relative;
}

DIV.menu IMG {position:absolute; z-index:2;}
IMG.menuback {left:0px; top:0px; z-index:1;}
IMG.logo {top:20px; left:650px;}



IMG#deutsch {position: absolute; left: 699px; top:493px;}
IMG#english {position: absolute; left: 799px; top:493px;}



.serie_enabled {
	background-color: green;
	color: white;
}

.serie_disabled {
	background-color: red;
	color: white;
}


A.toggle,A:VISITED.toggle,A:HOVER.toggle {
	color: white;
	display: block;
}

A.serienauswahl,A:HOVER.serienauswahl,A:VISITED.serienauswahl {
	color: white;
	display: block;
	float: left;
	width: 90px;
	overflow: hidden;
	padding: 1px;
	white-space: nowrap;
	margin: 0px 1px 1px 0px;
}

DIV.edit_menu {
	clear: left;
	padding: 12px 24px 12px 24px;
	background-color: #CCC;
	color: #666;
}

/*
DIV.edit_menu TABLE TD {
	height: 25px;
	padding-right: 10px;
}
*/

TABLE.listview {
	background-color: #ccc;
}

TABLE.listview TR {
	background-color: white;
	font: 10px;
}

TABLE.listview TR.header {
	background-color: #ccc;
	font-weight: bold;
}

TABLE.listview TR.even {
	background-color: #eee;
}

TABLE.listview TD {
	padding: 1px 4px 1px 4px;
	/*background-color: white*/;
}

.select_box {
	/*width: 110px;*/
}

DIV.faq {
	margin: 20px;

}

DIV.faq A {
	font-weight: bold;
	text-decoration: underline;
}

DIV.faq H1 {
	font-size: 11px;
	font-weight: bold;

}

DIV.faq DIV.block {
	margin-top: 20px;

}
DIV.faq DIV.block DIV.note{
	margin-top: 10px;
	font-style: italic;

}

DIV.header_bereich {
	clear: left;
	margin-top: 20px;
}


/* NEW LAYOUT 2009 */

div#navi_top { height: 130px; position: relative;}

#navi_main { position: absolute; left: 24px; top: 106px; }
#navi_main a { display: block; float: left; background-repeat: no-repeat; height: 14px; }

#a_logo {
	background-image: url("ogo.png"); width: 247px; height: 70px;
	position: absolute; left: 681px; top: 24px;
}


#a_home,
#a_kollektion,
#a_made_in_germany,
#a_unternehmen,
#a_gewinnspiel,
#a_news,
#a_b2b,
#a_shop_locator,
#a_kontakt
	{ margin-right: 43px; }
	
#a_home            { width: 38px; }
#a_made_in_germany { width: 122px; }
#a_shop_locator    { width: 100px; }
#a_b2b             { width: 23px; }

#navi_kat { position: absolute; left: 105px;  }
#navi_kat a { display: block; overflow: hidden; background-repeat: no-repeat; width: 104px; height: 11px; margin: 0; padding: 0; border: 0; }

#navi_made_in_germany { position: absolute; left: 183px; }
#navi_made_in_germany a { display: block; overflow: hidden; background-repeat: no-repeat; width: 100px; height: 11px; margin: 0; padding: 0; border: 0; }


#navi_unternehmen { position: absolute; top: 74px; }
#navi_unternehmen a { display: block; overflow: hidden; background-repeat: no-repeat; width: 140px; height: 11px; margin: 0; padding: 0; border: 0; }

div#footer { height: 24px; position: relative; }
div#footer a { display: block; background-repeat: no-repeat; height: 11px; }


#a_deutsch { width: 51px; float: left; margin-right: 19px; }
#a_english { width: 46px; float: left; }
#a_impressum { float: right; }