@charset "utf-8";
* {	margin: 0px; padding: 0px; font-family: Verdana,Arial,Helvetica,sans-serif; }
body { color: #57422a; text-align: center; font-size: 11px; background: #f6f4ef url(../../images/de/body_bg.gif) repeat-y center; }

h3 { font-size: 11px; line-height: 20px; padding-top: 20px; background: #fff url(../../images/de/dots2.gif) repeat-x 0px 7px; margin-top: 10px; }
h3.first { margin-top: 0px; }
h4 { font-size: 11px; line-height: 20px; padding-top: 20px; text-decoration: underline; font-weight: normal; }
.clear { clear: both; height: 1px; line-height: 1px; font-size:1px; padding: 0px; }
.clear1 { clear: both; height: 40px; background-color: #fff; padding: 0px; }
p { line-height: 20px; padding-top: 18px; text-align: justify; }
p.error { color: #ff0000; }
p.success { color: #00571f; }
p.success a { color: #00571f; }
p.paging a { text-decoration: none; background-color: #f6f4ef; }
p.paging strong { background-color: #fff;  }
p.paging a.gxpager, p.paging strong {  display: block; float: left; height: 30px; width: 30px; text-align: center; line-height: 30px;  border: 1px solid #e1daca; margin-right: 5px }

a:link, a:hover, a:active, a:visited { color: #57422a; outline:0; }
ul,ol { list-style: none; line-height: 20px; }
img { border: none; }
img.alignleft { float: left; margin-right: 20px; margin-top: 5px; }
img.alignright { float: right; margin-left: 20px; margin-top: 5px; }
table { border-collapse: collapse; border: 0px; }
td,th,caption { font-size: 11px; line-height: 20px; vertical-align: top; }
caption { text-align: left; font-weight: bold; }
img#badge { position: absolute; top: 235px; left: 614px; }
strong.block { font-weight: normal; float: left; display: block; width: 30px; }

img#badge-topgetraenk { position: absolute; top: -15px; right: -15px; z-index: 9999; width:160px; height:160px;
-moz-transform: rotate(4deg);
-ms-transform: rotate(4deg);
-o-transform: rotate(4deg);
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}

div#wrapper { background-color: #fff; padding-top: 40px;  }
div#container { width: 960px; margin: 0px auto; text-align:left; position:relative; }

div#branding { position:absolute; left: 0px; top: -15px; }
div#branding h1 a { display:block; text-indent: -9999px; width: 120px; height: 95px; background: #fff url(../../images/de/logo.gif) no-repeat; }

div#mainnavigation { height: 110px; }
div#mainnavigation ul { height: 110px; position: relative; width: 640px; left: 320px; }
div#mainnavigation ul li { position:absolute; }
div#mainnavigation ul li.savannalight { left: 160px; }
div#mainnavigation ul li.bestellung { left: 160px; }
div#mainnavigation ul li.blog { left: 480px; }
div#mainnavigation ul li a { text-indent: -9999px; display: block; width: 160px; height: 110px; background-repeat: no-repeat; background-position: 0px 0px; }
div#mainnavigation ul li a.savannadry { background-image: url(../../images/de/nav-01.gif); }
div#mainnavigation ul li a.savannalight { background-image: url(../../images/de/nav-02.gif); }
div#mainnavigation ul li a.bestellung { background-image: url(../../images/de/nav-03.gif); }
div#mainnavigation ul li a.blog { background-image: url(../../images/de/nav-04.gif); }
div#mainnavigation ul li a:hover{ background-position: 0px -220px; }
div#mainnavigation ul li a.active { background-position: 0px -110px; }

div#content { background: #fff url(../../images/de/content_bg.gif) repeat-y; }
div#maincontent { float: right; width: 640px; }
div#maincontent div#indexeyecatcher { background-image: url(../../images/de/eyecatcher_bg.jpg); }
div#maincontent div#lighteyecatcher { background-image: url(../../images/de/savannalight_bg.jpg); }
div#maincontent div#dryeyecatcher { background-image: url(../../images/de/savannadry_bg.jpg); }
div#maincontent div.eyecatcher { background-color: #988b74; background-repeat: no-repeat; position: absolute; height: 350px; width: 480px; }
div#maincontent div.eyecatcher h2 { display: none; }
div#maincontent div.eyecatcher p { color: #fff; padding: 291px 20px 0px 20px; }
div#maincontent div#mainbg { height: 100px; background: #fff url(../../images/de/main_bg.jpg) no-repeat; }
div#maincontent div#shirtbox { background-image: url(../../images/de/shirtbox_bg.gif); }
/* div#maincontent div#shirtbox { background-image:  url(../../images/de/winterbox_bg.jpg); }*/
div#maincontent div#savannadrybox { background-image:  url(../../images/de/savannabox_bg.gif); }
div#maincontent div#savannalightbox { background-image:  url(../../images/de/savannabox_bg.gif); }
div#maincontent div.metainfo { color: #57422a; position:relative; left: 480px; height: 350px; width: 160px; background-color: #fff; background-repeat: no-repeat;  }
div#maincontent div.metainfo p { position: absolute; padding: 0px 10px; top: 260px;  }
div#maincontent div.metainfo p.metalink { padding: 0px; top: 330px; right: 0px; }
div#maincontent div.metainfo p.metalink a { text-indent: -9999px; display: block; width: 35px; height: 20px;  background: #57422a url(../../images/de/metalink.gif) no-repeat; color: #fff; }
div#maincontent div.metainfo p.metalink a:hover { background-position: bottom; }

div.addressbox { padding-top:18px; }
div.addressbox table { width: 620px; }
div.addressbox table caption {  padding: 5px; background: #e1daca; }
div.addressbox table caption span { font-weight: normal; }
div.addressbox table td { border-top: 1px solid #fff; padding: 5px; background: #f6f4ef; }
div.addressbox table td.infos { text-align: left; width: 200px; }

div#subcontent { float:right; width: 320px;  }
div#subcontent div.box { background-color: #e1daca; color: #57422a; height: 250px; background-image: url(../../images/de/white_bg.gif); background-repeat: repeat-x; background-position: bottom; }
div#subcontent div.box p { padding: 20px; }
/*  SEARCH ADDRESSES FORM */
div#subcontent div#searchaddresses { color: #57422a; height:100px; background: #fff url(../../images/de/bezugsquellen_bg.jpg) no-repeat;  }
div#subcontent div#searchaddresses p { padding: 29px 20px 0px 20px; }
div#subcontent div#searchaddresses ol { padding-top: 10px; }
div#subcontent div#searchaddresses form { padding-left: 20px; }
div#subcontent div#searchaddresses form input { vertical-align: middle; width: 200px; }
div#subcontent div#searchaddresses form input.submitimage { width: auto; }
div#subcontent div#searchaddresses h2 { display: none; }
div#subcontent div#searchaddresses form legend, div#subcontent div#searchaddresses form label { display: none; }
div#subcontent div#searchaddresses form  fieldset{ border: solid 0px #fff; }

div#pageinformation { text-align: left; width: 960px; margin: 0px auto; position: relative; height: 50px; }
div#pageinformation ul { position: relative; height: 50px; width: 640px; }
div#pageinformation ul li { position: absolute; padding-top: 18px; }
div#pageinformation ul li.home { position: absolute; left: 20px; padding-top: 18px; }
div#pageinformation ul li.kontakt { position: absolute; left: 100px; padding-top: 18px; }
div#pageinformation ul li.agbde { position: absolute; left: 180px; padding-top: 18px; }
div#pageinformation ul li.agbuk { position: absolute; left: 260px; padding-top: 18px; }
div#pageinformation ul li.impressum { position: absolute; left: 340px; padding-top: 18px; }
div#pageinformation ul li a { text-decoration: none; }
div#pageinformation ul li a:hover,div#pageinformation ul li a.active { text-decoration: underline; }
div#pageinformation p { position: absolute; width: 320px; top: 0px; left:640px; text-align: right; }

div.regulartext { border-top: 40px solid #fff; padding-left: 20px; padding-right: 20px; }
div.regulartext p.first { padding: 0px; }
div.regulartext h2 { text-indent: -9999px; background-repeat: no-repeat; padding: 0px; height:20px; overflow: hidden; margin-top:40px; }
div.regulartext h2.first { margin: 0px; }
div.regulartext h2#lastblog { background-image: url(../../images/de/h2_lastblog.gif); }
div.regulartext h2#goodies { background-image: url(../../images/de/h2_goodies.gif); background-position: 20px 0px; }
div.regulartext h2#werbeartikel { background-image: url(../../images/de/h2_werbeartikel.gif); background-position: 0px 0px; }
div.regulartext h2#special { background-image: url(../../images/de/h2_special.gif); }
div.regulartext h2#blog { background-image: url(../../images/de/h2_blog.gif);  }
div.regulartext h2#themes { background-image: url(../../images/de/h2_themenuebersicht.gif); }
div.regulartext h2#friends { background-image: url(../../images/de/h2_friends.gif); }
div.regulartext h2#agbde { background-image: url(../../images/de/h2_agbde.gif); }
div.regulartext h2#agbuk { background-image: url(../../images/de/h2_agbuk.gif); }
div.regulartext h2#order { background-image: url(../../images/de/h2_order.gif); }
div.regulartext h2#kontakt { background-image: url(../../images/de/h2_kontakt.gif); }
div.regulartext h2#impressum { background-image: url(../../images/de/h2_impressum.gif); }
div.regulartext h2#datenschutz { background-image: url(../../images/de/h2_datenschutz.gif); }
div.regulartext h2#bezugsquellen { background-image: url(../../images/de/h2_bezugsquellen.gif); }
div.regulartext h2#fehlerseite { background-image: url(../../images/de/h2_fehlerseite.gif); }
div.wallpaper { position: relative; width: 640px; padding: 0px; height: 100px; }
div.wallpaper h2, div.wallpaper p.first { padding-left: 20px; padding-right: 320px; }
div.wallpaper p.wallpaper1,div.wallpaper p.wallpaper2 { position: absolute; top: 0px; padding: 0px; }
div.wallpaper p.wallpaper1 { left: 340px; }
div.wallpaper p.wallpaper2 { left: 500px; }
div.main { padding-right: 0px; }
div.main div p { text-align:right; }
div.main div p.dateinfo { float: left; text-align:left; }
div.regulartext div.subnavigation { margin-top: 7px; background: #fff url(../../images/de/dots2.gif) repeat-x bottom; padding-bottom: 1px; }
div.regulartext div.subnavigation ul li { display: inline; }
div.regulartext div.subnavigation ul li a { padding-left: 20px; display: block; height: 40px; text-decoration: none; line-height: 40px; background: transparent url(../../images/de/subnavigation.gif) no-repeat top; }
div.regulartext div.subnavigation ul li a:hover, div.regulartext div.subnavigation ul li a.active { background-color: #f6f4ef; }

/* FACEBOOK */
div#facebookbox { margin-top:40px; }

div#weblogcomments { padding-top: 20px; }
div#weblogcomments div.comment { background: transparent url(../../images/de/dots2.gif) repeat-x 0px 7px; padding-bottom: 20px; }
div#weblogcomments div.comment h3 { width: 400px; float: left; background-image: none; background-color: transparent; margin: 0px; }
div#weblogcomments div.comment p.commentdate {  text-align: right; color: #999; }
div#weblogcomments div.comment p { text-align:left; }

div#commentform { text-align: left;  padding: 20px; background-color: #e1daca; }
div#commentform h3 { padding: 0px; margin:0px; background-image: none; background-color: transparent; }
div#commentform p { text-align: left; }
div#commentform form { padding-top: 21px;  line-height: 18px; }
div#commentform form legend { display: none; }
div#commentform form fieldset{ border: solid 0px #fff; }
div#commentform form ol{ list-style-type: none; }
div#commentform form ol li{ padding-bottom: 13px; }
div#commentform form ol li label { vertical-align: top; display: inline-block; width: 150px; }
div#commentform form ol li input,
div#commentform form ol li textarea{ width: 350px; color: #000; font-size: 11px; }
div#commentform form ol li textarea {  height: 100px; }
div#commentform form ol li select { color: #000; width: 404px; }
div#commentform form ol li input.checkbox { width: auto; }
div#commentform form input.submit {margin-left: 150px; font-size: 11px; }
div#commentform form ol li div{  margin-left: 154px; padding: 0px; position: relative; top: -7px; }
div#commentform form ol li div div { margin-left:0px; position: relative; height: 30px; }

div#bestellform { text-align: left;  padding: 20px 20px 20px 20px; background-color: #e1daca; margin-top: 20px; }
div#bestellform p { text-align: left; padding: 0px; }
div#bestellform p.success { padding-bottom: 20px; color: #bf0000; }
div#bestellform p.success a { color: #bf0000; }
div#bestellform form {  padding-top: 0px;  line-height: 18px; background: url('../../images/de/paypal.png') no-repeat 99% 97.6%; }
div#bestellform form legend { display: none; }
div#bestellform form fieldset{ border: solid 0px #fff; }
div#bestellform form ol.blockstyle { list-style-type: none; }
div#bestellform form ol.blockstyle li{ padding-bottom: 13px; }
div#bestellform form ol.blockstyle li label { vertical-align: top; display: inline-block; width: 150px; }
div#bestellform form ol.blockstyle li input,
div#bestellform form ol.blockstyle li textarea{ width: 420px; color: #000; font-size: 11px; }
div#bestellform form ol.blockstyle li textarea {  height: 100px; }
div#bestellform form ol.blockstyle li select { font-size: 11px; color: #000; width: 424px; }
div#bestellform form ol.blockstyle li input.checkbox { width: auto; }
div#bestellform form ol.spaced { padding-top: 20px; }
div#bestellform form ol.regularstyle { padding-left: 154px; }
div#bestellform form ol.regularstyle li{ padding-bottom: 25px; }
div#bestellform form ol.regularstyle li label { display: block; }
div#bestellform form ol.regularstyle li input { width: 420px; color: #000; font-size: 11px; }
div#bestellform form ol.quantity { padding-top: 20px; }
div#bestellform form ol.quantity li { position:relative; width: 580px; padding-bottom: 13px; }
div#bestellform form ol.quantity li select { font-size: 11px; color: #000; vertical-align: middle; position: absolute; left: 0px; top: 0px; width: 50px; }
div#bestellform form ol.quantity li input { width: 30px; }
div#bestellform form ol.quantity li input#qt8a { background-color: #f6f4ef; color: #000; }
div#bestellform form ol.quantity li label { margin-left: 60px; }
div#bestellform form ol.quantity li div.price { position: absolute; right: 0px; top: 0px; width: 100px; text-align: right; }
div#bestellform form ol.quantity li div#result { border-top: 1px solid #57422a; text-align: right; }
div#bestellform form ol.options { padding-top: 20px; }
div#bestellform form ol.options li { position:relative; width: 540px; padding-bottom: 13px; }
div#bestellform form ol.options li input { vertical-align: middle; position: absolute; left: 0px; top: 2px; }
div#bestellform form ol.options li label { display: block; margin-left: 20px; }
div#bestellform form input.submit { margin-top: 13px; font-size: 11px; }
.radio { margin-right: 8px; }

div.ordermerchandise form { background-image: url('../../images/de/savanna-shirts.png');background-repeat: no-repeat; background-position: 380px 50px; }

div#contactform { text-align: left;  padding: 20px; background-color: #e1daca; margin-top: 20px; }
div#contactform p { text-align: left; padding: 0px 0px 20px 0px; }
div#contactform form {    line-height: 18px; }
div#contactform form legend { display: none; }
div#contactform form fieldset{ border: solid 0px #fff; }
div#contactform form ol.blockstyle { list-style-type: none; }
div#contactform form ol.blockstyle li{ padding-bottom: 13px; }
div#contactform form ol.blockstyle li fieldset{ padding-left: 153px; }
div#contactform form ol.blockstyle li fieldset input { width: auto; margin-right: 5px; }
div#contactform form ol.blockstyle li label { vertical-align: top; display: inline-block; width: 150px; }
div#contactform form ol.blockstyle li input,
div#contactform form ol.blockstyle li textarea{ width: 420px; color: #000; font-size: 11px; }
div#contactform form ol.blockstyle li textarea {  height: 100px; }
div#contactform form ol.blockstyle li select { font-size: 11px; color: #000; width: 424px; }
div#contactform form ol.blockstyle li input.checkbox { width: auto; }
div#contactform form input.submit { margin-left: 153px; }

div.buttons a { outline: none; position: absolute; text-indent: -9999px; display: block; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px; top: 0px; border: 1px solid #57422a; }
div.buttons a.bold { left: 0px; background-image: url(../../images/de/wysiwyg-bold.gif); }
div.buttons a.italic { left: 25px; background-image: url(../../images/de/wysiwyg-italic.gif); }
div.buttons a.underline { left: 50px; background-image: url(../../images/de/wysiwyg-underline.gif); }
div.buttons a.email { left: 75px; background-image: url(../../images/de/wysiwyg-email.gif); }
div.buttons a.link { left: 100px; background-image: url(../../images/de/wysiwyg-link.gif); }

div.countdown { line-height: 20px; padding-top: 18px; }
div.countdown table { width: 280px; border: none; border-collapse:collapse; }
div.countdown table td { background: #e1daca; border: 1px solid #fff; line-height: 20px; text-align: center; padding: 5px; }
div.countdown table tr.time td { font-size: 16px; font-weight: bold; }

div#ecardform { padding-bottom: 10px; position: relative; }
div#ecardform p { text-align: left; }
div#ecardform p.error,div#ecardform p.success { position:absolute; top: 420px; left: 20px; z-index: 10; }
div#ecardform p#ecardteaser { position: absolute; left: 20px; top: 186px; }
div#ecardform form { margin-top: 20px; line-height: 18px; background-color: #e1daca; padding: 20px; }
div#ecardform form legend { display: none; }
div#ecardform form fieldset { border: solid 0px #fff; }
div#ecardform form ol { padding-left: 350px; padding-bottom: 10px; }
div#ecardform form ol li {  }
div#ecardform form ol li label { display: block; }
div#ecardform form ol li input,
div#ecardform form ol li textarea {  width: 220px; color: #000; font-size: 11px; }
div#ecardform form ol li textarea { height: 60px; }
div#ecardform form input.submit { margin-left: 350px; font-size: 11px; }

/* LIGHTBOX CODE START */
#lightbox{ position: absolute; left: 0;	width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%;	text-align: center;	line-height: 0;	}
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none; }
#prevLink, #nextLink{ width: 49%; height: 100%;	background: transparent url(../../images/de/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(../../images/de/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../images/de/next.gif) right 50% no-repeat; }
#nextLinkText, #prevLinkText{ color: #5ca102; font-weight: bold; text-decoration: none; }
#nextLinkText{ padding-left: 20px; }
#prevLinkText{ padding-right: 20px; }
.ontop #imageData { padding-top: 5px; }
#imageDataContainer{ font: 10px Arial, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	}
#imageData{	padding:0 10px;	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }
#overlay{ position: absolute; top: 0; left: 0; z-index: 90;	width: 100%; height: 500px;	background-color: #000;	filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display: none; }
.clearfix:after { content: ".";	display: block; height: 0; clear: both;	visibility: hidden;	}
* html>body .clearfix {	display: inline-block; width: 100%; }
* html .clearfix { /* Hides from IE-mac \*/	height: 1%;	/* End hide from IE-mac */ }
/* LIGHTBOX CODE END */

#social-bar { height: 305px; width: 6px; position: fixed; left: 0px; top: 50%; margin-top: -153px; z-index: 1000 }
#social-bar a { background-repeat:no-repeat; display: block; overflow: hidden; text-indent: -8793px; height: 41px; width: 41px; border:none; margin-bottom: 3px; margin-left: -25px }
#social-bar #facebook-icon  { width:64px; height:64px; background: url('../../images/de/facebook-icon.png'); }
#social-bar #twitter-icon  { width:64px; height:64px; background: url('../../images/de/twitter-icon.png'); }
#social-bar #tooltip { position:absolute; background: #000; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:4px 8px 4px 8px; color:#fff; font-size:11px; font-weight:bold; display:none; white-space: nowrap; -moz-box-shadow: 1px 1px 1px #aaa; -webkit-box-shadow: 1px 1px 1px #aaa; box-shadow: 1px 1px 1px #aaa;}


#cookie-bar {background:#f6f4ef; height:auto; line-height:24px; color:#57422a; text-align:center; padding:8px 0;z-index:1000;}
#cookie-bar.fixed {position:fixed; bottom:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0; font-weight:normal; text-align:center;}
#cookie-bar a.dsb {color:#57422a; display:inline-block; border-radius:3px; text-decoration:none; padding:0px; margin-left:0px;}
#cookie-bar a {padding:0 10px;margin-left:8px;color:#57422a;display:inline-block; border-radius:3px; text-decoration:none;font-weight:normal;}
#cookie-bar .cb-enable {background:#ffffff;font-weight:normal;}
#cookie-bar .cb-enable:hover {background:#57422a;color:#f6f4ef;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

div#content ul.datenschutz-ul li {background-image: none;padding: 0px 0px 20px 20px; }
div#content ul.datenschutz-ul li ul li {font-size: 0.9em;background:transparent url("../images/project-elements/arrow.gif") no-repeat 0px 8px;border-bottom:0px;}
div#content ul.datenschutz-ul li p {margin-right:5px;}