@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 {

 border:1px solid #7e6262;

left:10px;top:50px;

-moz-border-radius:10px;

background-color:#7e6262;

height:56px;

margin-bottom:2px}

#container #inhalt #left li.active {

border:1px solid #747272;

left:10px;top:50px;

-moz-border-radius:10px;

background-color:#747272;}

 

#container #inhalt #left li:hover {

border:1px solid #747272;

left:10px;top:50px;

-moz-border-radius:10px;

background-color:#747272;

 }

 

#container #inhalt #left a {

 font-family:Arial, Helvetica, sans-serif;

 color:#FFFFFF;

 font-size:13px;

 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 #buttons{

 font-family:Arial, Helvetica, sans-serif;

 color:#333333;

 font-size:12px;

  margin-top:5px;

 margin-bottom:20px;

 width:750px;

 float:left;



  }  
  
   #container  #inhalt #main #gold{
    float:left;
	width:799px;
	margin: 0 auto;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	border: 1px #D75E17 solid;
	background-color:#D75E17;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:10px;
  }

 #container  #inhalt #main #buttons #button1{

 margin-left:40px;
 margin-top:5px;
  width:142px;
 float:left;
 height:142px;
} 

  #container  #inhalt #main #buttons #button3{

 margin-left:40px;

 

 
 margin-top:5px;

 

 width:300px;

 float:left;
 
 height: 142px;



  } 

  #container  #inhalt #main #buttons #button1 a img{

border:none



  }

   #container  #inhalt #main #buttons #button2 a img{

border:none



  } 

   #container  #inhalt #main #buttons #button3 a img{

border:none



  }           

  #container  #inhalt #main #buttons #button2{

 margin-left:40px;

 
 margin-top:5px;

 

 height:142px;

 float:left;

   width:162px

  }   
  
  
    #container  #inhalt #main #buttons #button4{

 margin-left:40px; 
 height:142px;
   width:162px;
   margin-top:10px;
   float:left;

  }
  
  #container  #inhalt #main #buttons #button4 a img{
	 border: 0px;
 

  }

  
  #container  #inhalt #main #buttons #button5{
 height:142px;

 float:left;

   width:162px;
   margin-top:10px;
   margin-left:360px;
   

  }
  
    #container  #inhalt #main #buttons #button5 a img{
	 border: 0px;
 

  }

#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:15px;
 float:left;
 margin-left:17px;

  

  }  

  

  #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 */