@charset "utf-8";
@font-face {
    font-family: 'FreebooterScriptRegular';
    src: url('freebooterscript-webfont.eot');
    src: url('freebooterscript-webfont.eot?#iefix') format('embedded-opentype'),
         url('freebooterscript-webfont.woff') format('woff'),
         url('freebooterscript-webfont.ttf') format('truetype'),
         url('freebooterscript-webfont.svg#FreebooterScriptRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {background-color:#890e3a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-top:10px; margin-left:40px; color:#333333;}
#wrapper {width:891px; border:1px solid #dddddd; padding:0; background-color:#ffffff; }
#header { height:82px; background-color:#ffffff; margin:0px; }
#topnav {font-size:11px; text-align:right; margin:4px 10px 2px 10px;}
#topnav a {text-decoration:none; color:#890e3a; padding-left:20px;}
#katze {float:left;}

img {border:none;}
td {vertical-align:top; padding:2px;}
table.visible td {border-bottom:1px solid #890e3a; }
a, a:visited {color:#890e3a; cursor:pointer;}

.topthemen {padding:10px; width:190px; float:left; background-color:#ffffff;}
#main {float:left; width:670px; background-color:#ffffff; padding-top:20px;}
#right {width:180px; float:left; background-color:#ffffff;}

#boxes {clear:both; background-color:#ffffff; padding-left:10px; height:250px;}

#navi {width:180px;  float:left; padding:10px; }

#maintext {width:680px; float:left; padding-top:20px; 	}
#maintextleft {padding-right:10px; width:670px; float:left; }

#right {width:190px; float:left; }


.box {width:210px; float:left; background-color:#ffffff; margin-right:8px;}
p.boxheadline-schwarz {color:#666666; font-weight:bold; font-size:13px; margin:5px 0px 4px 6px; letter-spacing:1px;}
.boxheadline p {display:block; font-size:12px; font-weight:bold; padding:3px 0px 3px 6px;  margin:0; color:#ffffff; background-color:#890e3a;}
.box p.tinymcewysiwyg {text-align:justify; line-height:16px; margin:0px 0 5px 0;}
.box img {width:210px; height:127px; border:none; margin:0; overflow:hidden;}

.bildwechsler {padding:0; float:left; width:470px; margin-right:10px;  }
.suche {clear:both; width:650px;}

ul.rex-navi1 {list-style-type:none; margin:0; padding:0; padding-bottom:2px;}
.rex-navi1 li {display:inline; margin-top:3px; list-style-type:none; }
div.navi {margin:0; padding:0; margin-top:4px;  width:180px; }

.navi a {color:#890e3a; text-decoration:none;}
.navi a.rex-current, a.rex-active {color:#890e3a; font-weight:bold;}
.navi .rex-navi1 li {display:block; border-bottom:1px solid #ffffff; padding:4px; list-style-type:none;}
.navi .rex-navi2 li {display:block; border-bottom:1px solid #ffffff; padding:2px; list-style-type:none;}
ul.rex-navi2 {padding-left:6px; list-style-type:none;}
.navi ul.rex-navi2 li {margin:0; margin-top:2px; border-bottom:none; list-style-type:none;}

#mainnav {background-color:#ffffff; border-bottom:1px solid #890e3a; font-weight:bold; font-size:12px; margin-right:10px; margin-top:6px; }
#mainnav a {text-decoration:none; padding-left:7px; padding-right:7px; padding-top:2px; display:inline-block; color:#666666; }
#mainnav a.rex-current, .rex-active {color:#890e3a;}
#content {clear:both; padding:10px;}

#navi ul.rex-navi1 {background-color:#dedede; padding:0; padding-top:1px; list-style-type:none;}
#navi h2 {background-color:#890e3a; display:block; color:#ffffff; text-align:center; padding:4px 0; margin-bottom:0; }

.facebook {margin-bottom:10px; height:90px;}

#datum {padding:5px 0 5px 0; font-size:10px;  margin:0;}
.banner468 {height:100px; border:1px solid #dddddd; margin-top:10px; margin-right:5px;}
#footer {clear:both; background-color:#ffefff; border-top:1px solid #dddddd; margin:0; padding:10px;}
#footer p {font-style:normal; font-weight:normal; }


.clear {clear:both; height:1px;}
hr {height:1px;}
hr.grey {color:#dedede;size:1px;}
form br {clear:both;}
#doform7366 label {width:50px; float:left; text-align:left;}
#doform7366 input.formtext {width:120px;}

#doform1576 input.formtext {padding:1px; font-size:11px; width:200px; margin-bottom:2px; border:1px solid #999999; }
#doform1576 {border:1px solid #dddddd; padding:20px; width:400px; background-color:#eeeeee; margin:auto;}
#doform1576 label {width:100px;}
#doform1576 input.formsubmit {margin:0 0 0 100px;  cursor:pointer;}
#doform176 {border:1px solid #dddddd; padding:10px;}
#doform176 .formsubmit {border:1px solid #890e3a; background-color:#dddddd; padding:2px 6px 2px 6px; font-size:11px; color:#890e3a; margin-left:150px; margin-top:5px;}
#doform176 input.formtext {padding:1px; font-size:11px; width:250px; margin-bottom:3px;}
#doform176 .formtextfield {width:250px; height:100px;}
.formgen {padding:5px;}
div.bezahlte {width:180px; margin:0px 0 10px 0; text-align:center; border:1px solid #dddddd; clear:both;}
div.bezahlte label {float:left; width:70px; font-size:10px; text-align:right;}
.bezahlte input.rex_375_text {width:90px; font-size:11px; border:1px solid #890e3a; margin:2px; display:inline;}
.bezahlte img {margin-top:5px; margin-bottom:5px;}
.bezahlte p {margin:5px;}
.bezahlte h1 {font-size:12px; font-weight:bold; color:#890e3a; background-color:#dddddd; display:block; margin:0; padding:3px;}

h1 {font-size:14px; font-weight:bold; color:#890e3a; margin-bottom:20px; margin-top:20px;}
h2 {font-size:12px; font-weight:bold; color:#666666; margin-bottom:12px; margin-top:10px;}
h6 {font-size:12px; font-weight:bold; margin:5px 0 5px 0;}

#maintext h3, #maintextbreit h3 {font-size:11px; font-weight:bold; color:#666666; margin-bottom:12px; margin-top:10px; background-color:#eeeeee; padding:3px; clear:both;}
#maintext p, #maintextbreit p {line-height:140%; color:#333333;}
#maintext table, #maintextbreit table {height:10px;}

/*Newsletter*/
#rex_375_multinewsletter ul {margin:0; padding:0;}
#rex_375_multinewsletter li {list-style-type:none; margin:0; padding:3px;}
.rex_375_text {margin-bottom:5px; border:1px solid #dddddd; padding:2px;  width:300px;}
.bezahlte input.rex_375_subscribe, .bezahlte input.rex_375_unsubscribe {margin:3px; font-size:11px; width:70px; display:inline; border:1px solid #890e3a; background-color:#eeeeee; cursor:pointer;}


#doform2742 input {margin-bottom:5px;}
#doform2742 .formsubmit {margin-left: 165px; margin-top:10px;}




fieldset {padding:5px;}
legend {font-weight:bold; color:#666666; padding-left:10px; padding-right:10px;}
label {width:150px; float:left;}
select {border:1px solid #890e3a;}
.formsubmit {border:1px solid #890e3a; background-color:#dddddd; padding:1px 4px 1px 4px; font-size:11px; color:#890e3a; margin-left:60px;  cursor:pointer;}
INPUT:focus {background-color:#FFCCFF;}

/*Werbebanner rechts*/
#werbung {position:absolute; left:950px; top:12px; width:150px; height:600px;}
#werbung img {margin-bottom:10px;}
#werbung h3 {font-size:11px; font-weight:normal; color:#fff; margin:0 0 10px 0; text-align:center;}

 /*Gästebuch*/
.a63-form fieldset {width:420px;}
.a63-form label {width:150px; float:left; }
.a63-form textarea {width:250px; margin-bottom:5px;}
ul.a63-pagination {list-style-type:none;}
.a63-pagination li {display:inline;}

td.autor {background-color:#FFCCFF; font-size:10px; font-weight:bold; padding:2px;}
td.message {font-size:11px; padding:2px;}
.antwort {font-style:italic; border-top:1px solid #dddddd;}

/*Teaser*/

.kategorieteaser {border:1px solid #890e3a; clear:both; }
.auflistung li a {text-decoration:none; font-size:12px; font-weight:bold;}
div.artikelliste {margin-left:0px; padding-top:20px; padding-bottom:20px; }
a.artikelliste {font-weight:bold; text-decoration:none; color:#890e3a; padding:4px 0px 4px 0px;}
.teaser2 {border-top:2px solid #ffd9e7; font-weight:normal; padding:3px; width:97%; clear:both; margin:auto; background-color:#ffffff;}
.teaser2 div {}
.teaser2 img {width:80px; float:right; text-align:right; }
.teaser2 h2 {font-size:12px; margin:0;}
.teaser2 h1 {font-size:14px; margin:0; background-color:#ffd9e7; padding:3px;}
.teaser2 p {margin:5px 0 5px 0;}

#teaser { 
 
border : 1px solid #890e3a; 
padding : 6px; 

margin: 3px; 
margin-top : 0; margin-bottom:2px;
height:130px;
font-weight:normal;
background-color:#ffffff; overflow:hidden; z-index:99;
} 

#teaser div { 
margin: 0; 
}
#teaser li { 
font-size : 10px; 
line-height : 16px; 
} 
#teaser img { 
width : 90px;  float:right;
margin-right : 5px; 
} 
#teaser h1, #teaser h2 { 
font-size : 11px; 
font-weight : bold; 
color : #890e3a; 
margin-bottom : 5px; margin-top:0;
} 
#teaser h4 {
font-size:11px; font-weight:bold;}
#teaser p { 
margin-top : 5px; 
line-height : 13px; 
margin-bottom : 5px; 
} 
#teaser a { 
color : #890e3a; 
} 
#teaser p.introtext { 
font-weight : normal; 
font-size:11px;
} 
#teaser img.rex_image { 
width : 90px; 

margin: 0px; 
} 
#topthema {margin:0; height:130px;}
#topthema h1 {font-size:12px; color:#890e3a; line-height:16px; margin-top:0; margin-bottom:6px; background-color:#dddddd; display:block; padding:2px 4px 2px 4px; clear:both; }
#topthema  a {text-decoration:none;}
#topthema #teaserfoto {float:left; margin-right:10px;}
#topthema p {margin:0px 0 2px 0; }

/*Produktzeile*/

#produktzeile {clear:both; margin-bottom:3px; width:630px; margin-top:10px; }
#produktzeile p {margin-top:0; margin-bottom:6px;}
#produktbeschreibung {vertical-align:middle; color:#333333;}
#produktfoto {padding-right:20px; width:100px;}

div.blaettern {clear:both; border-top:1px solid #890e3a; text-align:center; padding-top:8px; margin-bottom:20px;}



div.saisonbild {width:200px; height:170px; overflow:hidden;}
.saisonbild img {width:200px; margin-top:5px; margin-right:10px; padding:0;}


div.image {float:left; padding:6px;}
#popup {}
#popup h1 {font-size:12px; font-weight:bold; color:#890e3a; margin-bottom:10px; }

.image_fade_wrapper {
	float: left;
	border: 1px solid #FFF;
	background-color: #ffffff;
}
/* image_fade 
 * Positon relative ist notwendig um das unterliegende img-Element absolut positionieren zu knnen 
 * Breite und Hhe sind notwendig, damit der Brower die Grsse des Image Faders kalkulieren kann.
 * REDAXO: Fr Redaxo implementierung hier kein margin oder padding angeben, das div wird auf Grsse der Bilder gesetzt.
 */
.image_fade {
	position: relative;
	float: left;
	width: 350px;
	height: 350px;
	border: none;
}
/* image_fade img
 *  Absolute Position und top, left = 0 muss gesetzt werden.
 * REDAXO: Kein margin und padding angeben.
 */
.image_fade img {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	margin: 0;
	padding: 0;
}

/*Suche*/

#suchenbox {width:198px; padding:0; border:1px solid #890e3a; background-color:#eeeeee; margin-top:10px;}
#suchenbox h2 {font-size:12px; font-weight:bold; text-align:center; margin:2px;}
form.suchbox {padding:5px; margin:0; text-align:center;}
.suchbox input.button {border:1px solid #890e3a; background-color:#dddddd; padding:1px 4px 1px 4px; display:inline; font-size:11px; color:#890e3a;  cursor:pointer;}
.suchbox input.search {border:1px solid #890e3a;  padding:1px;  font-size:11px; width:140px; float:left;}
#adressensuche {width:665px;}
#adressensuche table {width:100%;}
#adressensuche input {border:1px solid #890e3a; margin:3px; cursor:pointer;}
#adressensuche .button {background-color:#dddddd; padding:1px 4px 1px 4px; color:#890e3a;}
#adressensuche .textfield {padding:3px;  font-size:11px; margin:3px 3px 3px 0; border:1px solid #890e3a; }
#adressensuche select {border:1px solid #890e3a; margin:3px 3px 3px 0; font-size:11px; padding:2px;}
div.adressen {margin:5px; border-bottom:1px solid #cccccc; padding:5px 10px 0 10px; margin-bottom:8px;}
div.adressen h1 {font-size:14px; font-weight:bold; color:#890e3a; margin:0px; margin-bottom:5px;}

.pagination {padding:7px; background-color:#ededed; display:block;}
.adress {margin-top:4px; margin-bottom:0px; } 

div.adressendetails {padding:5px;}
div.adressendetails h1 {font-size:14px; font-weight:bold; color:#890e3a; margin:0px; margin-bottom:5px;}
div.adrnavi {border-bottom:1px solid #890e3a; padding:2px; margin-top:1px; margin-bottom:4px; font-size:11px; margin-left:5px; margin-right:10px;  }
div.adrnavi a {text-decoration:none; }
div.adrnavi .link {padding:0 10px 0 10px; border-right:1px solid #dddddd; display:inline;}
div.adrnavi .linkactive {padding:0 10px 0 10px; border-right:1px solid #dddddd; font-weight:bold; display:inline;}
.adrbeschreibung {float:left; width:60%; border:1px solid #dddddd; padding:0 10px 0 10px;}
.imgdis {float:right; margin-left:20px; margin-bottom:20px; width:33%;}





p.kein {display:none;}
.success {font-size:14px; font-weight:bold; margin:20px; color:#6C0;}
p.error {background-color:#dedede; padding:10px; font-weight:bold; color:#C03;}

.advent {border:2px solid #bb940c; width:580px; padding:10px; font-size:12px;}
.advent h2 {font-family:FreebooterScriptRegular, Verdana; font-size:18px; font-weight:bold; color:#990000; text-align:center;}

iframe.facebook {border:1px solid #dedede; width:178px; margin-bottom:20px;}