/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */


body {	font-size:1em;	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;	color:#564b47;	padding:0;	margin:2em; background-color:#CCCCCC}
a {color: #000000;}
a:visited {color:#000000;}
a:hover {color:#FC7613;}
a:active { color:#000000;}

h1 {	font-size: 2em;	font-weight: normal;	color: #333333 }

h2 {	font-size: 1.7em;	font-weight: normal;}

img.download {vertical-align:middle;}
img {margin: 0; padding:0; border: 0}

input { font-size: 0.9em}

p, pre {	padding: 5px 0; margin:0; line-height: 1.3em; font-size: 1em}
pre, code { font-size: 1.2em;}

h1 { font-size: 1.05em; font-weight:bold; padding: 0; margin:0 0 0.5em 0; color: #666666 }
h2 { font-size: 1.1em; font-weight:bold; padding:5px; margin:0; }
h3 { font-size: 1.1em; font-weight:bold; padding: 0; margin:0; color: #000000}
h4 { font-size: 1.05em; font-weight:bold; padding: 0; margin:0 0 0.5em 0; color: #FC7613 }

td {vertical-align: top}

.gross {	width: 5.71em;	height: 1.07em;}
.nowrap {white-space: nowrap;}

.orange_hell { background-color: #FCAE1E; }
.orange_dunkel { background-color: #FC7613; }
.grau_hell { background-color: #CCCCCC; }
.grau_dunkel { background-color:#666666; }
.ocka {background-color: #93441A; }
.rechts {text-align: right;}
.top {vertical-align: top; }

/* ----------container zentriert das layout-------------- */
#container {	width: 75em;	margin: 0 auto;	padding: 5px;	background-color: #FFFFFF; font-size: 0.8em;}

/* ----------banner for logo-------------- */
#banner {	margin: 0;	padding: 0; height: 76px; border: 1px solid #93441A;}
#banner #logo{margin: 0; padding: 10px; float: left; background-image:url(images/header_bg.gif); background-repeat:repeat-x; }
#banner #kopfnavi{margin:0 ;padding: 0; background-image:url(images/header_bg.gif); background-repeat:repeat-x; text-align:right; height: auto}
#banner #kopfnavi img { margin: 10px 5px 0 0; padding: 0 }

#banner ul { margin: 0; padding: 25px 0 8px 0 }
#banner ul li{ margin: 0; padding: 0 3px; display: inline;}
#banner ul li a { color: #ffffff; font-size: 0.8em; font-weight:bold; text-decoration: none}
#banner ul li a:hover { color:#EEB885;}

#mainnavi {clear: left;	}


/* ----------------- Content --------------------- */
#content {	min-height:100px; background-color: #ffffff; padding: 0; margin: 0 17em 1em 17em; text-align: left; }
#content2 { min-height: 100px;	width: 52em; padding: 1em 0; margin: 0 0 20em 17em; }

#contentHandel { min-height:100px; background-color: #ffffff; padding: 0; margin: 0 1em 0 17em; text-align: left;}

/* hack für ie6 */
* html #content {	min-height:100px; background-color: #ffffff; padding: 0; margin: 0 0 1em 0; text-align: left; width: 42em;}
* html #contentHandel {	min-height:100px; background-color: #ffffff; padding: 0; margin: 0 1em 0 1em; text-align: left; width: 100%;}
#angebotsprodukte {	height:19em; }
/* hack für ie6 */
* html #angebotsprodukte {	height:21em; }

#content #trenner { background-image:url(images/content_trenner_bg.gif); background-repeat:repeat-x; line-height:1px; margin: 20px 0 10px 0; padding: 0;	}
#content p {font-size: 0.9em}
/*#content a {color: #000000;}
#content a:visited {color:#000000;}
#content a:hover {color:#FC7613;}
#content a:active { color:#000000;} */
#content #angebote1 {float: left; width: 13em; margin: 0 0 10px 0; padding: 0 3px 0 3px; border-left: 1px dotted #666666; border-right: 1px dotted #666666; text-align:left; height: 21em}
#content #angebote1 img { display: block; margin-left: auto; margin-right: auto; width:12em}
/*#content #angebote1 img { display: block; width:8em}*/
#content #angebote {float: left; width: 13em; margin: 0 0 10px 0; padding: 0 3px; border-right: 1px dotted #666666; text-align:left; height: 21em}
#content #angebote img { display: block; margin-left: auto; margin-right: auto; width:12em}
#content #pic_angebote { height: 154px;}
#content h2 { font-size: 0.8em; color: #666666; font-weight: bold;}
#content #angebottext { font-size: 0.8em; color: #000000; text-align: left; margin: 0; padding: 0 5px; }
#content #preis { font-size: 0.8em; color: #000000; text-align: right; margin: 0; padding: 0 5px; font-weight:bold}

/*#content #angebote1_start {float: left; width: 13em; margin: 0; padding: 0 3px 3px ; border-left: 1px dotted #666666; border-right: 1px dotted #666666; text-align:left; height: 21em}*/
#content #angebote1_start {float: left; width: 13em; margin: 0; padding: 0 3px 3px ; text-align:left; height: 21em}
#content #angebote1_start img { display: block; margin-left: auto; margin-right: auto; width:12em}
/*#content #angebote_start {float: left; width: 13em; margin: 0; padding: 0 3px 3px; border-right: 1px dotted #666666; text-align:left;  height: 21em}*/
#content #angebote_start {float: left; width: 13em; margin: 0; padding: 0 3px 3px; text-align:left; border-left: 1px dotted #666666; height: 21em}
#content #angebote_start img { display: block; margin-left: auto; margin-right: auto; width:12em}
#content #pic_start {height: 12em}

#content #anzeige {float: left; margin: 10px; padding: 0; font-size: 1em;  line-height: 1.2em }
#content #anzeige2 {float: right; margin-bottom: 10px; padding: 0; font-size: 1em;  line-height: 1.2em }

#content #angebote_termine td { vertical-align:top; margin:0; padding:10px 10px 0 0;  line-height: 1.3em; font-size: 0.9em}

#content #marken {float: left; margin: 0; padding: 5px; }
#content #marken img {width: 120px }

#content #breadcrumbs{ font-size: 0.8em; font-weight: bold; color: #666666; margin: 0 0 20px 0; padding: 0}
#content #breadcrumbs a { color: #666666; }
#content #breadcrumbs a:hover { color:#FC7514;}
#content #breadcrumbs h1 {display: inline; margin: 0; padding: 0}
#content #detail h2 {text-align: left; padding: 0; margin: 3px 0;}
#content #detail .detail {margin: 0; padding: 0 50px 0 0; border: 0; width: 200px}
#content #detail .vorschau {margin-top: 5px; padding: 3px; border: 1px solid #cccccc; width: 72px}
#content #detail td { vertical-align: top; margin: 0; padding: 0; }
#content #detail #detail_text { margin: 0; padding: 0 0 10px 20px;}
#content #detail #preis { font-weight: bold; text-align: right}

#content #buttons input{ text-align: center; width: 120px; margin: 0; padding: 0 } /* width: 120px; */
#content #buttons {text-align: right; margin-bottom: 5px }
#content #detail form {display: inline;}
#content #crosselling { margin: 20px 0; padding: 0; min-width:500px;}
#content #crosselling .crossellingKasten {float:left; padding:0; margin-right: 7px; width:168px; border:1px solid #ccc;  }
#content #crosselling .crossellingKasten2 {float:left; padding: 0; margin:0;width:168px; border:1px solid #ccc; }
#content #crosselling .crossellingHeadline {background-color:#ccc; }
#content #crosselling h2 {color:#000; padding: 5px 0 5px 10px;margin:0  }
#content #crosselling img {width: 100px; margin: 10px 0 10px 35px}
#content #crosselling .crosselling_mehr { padding: 5px 10px 10px 10px; text-align: right  }
#content #crosselling .crosselling_mehr a{ font-weight:bold; font-size:0.80em;  text-decoration: none }
#content #crosselling #head {background-color:#FCAE1E;; font-size:0.9em; padding: 3px 10px; font-weight:bold;margin-bottom: 3px}
#content #crosselling p {padding: 0 10px; font-size:0.8em}



#blaettern { margin: 0 10px 5px 0; text-align: right; font-size: 0.8em}
.chosen {font-weight: bold; text-decoration: none}
.no_choice {font-weight:normal}

/* --------------left navigation------------- */
#left { float:left; width: 15em; margin: 0 1em 0 0.2em; padding:0;	color:#000000; }
#left form {margin: 0; padding-left: 0}
#left #suchen { background-color: #CCCCCC; margin: 0 0 3px 0; padding: 2px 0 2px 5px; font-size: 0.9em; font-weight: bold}
#left #suchen_kasten { margin: 0; padding: 0}
#left #newsletter { background-color: #FC7613; margin: 1em 0 3px 0; padding: 2px 0 2px 5px; font-size: 0.9em; font-weight: bold; color: #FFFFFF}
#left  #feld { font-size: 0.9em; width: 11.2em}
* html #left  #feld { font-size: 0.9em; width: 10.8em}
*+html #left  #feld { font-size: 0.9em; width: 10.8em}

/*#left #trenner { margin: 10px 0; padding: 0;	background-color: #FC7514; line-height: 0.2em}*/
#left #adresse { padding: 40px 0 10px 5px; margin:0; font-size: 0.8em; }

/*-------------- orange Navi ------------------*/
/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.menu {width: 18.65em; margin: 0; padding:10px 0 0 0; font-size:0.75em; font-weight: bold; /* this page only */}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {position:relative;z-index:500;padding:0;margin:0;list-style-type:none;width: 18.65em;}

/* style the list items */
.menu li {background-color:#FCAE1E; height:26px;
/* for IE7 */float:left;
}
.menu li.sub {background:#FCAE1E url(images/sub.gif) no-repeat right center;}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {display:block; text-decoration:none; height:25px; line-height:25px; width: 19.9em; color:#000;text-indent:5px;border:1px solid #fff;border-width:0 1px 1px 1px;}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width: 19.9em;; w\idth:19.9em;}
/* style the link hover */
* html .menu a:hover {color: #ffffff;background: #eb661e; position:relative;}

.menu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {color: #ffffff;background: #eb661e;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {color: #ffffff;background: #eb661e;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {visibility:hidden;position:absolute;top:-30px;
/* set up the overlap (minus the overrun) */
left:100px;
/* set up the overrun area */
padding:30px;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url(transparent.gif);
}

/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}

/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.menu ul a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.menu ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.menu ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}

/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
visibility:visible;
}
/* make the third level visible when you hover over second level link */
.menu ul a:hover ul a:hover ul{
visibility:visible;
}
/* make the fourth level visible when you hover over third level link */
.menu ul a:hover ul a:hover ul a:hover ul {
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {
visibility:visible;
}
/*-------------- orange Navi Ende --------------*/

/*-------------- graue Navi --------------------*/
.menu2 {width: 18.65em; margin: 0; padding:0; font-size:0.75em; font-weight: bold; /* this page only */}

/* remove all the bullets, borders and padding from the default list styling */
.menu2 ul {position:relative;z-index:400;padding:0;margin:0;list-style-type:none;width: 18.65em;}

/* style the list items */
.menu2 li {background-color:#cccccc; height:26px;
/* for IE7 */float:left;
}
.menu2 li.sub {background:#cccccc url(images/sub.gif) no-repeat right center;}

/* get rid of the table */
.menu2 table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu2 a, .menu2 a:visited {display:block; text-decoration:none; height:25px; line-height:25px; width: 19.9em; color:#000;text-indent:5px;border:1px solid #fff;border-width:0 1px 1px 1px;}
/* hack for IE5.5 */
* html .menu2 a, * html .menu2 a:visited {width: 19.9em;; w\idth:19.9em;}
/* style the link hover */
* html .menu2 a:hover {color: #ffffff;background: #666666; position:relative;}

.menu2 li:hover {position:relative;}

/* For accessibility of the top level menu2 when tabbing */
.menu2 a:active, .menu2 a:focus {color: #ffffff;background: #666666;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu2 li:hover > a {color: #ffffff;background: #666666;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu2 li ul {visibility:hidden;position:absolute;top:-30px;
/* set up the overlap (minus the overrun) */
left:100px;
/* set up the overrun area */
padding:30px;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url(transparent.gif);
}

/* for browsers that understand this is all you need for the flyouts */
.menu2 li:hover > ul {visibility:visible; color: #FFFFFF;}

/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.menu2 ul a:hover ul ul{
visibility:hidden; color: #FFFFFF;
}
/* keep the fourth level+ hidden when you hover on second level link */
.menu2 ul a:hover ul a:hover ul ul{
visibility:hidden; color: #FFFFFF;
}
/* keep the fifth level hidden when you hover on third level link */
.menu2 ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden; color: #FFFFFF;
}

/* make the second level visible when hover on first level link */
.menu2 ul a:hover ul {
visibility:visible; color: #FFFFFF;
}
/* make the third level visible when you hover over second level link */
.menu2 ul a:hover ul a:hover ul{
visibility:visible; color: #FFFFFF;
}
/* make the fourth level visible when you hover over third level link */
.menu2 ul a:hover ul a:hover ul a:hover ul {
visibility:visible; color: #FFFFFF;
}
/* make the fifth level visible when you hover over fourth level link */
.menu2 ul a:hover ul a:hover ul a:hover ul a:hover ul {
visibility:visible; color: #FFFFFF;
}

/*-------------- graue Navi Ende ---------------*/

/*-------------- rechte Leiste -----------------*/
#right {color:#000000;float: right;width: 15em;margin: 0;padding: 0;}
#right #werbebanner img { display: block; margin-left: auto; margin-right: auto; margin-top: 10px; text-align: center}
#right #warenkorb { color: #FFFFFF; background-color:#666666; margin: 0; font-size: 0.9em; font-weight: bold; width: 100%; border:1px solid #000 }
#right #warenkorb span{ padding: 2px 7px; display:block }
#right #warenkorb_tabelle {overflow:auto}
#right #warenkorb_tabelle th { font-size: 0.8em; text-align: left; font-weight: bold}
#right #warenkorb_tabelle .text { font-size: 0.8em; vertical-align: top; width: 100px; overflow: hidden; }
#right #warenkorb_tabelle .text2 { font-size: 0.8em; vertical-align: top; width: 85px; overflow: hidden; white-space:nowrap;}
#right #warenkorb_tabelle .text2Neu { font-size: 0.8em; vertical-align: top; overflow: hidden; }
#right #warenkorb_tabelle .price { font-size: 0.8em; vertical-align: top; text-align: right; white-space:nowrap; width: 80px}

#right #warenkorb_tabelle .trash { font-size: 0.8em; vertical-align: top; text-align: right; white-space:nowrap;}
#right .buttons {padding-left: 3px}


#right #warenkorb_tabelle { margin: 0 0 10px 0;border-left: 1px solid #666666;border-right: 1px solid #666666;border-bottom: 1px solid #666666; width: 100%}
#right #warenkorb_tabelle p {font-size: 0.8em; text-align: left; border-top: 1px dotted #666666; border-bottom: 1px dotted #666666; padding: 3px; margin: 3px }

#topseller { color: #FFFFFF; background-color:#FC7613; margin: 0; padding: 2px 0 5px 5px; font-size: 0.9em; font-weight: bold}
#topseller h3 { color: #ffffff;}
#right #topseller_angaben { margin: 0 0 10px 0; padding: 0px 3px 5px 3px; text-align: right; border-left: 1px solid #FC7613;border-right: 1px solid #FC7613;border-bottom: 1px solid #FC7613;}
#right #topseller_angaben img { display: block; margin-left: auto; margin-right: auto; text-align: center; width: 12em}
#right h2 { font-size: 0.8em; color: #666666; font-weight: bold; text-align: left}
#right #topseller_angaben_angebottext { font-size: 0.8em; color: #000000; text-align: left; padding: 5px}
#right #preis { font-size: 0.8em; color: #000000; text-align: right; margin: 0; padding: 0 10px; font-weight:bold}

#topseller_grau { color: #ffffff; background-color:#cccccc; margin: 0; padding: 2px 0 5px 5px; font-size: 0.9em; font-weight: bold}
#right #topseller_angaben_grau { margin: 0 0 10px 0; padding: 0px 3px 5px 3px; text-align: right; border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;}
#right #topseller_angaben_grau img { display: block; margin-left: auto; margin-right: auto; text-align: center; width: 12em}

#topseller_dunkelgrau { color: #ffffff; background-color:#333333; margin: 0; padding: 2px 0 5px 5px; font-size: 0.9em; font-weight: bold}
#topseller_dunkelgrau h3 { color: #ffffff;}
#right #topseller_angaben_dunkelgrau { margin: 0 0 10px 0; padding: 0px 3px 5px 3px; text-align: right; border-left: 1px solid #333333;border-right: 1px solid #333333;border-bottom: 1px solid #333333;}
#right #topseller_angaben_dunkelgrau img { display: block; margin-left: auto; margin-right: auto; text-align: center; width: 12em}

#right_sw_head { color: #ffffff; background-color:#000; margin: 0; padding: 2px 0 5px 5px; font-size: 0.9em; font-weight: bold}
#right_sw_head h3 { color: #ffffff;}

#right_sw {margin: 0 0 10px 0; padding: 5px 3px 10px 3px; border: 1px solid black; border-top: 0; text-align:center; color:#000}

#right_sw img { width: 50px; padding-right: 5px }

#videobanner_grau { color: #ffffff; background-color:#cccccc; margin: 0; padding: 2px 0 5px 5px; font-size: 0.9em; font-weight: bold}
#right #videobanner_angaben_grau { margin: 0 0 10px 0; padding: 0 3px; text-align: right; border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;}
#right #videobanner_angaben_angebottext { font-size: 0.8em; color: #000000; text-align: left; padding: 0;margin: 0}

/*-------------- Ende rechte Leiste -------------*/

/*---------------- Newsletter -----------------*/
#newsletter_form {}
#newsletter_form p { font-size:0.9em; margin: 1em 0; padding: 0 }
#newsletter_form table {margin:0 0 10px 0 ; width: 400px; padding: 0; }
#newsletter_form #ueberschrift { display: block; background-color:#CCCCCC; font-weight: bold; margin: 0 0 10px 0; padding: 2px 5px }
#newsletter_form .label { font-size: 0.9em; margin: 0; padding: 0 20px 0 0px; text-align: right; font-weight:bold; vertical-align:bottom; width: 90px}
#newsletter_form .inhalt { font-size: 0.9em; margin: 0; padding: 0 0 0 5px; text-align: left}
#newsletter_form input { margin: 0.2em 0}
#newsletter_form .input_kurz { width: 4em;}
#newsletter_form .input_mittel { width: 12em;}
#newsletter_form .input_lang { width: 17em;}
#newsletter_form .textarea { width: 17em; height:10em; font-size: 0.9em; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; overflow:auto}

/*---------------------- warenkorb -------------------*/
#best_ablauf {  width: 53em;margin: 0 0 10px 0; padding: 0}
#best_ablauf .td1 { width: 30%; padding: 10px 30px 10px 10px; border: 1px solid #cccccc; vertical-align: top; color: #cccccc}
#best_ablauf .td2 {width: 30%; margin: 0; padding: 10px 30px 10px 10px; border: 1px solid #cccccc; vertical-align: top; color: #000000}
#best_ablauf #headline {font-size: 1em; font-weight: bold;}
#best_ablauf #headline .aufzaehlung {font-size: 2em}
#best_ablauf #text {font-size: 0.9em}
#warenkorb th { text-align: left; font-size: 0.9em; padding: 10px 20px 0 30px; border-bottom: 1px solid #cccccc }

#warenkorb table {margin:0; padding: 0; border-spacing: 0; width: 53em}
#warenkorb td{ vertical-align: top; font-size: 0.9em; margin: 0; padding: 10px 5px 10px 10px; border-bottom: 1px solid #cccccc;}
#warenkorb #rahmen { border-top: 1px solid #cccccc}
#warenkorb .artabb { width: 100px; border: 0}
#warenkorb .stueck { width: 30px}
#warenkorb #shade { background-color:#CCCCCC}
#warenkorb #shade2 { background-color:#666666; color:#FFFFFF}
#warenkorb .oborder { border: 0; text-align: right}

/*------------------- adresse ---------------------*/
#bestelldaten {width: 53em;}
#bestelldaten p { font-size:0.9em; margin: 1em 0; padding: 0 }
#bestelldaten table {margin:0; padding: 0; border-spacing: 0; width: 100%}
#bestelldaten #bestell_left { float: left; margin: 0 0 10px 0; vertical-align: top; width: 25em; }
#bestelldaten #bestell_right {float: right; margin: 0 0 10px 0; width:25em; padding: 0; vertical-align: top; }
#bestelldaten #ueberschrift { display: block; background-color:#CCCCCC; font-weight: bold; margin: 0 0 10px 0; padding: 2px 5px }
#bestelldaten td { font-size: 0.9em; margin: 0; padding: 0;}
#bestelldaten input { margin: 0.2em 0}
.input_kurz { width: 4em;}
.input_mittel { width: 12em;}
.input_lang { width: 17em;}

/*------------------- bestelluebersicht ---------------------*/
#lieferdaten { width:53em}
#lieferdaten p { font-size:1em; margin: 0 0 10px 0; padding: 0 }
#lieferdaten #left {margin: 0 21px 0 0; vertical-align: top; width: 15em }
#lieferdaten #ueberschrift { display: block; background-color:#CCCCCC; font-weight: bold; margin: 0 0 10px 0; padding: 2px 5px }

/* -----------footer--------------------------- */
#footer {	clear: both;background-color: #FC7514; color: #FFFFFF; padding: 2px 5px; margin: 0; margin: 0; font-size: 0.8em; text-align:center}
#footer a { color: #FFFFFF; }

/* ------------- buttons / input --------------*/
input, textarea {background: white; padding: 2px 2px; border: 1px solid #cccccc}
input:active, input:focus, input:hover { background-color:#999999;}
select {font-size: 1em; margin: 3px 0; border: 1px solid #999999; background: white; padding: 1px 2px; vertical-align: bottom}
/*.buttons {text-align: center; font-size: 0.9em; margin: 0; padding: 1px 1px; background: #B0C934; border: 1px solid #666666}
.buttons input:active, input:focus, input:hover { background: #B0C934;}*/

.buttons { border: 1px solid #cccccc; background-color:#333333; text-align: center; color: #FFFFFF; font-size: 0.8em; margin: 0; padding: 2px 3px; font-size: 0.9em}


#stat_Seiten h1 {margin-top: 20px;}
#stat_Seiten table {border-spacing: 0; margin-top: 20px; border-collapse:collapse;}
#stat_Seiten td{ border: 1px solid #cccccc; padding: 5px 15px; margin: 0; vertical-align: top}
#stat_Seiten td img {width: 100px; border:0}
#pressemitteilung {margin: 1em 0; padding:0 0 5px 0; border-bottom: 1px dotted #cccccc}
#pressemitteilung h3 {font-size: 1em}

#fehler {padding: 1em; color: #FC7613; font-weight: bold}

/* Tabelle Katalog Downloads */
#download_Tab {margin: 20px 0; padding: 0; font-size: 0.9em; width: 46em}
#download_Tab table { border-spacing: 1px; width: 100%}
#download_Tab th { color:#999999; padding: 2px 30px 2px 2px}
#download_Tab .td1 { color:#000000; background-color:#999999;padding: 5px 20px 5px 2px; vertical-align:top}
#download_Tab .td2 { color:#000000; background-color:#cccccc;padding: 5px 20px 5px 2px; vertical-align:top}

#bankdaten {margin: 5px 17px}
#bankdaten table{margin: 5px 0;}
#bankdaten table td{vertical-align: middle}

#text_left { float: left; margin: 10px 30px 10px 0; vertical-align: top; width: 27em; }
#text_left input { margin: 0.2em 0}
#text_left .input_kurz { width: 4em;}
#text_left .input_mittel { width: 16em;}
#text_left .input_lang { width: 21em;}
#text_right{float: right; margin: 0 0 10px 0; width:23em; padding: 0; vertical-align: top; }

#versandkosten td {text-align: right}

#agb, #hinweis_unter_footer  { font-size:0.85em; margin: 1em 0; padding: 0 }

#table_haendler {width: 610px}
#table_haendler table {margin:0; padding: 0; border-spacing: 0;}
#table_haendler th{ text-align: left; margin: 0; padding: 0 5px 0 5px}
#table_haendler td{ vertical-align: top; font-size: 0.8em; margin: 0; padding: 10px 5px 10px 2px; border-bottom: 1px solid #cccccc;}
#table_haendler #rahmen { border-top: 1px solid #cccccc}
#table_haendler td .volltext { width: 1em}
#table_haendler .menge { width: 1em}
#table_haendler #shade { background-color:#CCCCCC}
#table_haendler #shade2 { background-color:#666666; color:#FFFFFF}
#table_haendler .oborder { border: 0; text-align: right}

#table_haendler table th a {color: #FFF }

/*Händler Startseite*/
#HLorange_invers { background-color:#FC7613; color:#FFFFFF; font-size:2em; font-weight: bold; text-align:center; margin: 0 0 1em 0; padding:10px 20px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 18.8em}
#haendler_logos { margin: 1em 0 2em 0; width: 42em}
#hlogo { float:left; margin: 0; padding: 0}
#hlogo img {margin: 0 1.5em 0 0; padding: 0.5em; border: 1px solid #cccccc; width: 100px}
#hlogo_name { margin: 0 0 1.5em 0; padding: 0.5em; background-color:#FC7613; color:#FFFFFF; text-align:center; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-size: 0.8em; width: 103px}

#haendler_logos a {color: #FFFFFF; text-decoration:none}
#haendler_logos a:visited {color:#FFFFFF;}
#haendler_logos a:hover {color: #999999;}
#haendler_logos a:active { color:#FFFFFF;}

#haendler_logos_sortiment { margin: 0; padding: 1em; width: 40em; background-color: #CCCCCC; min-height:110px}
#haendler_logos_sortiment img {margin: 0 1.5em 0 0; padding: 0; border: 1px solid #999999; width: 100px; }

#check4noHuman {visibility:hidden;display:none;}

#Album {border: 1px solid #cccccc; padding: 0px; margin: 0 0 30px 0}
#AlbumHead {background-color: #cccccc; padding: 3px 5px; color: #333333}
#AlbumBody {padding: 3px 5px; margin: 5px 0 0 0}
#AlbumBody ul {text-align: center; margin: 0; padding: 0;}
#AlbumFooter {text-align: right; margin: 0; padding: 2px 10px;background-color: #cccccc; font-size: 0.8em}
#Bilder_galerie{display: inline; margin: 0; padding: 0; text-align: center; }

#ehemPreis { font-weight:normal }

#SpecialPreis { text-decoration:underline; color:#900}

.smallText { font-size: 0.85em; margin: 10px 0;}

#weihnachtsshop {background-color:#cccccc; width: 500px; padding: 10px; margin-bottom: 10px; font-size: 0.95em; }
#weihnachtsshop form { display:inline }
#weihnachtsshop img {width: 120px; height:120px; text-align:left; padding: 0 10px 0 10px; margin: 0 20px 20px 0; border: 0}
#weihnachtsshop .buttons {background-color: #fc7613; color: #fff; height:19px; border-right: 1px solid #999; border-bottom: 1px solid #999;
}

#sonderposten {background-color:#cccccc; width: 500px; padding: 10px; margin-bottom: 10px; font-size: 0.95em; }
#sonderposten form { display:inline }
#sonderposten img {text-align:left; padding: 0 10px 0 10px; margin: 0 20px 20px 0; border: 0}
#sonderposten .buttons {background-color: #fc7613; color: #fff; height:19px; border-right: 1px solid #999; border-bottom: 1px solid #999;
}

#haendlersuche {background-color:#cccccc; width: 500px; padding: 10px; margin-bottom: 10px; font-size: 0.95em; }
#haendlersuche form { display:inline }
#haendlersuche table {table-layout:fixed;width:335px; }
#haendlersuche img { height:100px; width:100px; text-align:left; padding: 1px; margin: 10px 35px 10px 25px; border: 1px solid #999;}

#haendlersuche .input_kurz {width: 19px}
#haendlersuche .suche { white-space:nowrap; width: 150px; padding-left:15px}
#haendlersuche .button_right {text-align:right;padding:5px 0; margin:0 }
#haendlersuche p {padding: 0 5px}



/*//////////////////////////////////////
	HANDEL
*/

/**
 Clearfix
**/
.clear_fix:after {
  visibility: hidden;
  display: block;
  font-size: 0px;
  content: " ";
  clear: both;
  height: 0px;
}
* html .clear_fix {
  zoom: 1;
}

body.handel #banner{
	margin: 0 0 10px;
}

body.handel #content{
	width:720px;
	margin:0;
	padding:0;
	float:left;
}

body.handel #left{
	width:230px;
	margin:0;
	padding:0;
	float:right;
}
body.handel #mainnavi{
	display: none;
}
/**
 Teaser
**/
body.handel #flashbanner{
	background: #999;
	border: 1px solid #ee7f00;
	overflow: hidden;
	height: 150px;
}

/**
 Login
**/
body.handel #login{
	width:100%;
	background: #f9f9f9;
	border: 1px solid #ee7f00;
	height: 150px;
}

body.handel #login form{
	margin:5px 10px;
}

body.handel #login input,
body.handel #login label{
	width: 98%;
	display: block;
	text-align: left;
	color:#6a6a6a;
	font-size: 10px;
}

body.handel #login input{
	margin: 0 0 5px;
}

body.handel #login p{
	text-align: center;
}

body.handel #login a{
	color: #6a6a6a;
	font-size: 10px;
}

body.handel #login .submit{
	background-color: #f8a23f;
	border:1px solid #b5b5b5;
	width: 120px;
	text-align: center;
	margin: 0 45px;
	color:#fff;
}

/**
 Col
**/
body.handel div.col_3{
	clear: both;
	margin: 20px 0 0 0;
	padding-bottom: 20px;
}

body.handel div.col_3.no-lines{
	border-right: none;
}

body.handel div.col_3.no-lines .col{
	border-right: none;
}

body.handel div.col_3 div.col{
	width: 225px;
	border-right: 1px dashed #ccc;	
	float:left;
	padding:5px 10px;
	min-height: 280px;
}

body.handel div.col_3 div.col.first{
	padding:5px 10px 5px 0;
}

body.handel div.col_3 div.col.last{
	border-right: none;	
	padding:5px 0 5px 10px;
}

body.handel div.col_3 div.col .inlay{
	margin: 0 0 0 10px;
}

body.handel #content div.col_3 img{
	width:225px;
}

body.handel #content div.col_3 h2{
	color: #000;
	font-size: 10px;
	font-weight: bold;
	margin: 10px 0;
    padding: 0;
}

body.handel #content div.col_3 p{
	color: #000;
	font-size: 10px;
	margin: 0;
	padding: 0;
	padding: 0 0 20px 0;
}

body.handel #content div.col_3 a{
	color: #000;
	font-size: 10px;
}



body.handel .col_4  {
	clear: both;
	margin: 20px 0 20px 0;
	padding: 0;
}

body.handel .col_4 .col {
	width: 155px;
	float:left;
	padding:5px 10px;
	margin: 0;
}

body.handel .col_4 .col ul.sitemap{
	background: url(images/handel_icon_rubrik.gif) no-repeat top left;
	list-style: none;
	padding: 0 0 0 30px;
	font-size: 10px;
	margin: 0;
}

body.handel #content .col_4 .col ul.sitemap li h2{
	font-size:11px;
	margin:0;
	padding: 0 0 5px 0; 
}

body.handel .handel_start_adresse p{
	color: #000;
	font-size: 10px;
	margin: 0;
	padding: 25px 0 10px 20px;
}

/*//////////////////////////////////////
	HANDEL - Bestellen
*/
body.bestellen #content{
	float:left;
	width: 520px;
	margin: 0;
}

body.bestellen #right {
	width:228px;
}
body.bestellen #right #warenkorb_tabelle{
	width:100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#right #warenkorb_tabelle table {
	margin: 0 5px 10px 3px;
}

body.bestellen form{
	margin: 0 0 20px;
}

body.bestellen #suche_wrap{
	margin: 4px 0 0 0;
	height: 30px;
}

body.bestellen #suche_wrap input.suche{
	font-size: 14px;
	font-weight: normal;
	margin:0px 0px 0px 0px;
	padding:4px 5px 4px 40px;
	height: 16px;
	width: 325px;
	border: 1px solid #dadada;
	background:url(images/icon_search.gif) no-repeat 5px 1px;
	line-height: 16px;
	float:left;
	display: block;
}

body.bestellen #selects .submit{
	float: left;
	font-size: 12px;
	display: block;
	margin: 20px 0 0 0;
	padding: 2px 5px;
	background-color: #000;
	border:1px solid #b5b5b5;
	text-align: center;
	color:#fff;
	height: 25px;
	display: block;
}

body.bestellen #selects{
	margin: 10px 0 0 0;
}

body.bestellen #selects h2{
	color: #000;
	font-weight: normal;
	margin:0 0 10px 0;
	padding: 0;
	font-size: 12px;
	display: block;
}

body.bestellen #selects fieldset{
	border: none;
	width: 35%;
	float:left;
	margin:0 10px 0 0;
	padding:0;
}

body.bestellen #selects select{
	width:100%;
}

body.bestellen #selects label{
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	margin: 0 0 3px;
}

body.bestellen #selects a{
	color: #000000;
    display: block;
    float: right;
    font-size: 10px;
    font-weight: bold;
    margin: 20px 0 0 0;
}

body.bestellen #selects .filter{
	display: block;
	border: none;
	background: transparent;
	text-decoration: underline;
	padding: 0;
	font-style: italic;
	cursor: pointer;
	clear:both;
}

body.bestellen #table_haendler{
	width:100%;
}
body.bestellen #table_haendler .afts{
	font-size: 10px;
	margin: 0 0 5px;
}

body.bestellen tr th{
	background-color: #336B77;
    color: #FFFFFF;
    padding: 0 5px 2px 5px!important;
    vertical-align: middle;
    height: 30px;
    font-size: 10px;
    text-decoration: underline;
}

body.bestellen tr th img{
	margin: 0 0 0 10px;
	text-decoration: none;
}

body.bestellen #table_haendler form{
	margin: 0;
}


body.bestellen #table_haendler tr{
	border:none;
	padding: 0;
	margin: 0;
}

body.bestellen #table_haendler td{
	padding:5px;
	border: none;
	border-right: 1px solid #fff;
	margin: 0;
}

body.bestellen #table_haendler td{
	padding:5px;
	border: none;
	border-right: 1px solid #fff;
	margin: 0;
}

body.bestellen #table_haendler td.even{
	background-color: #fff;
}

body.bestellen #table_haendler td.last{
	min-width: 65px;
}

body.bestellen #table_haendler td.odd{
	background-color: #d9dadb;
}

body.bestellen #table_haendler td .menge{
	padding:2px 5px;
	font-size: 10px;
	width: 20px;
	float:left;
	margin: 0 0 0 5px;
}
body.bestellen #table_haendler .buttons{
    color: #FFFFFF;
    padding: 0 5px;
    font-size: 0;
    text-align: center;
    height: 18px;
    background: url(images/icon_addToWarenkorb.gif) transparent center center no-repeat;
    border:none;
    cursor: pointer;
    float: right;
}

body.bestellen #warenkorb_tabelle form{
	margin:0;
}

#warenkorb_tabelle .mwst{
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	padding:10px 0;
	margin: 0 0 20px;
	text-align: center;
	font-size: 10px;
}

body.bestellen .pagination{
	text-align: right;
	font-size: 10px;
	margin: 5px 0 10px;
}

/*//////////////////////////////////////
	HANDEL - login
*/

body.login #content, body.anmelden #content{
	width:auto;
	margin: 0 15px;
}

body.login .reg_link{
	border-bottom: 1px dotted #f5b770;
	padding: 0 0 20px;
	margin: 10px 0 20px;
}