@charset "utf-8";
html {
	height: 100%;
	margin:  0px;
	padding: 0px;
}
body  {
	height: 100%;
	margin:  0px;
	padding:  0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	text-align: left;
	color: #84848d;
	line-height: 18px;
	background-image: url(bg.jpg);
	background-repeat: repeat-x;
}
#containeroben {
	height: 400px;
	width: 850px;
	margin: 0px auto 0px auto;
	padding:  0px;
	border: 0px solid #ff0000;
}
#containerunten {
	height: 400px; /*400*/
	width: 850px;
	text-align:center;
	vertical-align:bottom;
	margin: 0px auto 0px auto;
	padding: 0px;
	border: 0px solid #ff0000;
}
#minimenu {
	position: absolute;
	top:0px; 
	left: 0px;
	padding-top:5px;
	width: 830px;
	text-align: right;
	z-index:2;
	color: #ffffff;
}

minimenu:link {
	color: #ffffff;
	}
	
#bild {
	position: absolute;
	top:0px; 
	left: 0px;
	width: auto;
	margin: 0px;
	padding: 0px;
	width: auto;
	z-index:1;
}
#logo {
	position: absolute;
	top:0px; 
	left: 0px;
	width: auto;
	text-align: left;
	padding-left:40px;
	padding-top:30px;
	z-index:3;
}
#hauptnavigation {
	position: absolute;
	bottom: 0px;
	left: 105px; /* ohne Shop: 253px */
	right: 0px;
	width: auto;
	height: 25px;
	z-index:4;
	text-align: right;
	border: 0px solid #ff0000;
}

#subnavigation {
	background-image: url(subnavi.gif);
	width: 850px;
	height: 50px;
	padding-top: 5px;
}

#inhalt {
	margin: 0px;
	padding: 20px 100px 0px 100px; /*30*/
	width: 650px;
	height:auto;
	min-height: 424px; /*424*/
	float:left;
	z-index:20;
	text-align:left;
	vertical-align:bottom;
	background-position:bottom;
	background-repeat:no-repeat;
	background-image:url(bg_ornament.gif);
	background-attachment: scroll;
	border: 0px solid #ff0000;
	bottom:0;
}
.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.flLeft {
	float:left;
}

.flRight {
	float:right;
}

.head
{
	color:#FF0000;
	font-size:18px;
	font-weight:bold;
}

.qhead
{
	color:#b5b5bb;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	line-height:21px;
}

.farbig
{
	color:#FF0000;
}

a {
	color: #ffffff;
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;
}

a:link { color: #ffffff; }
a:visited { color: #ffffff; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }
	
#hauptnavigation a.hauptmenu {
	display:block;
	width:138px;
	height:22px;
	float: left;
	padding-top:3px;
	text-decoration:none;
	text-align:center;
	font-size:12px;
	font-weight:700;
	background-color:#000000;
	filter:alpha(opacity=40);
	-moz-opacity: 0.40;
	opacity:0.40;	
	color: #ffffff;
	/*text-transform: uppercase;*/
}

#hauptnavigation a.hauptmenu:hover, a.hauptmenu:active  { 
	background-color:#ffffff;
	filter:alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1.00;
	color: #84848d;
}

#hauptnavigation a.hauptcurrent {
	display:block;
	width:138px;
	height:22px;
	float: left;
	padding-top:3px;
	text-decoration:none;
	text-align:center;
	font-size:12px;
	font-weight:700;
	background-color:#ffffff;
	color:#84848d;
	filter:alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1.00;
}

#subnavigation a.submenu {
	padding-left:10px;
	padding-right:10px;
	height:22px;
	/*float:left;*/
	text-align:center;
	font-size:12px;
	font-weight:700;
	padding-top:5px;
	text-decoration:none;
	color:#b5b5bb; 
}

#subnavigation a.submenu:hover, a.submenu:active { 
	color:#ff0000;
	}
	
#subnavigation a.subcurrent {
	padding-left:10px;
	padding-right:10px;
	height:22px;
	/*float:left;*/
	text-align:center;
	font-size:12px;
	font-weight:700;
	padding-top:5px;
	text-decoration:none;
	color:#ff0000;
}

a.linktext {
	color:#84848d;
	padding: 0px;
	margin: 0px;
}
a.linktext:hover, a.linktext:active  { color:#ff0000; }

/*/////////////////////////////////////////////////////////////////////////////

/********************** Formulargenerator ******************************/
/*/////////////////////////////////////////////////////////////////////////////

/* Formular Definition */

/* Div das das Formular umschließt */
.formgen {
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
	line-height : 18px;
	text-align: left;
	word-spacing: 0.2em;
	padding: 0px 0px 0px 0px;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* Rahmenfarbe angeben für Opera */
fieldset {
   border:none;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	color: #84848d;
	font-size:11px;
	width: 375px;
   	border: 1px solid #999;
   	background-color: transparent;
   	padding: 1px 1px 1px 3px;
   	margin: 0px 0px 4px 0px;
}
/* Textfeld */
.formgen .formtxt
{
	color: #84848d;
	font-size:11px;
	width: 300px;
   	border: 1px solid #999;
   	background-color: transparent;
   	padding: 1px 1px 1px 3px;
   	margin: 0px 0px 5px 0px;
	margin-left: 0px;
}

/* Hinweistext */
.formgen .formhinweis
{
	color: #84848d;
	font-size:11px;
	font-weight:normal;
}
/* Überschrift */
.formgen .formheadline
{
	color:#FF0000;
	font-size:11px;
	font-weight:normal;
	margin-left: 0px;
}


/* Passwortfeld */
.formgen .formpassword
{
	width: 200px;
	background-color: transparent;
	margin-left: 4px;
	font-size:11px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
	border: 1px solid #990000;
}

/* Bezeichnungen für Checkbox, Radiobutton, Textfield  */
.formgen label {
	clear: left;
	float: left;
	padding: 0px;
	text-align: left;
	font-size:11px;
	line-height: 18px;
	font-weight:normal;
	color: #84848d;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	float: left;
	background-color: #ffffff;
	margin-left: 10px;
}

/* Aussehen der Checkbox-Ausgabe */
.formgen .formcheck
{
	margin-right: 10px;
	margin-left: 0px;
}


/* Sende-Button */
.formgen .formsubmit
{
   float: left;
   width: 150px;
   font-weight: bold;
   font-size: 11px;
   margin: 15px 0px 0px 0px;
   padding: 3px 0px 3px 0px;
   background-color: #eee;
   color: #333;
   text-align: center;
   border: solid 1px #999;
   cursor: pointer;
	
}

/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
	padding: 0px 0px 0px 0px;
   	margin: 0px 0px 0px 0px;
}


/* Überschirft */
.formgen legend {
	color:#FF0000;
	font-size:11px;
	font-weight:normal;
	margin-left: 0px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */

.formgen .forminfo {
	font-weight: bold;
	color: #ff0000;
	font-size: 18px;
	font-family: Verdana, Arial, Sans-Serif;
	word-spacing: 0.2em;
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	font-weight: normal;
	color: #ff0000;
	font-size: 11px;
	font-family: Verdana, Arial, Sans-Serif;
	word-spacing: 0.2em;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */


/*//////////////////////////////////////////////////////////////////////////////*
/**
 * Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie
 */
div.wysiwygimg {}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext {}

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0; margin:1px;}
.wysiwygimg img.wysiwygimg {border:solid 5px #f5f5f5; padding:1px;}
.wysiwygimg a.wysiwygimg img {border:0;padding:0px;vertical-align:top; margin:1px;}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 5px #f6f6f6; display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:focus {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:active {border:solid 5px #e4e4e4;}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#666; font-size:0.8em; font-style:italic; margin:2px 0px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.0em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {padding-right:1.0em;}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {padding-left:1.0em;}



/*--------------------------------------------------------------------------------*/

/* entsprechend anpassen */

/* Falls Linkbezeichnung neue Zeile (Einleitungstext als eigener Absatz)*/
p.extlink_preface {
  margin: 0;
  padding: 0 0 0.5em 0;
}

/* Falls Linkbezeichnung nicht in neue Zeile (Einleitungstext und Link zusammen als Absatz)*/
p.extlink_block {

}

/* Auszeichnung für den Link (um hover etc. ergänzen)*/
a.extlink_link {
  text-decoration: underline;
}