/****** Hauptseite-CSS ******/

*{margin:0px;padding:0px;}

body{
	width:100%;
	height:100%;
	font-family:"Verdana";
}

/****** Hauptelemente ******/
#header{width:950px;height:210px;position:absolute;top:0;left:0;z-index:1;}
#content{width:950px;position:absolute;top:132px;left:0;z-index:2;}

#menue{width:250px;height:350px;float:left;}

#topbilder{width:680px;height:170px;float:left;margin-left:20px;}
#subcontent{float:left;background:#FFFFFF;min-height:100px;margin-left:30px;margin-top:18px;font-size:13px}                                           /* Oben: 320 - Links: 280 - bis: 730 */
#subcontent p{width:430px;float:left;margin-left:20px;margin-top:9px;}       /* Oben: 360 - Links: 300 - bis: 730 */
#subcontent p.txtpic{margin-left:0px;color:#C0232E;font-weight:bold}
#subcontent p.txtpic img {float:left;margin-right:10px}


#rightbilder{width:120px;float:left}                       /* Oben: 390 - Links: 820 - bis: 940 */
#rightbilder img{border:0}

#footer{background:url('../pics/footer.jpg');width:950px;height:15px;margin-top:40px;margin-bottom:10px;}
/****** Bilder oben ******/
#topaktiv{background:url('../pics/topaktiv-2.jpg');width:170px;height:130px;float:left;margin-top:38px;}
#topaktiv a{display:block;width:160px;height:130px;}
#topaktionstage{background:url('../pics/topaktionstage-2.jpg');width:170px;height:120px;float:left;margin-top:48px;}
#topaktionstage a{display:block;width:160px;height:120px;}
#toptipps{background:url('../pics/toptipps.jpg');width:170px;height:130px;float:left;margin-top:38px;}
#toptipps a{display:block;width:160px;height:130px;}
#topinform{background:url('../pics/topinform.jpg');width:170px;height:150px;float:left;margin-top:18px;}
#topinform a{display:block;width:160px;height:150px;}
/****** Im Menu: gelber Pfeil;schw/grauer Pfeil;schw.Schrift ******/

/*#start{ background: url(../pics/menutop.png) no-repeat 50% top; min-height:62px; }*/
/****** Klassen ******/

/****** Standard ******/
#menue ul{list-style-type:none}
#menue li{color:#FFFFFF;font-size:16px;margin-bottom:2px;font-family:Arial;min-height:24px;padding-top:4px;padding-bottom:2px;text-indent:-10px;}
#menue li:first-child{background:url('../pics/menutop.png') no-repeat 50% top;min-height:23px;padding-top:39px;}
#menue li a{text-decoration:none;display:block;color:#FFFFFF;height:100%;margin-left:42px;}
#menue ul span{background-image:url(../pics/pfeil.png);background-repeat:no-repeat;font-weight:bold;background-position:0 center;padding-left:27px;margin-left:15px;}

#menue li.anbieter{background:#E2E3E5;}
#menue li.anbieter a{color:#000000;}

#menue li.impressum{background:#FFFFFF;}
#menue li.impressum a{color:#000000;font-size:11px;}
#menue li.impressum span{color:#000000;font-size:11px;font-weight:normal}

h1{font-size:19px;margin-bottom:9px;font-family:"Arial";float:left;clear:left}
p+h1{margin-top:12px;float:left;clear:left;width:450px}
h2{font-size:12px;margin-left:20px;margin-bottom:0px;float:left;clear:left;width:430px;line-height:17px}
h2+p{margin-top:0px !important}
div.acc{margin-top:0px !important;float:left;clear:left}
p+h2{margin-top:18px !important}
div.acc+h2{margin-top:18px !important}
div.acc+h1{margin-top:18px !important}
h2+h1{margin-top:18px !important;float:left;clear:left}
#subcontent ul{margin-left:35px;float:left}
#subcontent ul+h2{margin-top:18px !important;}
#subcontent h2+ul{margin-top:18px !important;}
#subcontenttext{background:#FFFFFF;width:430px;min-height:100px;float:left;margin-left:20px;margin-top:18px;} 


/*Angebote*/
div.angebot{
	border:1px solid #c52030;
	width:600px;
	min-height:100px;
	margin-bottom:20px;
	margin-left:20px;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	font-size:12px;
}
div#angebotergebnis{width:600px;margin-top:20px;margin-bottom:20px;float:left}
div#angebotergebnis p {width:595px;height:20px !important;float:left;min-height:18px;padding:5px;margin-top:0px}
div#angebotergebnis p:first-child{background-color:#C52030;color:white;}
div#angebotergebnis p span, div#angebotergebnis p a{display:block;
	float:left;
	width:100px;
	height:22px;
	background-image: url(../basic/button_grey.gif);
	background-repeat: no-repeat;
	text-align:center;
	margin-right:10px;
	text-decoration:none;
	color:#333;
	padding-top:2px;
	font-size:13px;
}

div#angebotergebnis p span{background:none;width:105px;text-align:left}
div#angebotergebnis p span#butsort, div#angebotergebnis p span#butsortdistance{	background-image: url(../basic/button_grey.gif);width:100px;text-align:center;background-repeat: no-repeat;}
div#angebotergebnis p span#butsort{	background-image: url(../basic/button_red.gif);color:white}

.angebot dl{height:auto}
.angebot dl dt, .angebot dl dd {min-height:20px;line-height:17px}
.angebot dl dt{float:left;font-weight:bold;color:#666;clear:left;width:180px;text-align:right;margin-right:5px}
.angebot dl dd{float:left;color:#666;width:415px;}
.angebot dl dt:first-child{color:#c52030}
.angebot dl dt:first-child+dd{color:#c52030}
.angebot p{margin-left:30px !important;margin-top:20px !important;min-height:20px !important}
.angebot p a, .angebot p span{
	display:block;
	float:left;
	width:100px;
	height:22px;
	background-image: url(../basic/button_grey.gif);
	background-repeat: no-repeat;
	text-align:center;
	margin-left:10px;
	text-decoration:none;
	color:#333 !important;
	padding-top:2px;
	font-size:13px;
	cursor:pointer;
	
}

form#angebotsuche{margin-bottom:20px}
form#angebotsuche input,form#angebotsuche label {margin-right:10px;height: 18px;b}
form#angebotsuche input#searchplz{background-color:#F4F4F4}
form#angebotsuche input#searchsubmit{
	background-image: url(../basic/button_smit.gif);
	background-repeat: no-repeat;
	height: 22px;
	width:29px;
	color:white;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*NEU Liste Druck*/

form#printlist{margin-left:20px;margin-top:10px;float:left;clear:left}

form#printlist input#printlistsubmit{
	background-image: url(../basic/button_grey.gif);
	background-repeat: no-repeat;
	height: 22px;
	width:100px;
	color:white;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color:#333;
}



div.press_overview{margin-top:20px !important;height:auto;width:430px;float:left;clear:left;margin-bottom:10px}
.press_overview h3{font-size:12px;margin-left:20px;}
.press_overview h4{font-size:13px;font-weight:normal;margin-left:20px}
.press_overview p{margin-top:0px !important}
.press_overview p a.dl{font-weight:bold;font-size:11px;text-decoration:none;color:#000}


/*Impressum*/
div.col1{float:left;width:100px;margin-left:20px;margin-top:20px}
div.col2{float:left;width:330px;margin-left:0px;margin-top:20px}
div.col2 p{margin-top:0px !important;margin-bottom:18px}
div.col2 a{text-decoration:none;color:#000}

#kontaktform {width:430px;margin-left:20px;margin-top:20px;float:left}
#kontaktform label{display:block;float:left;width:120px;color:#c52030}
#kontaktform input{display:block;float:left;width:300px;background-color:#F4F4F4;margin-bottom:10px;height:22px}
#kontaktform textarea{display:block;float:left;width:300px;background-color:#F4F4F4;margin-bottom:10px;height:200px}
#kontaktform br {clear:left}
#kontaktform input#smit{background-image: url(../basic/button_red.gif);
	background-repeat: no-repeat;
	height: 22px;
	width:100px;
	color:white;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left:325px
}

.acctoggle{
	color:#C52030;
	font-size:12px;
	text-decoration: underline;
}

p.nonvisible .acctoggle{color:#FFF !important}

hr {float:left;clear:left;width:440px;margin-left:20px}

/* 
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;
	width:450px;margin-left:20px;margin-top:20px;float:left
}




/* 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: 423px;
	margin-top:10px;
	margin-bottom: 15px;
	margin-left:20px;
	background-color: #FFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	border: 1px dashed #c52030;
	float:left;
	clear:left;
}

/*
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: 1em;
	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: #FFF;	
}



/* Label */
.formgen label {
	/*width: 120px;
	clear: left;
	float: left;
	height: 20px;
	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;
}



.formgen label{display:block;float:left;width:120px;color:#666}
.formgen input{display:block;float:left;width:300px;background-color:#F4F4F4;margin-bottom:10px;height:22px;font-family:Verdana, Arial, Geneva, sans-serif}
.formgen textarea{display:block;float:left;width:300px;background-color:#F4F4F4;margin-bottom:10px;height:200px;font-family:Verdana, Arial, Geneva, sans-serif}
.formgen input.formsubmit{background-image: url(../basic/button_red.gif);
	background-repeat: no-repeat;
	height: 22px;
	width:100px;
	color:white;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left:325px
}

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


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

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

.formgen .formreq {
	color: #c52030;
}

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