@charset "utf-8";
/* CSS Document */

body {
 background-color:#EEEEF0;
 margin-top:0px;
 background-image:url(images/hg.gif);
 background-repeat:repeat-x;


}

 *+ html body {


}

 * html body {


}


 

 
#container {
 width:993px;
 margin: 0 auto;
 

  }
  
   
#container  #inhalt {
 width:993px;
 float:left;
 background-image:url(images/containerhg.gif);


  }
  
#container  #inhalt #header1{
 width:993px;
 float:left;
 height:168px;
 background-image:url(images/header1.jpg);

  }
  
#container  #inhalt #header2{
 width:993px;
 float:left;
 height:24px;
 background-color:#D65110;
 
  }
  
#container  #inhalt #header2 #men{
 margin-top:-16px;
 background-color:#000000;
 
  }
  
#container  #inhalt #header2 #shop{
 float: left;
 margin-left:430px;
 margin-top:-15px;
 
  }
  
* + html #container  #inhalt #header2 #men{
 
 background-color:#000000;
 margin-top:5px;
 margin-left:26px;
 
  }
  
* + html #container  #inhalt #header2 #shop{
 float: left;
 margin-left:430px;
 margin-top:-4px;

 
  }
  
 #container  #inhalt #header2 #shop ul{
  list-style-type:none; 
 
  }
  
  #container  #inhalt #header2 #shop li{
   background-image:url(images/pfeil.gif);
   width:63px;
   height:23px;
  
  
 
  }
  
 #container  #inhalt #header2 #shop a{
  font-family:Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
 
 
 
  }
  
#container  #inhalt #header2 #men ul{
 list-style-type:none;
 margin-top:0px;
 margin-left:150px;
   }
   
   
 * + html #container  #inhalt #men #header2 ul{
 list-style-type:none;
 margin-top:3px;
 margin-left:190px;
   }
   
  *  html #container  #inhalt #men #header2 ul{
 list-style-type:none;
 margin-top:3px;
 margin-left:190px;}
   
#container  #inhalt #header2 #men a{
 font-family:Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size:12px;
 font-weight:bold;
 text-decoration:none;
    }
#container  #inhalt #header2 #men span{
 font-family:Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size:12px;
 font-weight:bold;
 text-decoration:none;
    }
  
 #container  #inhalt #header2 #men ul li{
 float:left;
 margin-left:10px;
 
 
  }
  
#container  #inhalt #header3{
 width:993px;
 float:left;
 height:2px;
 background-color:#FFFFFF;
  }
  
#container  #inhalt #header4{
 width:993px;
 float:left;
 height:6px;
 background-color:#9C9B9A;
  }
  
#container  #inhalt #left{
 width:188px;
 float:left;
 min-height:592px;
 background-image:url(images/left.jpg);
 margin-top:3px;
 background-color:#AB2929;
 
  }
  
#container  #inhalt #left ul{
 list-style-type:none;
 margin-left:-40px;
 
  }
  
* + html #container  #inhalt #left ul{
 list-style-type:none;
 margin-left:0px;
 
  }
  
 * html #container  #inhalt #left ul{
 list-style-type:none;
 margin-left:0px;
 
  }
  
#container #inhalt #left li {
 background-image:url(images/button.png);
 width:188px;
 height:46px;
 margin-top:1px;}
#container #inhalt #left li.active {
 background-image:url(images/button.gif);}
 
#container #inhalt #left li:hover {
 background-image:url(images/button.gif);
 }
 
#container #inhalt #left a {
 font-family:Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size:11px;
 text-decoration:none;
 margin-left:9px;
 display:block;
 padding-top:5px;
 font-weight:bold;
 
}

#container #inhalt #left a:hover{
 
 
 
}
  
#container  #inhalt #main{
 width:801px;
 float:left;
 min-height:592px;
 margin-top:3px;
 border-right:3px;
 border-right-color:#747272;
 border-right-style:solid;
 background-color:#FFFFFF;
 
 
 
  }
  
  
  
#container  #inhalt #main #inhalt_text{
 width:750px;
 margin:0 auto;
 font-family:Arial, Helvetica, sans-serif;
 color:#333333;
 font-size:12px;
 line-height:18px;
 margin-top:5px;
  
  }  
  
  #container  #inhalt #main #inhalt_text h2{
 
 font-size:18px;
 color:#AB2929;
  
  }
  
    #container  #inhalt #main #inhalt_text h3{
 
 font-size:14px;
 
 
  
  }
  
  
     #container  #inhalt #main #inhalt_text a{
 
 color:#AB2929;
 text-decoration:underline;
 
 
  
  }
  
.slimbox {
 width:150px;
 height:190px;
 float:left;
 margin-left:18px;
 border: 1px;
 border-style:solid;
 border-color:#F0F0F1;
 margin-top:10px;
 text-align:center;}

.slimbox a img{
 border:0px;
 max-height:150px;
 max-width:150px;
 }
.slimbild {
 height:150px;
 text-align:center;}
 
.slimtitel {
 background-color:#AE2C25;
 text-align:center;
 font-size:11px;
 color:#FFFFFF;
 height:40px;
 }

  
  


 #container  #footer {
  background-color:#747272;;
  height:15px;
  width:993px;
  float:left;

 
 
  }
  
  
  /* 
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS 
Für: do form! 2.x  und 3.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: #FEFEFE;
	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 #C0504E;
	background-color: #FFFFFF;
}


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

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



/* Label */
.formgen label {
	width: 120px;
	clear: left;
	float: left;
	height: 20px;
	font-weight: bold;
	color: #C0504E;
}


/* 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: #C0504E;
	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 */