@charset "utf-8";
body {background-color:#780000; 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; padding-top:0; background-color:#ffffff; }

img {border:none;}
td {vertical-align:top;}
td p {margin:0;}
table.visible td {border-bottom:1px solid #990000;}
a, a:visited {color:#780000;}
#topnav {font-size:11px; text-align:right; margin:4px 10px 2px 10px;}
#topnav a {text-decoration:none; color:#780000; padding-left:20px;}

#header { height:68px; background-color:#780000; margin:5px 10px 0 10px; }

#mainnav {background-color:#ffffff; border-bottom:1px solid #780000; padding:2px; margin-top:1px; margin-bottom:4px; font-weight:bold; font-size:12px; margin-left:10px; margin-right:10px;  }
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; }

#mainnav a {text-decoration:none; padding-left:10px; padding-right:10px; padding-top:2px; display:inline-block; color:#666666; }
#mainnav a.rex-current, .rex-active {color:#780000;}

#navi {width:200px;  padding-left:10px; }
#maintext { padding-right:10px; padding-left:10px; padding-bottom:20px; width:660px; 	}
td.right {width:160px; padding-right:10px; padding-left:10px; padding-top:3px; }
#maintextbreit {padding-left:10px; padding-right:10px; width:690px; padding-bottom:20px;}

div.navi {margin:0; padding:0; margin-top:4px; width:200px; }
#navi ul.rex-navi1 {background-color:#cecece; padding:0; padding-top:1px; list-style-type:none;}
.navi a {color:#780000; text-decoration:none;}
.navi a.rex-current, a.rex-active {color:#780000; 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;}



#datum {padding:5px 0 5px 0; font-size:10px;  margin:0;}





.clear {clear:both; height:1px;}
hr {height:1px;}

#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;}

form br {clear:both;}
 
.formsubmit {border:1px solid #780000; background-color:#dddddd; padding:1px 4px 1px 4px; font-size:11px; color:#780000; margin-left:60px;}
#doform176 {border:1px solid #dddddd; padding:10px;}
#doform176 .formsubmit {border:1px solid #780000; background-color:#dddddd; padding:2px 6px 2px 6px; font-size:11px; color:#780000; 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;}




div.bezahlte {width:160px; margin-top:10px; text-align:center; border:1px solid #dddddd; }

.bezahlte input.rex_375_text {width:140px; font-size:11px; border:1px solid #780000; margin:3px;}
select {border:1px solid #780000;}
.bezahlte input.rex_375_subscribe, .bezahlte input.rex_375_unsubscribe {margin:3px; font-size:11px; width:70px; display:inline; background-color:#dddddd;}

.bezahlte img {margin-top:5px; margin-bottom:5px;}
.bezahlte p {margin:5px;}
.bezahlte h1 {font-size:11px; font-weight:bold; color:#780000; background-color:#dddddd; display:block; margin:0; padding:1px;}
#maintext h1, #maintextbreit h1 {font-size:14px; font-weight:bold; color:#780000; margin-bottom:20px; margin-top:20px;}
#maintext h2, #maintextbreit h2 {font-size:12px; font-weight:bold; color:#666666; margin-bottom:12px; margin-top:10px;}
#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;}
#rex_375_multinewsletter ul {margin:0; padding:0;}
#rex_375_multinewsletter li {list-style-type:none; margin:0; padding:3px;}
#doform2742 input {margin-bottom:5px;}
#doform2742 .formsubmit {margin-left: 165px; margin-top:10px;}
label {width:150px; float:left;}
input.rex_375_unsubscribe, .rex_375_subscribe, .a63-fsubmit {border:1px solid #780000; background-color:#eeeeee; width:150px; margin-left:150px; margin-bottom:5px; color:#780000;}
input.rex_375_text {border:1px solid #dddddd; padding:2px; width:200px;}
fieldset {padding:10px;}
#werbung {position:absolute; left:950px; top:12px;}
#werbung img {margin-bottom:10px;}
#footer {background-color:#ffefff; border-top:1px solid #dddddd; margin-top:20px;}
#footer p {padding-left:10px;}

.a63-entries
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;}
#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 #780000; text-align:center; padding-top:8px; margin-bottom:20px;}
div.artikelliste {margin-left:0px; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #999999;}
a.artikelliste {font-weight:bold; text-decoration:none; color:#780000; padding:4px 0px 4px 0px;}
div.saisonbild {width:200px; height:170px; overflow:hidden;}
.saisonbild img {width:200px; margin-top:5px; margin-right:10px; padding:0;}
div.galerie {}
div.image {float:left; padding:6px;}
#popup {}
.image_fade_wrapper {
	
	border: 1px solid #FFF;
	background-color: #ffffff; padding-bottom:10px;
}
/* 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: 400px;
	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: 10px;
	left: 0;
	border: none;
	margin: 0;
	padding: 0;
}
#suchenbox {text-align:center; width:160px; }
#suchenbox h2 {font-size:12px; font-weight:bold; text-align:center; margin:2px;}

#suchenbox {padding:0; border:1px solid #780000; background-color:#eeeeee; margin-top:10px;}
#suchenbox .button {border:1px solid #780000; background-color:#dddddd; padding:1px 4px 1px 4px; display:inline; font-size:11px; color:#780000;}
#suchenbox .search {border:1px solid #780000;  padding:1px; display:inline; font-size:11px; width:100px;}
form.suchbox {padding:5px; margin:0;}



td.bildwechsler {padding:0; padding-left:0px; }
td.topthemen {padding-right:10px; padding-left:10px; padding-top:0px;}

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

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

.facebook {font-size:11px;}

.clear{
	clear: both;
}

.banner468 {height:100px; border:1px solid #dddddd; margin-top:10px;}