* {vertical-align: top; font-family: arial, helvetica, sans-serif; font-size: 12px;}
img, fieldset {border: none;}
body {background-image: url(/images/bg_top.jpg); background-repeat: repeat-x; margin: 0; padding: 0;}
h3 {margin-top: 0;}
h3.artikelname {margin: 0; padding: 0;}
a {color: #666;}
a:hover {color: #333;}
p {font-size: 12px; margin-top: 0;}
.blue {color: #039 !important;}
hr {display: none;}
div.hrblue {border-top: 1px solid #99CCE5; margin: 10px 0;}
sup {padding-bottom: 5px; font-size: 10px;}

#content {position: relative; left: 50%; margin: 50px 0 0 -441px; width: 892px; left: 50%; min-height: 500px; height: auto !important; height: 500px; font-size: 12px;}
#content table {font-size: 12px;}

div.box {height: 450px; width: 281px; float: left; margin-right: 15px; margin-bottom: 20px;}
div.box h2 {margin: 0; padding: 8px 10px 20px 10px; background-image: url(/images/box_top.gif); background-repeat: no-repeat; font-size: 16px; color: #666;}
div.box h3 {margin: 0; padding: .5em 0 0 0;}
div.box ol {margin: .5em 0 0 0; padding: 0;}
div.box ol li {list-style-type: none; background-position: top left; background-repeat: no-repeat; margin-left: 0; padding-left: 45px; padding-bottom: 10px; min-height: 45px; height: auto !important; height: 45px;}
div.box ol li.li1 {background-image: url(/images/li1.gif); }
div.box ol li.li2 {background-image: url(/images/li2.gif); }
div.box ol li.li3 {background-image: url(/images/li3.gif); }
div.box p {margin: 0; padding-bottom: .5em;}
div.box a {color: #039; font-size: 16px; text-decoration: none;}
div.box li a {font-size: 12px;}
div.box div.hr {clear: both; height: 1px; margin: 10px 0; background-image: url(/images/box_hr.gif); background-repeat: no-repeat; background-position: center; }
div.box .body {margin: 0; height: 350px; padding: 5px 10px; background-image: url(/images/box_body.gif); background-repeat: repeat-y;}
div.box .footer {margin: 0; padding: 0; height: 17px; background-image: url(/images/box_bottom.gif); background-repeat: no-repeat;}
div.box td, div.box th {margin: 0 !important; padding: 0 !important; background-color: white !important;}
div.box .last {margin-right: 0;}

div.bigbox {width: 891px; margin-bottom: 20px;}
div.bigbox h2 {margin: 0; padding: 8px 10px 20px 10px; background-image: url(/images/bigbox_top.gif); background-repeat: no-repeat; font-size: 16px; color: #666;}
div.bigbox a {color: #039; text-decoration: none;}
div.bigbox li a {font-size: 12px;}
div.bigbox .body {margin: 0; padding: 5px 10px; background-image: url(/images/bigbox_body.gif); background-repeat: repeat-y;}
div.bigbox .footer {margin: 0; padding: 0; height: 17px; background-image: url(/images/bigbox_bottom.gif); background-repeat: no-repeat;}
div.bigbox td, div.box th {margin: 0 !important; padding: 0 !important; background-color: white !important;}
div.bigbox .last {margin-right: 0;}


#badge {position: absolute; left: 50%; margin-left: 320px; top: 59px; width: 50px;}
#logo {position: absolute; left: 50%; margin-left: -430px; top: 25px; width: 100px;}
#logotext {position: absolute; left: 50%; margin-left: -383px; top: 65px; width: 200px; font-size: 14px;}

.blaettern {clear:both; padding:5px 0 !important; *padding-top:5px;}
.blaettern a {color: #039; text-decoration: underline !important;}
.blaettern a.selected {font-weight: bold; text-decoration: none !important; color: #333;}

#searchform {display: block; margin: 0; padding: 0;}
#searchform fieldset.big {display: block; position: relative; left: 50%; padding: 0; width: 652px; margin-left: -366px; border: none;  height: 122px; white-space: nowrap; background-image: url(/images/lupe.gif); background-repeat: no-repeat; background-position: 20px top;}
#searchform fieldset.big div {padding-top: 30px; margin: 0;}
#searchform fieldset.big label {color: white; font-size: 26px; font-weight: normal;}
#searchform fieldset.big input {font-size: 18px; border: 2px groove #CCC; width: 280px;}

#searchform #formextension {height: 125px; display:block; background-color: #E5F2FF; padding: 0px; margin: 0; font-size: 12px; border-top: 1px solid white; border-bottom: 1px solid #ccc; position:relative;}


#searchform #formextension fieldset {display: block; background-image: url(/images/lupe_bottom.gif); background-position: 52px top; background-repeat: no-repeat; position: relative; left: 50%; margin-left: -439px; width: 800px; padding: 0 0 0 293px;}
#searchform #formextension fieldset th {text-align: left; padding-top: 8px;}
#searchform #formextension fieldset td {padding-right: 20px;}
#searchform #formextension label {display: block;}
#searchform #formextension input {border: 1px solid #ccc;}
#searchform #formextension #minprice {width: 75px;}
#searchform #formextension #maxprice {width: 75px;}

#togglebutton {clear: both; margin-left: 220px; padding: 0; text-decoration: none; font-size: 12px; color: white; font-weight: bold; display: block;}


.artikelliste {margin-left: 180px;}
.artikelliste .header {background-image: url(/images/bg_top3.jpg); background-repeat: repeat-x; background-position: bottom left; padding: 10px;}
.artikelliste a {color: #039;}
.artikelliste table {border-bottom: 1px solid #99CCE5;}
.artikelliste table th {background-color: #CCE5FF; color: #333; text-align: left; padding: 2px 10px; vertical-align: bottom; white-space: nowrap;}
.artikelliste table td {background-color: #F2F2F2; color: #333; padding: 10px !important; white-space: nowrap;}
.artikelliste table td.wrap {white-space: normal;}
.artikelliste table .right {text-align: right;}
.artikelliste table .center {text-align: center;}
.artikelliste table h3 {padding-top: 10px;}
.artikelliste table .preis {color: red; font-weight: bold;}
.artikelliste table td {background-color: #E5F2FF !important; border-top: 1px solid #99CCE5;}
.artikelliste table div.hr {border-top: 1px dotted #B3B3B3;}
.artikelliste table .galerie {border: 1px solid #ddd; padding: 2px; margin: 0 10px 0 0;}

#bigbox2 {}
#bigbox2 .header {background-image: url(/images/bg_top3.jpg); background-repeat: repeat-x; background-position: bottom left; padding: 10px;}
table.liste {border-bottom: 1px solid #99CCE5; border-top: 1px solid white;}
table.liste a {color: #039;}
table.liste th {background-color: #CCE5FF; color: #333; text-align: left; padding: 5px 10px; vertical-align: bottom; white-space: nowrap;}
table.liste td {background-color: #EDF6FF !important; padding: 5px 10px; border-top: 1px solid #B5D8FE;}
table.liste td:first-child {width:233px !important; *width:230px !important;}

#trefferbox {background-color: #B5D8FE; background-image: url(/images/bg_top3.jpg); background-repeat: no-repeat; background-position: left top; border-bottom: 1px solid #069; min-height: 45px; height: auto !important; height: 45px;}
#trefferbox h1 {color: white; font-size: 18px; margin: 0; padding: 14px 0 10px 18px; background-image: url(/images/bg_top3_or.gif); background-repeat: no-repeat; background-position: top right;}
#trefferbox h1 span {font-size: 18px; font-weight: normal;}
#trefferbox h2 {font-size: 12px; color: white; margin: 0 0 0 18px; padding: 0; font-weight: normal;}
#trefferbox p {font-size: 12px; margin-top: -1.2em; margin-left: 7em; padding: 0 20px 10px 0; color: #039;}

#sortbox {background-color: #DBEAFD; border-top: 1px solid white; border-bottom: 1px solid #039; padding: 10px 20px; margin: 0; vertical-align: top; min-height: 25px; height: auto !important; height: 25px;}
#sortbox label {display: block; float: left; vertical-align: top; padding: 3px 0 0 0; margin: 0 10px 0 0;}
#sortbox select {display: block; float: left; vertical-align: top; padding: 0; margin: 0 10px 0 0;}
#sortbox input {display: block; float: left; vertical-align: top; border: none; padding: 0; margin: 0;}
#sortbox form {margin: 0; padding: 0; margin-bottom: -1.5em;}

.cattree {width: 170px; position: absolute; top: 0px; left: 50%; margin-left: -445px; background-color: white; border-bottom: 1px solid #CBCBCB;}
/*.cattree h3 {padding: 10px 5px 5px 5px; margin: 0; background-color: #F9E99E; color: #333; border-width: 1px; border-color: #F5D365 #F5D365 #CBCBCB #F5D365; border-style: solid;}*/
.cattree h3 {padding: 0; margin: 0; background-color: #F9E99E; color: #333; background-image: url(/images/cat_header.jpg); background-repeat: no-repeat; height: 45px; overflow: hidden;}
.cattree h3 div {padding: 10px 5px 0 5px;}
.cattree div.main {font-size: 12px; padding: 5px; background-color: #FFFDDA; border-width: 0px 1px; border-color: #CBCBCB; border-style: solid;}
.cattree div.sub {font-size: 10px; padding-left: 10px; background-color: #FFFDDA; border-width: 0px 1px; border-color: #CBCBCB; border-style: solid;}
.cattree div.main:first-child {padding-top:500px !important;}
.cattree div.main:last-child {padding-bottom:10px !important;}
.btn_sortieren {float:left; margin-left: 35px !important; }
/*
table.liste {}
table.liste th {background-color: #CCE5FF; color: #333; text-align: left; padding: 2px 10px;}
table.liste td {background-color: #F2F2F2 !important; color: #333; padding: 2px 10px !important;}
*/

#footer {text-align: center; font-size: 10px !important; padding-bottom: 50px; color: #333; background-image: url(/images/bg_footer2.gif); background-repeat: repeat-x; padding-top: 50px; margin-top: 20px;}
#footer h3 {margin: 0; padding: 0; font-size: 12px; font-weight: normal;}
#footer a { text-decoration: none !important; color: #333;}
#footer p { margin: 0; padding: 0;}

#nav {position: relative; left: 50%; margin-top: 113px; margin-left: -446px; height: 22px; width: 600px;}
#nav ul {display: block; margin: 0; padding: 0;}
#nav li {display: inline; padding: 0 10px; border-left: 1px solid #666; font-size: 14px;}
#nav li.first {border-left:0; padding-left: 0;}
#nav a {text-decoration: none;}
#nav a.selected {font-weight: bold;}