/* ======================  allgemein  ========================*/
* {margin:0; padding:0;}
body {font-size:small; font-family:"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; background:#fff; color:#313130; margin-top:0px;}
img {border:none;}

a {text-decoration:none; color:#38372f;}
a:hover {text-decoration:underline; color:#fff;}

p {font-size:0.9em; margin:0 15px 7px 0;}
strong {color:#9a151e;}
h1 {margin:50px 20px 10px 20px; color:#9a151e; font-size:20px; font-family:arial;}

.weiss {color:#fff;}
.rot {color:#9a151e;}
.bg_hellgrau {background-color:#dededf;}
.bg_dunkelgrau {color:#a3a3a4;}
.lesbar {font-family:monospace;}
.fehler {font-size:9px; color:#c00; font-style:italic; background:#ffffcc; border-bottom:solid 1px #000; margin-bottom:4px; padding-top:2px; padding-bottom:2px;}

/* ======================  ===============================================  ========================*/

#rahmen {margin:0 auto; width:1000px; position:relative; background:transparent url(bilder/bg.gif);}
#linkeleiste {float:left; width:170px; min-height:600px; background:transparent;}


/* ======================  sprache  ========================*/
div#sprachauswahl {margin:10px 0 10px 12px;}
div#sprachauswahl p {margin:0;}
div#sprachauswahl select {border:1px solid #000; width:100px;}

/* ======================  login  ========================*/
div#kundenlogin {margin-left:10px; width:150px; border-bottom:solid 1px #a3a3a4; background:#eaebee;}
div#kundenlogin  a:hover {text-decoration:underline; color:#9a151e;}

div#kundenlogin h2 {font-size:1.1em; padding-left:10px; background:#bfbfbf; color:#fff;}
div#kundenlogin fieldset {border:none; padding:5px;}
div#kundenlogin .txt {border:none; width:140px;}
div#kundenlogin legend {display:none;}
div#kundenlogin p {margin:0 0 3px 0;}

div#kundenlogin input.btn {border: 1px solid #000; background: #eaebee; color: #000; font-size:0.8em; margin:4px 0; width:70px;}


/* ======================  navi  ========================*/
#navi ul {list-style:none; margin:20px 10px 10px 10px; font-size:11px; font-weight:bold;}
#navi ul li {background: url(bilder/ecke_unten.gif) no-repeat bottom; margin-bottom:5px;}
#navi ul li a {display:block; background: url(bilder/ecke_oben.gif) no-repeat top; padding:4px 4px 4px 6px;}
#navi ul li a:hover {text-decoration:underline; color:#e2ca4a;}


/* ======================  header  ========================*/
#header {position:relative; float:right; width:830px; height:110px; background:#a3a3a4 url(bilder/logo.gif) no-repeat 130px 15px; text-align:right;}
#header div {position:absolute; top:0; left:0; width:8px; height:130px; background:#a3a3a4 url(bilder/deckel.gif) no-repeat;} 
#header small {margin-right:15px; font-size:0.8em;}
#header div#banner {position:absolute; top:20px; left:500px; background:none; height:87px; width:280px;}


/* ======================  gekruemel  ========================*/
#kruemel {float:right; width:830px; height:20px; background:#bfbfbf;}

ul#kruemelleiste {font-size:0.9em; list-style: none; margin-left:13px;}
ul#kruemelleiste li.aktiv {float:left; background:url(bilder/pfeil_.gif) no-repeat left center; padding:0 5px 0 10px; color:#fff;}
ul#kruemelleiste li {float:left; background:url(bilder/pfeil.gif) no-repeat left center; padding:0 5px 0 10px;}
ul#kruemelleiste a {display: block; color:#000;}
ul#kruemelleiste a:hover {color:#fff;}


/* ======================  content  ========================*/
#container {float:right; width:830px; background:transparent;}
#bildinhalte {float:left; width:400px; background:transparent;}
#bildinhalte p {margin-left:20px;}
#textinhalte {float:left; width:230px; background:transparent; padding-top:160px;}
#textinhalte p {font-size:0.85em; line-height:1.5em;}
#textinhalte p.bgblau {font-weight:bold; background:#036; padding:10px; color:#fff;}
#container a {color:#9a151e;}
#container a:hover {text-decoration:underline; color:#000;}

#shopinhalte {float:left; width:630px; background:transparent; padding-top:20px;}
#shopcontainer {width:580px; border:none; margin:0 0 0 30px; padding:10px;}




/* ======================  shopleiste  ========================*/
#shopleiste {float:left; width:200px; background:transparent; position:relative;}
#siegel {position:absolute; top:-10px; left:150px; width:59px; height:59px;  background:transparent url(bilder/protect.png) no-repeat;}

div#einkaufen {margin:20px 0 0 20px; width:170px; border-bottom:solid 1px #fff; background:#fff;}

div#einkaufen  a:hover {text-decoration:underline; color:#9a151e;}

div#einkaufen h2 {font-size:1.1em; padding-left:10px; background:#9a151e; color:#fff;}
div#einkaufen fieldset {border:none;}
div#einkaufen .txt {border:solid 1px #000; width:26px; height:18px; float:left; padding-left:3px;}
div#einkaufen legend {display:none;}
div#einkaufen p {margin:0;}
div#einkaufen strong {color:#3a3b3b; font-size:12px;}
div#einkaufen p.rand {border-bottom:solid 1px #000; padding:5px 0px; font-size:10px;}
div#einkaufen p label {width: 110px; height:20px; border:none; float:left; font-size:0.85em;}
div#einkaufen input.btn {margin:8px 0 5px 0;}

img.loeschen {margin:0 0 0 6px;}


#footer {background:#fff url(bilder/footer.gif) no-repeat;}


div#einkaufen a.kasse {display:block; height:29px; width:160px; background:transparent url(bilder/bg_kasse.gif) no-repeat; line-height:40px;}
div#einkaufen a:hover.kasse {display:block; height:29px; width:160px; background:transparent url(bilder/bg_kasse_.gif) no-repeat; text-decoration:none;}
strong.kasse_abst {padding-left:60px;}



/* ======================  bestellformular  ========================*/
#shopcontainer h4 {border-bottom:solid 1px #000; margin:25px 0 15px 20px; padding-bottom:5px; color:#000;}

#shopcontainer table {width:500px; border: 1px solid #a3a3a4; border-collapse: collapse;}
#shopcontainer table td {border: 1px solid #a3a3a4; padding: 4px 6px;}
#shopcontainer table td.rechts {text-align:right;}
#shopcontainer table td.mitte {text-align:center;}
#shopcontainer table td.ohne {border: none; padding: 2px 6px;}
#shopcontainer h1.head_shop {margin:0 0 20px 0;}

#shopcontainer table.kundendaten td {border: none; padding: 4px 6px;}
#shopcontainer table.kundendaten tr.anders {background:#eaebee;}

#shopcontainer th {background:#a3a3a4; color:#fff; text-transform:uppercase;}
#shopcontainer tr.benennung {font-weight:bold; vertical-align:center;}
#shopcontainer .txt {border:solid 1px #000; width:26px; height:18px; padding-left:3px;}
#shopcontainer .preis {text-align:right; padding-right:20px;}

table#versandtabelle {margin:26px 0 0 20px; border-collapse: none;}
table#versandtabelle td {padding:2px 4px 2px 25px; font-size:0.9em;}
table#versandtabelle td.pad0px {padding:2px 4px 2px 5px; font-size:0.9em;}
table#versandtabelle th {text-align:left; padding:2px 4px 2px 5px; font-size:0.80em;}

table#versandtabelle.wk {margin-left:0; border:none; width:350px;}
table#versandtabelle.wk td {border:none;}

#shopcontainer input, #shopcontainer select {border:solid 1px #333; padding:1px 3px;}
#shopcontainer input.btn {border: 1px solid #333; background: #eaebee; color: #000; font-size:0.8em; margin:10px 0; padding:3px 30px; text-align:center;}

#shopcontainer a {color:#999; text-decoration:underline; font-weight:bold;}
#shopcontainer a:hover {color:#9a151e; text-decoration:underline; font-weight:bold;}

#shopcontainer .grau {background:#eaebee;}

div.bgkasse {margin: 10px 0 10px 0; width:500px; background:#f6f7f9; padding:0 0 5px 0; border-right:solid #000 1px; border-bottom:solid #000 1px;}
div.bgkasse p {margin:0 20px;}

/* ======================  shoptabelle in rechter leiste  ========================*/
.shoptabelle {width:170px; border: none; border-collapse: collapse; background:#f7f7f7; border-top:solid 5px #999; border-bottom:solid 5px #999; margin-top:10px;}
.shoptabelle td {border-bottom:1px solid #999; padding:5px 0;}
.shoptabelle a {text-decoration:underline;}


/* ======================  seitenspezifisch  ========================*/
body#startseite #textinhalte {background:transparent url(bilder/startseite.jpg) no-repeat;}
body#sonnenseite #textinhalte {background:transparent url(bilder/kinderhand.jpg) no-repeat;}
body#befestigungseite #textinhalte {background:transparent url(bilder/fuesse.jpg) no-repeat;}
body#masse #textinhalte {background:transparent url(bilder/guck.jpg) no-repeat;}
body#hohensteinseite #textinhalte {background:transparent url(bilder/handinhand.jpg) no-repeat;}
body#uvseite #textinhalte {background:transparent url(bilder/nuckel.jpg) no-repeat;}
body#versandkostenseite #textinhalte {background:transparent url(bilder/gucki.jpg) no-repeat;}
/*body#agb #textinhalte {background:transparent url(bilder/startseite.jpg) no-repeat;}
 body#impressum #textinhalte {background:transparent url(bilder/startseite.jpg) no-repeat;}
body#kontakt #textinhalte {background:transparent url(bilder/startseite.jpg) no-repeat;}
body#haendler #textinhalte {background:transparent url(bilder/startseite.jpg) no-repeat;} */

body#startseite div#navi ul li a.menue1 {color:#9a151e; font-weight:bold;}
body#sonnenseite div#navi ul li a.menue2 {color:#9a151e; font-weight:bold;}
body#befestigungseite div#navi ul li a.menue3 {color:#9a151e; font-weight:bold;}
body#masse div#navi ul li a.menue4 {color:#9a151e; font-weight:bold;}
body#hohensteinseite div#navi ul li a.menue5 {color:#9a151e; font-weight:bold;}
body#uvseite div#navi ul li a.menue6  {color:#9a151e; font-weight:bold;}
body#versandkostenseite div#navi ul li a.menue7  {color:#9a151e; font-weight:bold;}




/* ======================  formular allgemein  ========================*/
input, textarea {font-size:12px;}
input.feld,textarea.nachricht {color:#333; background-color: #dfdece; border:none; border-bottom: 1px solid #333; width:200px; padding: 5px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px;}
	
input.senden {color:#333; background-color: #dfdece; padding: 3px; margin-top:2px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px;}
input.senden:hover {background-color:#a6a489; color:#fff;}
input.feld:focus, textarea.nachricht:focus {background-color:#a6a489;color:#fff;}

.radiostyle {margin-left:0px; margin-right:10px; margin-bottom:20px; float:left;}

#kontaktformular.abstandform {margin:6px 0px 6px 0px;}
#kontaktformular input.feld,textarea.nachricht {color:#333; background-color: #dededf; border:none; border-bottom: 1px solid #333; width:200px; padding: 5px;}
	
#kontaktformular input.senden {color:#333; background-color: #dededf; border: 1px solid #333; margin-top:20px; padding: 5px;}
#kontaktformular input.senden:hover {background-color:#F86B36; color:#fff;}
#kontaktformular input.feld:focus, textarea.nachricht:focus {background-color:#9a151e; color:#fff;}
#kontaktformular label.formular {margin : 0;float:left; width:140px;}


/* ======================  gedoens  ========================*/
.aufraeum {clear:both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;height: 1%;}