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

body {
    font-family:                Verdana, Arial, sans-serif;
	font-size:					1.0em;
    color:                      #000000;
    background: 				#ffffff;
}

#header {
    background:                 #006633 url("../img/header.png") no-repeat;
    width:                      600px;
    height:                     100px;
    text-align: 				center;
}
#haushaltsschwein {
	position: absolute;
	top: 15px;
	left: 330px;
}
#container {
    width:                      600px;
    clear:                      both;
}

#stepinfo {
  background:                   #4C9B71; 
  height:                       20px; 
  border-top:                   1px solid #ffffff; 
  float:                        left;
  width:                        600px;
}


#content {
  float:                        left;
  width:                        560px;
  height:                       394px;
  background:                   #ffffff;
  overflow:                     scroll;
  padding:                      0px 25px 25px 15px;
  border:                       0px solid #a00000;
}
  #img_bestgarantielogo {
      float:                    left;
      margin:                   10px 0px 15px 0px;
  }
  #content img {
      border:                   0px;
  }
  
#footer {
    float:                      left;
    width:                      600px;
    height:                     20px;
    margin-top:                 -17px;
    background:                 #006633;
    z-index:                    99;
}

a {
  color:                        #F39A0B;
}
	a:hover {
    	text-decoration:        none;
	}


/**********************************
***********************************
***********************************/


a img {
    border:                     0;
}

fieldset
{
	border: 						1px solid #c0c0c0;
	margin: 						0px 0px 30px 0px;
	display: 						block;
	padding: 						10px;
	width: 							535px;
	-moz-border-radius:				10px; 		/* Firefox */
	-webkit-border-radius:			10px; 		/* Safari, Chrome */
	-khtml-border-radius:			10px; 		/* Konqueror */
	border-radius:					10px; 		/* CSS3 */
}
	fieldset.error
	{
		border: 						1px solid #d00000;
	}
legend
{
	/*width: 							210px; /* 210px */
	color: 							#878787;
	/*background-color: 				#878787;*/
	background-color: 				#E3E3E3;
	padding: 						5px 15px;
	margin: 						0px;
	font-size: 						0.8em;
	font-weight: 					bold;
	margin:							0px 0px 0px 0px;
	-moz-border-radius:				5px; 	/* Firefox */
	-webkit-border-radius:			5px; 	/* Safari, Chrome */
	-khtml-border-radius:			5px; 	/* Konqueror */
	border-radius:					5px; 	/* CSS3 */
}
	legend.error
	{
		color: 							#ffffff;
		background-color: 				#d00000;
	}
label {
    display:                        block;
    width:                          195px; /* 210px */
    height:                         30px;
    line-height:                    30px;
    color:                          #000000;
    padding:                        0 9px 0 0;
    font-weight:                    bold;
    float:                          left;
    margin:                         0 10px 10px 0;
    font-size:                      0.8em;
    font-weight:                    bold;
    text-align:                     right;
    -moz-border-radius:				5px; 	/* Firefox */
	-webkit-border-radius:			5px; 	/* Safari, Chrome */
	-khtml-border-radius:			5px; 	/* Konqueror */
	border-radius:					5px; 	/* CSS3 */
}
form input[type=submit] {
    float:                          right;
    font-weight:                    700;
    background:                     #4C9B71;   
    width:                          270px;
    height:                         30px;
    color: 							#ffffff;
    padding:                        4px 10px 6px 10px;
    font-size:                      0.8em;
	-moz-border-radius:				10px; 	/* Firefox */
	-webkit-border-radius:			10px; 	/* Safari, Chrome */
	-khtml-border-radius:			10px; 	/* Konqueror */
	border-radius:					10px;	/* CSS3 */    
}



form input[type=text] {
    float:                          left;
    font-weight:                    100; 
    width:                          260px;
    height:                         16px;
    padding:                        6px 10px 6px 10px;
    margin:                         0px 6px 0 0;
    font-size:                      0.8em;
    border: 						1px solid #c0c0c0;
	-moz-border-radius:				5px; 	/* Firefox */
	-webkit-border-radius:			5px; 	/* Safari, Chrome */
	-khtml-border-radius:			5px; 	/* Konqueror */
	border-radius:					5px;	/* CSS3 */    
}
    form input.error {
        border: 					1px solid #d00000;
    }
    form input[type=radio].error, form input[type=checkbox].error {
        border: 					0px!important;
    }	
form input.geburtstag_bg, form input.geburtstag_bgerror {
    width:                          90px;
}      
form input.rufnummer_bg, form input.rufnummer_bgerror {
    width:                          119px;
}
form input.middlelong_bg, form input.middlelong_bgerror {
    width:                          198px;
}
form input.middle_bg, form input.middle_bgerror {
    width:                          53px;
}
form input.small_bg, form input.small_bgerror {
    width:                          33px;
}
form input.width90px {
	width:							90px;
}


p.error_info {
	width: 							510px; 		/* 560px */
	background: 					#d00000;
	color: 							#ffffff;
	padding: 						25px;	
	margin:							15px 0px 15px 0px;
	font-size:						0.8em;
	line-height:					25px;
	-moz-border-radius:				10px; 		/* Firefox */
	-webkit-border-radius:			10px; 		/* Safari, Chrome */
	-khtml-border-radius:			10px; 		/* Konqueror */
	border-radius:					10px; 		/* CSS3 */
}

p.intro {
	color:							#555555;
	font-size:						0.8em;
	margin:							0px 0px 10px 0px;	
	padding:						0px 10px;	
}

form p {
    clear:                          both;
}

form p a {
	color:							#4C9B71;
	text-decoration:				underline;	
}
	form p a:hover {
		color:							#000000;
		text-decoration:				underline;		
	}

select {
    height:                         25px;
    margin-bottom:                  2px;
    font-size:                      0.8em;
    width:                          150px;
}
form p textarea {
	width:							260px; /* 530px */
	height:							220px; /* 250px */
	margin:							0px 0px 15px 0px;
	-moz-border-radius:				10px; 		/* Firefox */
	-webkit-border-radius:			10px; 		/* Safari, Chrome */
	-khtml-border-radius:			10px; 		/* Konqueror */
	border-radius:					10px; 		/* CSS3 */
	padding:						15px;	
	border: 						1px solid #c0c0c0;
}

    form textarea.error {
        border: 					1px solid #d00000;
    }
.pfeil {
background: url("../img/pfeil.png") no-repeat;
background-position: top left; 
width: 10px; 
height: 10px;
}

/* Verkehrsausscheidungsziffer (VAZ) */
.vaz {
    float:                          left;
    font-size:                      0.80em;
    margin:                         7px 1px 0px -6px;
}

.hinweis {
	color:							#555555;
	font-size:						0.8em;
	margin:							5px 0px 10px 0px;	
}

.justify {
	text-align:						justify;
}

.floatleft {
	float:							left;	
}
.toggle_info {
	display:						none;
	margin: 						0px 0px 0px 0px;
}
    form p.error {
        color: 						#d00000!important;
    }