*{
margin:0;padding:0
}
html{
height:100%
}
body{
background-color:#fff;
color:#333333;
font-family:"Trebuchet MS",Tahoma,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-size:1em;
height:100%;
line-height:1.4em;
text-align:center
}
br{
clear:both
}
p{
clear:both;
font-size:1em;
margin-bottom:1.75em
}
p.ecke{
background:transparent url(../images/box_eck_ur.gif) no-repeat right bottom;
margin-bottom:0;
padding-bottom:15px
}
p.ecke_gray{
background:transparent url(../images/box_eck_ur_gray.gif) no-repeat right bottom;
margin-bottom:0;
padding-bottom:15px
}
p.ohne_abstand{
margin-bottom:-1px
}
p.fehler{
background-color:#D1B984;
border:2px solid #fff300;
color:#202328;
font-weight:700;
padding:20px 20px 20px 30px
}
strong{
color:#CC0000;
}
em{
font-style:normal;text-decoration:underline
}
.none{
display:none
}
#header{
background:#8f0000 url(../images/header_bg.gif) no-repeat 50% 25px;
border-top:4px solid #fff300;
clear:both;
float:left;
height:220px;
width:100%
}
#container_header{
background:transparent url(../images/header_tuerme.gif) no-repeat 100% 51px;
height:220px;
margin:0 auto;
position:relative;
text-align:left;
width:860px
}
h1 a{
background:transparent url(../images/header_h1.gif) no-repeat left top;
color:#00A0C6;
display:block;
float:left;
font-size:1.4em;
height:144px;
margin-top:45px;
overflow:hidden;
text-align:center;
text-decoration:none;
text-indent:-5000px;width:491px
}
a#aux{
height:1px;
overflow:hidden;
position:absolute;
top:-999em;
width:1px;
z-index:500
}
a#aux:focus,a#aux:active{
background:#4D545F url(../images/header_bg.gif) no-repeat 50% 25px;
color:#FFA740;
display:block;
font-size:1.6em;
height:165px;
left:0;
overflow:visible;
padding-top:130px;
text-align:center;
top:0;width:860px
}
#navigation{
font-size:0.8em;
line-height:normal
}
#navigation ul{
list-style:none;
position:absolute;
right:0
}
#navigation a,#navigation li{
background:#8e0000 url(../images/nav_left.gif) no-repeat left bottom;
float:left;
text-decoration:none
}
#navigation li.aktiv{
background:#8e0000 url(../images/nav_left_aktiv.gif) no-repeat left bottom
}
#navigation a span,#navigation li span{
background:transparent url(../images/nav_right.gif) no-repeat right bottom;
color:#FFF;
display:block;
float:left;
font-weight:700;
padding:2px 12px 5px 10px
}
#navigation li.aktiv span{
background:transparent url(../images/nav_right_aktiv.gif) no-repeat right bottom;
color:#FF0000
}
#navigation a span{
float:none
}
#navigation a:hover,#navigation a:focus{
border:0;
margin-top:0
}
#navigation a:hover span,#navigation a:focus span{
padding-top:5px
}
#content{
background:#fff url(../images/content_bg_big.gif) repeat-y 50% 0;
clear:both;
float:left;
margin:0px 0;
width:100%
}
#container_content{
margin:0 auto;
text-align:left;
width:860px
}
#left_column{
background-color:#919191;
float:left;
position:relative;
width:250px
}
#left_column p{
color:#FFFFFF;
}
#left_column a{
color:#FFCC00;
text-decoration:underline;
}
#left_column a hover{
color:#FF9900;
}
#right_column{
float:right;
position:relative;
width:560px
}
#right_column li{
font-family:"Trebuchet MS",Tahoma,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-size:1em;
margin-left:15px;
}
.style_negrita{
color:#003366;
font-family:"Trebuchet MS",Tahoma,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-weight:bold;
}
.style_negrita_orangeo{
font-family:"Trebuchet MS",Tahoma,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-weight:bold;
color:#FF3300;
}
#random{
background:transparent url(../images/random_pic_bg.gif) no-repeat left top;
float:left;
margin-bottom:40px;
padding:4px
}
img.home{
margin-bottom:18px
}
img.vita{
margin:8px 0 25px
}
img.bio{
margin-bottom:17px
}
img.logo_vita{
margin-bottom:11px
}
img.logo_850{
margin-bottom:25px
}
img.signum{
display:block;
padding-left:400px
}
img.ausstellung{
background:#B1B1A4 url(../images/ausstellung_bilder.jpg) no-repeat left top;
margin:-3px 0 11px;
padding:12px 12px 28px 8px
}
img.mittelspalte{
margin-left:19px;
margin-right:19px
}
img.right{
float:right;
margin-left:7px
}
dl.galerie{
background:transparent url(../images/galerie_container_bg.gif) no-repeat left top;
color:#888;
float:left;
font-size:0.8em;
height:210px;
line-height:1.2em;
margin:10px 0;
width:174px
}
dl.mittelspalte{
margin:10px 19px
}
dl.galerie dt{
height:109px;
margin:10px 10px 6px;
width:154px
}
dl.galerie dt img{
padding:2px
}
dl.galerie dt img:hover{
border:2px solid #BBB;
border-bottom:2px solid #888;
border-right:2px solid #888;
padding:0}
dl.galerie dd
{margin:0 12px
}
dl.galerie dd.name{
border-bottom:2px solid #333;
color:#00A0C6;
letter-spacing:1px;
margin-bottom:5px;
padding-bottom:2px
}
dl.galerie dd.groesse{
background:transparent url(../images/warenkorb.gif) no-repeat 0 50%;
height:18px;
margin-bottom:4px;
padding:8px 0 8px 28px
}
dl.galerie dd.groesse ul{
list-style:none
}
dl.galerie dd.groesse ul li.verfuegbar a{
background-color:#444;
border:1px solid #555;
color:#FFA740;
float:left;
margin-right:7px;
padding:1px 5px
}
dl.galerie dd.groesse ul li.verfuegbar a:hover,dl.galerie dd.groesse ul li.verfuegbar a:focus{
background-color:#00A0C6;
border:1px solid #888;
color:#FFF
}
dl.galerie dd.groesse ul li.ausverkauft{
background-color:#222;
border:1px solid #333;
color:#444;
float:left;
margin-right:7px;
padding:1px 5px
}
dl.galerie dd.verkauft{
background:transparent url(../images/verfuegbar.gif) no-repeat 3px 0;
display:inline;
float:left;
padding-left:28px
}
dl.galerie dd.verkauft span{
color:#AE0000;
font-weight:700
}
dl.galerie dd.id{
color:#B39E71;
display:inline;
float:right;
text-align:right
}
h2{
background:#202328 url(../images/h2_bg.gif) no-repeat 0 50%;
border-bottom:2px solid #333;
clear:both;color:#ff0000;
display:block;
font-size:1.2em;
font-weight:400;
letter-spacing:2px;
margin-bottom:20px;
padding:5px 0 5px 30px;
width:530px
}
h2 span.right{
color:#555;
position:absolute;
right:10px;
top:5px
}
h3{
background:#202328 url(../images/h3_bg.gif) no-repeat 0 50%;
border-bottom:1px solid #ff0000;
border-top:1px solid #ff0000;
clear:both;
color:#ff0000;
display:block;
font-size:1em;
font-weight:700;
letter-spacing:3px;
margin-bottom:20px;
padding:4px 0 4px 30px;
text-transform:uppercase
}
h4{
clear:both;
color:#B39E71;
display:block;
font-size:0.8em;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase
}
ul#rubrics{
clear:both;
list-style:none;
margin-bottom:67px;
margin-left:1px;
width:248px
}
ul#rubrics li a{
background:transparent url(../images/rubrics_bg.gif) no-repeat left top;
color:#fff;
display:block;
font-size:0.7em;
height:48px;
padding:9px 0 0 10px;
text-decoration:none;
width:238px
}
ul#rubrics li a:hover,ul#rubrics li a:focus{
background-position:0 -57px;
border:0;
color:#FFA740
}
ul#rubrics li a span.title{
display:block;
font-size:1.1em;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase
}
ul#rubrics li a span.text{
color:#ffb000;
display:block
}
ul.submenu{
font-size:0.8em;
list-style:none;
width:250px
}
ul.submenu li{
margin-top:5px
}
ul.submenu li a,ul.submenu li.aktiv{
background:#333 url(../images/formate_bg.gif) no-repeat left top;
border-left:4px solid #555;
color:#FFA740;
display:block;
height:30px;
padding:8px 0 0 26px;
text-decoration:none
}
ul.submenu li a:hover,ul.submenu li a:focus{
background:#444 url(../images/formate_bg.gif) no-repeat 0 -40px;
border-left:4px solid #00A0C6;
color:#FFA740
}
ul.submenu li.aktiv{
background:#333 url(../images/formate_bg.gif) no-repeat left top;
border-left:4px solid #00A0C6;
color:#DDD
}
blockquote{
background:transparent url(../images/quote_left.gif) no-repeat 1px 0;
margin:30px 0 10px;
padding-left:30px;
text-align:justify;
width:530px
}
blockquote p{
background:transparent url(../images/quote_right.gif) no-repeat right bottom;margin:0;
padding-right:30px
}
blockquote p.source{
background:none;
color:#B39E71;
font-style:italic;
font-weight:700;
letter-spacing:1px;
padding:0 40px 0 0;
text-align:right
}
ul.anschrift,ul.leftlist{
border-top:1px dotted #444;
font-size:0.8em;
list-style:none
}
ul.leftlist li{
background:transparent url(../images/leftlist_bg.gif) repeat-y 0 0;
border-bottom:1px dotted #444;
width:250px
}
ul.leftlist li:hover{
background:transparent url(../images/leftlist_bg_hover.gif) repeat-y 0 0
}
ul.leftlist li a{
background:transparent url(../images/leftlist_bullet.gif) no-repeat 6px 50%;
color:#FFA740;
display:block;
padding-left:40px;
text-decoration:none;
width:210px
}
ul.leftlist li a:hover,ul.leftlist li a:focus{
background:transparent url(../images/leftlist_bullet_hover.gif) no-repeat 8px 50%;
color:#00A0C6
}
dl.preise{
display:inline;
float:left;
font-size:0.8em;
margin-bottom:1.75em;
width:560px
}
dl.preise dt{
background:transparent url(../images/preise_bg.gif) no-repeat 100% 50%;
border-right:4px solid #444;
color:#444;
float:left;
font-size:6em;
font-weight:bolder;
height:48px;
margin-right:38px;
padding-right:22px;
padding-top:26px;
text-align:center;
width:70px
}
dl.preise dd{
border-bottom:1px dashed #444;
float:right;
padding-left:10px;
width:414px
}
dl.preise dd:hover,dl.preise dd.format:hover{
background-color:#292929
}
dl.preise dd.format{
background-color:#191919;
border-top:1px dashed #444;
color:#D1B984;
margin-top:2px
}
dl.preise dd.gesamt{
color:#00A0C6;
font-weight:700
}
dl.preise dd.gesamt span{
color:#666;
font-weight:400
}
ul.anschrift li{
border-bottom:1px dotted #444;
padding-left:30px;
width:220px
}
ul.anschrift li.adresse{
background:transparent url(../images/kontakt_adresse.gif) no-repeat 0 50%;
font-weight:700
}
ul.anschrift li.telefon{
background:transparent url(../images/kontakt_telefon.gif) no-repeat 4px 50%
}
ul.anschrift li.mail{
background:transparent url(../images/kontakt_mail.gif) no-repeat 0 50%
}
ul.anschrift li.web{
background:transparent url(../images/kontakt_web.gif) no-repeat 0 50%
}
ul.anschrift li a{
color:#FFA740;
text-decoration:none
}
ul#partner{
list-style:none;
margin-bottom:110px
}
ul#partner li span:hover{
cursor:pointer
}
ul#partner li.nabu span{
background:transparent url(../images/partner_nabu.gif) no-repeat left top;
display:block;
float:left;
height:90px;
width:97px
}
ul#partner li.umwelthilfe span{
background:transparent url(../images/partner_umwelthilfe.gif) no-repeat left top;
display:block;
float:left;
height:36px;
width:212px
}
ul#partner li.naturathlon span{
background:transparent url(../images/partner_naturathlon.gif) no-repeat left top;
display:block;
float:left;
height:54px;
width:212px
}
ul#partner li.havel span{
background:transparent url(../images/partner_havel.gif) no-repeat left top;
display:block;
float:left;
height:90px;
width:104px
}
ul#partner li.spree span{
background:transparent url(../images/partner_spree.gif) no-repeat left top;
display:block;
float:left;
height:90px;
width:147px
}
ul#partner a span{
text-indent:-5000px
}
dl.info{
font-size:0.8em;
margin:1.75em 0
}
dl.info dt{
background:transparent url(../images/arrow_gray.gif) no-repeat 0 50%;
border-bottom:1px dashed #444;
color:#00A0C6;
float:left;
padding-left:15px;
width:100px
}
dl.info dd{
border-bottom:1px dashed #444;
color:#D1B984;
float:right;
width:445px
}
dl.info dd a{
color:#D1B984
}
form#kontakt p,form#bestellung p{
margin-bottom:0.75em;
padding:0
}
form#bestellung div.info{
float:left;
overflow:hidden;
width:330px
}
form#bestellung p.info{
margin-bottom:12px
}
form#bestellung img{
background-color:#DDD;
float:right;
margin-right:45px;
margin-top:0;
padding:2px
}
form#kontakt fieldset,form#bestellung fieldset{
border:1px solid #444;
overflow:hidden;
padding-bottom:30px
}
form#kontakt legend,form#bestellung legend{
color:#7192b3;
font-size:0.8em;
font-weight:700;
margin-left:19px;
padding:20px 10px
}
form#kontakt label.left,form#bestellung label.left{
color:#FF6600;
float:left;
font-size:1em;
margin-top:2px;
padding-right:4em;
text-align:right;
width:90px
}
form#bestellung label.left{
margin-top:3px
}
form#kontakt label.pflicht,form#bestellung label.pflicht{
background:transparent url(../images/arrow_yellow.gif) no-repeat 105px 50%
}
form#kontakt input.text,form#kontakt textarea,form#bestellung input.text,form#bestellung textarea{
background:#fff url(../images/kontakt_feld_bg.gif) repeat-x left top;
background-attachment:inherit;
border:1px solid #555;
color:#333;
font-family:"Trebuchet MS",Tahoma,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
padding:4px 10px
}
form#kontakt input.gross,form#kontakt textarea,form#bestellung input.gross,form#bestellung textarea{
width:350px
}
form#bestellung input.mittel_links,form#bestellung input.mittel_rechts{
width:268px
}
form#bestellung input.mittel_links{
margin-right:6px
}
form#bestellung input.mittel_rechts{
margin-left:6px
}
form#bestellung input.klein{
width:50px
}
form#kontakt input.submit,form#kontakt input.reset,form#bestellung input.submit,form#bestellung input.reset{
background:#fff url(../images/kontakt_feld_bg.gif) repeat-x left top;
background-attachment:inherit;
border:1px solid #000;
color:#333333;
font-family:"Trebuchet MS",Tahoma,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
letter-spacing:2px;
margin-bottom:40px;
padding:4px 10px;
width:150px
}
form#kontakt input.text:hover,form#kontakt input.submit:hover,form#kontakt input.reset:hover,form#kontakt textarea:hover,form#bestellung input.text:hover,form#bestellung input.submit:hover,form#bestellung input.reset:hover,form#bestellung textarea:hover{
border:1px solid #B39E71
}
form#kontakt input.text:focus,form#kontakt input.submit:focus,form#kontakt input.reset:focus,form#kontakt textarea:focus,form#bestellung input.text:focus,form#bestellung input.submit:focus,form#bestellung input.reset:focus,form#bestellung textarea:focus{
border:1px solid #00A0C6
}
form#kontakt input.submit,form#bestellung input.submit{
float:left
}
form#kontakt input.reset,form#bestellung input.reset{
float:right
}
form#kontakt textarea,form#bestellung textarea{
font-size:1em;
padding-top:3px
}
form#kontakt textarea{
height:20em
}
form#bestellung textarea{
height:4.4em
}
form#kontakt input#spam,form#bestellung input#widerruf{
float:left;
margin:7px 20px 0 -1px
}
form#kontakt label.right,form#bestellung label.right{
float:left;
font-size:1em;
margin-top:2px
}
form#bestellung label.belehrung{
float:right;
margin-top:3px;
width:370px
}
form#bestellung p.spaminfo{
margin:0 20px 20px
}
form#bestellung div.captcha{
background:#444 url(../images/kontakt_feld_bg.gif) repeat-x left top;
background-attachment:inherit;
border:1px solid #555;
margin-left:141px;
margin-top:20px;
padding:12px 10px 10px;
width:160px
}
#footer{
background:#8f0000 url(../images/footer_bg.gif) no-repeat 50% 0;
border-bottom:4px solid #fff300;
clear:both;
color:#BBB;
float:left;
line-height:1.2em;
width:100%
}
#container_footer{
margin:80px auto 20px;
text-align:left;
width:860px
}
#footer_left{
float:left;
margin-bottom:30px;
position:relative;
width:250px
}
#footer_middle{
float:left;
margin:0 55px 30px;
position:relative;
width:250px
}
#footer_middle p{
color:#FFFFFF;
}
#footer_right{
float:right;
margin-bottom:30px;
position:relative;
width:250px
}
#footer_right dd.desc{
color:#FFFFFF;
}
#footer_right dd.link a{
color:#FFFF00;
text-decoration:underline;
}
#footer_right dt{
color:#FFFFFF;
font-weight:bold;
}
h5{
background:transparent url(../images/h5_bg.gif) no-repeat 0 50%;
border-bottom:2px solid #555;
clear:both;
color:#ffff00;
display:block;
font-size:0.7em;
font-weight:700;
letter-spacing:5px;
margin-bottom:25px;
padding:2px 0 2px 20px;
text-transform:uppercase
}
h6{
border-bottom:1px solid #ffff00;
font-size:0.7em
}
#footer p{
font-size:0.7em;
padding:0;
text-align:justify
}
img.buch{
border:2px solid #DDD;
display:block;
height:67px;
margin:13px 0;
width:246px
}
#copyright{
background:transparent url(../images/footer_graukeil.gif) no-repeat 0 100%;
clear:both;
color:#fff;
display:block;
height:2.6em;
position:relative
}
#copyright p{
background:transparent url(../images/footer_copyright.gif) no-repeat 0 50%;
line-height:1.2em;
padding-left:34px;
width:50%
}
#copyright ul{
font-size:0.7em;
list-style:none;
margin-top:2px;
position:absolute;
right:0;top:0
}
#copyright li{
float:left;
margin-left:5px;
overflow:hidden
}
#copyright li a{
color:#FFFF00;
display:block;
float:left;
height:27px;
text-decoration:none;
text-indent:-5000px
}
#copyright li.xhtml a{
background:transparent url(../images/valid_xhtml.png) no-repeat 0 0;
width:72px
}
#copyright li.css a{
background:transparent url(../images/valid_css.png) no-repeat 0 0;
width:58px
}
#copyright li.top a{
background:transparent url(../images/footer_top.png) no-repeat 0 0;
width:68px
}
ul.links{
font-size:0.7em;
list-style:none;
margin-bottom:17px;
width:250px
}
ul.links li{
border-bottom:1px dotted #fff
}
ul.links li:hover{
background:#333 url(../images/footer_links.gif) no-repeat 235px 50%
}
ul.links li a{
color:#ffd800;
display:block;
width:250px
}
dl.pr{
font-size:0.7em;
margin-bottom:31px;
width:250px
}
dl.pr dt{
color:#888;
float:left;
font-weight:700
}
dl.pr dd.img{
display:block;
float:right;
height:40px;
overflow:hidden;
width:102px
}
dl.pr dd.link{
background:transparent url(../images/footer_url.gif) no-repeat 0 50%;
float:left;padding-left:15px;
text-transform:uppercase
}
dl.pr dd.desc{
clear:both;
padding-top:6px;
text-align:justify
}
.absatz{
margin-top:40px
}
.s{
background-color:#777;
color:#777;
padding:1px 0
}
.w{
background-color:transparent;
color:#444;
padding:1px 0
}
div.ads{
border-bottom:1px dashed #444;
border-top:1px dashed #444;
clear:both;
height:60px;
margin-bottom:21px;
margin-top:1.75em;
padding:10px 0 20px
}
div.ad_left{
background:transparent url(../images/ads_pic01.gif) no-repeat 0 50%;
float:left;
padding-left:40px
}
div.ad_right{
background:transparent url(../images/ads_pic02.gif) no-repeat 0 50%;
float:right;
padding-left:40px
}
img,a img,h1 a:hover{
border:0
}
a,ul#partner a{
text-decoration:underline
}
p a,li a,dd a,dl.info dd a:hover,dl.info dd a:focus,ul.links li a:hover,ul.links li a:focus,dl.pr dd a:hover,dl.pr dd a:focus,#footer p.pr a:hover,#footer p.pr a:focus{
color:#FF3300
}
p a:hover,p a:focus,dd a:hover,dd a:focus,dl.preise dt:hover,ul.anschrift li a:hover,ul.anschrift li a:focus,dl.pr dd a{
color:#993300
}
#footer p.pr a{
color:#FFFF00;
}
#navigation li,dl.galerie dd.groesse ul li,ul#partner li{
display:inline
}
img.logo,ul#rubrics li{
margin-bottom:10px
}
form#bestellung input.info,form#bestellung input.captchaeingabe{
width:160px
}
.absatz_klein,.spam{
margin-top:20px
}