@charset "utf-8";

/* CSS Document DOPING 
  ____   ___  ____  _  _   _  ____ (R)
 |  _ \ / _ \|  _ \| || \ | |/ ___|
 | | | | | | | |_) | ||  \| | | __ 
 | | | | | | |  __/| || . ` | ||_ |
 | |_| | |_| | |   | || |\  | |_| |
 |____/ \___/|_|   |_||_| \_|\____|

*/


html {
margin:0;
padding:0;
}

body {
font-size:15px;
font-family:'Droid Sans',Arial, Helvetica, sans-serif;
line-height:1.5em;
background:url(../../img/bg.jpg) no-repeat;
background-position:top;
background-color:#f2ba52;
background-attachment:fixed;
color:#333;
margin:0;
padding:0;
}

a {
-webkit-transition: color .2s;
transition: color .2s;
}

a,a:visited {
color:#333;
}
a img {
border:none;
}
dt,strong,th,samp,dfn,h1,h2,h3,h4 {
font-weight:700;
}
h1 {
line-height:1em;
margin:0 0 20px;
}

h2 {
font-size:21px;
letter-spacing:0.04em;
line-height:30px;
margin:0 0 20px;
}

h3 {
font-size:15px;
border-bottom:1px dotted #999;
margin:30px 0 10px;
}

address {
display:block;
font-style:normal;
margin:15px 0;
}

p {
display:block;
margin:0 0 20px;
}

ul {
list-style:none;
}

#wrapper {
width:954px;
margin:40px auto 0;
padding:0;
}

#box_top {
width:954px;
height:14px;
background:url(../../img/box_top.png) no-repeat;
background-position:top;
margin:0 auto;
}

#site {
width:864px;
background:url(../../img/content_bg.png) repeat-y;
background-position:center top;
float:left;
margin:0 auto;
padding:25px 45px 40px;
}

#header {
width:864px;
height:101px;
padding:0 0 65px;

}

/* █ N a v i g a t i o n █████████████████████████████████ */

#navi {
float:left;
width:570px;
height:64px;
background-image:url(../../img/nav_bg.gif);
background-repeat:repeat-x;
margin:37px 0 0;
padding:0;
}

#navi ul {
text-decoration:none;
margin:40px 0 0;padding:0;
}

#navi ul li {
float:left;
display:inline;
text-decoration:none;
padding-right:27px;
}

#navi ul li.last {
padding-right:0;
}

#navi ul li a {
text-decoration:none;
font-family:'Oswald', sans-serif;
font-weight:700;
font-size:18px;
text-transform:uppercase;
color:#e52b38;
}

/* █ N a v i g a t i o n   E n d e █████████████████████████████████ */

#social_icons {
float:left;
margin:-64px 0 0 18px;
}

.icon {
padding-right:-1px;
}

#splash {
float:right;
margin:-125px 38px 0 0;
}

#dose {
margin:0;
padding:4px 0 0 27px;
}
#sidebar {
float:left;
width:240px;
}

#content {
float:right;
width:514px;
overflow:visible;
margin:0 40px 40px 0;
padding:0;
}
#treatteaser ul {
padding:0;
}

/* █ T a b e l l e n █████████████████████████████████ */

TH {
text-align:left;
}

TH,TD {
vertical-align:top;
padding:5px 0;
}

TFOOT TH,TFOOT TD {
border-top:1px dotted #999;
}

TH.gesamt {
line-height:normal;
color:#333;
border-top:1px dotted #999;
border-bottom:3px double #333;
padding:10px 0 0;
}

thead th,thead td {
border-bottom:1px dotted #999;
}

DT {
margin-top:20px;
}

dd {
margin:0;
}

.klein {
font-size:12px;
line-height:1.4em;
}

.dealerTabelle th {
margin: 0;
text-align:left;
padding:10px 0 5px 0;
font-family:line-height:1em;
font-size:1.3em;
color: #ef2a38;
}

td a {
text-decoration:none;
}

/* |█ T a b e l l e n   E n d e █████████████████████████████████ */

.downloads IMG {
border:1px dotted #999;
margin:10px 20px 0 0;
}

/* █ F o r m u l a r █████████████████████████████████ */

.button {
background:#e5e5e5 url("../../img/gradient.png") repeat-x left top;
border:1px solid #bbbbbb;
cursor:pointer;
color:#666666 !important;
padding:5px 8px;
margin-top:10px;
width:auto;
font-family:Arial,sans-serif !important;
font-size:13px;
font-weight:bold;
text-align:center;
white-space:nowrap;
border-radius:3px;
-moz-border-radius:3px; 
-webkit-border-radius:3px;
}

.button:hover {
background:#e5e5e5 url("../../img/gradient_hover.png") repeat-x right bottom;
}

.button span {
display:block;
line-height:20px;
margin:0 0 1px;
padding:0 5px;
text-decoration:none;
}

a span.button {
text-decoration:none;
}

#shopForm legend label{
color:#6E7A70; 
cursor:pointer; 
font-weight:bold; 
font-size:12px; 
}

input#submit, input#proceed, input#goback, input#calculate {
background:#e5e5e5 url("../../img/gradient.png") repeat-x left top;
border:1px solid #bbbbbb;
cursor:pointer;
color:#666666 !important;
padding:5px 8px;
margin-top:10px;
width:auto;
font-family:Arial,sans-serif !important;
font-size:13px;
font-weight:bold;
text-align:center;
white-space:nowrap;
-moz-box-shadow: 1px 1px 0px #D7DBD7; 
-webkit-box-shadow: 1px 1px 0px #D7DBD7;
border-radius:3px;
-moz-border-radius:3px; 
-webkit-border-radius:3px; 
}
form input#goback {
position: relative;
top:-10px;
}

form input#menge {
width:25px;
text-align:right;
margin-right:10px;
}
input#submit {
clear:both;
}

input#submit:hover, input#proceed:hover, input#calculate:hover {
background:#e5e5e5 url("../../img/gradient_hover.png") repeat-x right bottom;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}

textarea { 
overflow:auto;
vertical-align:top;
}

select {
vertical-align:middle;
height:26px;
padding:2px 3px 3px; }

select option {
padding:5px;
}

input[type=text],textarea,.formReseller label,select {
float:left;
}


input[type=text],textarea,select {
padding:3px;
margin:3px;
}

.formReseller input {
width:170px;
}

.formReseller input#plz {
width:70px;
}

.formReseller input#ort {
width:170px;
}

.formReseller label {
width:170px;
}

input[type=text],select,textarea {
background:#eee url("../../img/gradient.png") repeat-x left top;
border:1px solid #bbbbbb;
cursor:pointer;
color:#666666 !important;
box-shadow: 1px 1px 0px #D7DBD7;
-moz-box-shadow: 1px 1px 0px #D7DBD7; 
-webkit-box-shadow: 1px 1px 0px #D7DBD7;
border-radius:3px;
-moz-border-radius:3px; 
-webkit-border-radius:3px; 
}

input[type=text]:hover,select:hover,textarea:hover {
background:#e5e5e5 url("../../img/gradient_hover.png") repeat-x right bottom;
}

input[type=text]:focus,select:focus,textarea:focus {
background-color: #dcdcdc;
}

label { 
color:#6E7A70; 
cursor:pointer; 
font-weight:bold; 
font-size:12px; 
}

input.error {
border-color:#c40000;
}

textarea.error {
border-color:#c40000;
}

label.error {
color:#c40000;
}

.formReseller span.error {
color:#c40000;
display:block;
width:429px;
padding:10px;
font-size:11px;
font-weight:bold;
background:#f9e3e5;
}
.formReseller .orderBlock label {
float:none;
display:inline;
width:auto;
}
.formReseller .labelBlock {
display:block;
float:none;
width:auto;
margin-top:10px;
}
.formReseller input.offerAmount {
float:none;width:20px;
}

.btnLink {
text-decoration:none;
}
/* █ F o r m u l a r   E n d e █████████████████████████████████ */

#logo {
float:left;
margin:0;
padding:0;
}

#footer {
background-image:url(../../img/footer.png);
width:954px;
height:157px;
background-repeat:no-repeat;
font-size:10px;
float:left;
margin:0 auto;
}

#footer ul {
width:864px;
height:18px;
display:block;
margin:0;
padding:80px 38px 0;
}

#footer ul li {
display:block;
float:left;
height:18px;
width:137px;
padding:0 0 0 56px;
}

#footer ul li.last {
width:30px;
}

#footer ul li a {
font-size:15px;
text-decoration:none;
color:#FFF;
}

#footer ul li a:hover {
text-decoration:underline;
}

body .fb_edge_widget_with_comment {
top:-4px;
}

a:hover,a:active,#navi ul li.active a,#navi ul li a:hover {
color:#008193;
}

#recaptcha_widget_div{
clear:both;
padding-top:10px;
}
/* █ PresseFotos █████████████████████████████████ */
.pressPic a {
text-decoration:none;
}
/* resellerSticker */
.resellerSticker{
position:relative;
left:-10px;
}
/* clearFix */
.cf:before, .clearfix:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

/* █ ResellerPdfSticker █████████████████████████████████ */
.pdfSticker {
position: absolute;
right: -35px;
top: -35px;
width: 135px;
height: 135px;
background: url(../../img/pdfProductSticker.png) no-repeat -134px 0;
}
.pdfSticker:hover {
background: url(../../img/pdfProductSticker.png) no-repeat 0 0;
}
.pdfSticker span {
display:none;
}
/* █ dealerTable █████████████████████████████████ */
#dealerTable {margin:50px 0 0;padding:0; border-collapse: collapse;width:100%;}
#dealerTable td,#dealerTable th  {padding:7px;border:none;vertical-align:middle;}
#dealerTable thead tr {background:#008093;color:#fff;}

#dealerTable {position:relative;}
#dealerTable tr.filters, #dealerTable tr.filters td {visibility:hidden;width:0px;height:0px;margin:0;padding:0;}

#dealerTable tr.filters select {position:absolute;top:-45px;left:0px;visibility:visible;width:200px;}

#dealerTable thead tr:first-child th:first-child { border-top-left-radius: 2px; }
#dealerTable thead tr:first-child th:last-child { border-top-right-radius: 2px; }
#dealerTable thead tr td:first-child { border-bottom-left-radius: 2px; }
#dealerTable thead tr td:last-child { border-bottom-right-radius: 2px; }


#dealerTable tbody tr:nth-child(even) td:first-child {border-radius: 2px 0 0 2px;}
#dealerTable tbody tr:nth-child(even) td:last-child {border-radius: 0 2px 2px 0;}
#dealerTable tbody tr:hover{background:#eee;}
#dealerTable tbody tr{border-bottom:1px #ddd solid;}


#dealerTable .col1 {width:200px;}
#dealerTable .col2 {width:300px;}
#dealerTable .col3 {width:60px;}
#dealerTable .col4 {width:160px;}