body {
margin: 0 0 0 0;
padding: 0;
background: url('images/hin.gif') repeat-x #FBB600;
text-align: center;
}


body#bildansicht {
background: #000;
margin: 5px;
text-align: center;
}

#wrap {
position: relative;
text-align: left;
margin: 0 auto;
width: 1000px;
}
#wrap2 {
float: left;
width: 1000px; box-sizing: border-box;
background: #FFFCF5;
border-left: 1px solid #999;
border-right: 1px solid #999;
box-shadow: 0px 0px 10px 0px #666666; -moz-box-shadow: 0px 0px 10px 0px #666666; -webkit-box-shadow: 0px 0px 10px 0px #666666;
}

#header {
float: left;
width: 100%;
}

#logo {
float: left;
margin: 0 5px;
}

#bild {
position: relative;
float: left;
width: 100%;
height: 250px;
background: url('images/anihin.jpg') no-repeat #666;
margin: 0;
padding: 0;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
}
#bild img {
position: absolute;
top: 0;
left: 0;
display: none;
margin: 0 auto;
}

#inhalt {
min-height: 600px;
}

#content {
width: 100%;
float: left;
min-height: 715px;
}

#adresse, #shoplogin, #wkvorschau {
float: left;
width: 200px;
padding: 0 5px 0 10px;
border-bottom: 1px dotted #666;
margin: 10px 5px;
position: relative;
}

.textfeld_l {
float: left;
width: 200px;
padding: 0 5px 0 10px;
margin: 10px 5px;
}

#textfeld {
float: left;
margin: 10px 0 15px 15px;
width: 620px;
}


input#suchfeld {
color: #000;
border: 1px solid #999;
padding: 2px;
width: 100px;
font-size: 10px;
}
input#suchknopf {
width: 60px;
font-weight: normal;
font-size: 11px;
padding: 2px;
margin: 3px;
}

table.conttable {
width: 100%;
}

#footer {
float: left;
width: 100%;
padding: 0;
font-family: Verdana,sans-serif;
border-top: 1px dotted #666;
}
#bottomcontent {
margin: 0 auto;
width: 950px;
font-size: 11px;
text-align: center;
padding: 8px 0;
}

#pfadnav {
margin-top: 0px;
margin-bottom: 15px;
font-size: 85%;
font-family: Verdana,sans-serif;
}

.teaserbox, .box, .teaserbox_shop {
margin: 10px 0 15px 0;
float:left;
padding-bottom: 5px;
float: left;
border-bottom: 1px dotted #666;
}

.teaserbox {
width: 97%;
}

.teaserbox_shop {
width: 200px;
height: 210px;
overflow: auto;
background: #fff;
}

.box {
width: 670px;
}

.teaserbox_shop h3  {
padding: 5px 0 5px 5px;
margin: 0 0 5px 0;
font-size: 110%;
color: #ED1C24;
border-bottom: 1px solid #999;
background: #E8E8E8;
}


.teaserbox h3, .box h3 {
padding: 5px 0 5px 5px;
margin: 0 0 5px 0;
font-size: 18px;
color: #666;
font-weight: bold;
}

.teaserbox h3 a, .teaserbox_shop h3 {
color: #666;
}

.teaserbox a:link h3, .teaserbox a:visited h3, .teaserbox a:hover h3, .teaserbox a:active h3 {
color: #666;
text-decoration: none;
} 
.teaserbox_shop a:link h3, .teaserbox_shop a:visited h3, .teaserbox_shop a:hover h3, .teaserbox_shop a:active h3 {
color: #666;
text-decoration: none;
} 
.teaserbox_shop {text-align: center;}

.box a:link, .box a:visited, .box a:hover, .box a:active {
background: url(../images/pfeilr.gif) 0 6px no-repeat;
display: block;
margin-left: 5px;
padding: 3px 0 3px 20px;
font-size: 90%;
} 

.boxbild {
float: left;
margin: 5px 15px 0 5px;
}

.boxbild_shop {
margin: 0;
}

p.teaserinhalt {
margin:0;
padding: 7px;
}

#werbung {
float: right;
margin: 10px;
padding: 2px;
background: #fff;
} 

ul.unavseite_menue {margin-top: 20px}

ul.unavseite_menue li {
margin: 5px 0 10px;
font-weight: bold;
list-style-image: url('images/pfeilr2.gif');
}

ul.sitemap li {
margin: 5px 0 10px;
list-style-image: url('images/pfeilr2.gif');
font-weight: bold;
font-size: 120%;
}

ul.sitemap_unterpunkt li {
margin: 5px 0;
list-style-image: url('images/dot.gif');
font-weight: normal;
font-size: 85%;
}

ul.sitemap_unterpunkt li a {
color: #333;
}
ul.sitemap_unterpunkt li a:hover {
color: #222;
}

.bildrahmen {
padding: 2px;
text-align: center;
font-size: 85%;
color: #000; max-width: 50%;
}

.floatrechts {
margin: 10px;
float: right;
}

.floatlinks {
margin: 0 10px 10px 0;
float: left;
}

.galerie {
float: left;
width: 100%;
padding:0;
margin: 0;
}

.galerie dl {
margin: 0 1% 5px;width: 31%;
float: left;
height: 200px;
font-size: 0.9em;
text-align: center;
}

.galerie dd {
margin: 0;
padding: 0;
}


img.gal {width: 100%;}


.dlbox {
border-bottom: 1px solid #CCC;
font-size: 85%;
}
.dlbox p {
margin: 5px 0;
}
.dlbox h3 { margin: 25px 0 10px 0;}

.linkbox {
border-bottom: 1px solid #CCC;
font-size: 85%;
}
.linkbox p {
margin: 5px 0;
}
.linkbox h3 { margin: 25px 0 10px 0;}

.kontaktfeld {
width: 280px;
float: right;
padding: 10px;
}

.kontaktformular {
width: 500px;
}

.kontaktformular p {
width: 450px;
float: left;
}

.kontaktformular fieldset {
padding: 10px;
}

.formfeld {float: left; width: 100%;}
legend {
color: #333;
font-size: 180%;
font-weight: normal;
margin: 0 0 10px 0;
}

.kontaktformular label {
float: left;
width: 130px;
margin: 1px 0;
font-size: 100%;
}

.kontaktformular input, .kontaktformular select {
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
border: 1px solid #999;
width: 270px;
margin: 1px 0;
background-color: #fff;
padding: 3px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
input#Ort {
width: 190px;
margin-left: 3px;
}
input#PLZ {
width: 70px;
}
input#captcha {
width: 130px;
}

.kontaktformular p {margin: 5px 0 0 0;}

.kontaktformular textarea {
width: 430px;
height: 80px;
max-width: 450px;
border: 1px solid #999;
background-color: #fff;
padding: 3px;
font-family: Arial, Helvetica, sans-serif;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

div.formfehler {
width: 410px;
float: right;
color: #ff0000;
text-align: center;
font-size: 90%;
}

input.fehlerfeld {
background: #fcc;
border: 1px solid #f00;
}

form {
margin: 0 10px 0 10px;
}

input, textarea {
color: #000;
}

input.button {
background-color: #333;
color:#fff;
border: 1px solid #111;
font-size: 14px;
font-weight: bold;
width: 150px;
padding: 5px;
margin: 10px 0;
}


a.backlink:link, a.backlink:visited, a.pfeillink:link, a.pfeillink:visited {
display: block;
float: left;
padding: 3px 12px 4px 10px;
color: #666;
font-weight: bold;
text-decoration: none;
width: 100px;
margin-top: 20px;
background: url(images/pfeilr.gif) 0px 5px no-repeat;
font-size: 11px;
}

a.weiterlink:link, a.weiterlink:visited  {
padding: 2px 12px 2px 10px;
color: #666;
font-weight: bold;
text-decoration: none;
width: 100px;
background: url(images/pfeilr.gif) 1px 5px no-repeat;
font-size: 11px;
}

a.backlink:hover, a.pfeillink:hover {
color: #000;
text-decoration: none;
}

a.weiterlink:hover {
color: #000;
text-decoration: none;
}

ul.liste {
list-style-type: none;
}
ul.liste li {
font-weight: bold;
font-size: 100%;
padding-left: 20px;
background: url(images/pfeilr.gif) 0 6px no-repeat;
margin-bottom: 10px;
} 


ul.nliste {
list-style-type: none;
}
ul.nliste li {
font-size: 85%;
padding-left: 20px;
background: url(images/pfeilr.gif) 0 6px no-repeat;
margin-bottom: 10px;
} 


ul.nliste a {
font-size: 110%;
font-weight: bold;
}



fieldset {
border: 1px solid #999;
padding: 10px;
font-size: 90%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

div.galerie div {float: left; width: 100%; margin-bottom: 5px}


.bildrahmen_shop {padding: 10px 10px 7px 10px; margin: 0 5px 5px 10px; width: 360px; overflow: hidden; text-align: center; background: #fff; }
.prodektinfo {width: 600px; float: left;}
.prodektdaten {border: 1px solid #999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px; float: right; width: 250px;}
.preisbox {padding: 5px; margin: 0 0 10px 0; position: relative;}

.prodektdaten input.button {width: 190px; padding: 5px; margin: 5px 0 0 0;}

.wkformelement {float: left; width: 190px; padding: 3px 0;}

.bildrahmen_shop .galerie { width: 310px; }
.artbildrahmen {width: 320px; height: 270px;}

#toplogin {position: absolute; top: 5px; left: 330px; z-index: 11; width: 280px; }
#toplogin a {display: block; float: right; font-weight: bold; padding: 3px;}

#shoplogin form {margin: 0;}
#shoplogin input {font-size: 11px; width: 160px; }
#shopsuchform {float: left;  width: 300px; color: #fff;}
#shopsuchform label { text-shadow:  1px  /*{a-bar-shadow-x}*/  1px  /*{a-bar-shadow-y}*/  1px  /*{a-bar-shadow-radius}*/  	#000  /*{a-bar-shadow-color}*/; } 

#kundenlogin {float: left; width: 300px; background: #E8E8E8; border: 1px solid #1C1C1C; padding: 10px 15px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#shoplogin h3 {margin: 5px 0;}
#kundenlogin h3 {margin: 10px 0;}

.wktabelle {border: 1px solid #80715D;}
.wktabelle thead td { background: #1C1C1C; color: #fff }
.wktabelle thead th { background: #1C1C1C; color: #fff }
.wktabelle tbody td { border-bottom: 1px solid #ccc}
.wktabelle input.button {width: 120px;}
.wkform {width: 180px;}
.wktabelle span.preis {font-size: 20px;}
.wktabelle tr.preiszeile td {background: #E8E8E8}

#kundenformular {width: 450px; padding: 10px; margin-right: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#bestellformfeld input {float: left; width: 200px; padding: 2px}
#bestellformfeld input#PLZ, #bestellformfeld input#LPLZ {width: 50px;}
#bestellformfeld input#Ort, #bestellformfeld input#Lort {width: 140px; margin-left: 3px;}
#bestellformfeld label {float: left; width: 100px;}
#bestellformfeld textarea {float: left; width: 350px; height: 100px; margin-bottom: 10px; padding: 2px; font-family: sans-serif}
#bestellformfeld input.button {width: 120px; padding: 3px; margin: 5px 0;} 
#bestellformfeld div.formfehler {
width: 200px;
float: left;
color: #ff0000;
text-align: center;
font-size: 10px;
}

.meldung { color: red; }

.widerruf {
float: left; 
margin: 5px 0;
padding: 0 10px 10px;
width: 630px;
height: 200px;
border: 1px solid #CCC;
background: #E8E8E8;
overflow: auto;
font-size: 90%;
}

input.button2 {
background-color: #ED1C24;
color:#fff;
border: 1px solid #222;
margin-left: 5px;
font-size: 14px;
font-weight: bold;
width: 190px;
padding: 7px 10px;
}


span.kontakticon  {
display: block;
float: right;
width: 22px;
height: 18px;
background: url('images/icons.png') 1px -16px no-repeat;
text-indent: -9999px;
overflow: hidden;
margin: 5px;
}

span.wkicon  {
display: block;
float: right;
width: 22px;
height: 25px;
background: url('images/icons.png') 1px -73px no-repeat;
text-indent: -9999px;
overflow: hidden;
margin: 10px;
}


.animationselement h1 {float: left; background: #fff; padding: 10px 20px; font-size: 25px; margin: 0; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px;}
div.animationstextfeld {position: absolute; top: 250px; left: 0px; background: #E8E8E8; width: 350px; height: 40px; overflow: hidden; padding: 5px 10px; margin: 0; filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px;}

#animationsmenue {position: absolute; top: 220px; left: 5px; width: 870px; z-index: 4; font-size: 11px;}
#animationslinks {float: right; padding: 10px;}
#animationsmenue a {display: block; width: 5px; height: 5px; background: #DC291B; color: #fff; float: left; padding: 2px; margin: 3px; text-align: center; border: 1px solid #000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
#animationsmenue a:hover {text-decoration: none; background:  url('images/navhin_on.gif') repeat-x #EC6515; color: #DC291B; }
#animationsmenue a.aktivlink {background:  url('images/navhin_on.gif') repeat-x #EC6515; color: #000;}

#preisinfos {background: #F8C178; padding: 5px; border: 2px solid #F28B00; display: none; position: absolute; width: 190px; right: 0; top: 80px;}
#preisinfolink {display: block; float: right; width: 30px; height: 30px; position: absolute; top: 51px; right: 0;}

#shopbrowser {float: left; text-align: center; margin: 20px; width: 600px;}
#shopbrowser a.sbaktiv {font-weight: bold;}




#checkoutlinks {
float: left;
width: 600px;
margin: 10px 0;
text-align: center;
}

#zahlungsform input {
float: left
}

#zahlungsform label {
float: left;
width: 220px;
padding: 2px 15px;
margin: 0 50px 20px 0;
height: 120px;
}

#paypallogo {
padding: 30px 10px;
float: left;
width: 170px;
text-align: center;
}

#paypallogo a {color: #000;}
#paypallogo a:hover {text-decoration: none;}

#waerme {position: absolute; top: 25px; left: 880px;}
#snl {position: absolute; top: 180px; left: 140px; display: none; }

@media only screen and (max-width: 1000px)
{
#wrap {width: 960px;}
#wrap2 {width: 960px;}
#waerme {position: absolute; top: 25px; left: 860px; width: 90px; height: auto;}
#bild {height: 240px; background-size: 100% auto;}
#animationsmenue { top: 210px;width: 840px;}
}
@media only screen and (max-width: 960px)
{
.bildrahmen {max-width: 50%}
.bildrahmen img {width: 100%;}
#wrap {width: 680px; position: static;}
#wrap2 {width: 680px;}
#waerme {display: none}
#logo {width: 400px; height: auto;}
#bild {height: 170px; overflow: hidden;}
#animationsmenue { top: 135px;width: 660px;}
#bottomcontent {width: 660px;}
#textfeld {width: 94%; margin: 10px 0 15px; padding: 0 3%;}
}

@media only screen and (max-width: 680px)
{

#wrap {width: 100%;}
#wrap2 {width: 100%;border-left:0;border-right:0;}
#animationsmenue { top: 135px;width: 95%;}
#logo {width: 300px; height: auto;}
#bild {height: 130px; background-position: left bottom;}
#bottomcontent {width: 95%;}
#textfeld img {max-width: 100%;}
#textfeld img.boxbild {max-width: 50%;}
#textfeld iframe {max-width: 100%;}
.galerie {width: 100%;}
.floatrechts {margin: 5px 0 5px 5px; }
.floatlinks {margin: 5px 5px 5px 0;}
form {margin: 0;}
.kontaktformular {width: 300px;}
.kontaktformular p {width: 280px;}
.kontaktformular fieldset {padding: 5px;width: 190px;}
.kontaktformular textarea {width: 280px;}
.kontaktformular label {width: 280px;}
div.formfehler {width: 280px;}

.animationsinfos {bottom: 5px; left: auto; right: 10px; width: 280px; }
.animationsinfos h2 {font-size: 1.6em;}
.animationsinfos p { font-size: 0.9em; }
.animationsinfos p.linkabsatz {font-size: 0.9em; margin-top: 5px; }

.galerie dl { height: 180px; }
}

@media only screen and (max-width: 560px)
{
#logo {width: 250px; height: auto;}
#bild {height: 100px;}
}

@media only screen and (max-width: 460px)
{
#logo {width: 250px; height: auto;}
#bild {height: 90px;}
.bildrahmen {width: 100%; max-width: 100%;}
.bildrahmen img {width: 100%;}
fieldset {border: 0;}
.floatrechts {margin: 5px 0;}
.floatlinks {margin: 5px 0;}
 #pfadnav {display: none;}
.galerie dl {margin: 0 2% 5px;width: 46%;}
}

@media only screen and (max-width: 370px)
{
  .galerie dl { height: 160px; }
  #bild {height: 75px;}
}