/* Seitenstruktur */

html,body{	
   margin:0;
   padding:0;
   color: #323232;
}

img, a img,:link img,:visited img, fieldset {
   border:none;
}

ul,ol,li,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input, dl, dt, dd { 
   margin:0; 
   padding:0; 
}

address { 
   font-style:normal ;
}

h1,h2,h3,h4,h5,h6,pre,code {
   font-size: 1.2em;
}
h2{
   font-weight: normal;
   font-style: italic;
}
h4{
   text-align: center;
   font-size: 18px;
   font-weight: bold;
   font-style: italic;
   color: #FF992C;
}

h6{
   font-weight: normal;
   background-color: Maroon;
   color: White;
}
h6 a{
   color: White;
   text-decoration: none;
}
h6 a:hover{
   color: White;
font-weight: bold;
}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

/* Definition der Seitenelemente */

body{
   background-color: #dfd8fc;
   background-image: url(top.gif);
   background-repeat: repeat-x;
   font: 76% sans-serif;
   text-align: center;
}

a{
   color: #323232;
   text-decoration: none;
}

a:hover{
color: Maroon;
font-weight: bold;
}

div#container{
   width: 800px;
   margin: 0 auto;
   text-align:left;
   background-color: White;
   background-image: url(navigation.gif);
   background-repeat: repeat-y;
}

div#header {
   height:169px;
   margin:0;
   padding-left:10px;
   border-bottom: 20px solid #d0bd9d;
   background-image: url(header.gif);
   background-repeat: no-repeat;
   color: #79B30B;
   }



div#content{
   float: right;
   width: 610px;
  border: 10px solid White;
}

   
div#content p{
   border
   line-height: 1.4;

}

div#navigation{
   width: 160px;
  /* background: url(navigation.gif) 0px -5px; */
   background-repeat: repeat;
   float: left;
   border-right: 1px dotted #FF992C;
}

div#extra{
   float:left;
   clear:left;
   width:50px;
   height:350px;
   /*border-left: 16px solid #d0bd9d;*/
}
  
div#footer {
   background: #d0bd9d;
   color: #FFF;
   clear:both;
   width:100%;
}

div#footer p {
   margin:0;
   padding:5px 10px;
}





#breadcrumb {
   color: white;
   padding: 0 0 0 100px;
}

#breadcrumb a, 
#breadcrumb a:link {
	color: white;
   text-decoration:none;
}

#breadcrumb a:hover {
   color: Background;
}


#navigation ul.nav1st {
   padding: 5px 0 5px 0;
   background-image: url(hinter.gif);
}

#navigation ul.nav1st li {
   margin: 4px 0 2px 20px;
   border: thin solid White;
   border-style: none none solid none;
}

#navigation ul.nav1st li.active {
	color: White;
   background-color: #FF992C;
}
#navigation ul.nav1st li.active:hover {
}
#navigation ul.nav1st li:hover {

}

#navigation ul.nav1st li.active a,
#navigation ul.nav1st li.active a:link {
	color: White;
   background-color: #FF992C;
}

#navigation ul.nav1st a, 
#navigation ul.nav1st a:link {
color: Black;
text-decoration: none;
}

#navigation ul.nav1st a:hover,
#navigation ul.nav1st a:link {
  
}

.Artikel_headline{
   font-weight: bold;
}
.Artikel_body{
   text-align: justify;
   width: 550px ;
}


.faq_headline{

   font-weight: bold;
}
.faq_body{
   text-align: justify;
   width: 550px ;
   font-style: italic;
}
.trenn_line{
   border: 1px solid #D27400;
   height: 1px;
}

.nutzerbericht_user{
   font-weight: bold;
}
.nutzerbericht_body{
   text-align: justify;
   width: 550px ;
   font-style: italic;
}
.nutzerbericht_ps{

}

/* form-module
*******************************************************************************/
#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
	margin:0px;
	padding:0px;
	width:520px;
	background-color:#f7f7f7;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.2em;
}

#form-module fieldset {
	border:0px solid #fff;
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding:5px;
	font-size:1em;
	font-weight:bold;
}

#form-module .element {
	display:block;
	clear:both;
	background-color:#f7f7f7;
	border-top:2px solid #fff;
}

#form-module label {
	display:block;
	float:left;
	padding:5px;
	width:120px;
	border-right:2px solid #fff;
}

#form-module label.checkbox {
	width:372px;
	border-left:2px solid #fff;
	border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {
	float:left;
	margin:5px;
	width:295px;
	border:1px solid #333;
}

#form-module input.text {
	height:20px;
}

#form-module input.checkbox {
	width:120px;
	padding:0;
	border:none;
}

#form-module input.submit { 
	margin:5px 5px 5px 137px;
	padding:2px 5px;
	border:1px solid #333;
	background-color:#fff;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}

#form-module input.submit:hover { 
	background-color:#f7f7f7;
	color:#000;
}

#form-module label.textarea, 
#form-module textarea.textarea {
	height:96px;
}

#form-module-thanks {
	display:block;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.2em;
}



#addcart 	{
			clear:both;
			padding: 5px 0;
			}

#addcart2	{
			border-top:dotted 1px #A5AD45;
			padding: 5px 0;
			}
			
#addcart .price {
			font-size: 1.2em;
			margin-top: 9px;
			font-weight: bold;
			text-align: right;
			float: right;
			}

#addcart .article {
			font-size: 0.9em;
			margin: 3px 0 5px 0;
			font-weight:normal;
			}

#addcart .button {
			font-size: 1.3em;
			font-weight:normal;
			float: left;
			margin-right: 12px;
			}


#addcart .options {
			font-size: 1.0em;
			font-weight:normal;
			margin: 5px 15px 0px 0px;
			float: left;
			}
         
         


/* 
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS 
FŸr: do form! 2.x  
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berŸcksichtigt nicht alle mšglichen Felder 
!! Farben nicht 1 zu 1 Ÿbernehmen
!! ist ja nicht wirklich hŸbsch

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschlie§t */
.formgen {
	font-size: 1em;
	padding-right: 10px;
	padding-left: 10px;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}



.formgen form
{
line-height : 120%;

}




/* 
Wie sehen die einzelnen Blšcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;	
	
}
 .forminfo 
{
	width: 360px;
	margin-bottom: 15px;
	background-color: #FFCC33;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
	border: 5px dashed #990000;
}

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


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


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 400px;
	height: 200px;
	margin-left: 4px;
	border: 1px solid #003366;
	background-color: #DFEEDD;
}


/* Textfeld */
.formgen .formtext
{
	width: 250px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 0.8em;
	background-color: #E9EBF3;
	border: 1px solid #003366;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border-bottom-color: #000000;
	background-color: #FFCC66;	
}



/* Label */
.formgen label {
	width: 200px;
	clear: left;
	float: left;
	height: 40px;
	font-weight: bold;
	color: #003399;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #33FF33;
	margin-left: 4px;
	color: #000000;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 100%;
	text-align: center;
	background-color: #006699;
	border: 1px solid #FFCC33;
	float: right;
	color: #FFFFFF;
}



/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #990000;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}

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


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color: #990000;
}

.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.formgen .formreq {
	color: #006633;
}

.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}

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