/* farbe hosing.club-basic
#72A535 
#A8F24E 
#A68D35 
#F2CF4E 
#595959 
#A6A6A6  

#72A535

#507425

#EBFFD4

#D8FFA8

*/



html, body {
margin: 0;
padding: 0;
}



body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 101%;
	background-color: #fff;
	text-align: center;/*fuer IE_quirks*/
}


#content{
	border-left:1px solid #FFF;
	font-size: 81%;
	text-align: center;/*fuer IE_quirks*/
 /*   height:1000px; */

   width:745px; 
   max-width:743px;
   color:#fff;
   background-color:#006599;  /*#EBFFD4; #A6A6A6;  #9A9B82; */
   border-top:1px solid #FFF;
	}



#fussnote {
	height: 30px; 
	background-color: #B2BEC3;	
	text-align:right;
	width: 955px;
	  
}

*html #fussnote {
	/*width: 600px;*/
	
}

#fussnote ul{
	/*margin:0;
	 padding:8px 0 0 5px;*/
	list-style:none;
		background-color: #B2BEC3;

}

#fussnote li{
	display:inline;
	padding:0 0 0 5px;	
}
#fussnote a{

	font-size:10px;
	text-decoration:none;
}

#angebot_box{
	width:147px; /*143px;*/
	float:left;
	border-right:1px solid #FFF;
	background-color: #638040; 

	}
*html #angebot_box{
width:148px; /*143px;*/
}

#angebot_box a, a:link, a:visited, a:active  {
	color:#FFF;

}	
#angebot_box a:hover{
	color:#FFF;
	text-decoration:underline;
}
 

#paket_box{
	margin: auto;
/*	border-top:1px solid #FFF;
	background-color: #0078AB; */
	height:2000px;
	width:620px;
	color:#004867;

}
#paket_box1{
	border-left:1px solid #FFF;
	max-width:145px;
	width:150px;
	text-align:left;
	padding-left:5px;
	background-color:#B2BEC3; 
}
#paket_box2{
	border-left:1px solid #FFF;
	max-width:66px;
	width:70px;
	background-color:#B2BEC3; 
}
#paket_box3{
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	max-width:395px;
	width:400px;
	text-align:left;
	padding-left:5px;
		background-color:#B2BEC3; 
}
#paket_box1,#paket_box2,#paket_box3{
	display: block;
	float: left;
	border-bottom:1px solid #FFF;

}
/* ======================= */
/*     */

.angebot-headline{
	/* font-family: Times New Roman, Times, serif;*/
	font-size: 1.5em;
	font-weight:bold;
	background:#0078AB;
	color:#FFF;
	
	}
.angebot-preis{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-top:15px;
	font-size: 120%;
	}
	/*
.angebot-zeit{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
*/
.setup{
	font-size: 100%;
	background:#72A535;
	color:#FFF;
	font-weight:bold;
}

.angebot-leistung{
	text-align:left;
	font-size: 91%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	height:100px;
}
.zusaetzlich-leistung{
	text-align:left;
	font-size: 81%;
	padding-top: 5px;
	padding-left:5px;
}
.kurzbescheibung{
	text-align:left;
	font-size: 100%;
	background:#A68D35;
	padding-left:5px;
}

.email-leistung{
	text-align:left;
	font-size: 81%;
	padding-top: 5px;
	padding-left:5px;
}
.inklusiv-leistung{
	text-align:left;
	font-size: 81%;
	padding-top: 5px;
	padding-left:5px;
}
.mehr{
	text-align:left;
	font-size: 100%;
	padding-bottom: 5px;
	padding-left:5px;
}
.zusaetzliche_setup{
	text-align:left;
	font-size: 71%;
	padding-left:5px;
	}
	
	
/* css für df templates */

.shead {
	color: #FFF;
}

.lightgray {
	background-color: #CCCCCC;
	color:#004867;

}
.smallfont{
	font-size: 81%;
	
}
.normalfont{
	font-size: 81%;
	color:#FFF;
}
.normalfont-woisergebnis{
	font-size: 81%;
	color:#004867;
}

.boldfont{
	color: #004867;
	font-size: 91%;
	font-weight:600;
}
.headerfont{
	color: #004867;
}
/* ======================= */
/* Tabellen */
.tableStartHeadline{
	background-color: #638040;
	font-size: 80%;
	font-weight:bold;
	color: #FFF;
	text-align: center;
	}
.table-start-Text{
	background-color: #638040;
	font-size: 91%;
	color: #FFF;
	}
		
.tableText {
          font-size: 100%;
		  color:#000;
}
.tableText-angebot {
          font-size: 80%;
}



/* ======================= */
/* fieldset */
legend{
	font-size: 11px;
	font-weight:bold;
}

label {
	font-size: 11px;
	color:#000;
}

fieldset a{
	line-height: 30px;
	padding-left: 7px;
}

fieldset {
	padding: 0 0 5px 5px;
	color:#000;
}

fieldset input {
	width:130px;
}



/* ======================= */

/* Sonstige Formatierungen */


.textarea-formualr{
width:483;
}
*html .textarea-formualr{
width:500;
}
input{
margin-top: 5px;
margin-left: 2px;
background-color:#fff;
border: 1px solid #000;
color: #000;
font-size: 12px;
}



option { 
	width:100;
	background-color:#fff;
    color:#000;
    border: 1px solid #000;
}

textarea{
	/*background-color:#fff;*/
    color:#000;
    border: 1px solid #000;
  }
radio {
	width:30;
}

.button{
	margin-top: 3px;
	background-color:#fff;
	border: 1px solid #000;
	color: #000;
	font-size: 11px;
	width: 105px;
}

h1, h2, h3, h4 {
	letter-spacing: 1px;
}

h1 {
	font-size: 100%;
}

h2 {
	font-size: 120%;
}

h3 {
	font-size: 110%;
}
h4 {
	font-size: 105%;
}

p {
	font-size: 80%;
}

hr {
	height: 4px;
	border: dotted;
	width: 90%;
	color:#FFF;
}

img {
	border: none;
}

.liste {
	font-size: 80%;
	line-height: 140%; 
}

/* Die Hyperlinks */
a {
	text-decoration: none;
	color:#FFF;

}

a:link {
	color:#000;
}

a:visited {
	color:#000;
}

a:hover {
	color:#000;
	text-decoration:underline;
}

a:active {
	color:#000;
}
#paket_box a:link, a:visited, a:hover, a:active{
	color:#FFF;
	text-decoration:underline;
	}