* {
margin:0;
padding:0;
}
html,body {
height:100%;
margin:0;
padding:0;
}
body {
background:url(img/content_bg.gif) center top repeat-y;
background-color:#333;
padding:0;
margin:0;
text-align:center;
height:100%;
}
form {
margin:0;
padding:0;
}
table,tr,td,div,textarea {
font-family:verdana,arial,sans-serif;
font-size:13px;
color:#000;
}
a {
font-size:13px;
color:#03c;
text-decoration:underline;
}
a:hover {text-decoration:none;}
a span {
font-weight:bold;
text-decoration:none;
}
ul  {
list-style-image:none;
margin:0px 0px 0px 16px;
}
li {
list-style-image:url(img/quo.gif);
}
ul.pflegemittel {
list-style-image:none;
margin-left: 80px;
}
ul.linsen {
list-style-image:none;
margin-left: 65px;
}
li.linsen_cat {
margin-left:20px;
list-style-image:url(img/quo_thin.gif);
margin-top:3px;
}
li.linsen_cat a{text-decoration:none;font-size:13px;}
h1,h1 a,h2 a,h2,h3,h4,h5 {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-family:verdana,arial,sans-serif;
font-weight:normal;
font-family:"trebuchet ms",trebuchet,serif; 
font-size:18px; 
color:#09c;
}
h5 {
color:#ccc;
}
h5 span{
color:#03c
}
h4.quality {
margin-left:20px;
margin-top:2px;
}
h4.wk {
margin-left:35px;
margin-top:7px;
}
p {
padding:0;
margin:0;
line-height:18px;
}
/* layout  */
div#header, div#content {
width:975px;
background:#fff;
text-align:left;
}
div#main {
width:977px;
margin-left: auto;
margin-right: auto;
}
div#header {
height:115px;
background:url(img/header.jpg) no-repeat top center;
background-color:#ccc;
margin:0px 2px 0px 1px;
}
div#buttons {
float:right;
margin:40px 0px 0px 0px;
width:510px;
}
a.kontakt {
display:block;
float:right;
width:170px;
height:40px;
background:url(img/top_kontakt_on.png) no-repeat;
}
a.kontakt:hover {background:url(img/top_kontakt_off.png) no-repeat;}
a.nohover, a.nohover:hover {text-decoration:none;}
a.beratung {
display:block;
float:right;
width:170px;
height:40px;
background:url(img/top_beratung_on.png) no-repeat;
}
a.beratung:hover {background:url(img/top_beratung_off.png) no-repeat;}
a.news {
display:block;
float:right;
width:170px;
height:40px;
background:url(img/top_news_on.png) no-repeat;
}
a.news:hover {background:url(img/top_news_off.png) no-repeat;}
div#content {
text-align:center;
box-sizing: border-box -moz-box-sizing: border-box;
}
div#border {
border-left:10px solid #ccc;
border-right:10px solid #ccc;
border-top:10px solid #ccc;
padding:10px;
}
div#left {
width:160px;
float:left;
margin-top:10px;
padding-left:22px;
text-align:left;
box-sizing: border-box -moz-box-sizing: border-box;
}
div#right {
width:160px;
margin-top:10px;
text-align:left;
float:left;
padding-left:10px;
box-sizing: border-box -moz-box-sizing: border-box;
}
div#middle {
width:592px;
margin-top:10px;
margin-left:10px;
float:left;
text-align:left;
box-sizing: border-box -moz-box-sizing: border-box;
}
div.wrap {clear:both;}
/* search */
div#searchbox {
float:right;
box-sizing: border-box -moz-box-sizing: border-box;
}
.search_input {
width:351px;
height:22px;
border:none;
padding:3px 0px 0px 15px;
margin-top:10px;
background:url(img/searchbox_bg.gif) no-repeat;
}
.search_button {
width:90px;
height:21px;
background:none;
border:none;
background:url(img/search_button.png) no-repeat;
margin:0px 20px 0px 5px;
color:#036;
}
/*formulare*/
label {
font-size:13px;
color: #000;
float: left;
width: 170px;
font-weight: bold;
margin-top:1px;
}
form.register label {
font-size:13px;
color: #000;
float: left;
width: 100px;
font-weight: normal;
margin-top:1px;
}
form.admin input.text {
float:left;
background:url(img/bigbox_bg.gif) no-repeat;
height:22px;
width:170px;
}
form.admin .select {
width:170px;
float:left;
}
form.admin .but {
width:113px;
height:24px;
margin:0;
padding:0;
text-align:center;
background:none;
border:none;
background:url(img/normal_button.png) no-repeat;
color:#036;
display:block;
}

form span.rem {
float:left;
font-size:13px;
color:#000;
padding-left:5px;
width:40px;
}
form span.rembig {
float:left;
font-size:13px;
color:#000;
padding-left:10px;
}
/*top deal*/
p.topdeal {margin-top:2px; line-height:12px;}
p.topdeal a {margin-left:10px;}
/*grau*/
.g_rounded {background:#EFEBEF; width:160px;}
.g_tl {background: url(img/g_tl.gif) no-repeat top left; margin:-1px;} 
.g_tr {background: url(img/g_tr.gif) no-repeat top right;}
.g_br {background: url(img/g_br.gif) no-repeat bottom right;}
.g_bl {background: url(img/g_bl.gif) no-repeat bottom left; padding:3px 3px 10px 10px;}
.g_tr, .g_tl, .g_bl, .g_br {position:relative;}
/*blau*/
.b_rounded {background:#E5F5FA; width:160px;}
.b_tl {background: url(img/b_tl.gif) no-repeat top left; margin:-1px;} 
.b_tr {background: url(img/b_tr.gif) no-repeat top right;}
.b_br {background: url(img/b_br.gif) no-repeat bottom right;}
.b_bl {background: url(img/b_bl.gif) no-repeat bottom left;padding:3px 3px 10px 10px;}
.b_tr, .b_tl, .b_bl, .b_br {position:relative;}
/*grau rahmen*/
.c_big {border:1px solid #ccc; padding:3px 3px 3px 10px;box-sizing: border-box -moz-box-sizing: border-box;}
.c_small {border:1px solid #ccc; padding:3px 3px 3px 10px;box-sizing: border-box -moz-box-sizing: border-box;}
.c_small_anmelden {background:url(img/anmelden_pfeil.gif) no-repeat; width:292px; height:113px;}
.c_small_anmelden h2{padding:4px 0px 0px 10px;}
.c_small_anmelden p {padding-left:10px;}
.c_height {height:242px;}
.c_height_left{height:121px;}
.c_left {width:291px; float:left;}
.c_right {width:291px; float:right;}
/*sicher einkaufen*/
.rechnung {
background:url(img/rechnung_bg.jpg) no-repeat;
border:none;
height:60px;
}
.rechnung h2 {padding:15px 0px 0px 10px;}
.rechnung p {padding-left:10px;}
/*footer*/
.footer {
background:url(img/footer_bg.gif) no-repeat;
border:none;
text-align:center;
height:40px;
}
.footer p {
padding-top:5px;
}
.footer span {font-size:11px;}
/*standard-margin-top*/
.margin2 {margin-top:2px;}
.margin5 {margin-top:5px;}
.margin10 {margin-top:10px;}
.padding10{padding-right:10px;}
/*loginbox*/
.text {
width:140px;
height:22px;
border:none;
padding:3px 0px 0px 3px;
background:url(img/loginbox_bg.gif) no-repeat;
}
.textsmall {
width:40px;
height:22px;
border:none;
padding:3px 0px 0px 3px;
background:url(img/smallbox.gif) no-repeat;
}
/*buttons*/
input.but  {
width:113px;
height:24px;
margin:0;
padding:0;
text-align:center;
background:none;
border:none;
background:url(img/normal_button.png) no-repeat;
color:#036;
float:right;
display:block;
}
input.but_spec {
width:113px;
height:24px;
margin:0;
padding:0;
text-align:center;
background:none;
border:none;
background:url(img/normal_button.png) no-repeat;
color:#036;
display:block;
}
/*main linsen */
.linsen_title {margin-left:50px;}
/*liste*/
.list {
background:#E5F5FA;
padding:10px 10px 10px 10px;
}
.list_title {
color:#03c;
}
a.list_title, a.list_title:hover {
color:#03c;
text-decoration:none;
}
.list_image, .list_image_nolist{
float:left;
}
.list_cat, .list_image_nolist {
float:left;
width:420px;
}
.list_cat ul li, .list_image_nolist {
margin-left:5px;
}
.list_cat a, .list_cat a:hover, .list_image_nolist a, .list_image_nolist a:hover {
color:#000;
text-decoration:none;
}
.list_topdeal {
background:url(img/icon_topdeal_list.gif) no-repeat right;
}
.pic_container{
margin-right:5px;
}
a.active,a.active:hover {
font-weight:bold;
text-decoration:none;
}
/*auswahl*/
table.auswahl tr td {
height:20px;
padding:3px;
}
.list_bottom {
border-bottom:3px solid #E7F7FF;
}
table.auswahl_2  tr td {
height:30px;
padding:3px;
}
.green{
color:#390;
}
.green_bold {
color:#390;
font-weight:bold;
}
.red {
color:#f00;
}
.red_bold {
color:#f00;
font-weight:bold;
}
.green_right {
color:#390;
text-align:right;
font-weight:bold;
}
.yellow {background:#FFFAD0;}
.blue {background:#CCEBF5;}
.line {border-bottom:1px solid #03c; color:#036; height:20px;}
.lines {border-top:1px solid #03c; border-bottom:3px double #03c; color:#036; height:30px}
.lines_g {border-top:1px solid #03c; border-bottom:3px double #03c; color:#390; height:30px; text-align:right;}
table.warenkorb tr td {padding:2px;}
table.warenkorb tr td strong {color:#036;}
table.warenkorb tr td textarea {height:120px; width:570px;}

table.productListing{
width:592px;
}

td.productListing-heading {border-bottom:1px solid #03c; color:#036; height:20px;}
td.productListing-data{

padding:10px 10px 10px 10px;
margin-top:10px;
}
TR.productListing-odd{
background: #CCEBF5;
}
TR.productListing-even{
background:#E5F5FA;
}
p img {
border:1px solid #ccc;
}
ol li {
margin-left:20px; 
line-height:20px;
}
ol {
margin:10px;
}