/* /test/k.css Test-Version für neues Layout */

body { margin: auto; padding:0px; font-size: 12px; font-family: verdana, arial, sans-serif; background: #efefef; } 

html > body {
max-width:1040px;
min-width:890px;
}

* html body {
width:1040px;
}

#wrapper {background: #fafafa; border: 1px solid #bbbbbb; position: relative;}

form { margin:0px; padding:0px; }
img { border: 0; }

#logo {position: absolute; top: 5px; left: 5px; }

#banner { height: 62px; text-align: left; color: #666666;}
#mbr { float: right; text-align:right; font-size:11px; padding: 12px 30px 0px 0px; }
#slogan {padding: 32px 0px 0px 210px; font-style:italic; font-size: 18px;}

#nav { display:block; padding: 6px 25px 4px 175px; font-weight: bold; font-size: 16px; height: 20px; background: #bbbbbb url(/i/g.jpg) top repeat-x; }
#nav a { padding: 3px 10px; }
#nav a:hover { background: #fff2bf; }
.item {float: left; padding-left: 25px; }
.srch {float: left; width: 90px; }
.srch:hover {background: #fff2bf;}

#links { float: left; border-top: 1px solid #bbbbbb ; width: 160px; text-align: center; color: #555555; position: relative; }
#links a { display: block; color: #c11919; padding: 3px; border-bottom: 1px solid #e0e0e0; text-decoration: none; }
#links a:hover { background: #fff2bf; color: #cc0000; font-weight: bold; text-decoration: underline; }

.boxlinksoben {padding: 10px 5px; background: #fafafa; font-weight: bold; font-style: italic;  border-bottom: 1px solid #e0e0e0;}
.subtitle { border-top: 1px solid #bbbbbb; display: block; padding: 3px 2px; background: #e0e0e0 url(/i/g.jpg) center center repeat-x; font-weight: bold; font-style: italic;}
.aktuell {font-weight: bold; font-style: italic; border-top: 1px solid #bbbbbb; }

#inhaltbox {  margin: 0px 0px 0px 160px; padding: 10px 30px 10px 30px; border: 1px solid #bbbbbb; background-color: #fffcf2; } 
div#inhaltbox { min-height: 720px; height:expression(this.scrollHeight > 720 ? "auto":"720px"); } 
#inhaltbox p, h4, h3, h2 { line-height: 140%; }

.floatclear { display:inline-block; width: 100%; }
/* Hide from IE-mac \*/
* html .floatclear {  height:1%;  width:auto;  }
.floatclear {  display:table;  }
/* End hide from IE-mac */

#breadc {font-size: 10px; padding: 0px 0px 15px 0px;  margin: 0;}

#fuss {clear: both; padding: 8px 30px 8px 5px; text-align: center; border-bottom: 1px solid #bbbbbb; font-size: 11px;}

p { margin: 0; font-size: 12px;}
ul, li { margin-top: 0; }
h1 {margin: 0px 0px 15px 0px; padding: 5px 15px 5px 15px; color: #555555; font-size: 20px; font-weight: bold; background: #ffe680 url(/i/o.jpg) top repeat-x; }
h2 {margin: 0; padding-bottom: 5px; font-size: 16px; font-weight: bold; }
h3 { margin: 0; font-size: 14px; font-weight: bold; }
h4 { margin: 0; font-size: 14px; font-weight: normal;}
hr {color: gray; height: 1px;}
td {vertical-align: top;}
a:link { color: #c11919; text-decoration: none; }
a:visited { color: #990000; text-decoration: none;}
a:hover { background: #efefef; color: #cc0000; text-decoration: underline; }
.bild { background: none !important; text-decoration: none; }

a.info { background-color:#ffe680; color:#c11919; text-decoration:none;}
a.info:hover {background-color:#ffe680; color:#000;}

.sand { background-color: #fff2bf; }
.blue { color: #0033CC; font-style:italic; }
.red {color: #ff0000; font-style:italic; }
.balken { background: #ffe680 url(/i/o.jpg) top repeat-x; padding: 6px 8px; color: #333333; margin-bottom: 15px; }

.cen {text-align: center; }
.klein { font-size: 10px; }
.normal { font-weight: normal; }
.bb { border-bottom: 1px solid #bbbbbb; }
.bbr { border-bottom: 1px solid #bbbbbb; border-right: 1px solid #e0e0e0; }
.br { border-right: 2px solid white; }
.btn { font-size: 14px; font-weight: bold; color: #c11919; }
.box { float: right;  width: 25%; margin: 0px 0px 15px 10px; padding: 10px 10px 12px 10px; text-align: center; background: #efefef; font-size: 12px; border: solid 1px #e0e0e0; }
.bildbox { float: left; margin: 10px 20px 15px 0px;}
input  { font-size: 12px; }
#plst { border-collapse:collapse; border: 1px solid #e0e0e0; width: 100%; }
#plst tbody tr td { font-size: 13px; padding: 4px 8px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; vertical-align: middle; }
#plst p { font-size: 11px; }
.pg { background-color: #eeeeee; }
.pn { border-right: 2px solid white; font-size: 11px; text-align: right; }
.pp { text-align: right; vertical-align: middle; border-right: 2px solid white; white-space:nowrap;}
.code  { font-family: Courier, mono }
.codebox { margin: 20px 0px; padding: 15px; border: 1px dotted #febb01; background: #fff2bf; } 
.si { font-size: 14px; width: 150px; height: 16px; border: 2px solid #bbbbbb; border-style: inset; margin-top: -2px;}
li { background: none; color: #000000; font-size: 12px;}
.checklist {  margin: 6px 0px 12px 25px; list-style-image: url(/i/obox.png); list-style-position: outside; padding-left: 0px; line-height: 16px; }

/* Neue Styles */
.auchbox  { float: right; width: 25%; margin-bottom: 20px; background: #efefef; border: solid 1px #e0e0e0;}
.produktbox { float: left;  width: 25%; margin-bottom: 20px; background: #fff2bf; border: solid 1px #ffe680; }
.auchboxheader    {font-weight: bold; background: #bbbbbb url(/i/g.jpg) top repeat-x; padding: 6px 8px; text-align: center; font-size: 12px; color: #555555; border-bottom: 1px dotted #555555; }
.produktboxheader {font-weight: bold; background: #ffe680 url(/i/o.jpg) top repeat-x; padding: 6px 8px; text-align: center; font-size: 12px; color: #333333; border-bottom: 1px dotted #febb01;}
.boxcontent { padding: 8px; }

.contentbox {float: left; width: 74%; }
.content { padding: 0px 0px 20px 20px; line-height: 140%; }

.kauf a { display: block; color: #c11919; background-color: #eeeeee; padding: 8px; border-width: 2px; border-style: solid; border-color: #ffffff #888888 #888888 #ffffff; font-size: 12px; font-weight: normal; line-height: 120%; text-align:center; }
.kauf a:hover { background-color: #e0e0e0; border-color: #888888 #cccccc #cccccc #888888; padding: 11px 8px 8px 11px;}
.kaufbox { float:right; border: 1px solid #aaaaaa; }

/* ganz neue Styles */
.fl	{float: left; }
.fr	{float: right; }
.tl {text-align: left; }
.tr {text-align: right; }

.suche {background: #fff2bf; padding: 6px 8px; color: #555555; }
.gefunden {background: yellow; font-style: italic; }
.prdbox { float: left;  width: 25%; margin-bottom: 20px; background: #fffcf2; }
.prdboxitem {font-weight: bold; background: #ffe680 url(/i/o.jpg) top repeat-x; padding: 6px 8px; text-align: center; font-size: 12px; color: #333333; margin-bottom: 15px; }

div#qTip {  padding: 8px 10px; border: 1px solid #ffcc00; border-right: 2px solid #555555; border-bottom: 2px solid #555555; display: none;  background: #fff2bf; color: #000; position: absolute; z-index: 1000; }