.success {
	
	height: 20px;
	width: 207px;
	
	border: 1px solid #6f8b37;	
	background: #fff top left repeat-x;
	padding:0;
}
.error {
	
	height: 20px;
	width: 207px;
	
	border: 1px solid #f94d08;	
	background: #fff top left repeat-x;
	padding:0;
}
.formfield {
	
	height: 20px;
	width: 207px;
	
	border: 1px solid #cccccc;	
	background: #fff top left repeat-x;
	padding:0;
}
.formfield  option{
	padding:0;
}


img {
	border: 0px;
}
#startseite {

	height: 257px;
	position: relative;
	background: url(../images/start-bg.png) no-repeat;
}
#eyecatcher-start {
	text-align: left;
	
	height: 203px;
	padding-left: 102px;
	font-size: 28px;
	color: #003300;
	padding-top:34px;
}
#eyecatcher {
	text-align: left;
	width: 382px;
	padding-left: 102px;
	font-size: 24px;
	color: #003300;
	padding-top:34px;
}
#steuerelemente{
display: none;
	width: 273px;
	height: 15px;
	float: left;
	font-size: 9px;
	padding-top: 5px;
}
#steuerelemente a{
	height: 15px;
	text-decoration: none;
	color: #999999;
}
#steuerelemente a:hover{
	height: 15px;
	text-decoration: none;
	color: #669900;
}
#steuerelement-left{
	height: 20px;
	width: 124px;
	float: left;
	line-height:170%;
}
#steuerelement-right{
	height: 20px;
	width: 139px;
	float: left;
	margin-left:10px;
	line-height:170%;
	display:inline;
}
#catch {
	height: 70px;
	width: 129px;
	position: absolute;
	float:left;
	left: 670px;
	top:75px;
}
#boxes {
	width: 863px;
	height: 213px;
	position: relative;

}
#box-1 {
	width: 273px;
	height: 189px;
	padding: 11px 22px 11px 0px;
	float: left;
	position: relative;
	background: url(../images/box-1.png) no-repeat;
}
#box-2 {
	width: 245px;
	height: 189px;
	padding: 11px 22px 11px 0px;
	float: left;
	position: relative;
	background: url(../images/box-2.png) no-repeat;
}
#box-3 {
	width: 273px;
	height: 189px;
	padding: 11px 22px 11px 0px;
	float: left;
	position: relative;
	background: url(../images/box-3.png) no-repeat;
}
#box-3b {
	display:none;
}
#boxtext-1-1 {
	height: 29px;
	text-align: left;
	position:relative;
}
#boxtext-1-2 {
	height: 145px;
	padding-left: 15px;
	float: left;
	position:relative;
	text-align:left;
	padding-top: 15px;
	font-size: 11px;
}
#boxtext-2-1 {
	height: 29px;
	float: left;
	position:relative;
	width: 151px;
}
#boxtext-2-2 {
	height: 29px;
	float: left;
	position:relative;
	width: 94px;
}
#boxtext-2-3 {
	height: 145px;
	float: left;
	position:relative;
	text-align:left;
	font-size: 11px;
}
#boxtext-3-1 {
	height: 29px;
	float: left;
	position:relative;
	width: 151px;
}
#boxtext-3-2 {
	height: 29px;
	float: left;
	position:relative;
	width: 122px;
}
#boxtext-3-3 {
	height: 145px;
	padding-left: 15px;
	float: left;
	position:relative;
	text-align:left;
	padding-top: 15px;
	font-size: 11px;
}
#box-funktion {
	width: 283px;
	height: 553px; 
}
#boxheader-funktion {
	background: url(../images/box-funktion.png) no-repeat;
	width: 283px;
	height: 31px;
}
#boxtext-funktion {
	background: url(../images/box-funktion-bg.png) no-repeat;
	width: 273px;
	height: 511px;
	padding: 11px 6px 0px 4px;
}

.box-funktion-element li{
	list-style-position:outside;
	font-weight: bold;
	margin-left:20px;
	margin-right: 10px;
	padding: 5px 0px;
}

.box-funktion-element {
	color: #666666;
	font-weight: bold;
	list-style-image: url(../images/list-small.png);
	list-style-position:inside;
	background: #ffffff;
	width: 273px;
	font-size: 11px;
}
.box-funktion-element:hover {
	background: #efefef;
}
.box-funktion-element a {
	color: #669900;
	font-weight: bold;
	text-decoration: none;
}
#buttons-funktion {
	float:right;
	width: 219px;
	display: inline;
	margin-right:20px;
	margin-top:0px;
	z-index: 5;
	position:relative;
}
#rene-div1{
	background: url(../images/funktion_rene1.png);
	width: 405px;
	height: 308px;
	position: absolute;
	bottom: 0px;
	margin-bottom: -22px;
	z-index: 2;
}
#rene-div2{
	background: url(../images/funktion_rene2.png) bottom left;
	width: 364px;
	height: 379px;
	position: absolute;
	margin-bottom: -22px;
	bottom: 0px;
	z-index: 2;
}
#rene-div3{
	background: url(../images/funktion_rene3.png) bottom left;
	width: 520px;
	height: 407px;
	position: absolute;
	margin-bottom: -22px;
	bottom: 0px;
	z-index: 2;
	margin-left: -20px;
}
#rene-div4{
	background: url(../images/funktion_rene4.png) bottom left;
	width: 467px;
	height: 391px;
	position: absolute;
	margin-bottom: -22px;
	bottom: 0px;
	z-index: 2;
}
#rene-div5{
	background: url(../images/funktion_rene5.png) bottom left;
	width: 511px;
	height: 615px;
	position: relative;
	margin-bottom: -4px;
	z-index: 2;
	margin-left: 20px;
}
.header-ongreen {
	color: #FFFFFF;
	line-height: 30px;
	font-weight: bold;
	font-size: 11px;
	letter-spacing:-1px;
	text-decoration: none;
}
.header-ongray {
	color: #666666;
	line-height: 30px;
	font-weight: bold;
	font-size: 11px;
	letter-spacing:-1px;
	text-decoration: none;
}
.header-ongreen a{
	color: #FFFFFF;
	line-height: 30px;
	font-weight: bold;
	font-size: 11px;
	letter-spacing:-1px;
	text-decoration: none;
}
.header-ongray a{
	color: #666666;
	line-height: 30px;
	font-weight: bold;
	font-size: 11px;
	letter-spacing:-1px;
	text-decoration: none;
}
.header-ongreen a:hover{
	color: #003300;
}
.header-ongray a:hover{
	color: #003300;
}
.headline {
	color: #003300;
	font-weight: bold;
}

.jetzt-anmelden-button {
	background: url(../images/button_testen.png) no-repeat;
	cursor: pointer;
	width: 82px;
	height: 22px;
	position: relative;
	text-decoration: none;
}

.jetzt-anmelden-button:hover {
	background: url(../images/button_testen_active.png) no-repeat;
	width: 82px;
	height: 22px;
	position: relative;
	text-decoration: none;
}

#vergleichen-button {
	background: url(../images/button_vergleichen.png) no-repeat;
	cursor: pointer;
	width: 132px;
	height: 22px;
	position: relative;
	text-decoration: none;
}

#vergleichen-button:hover {
	background: url(../images/button_vergleichen_active.png) no-repeat;
	width: 132px;
	height: 22px;
	position: relative;
	text-decoration: none;
}


#anmelden-button {
	background: url(../images/button_kostenlos_anmelden.png) no-repeat;
	width: 155px;
	height: 22px;
	position: relative;
	top: 20px;
	left: 85px;
	text-decoration: none;
}
#anmelden-button:hover{
	background: url(../images/button_kostenlos_anmelden_hover.png) no-repeat;
}
#anmelden-button img {
	width: 155px;
	height: 22px;
		border: 0px;
}
#weiterempfehlen-button {
	background: url(../images/button_weiterempfehlen.png) no-repeat;
	width: 112px;
	height: 22px;
	position: relative;
	top: 20px;
	left: 120px;
	text-decoration: none;
}
#weiterempfehlen-button:hover{
	background: url(../images/button_weiterempfehlen_hover.png) no-repeat;
}
#weiterempfehlen-button img {
	width: 112px;
	height: 22px;
	border: 0px;
}
#subnavigation {
	padding-top:10px;
	position: relative;
	text-align: left;
	font-size: 14px;
	line-height: 25px;
	
	left: 100px;
}
#subnavigation a{
	color: #999999;
	text-decoration: none;
}
a#subnavigation-activ {
	color: #669900;
	text-decoration: none;
}
#subnavigation a:hover{
	color: #669900;
}
#mainframe {
	width: 562px;
	position: relative;
	float: left;
}
#siteframe {
	width: 273px;
	position: relative;
	padding: 18px 0px 0px 0px;
	float: left;
}

/*BUTTONS FUER PAKETE */
#weiterinformationen-button {
	background: url(../images/button_weiterinformationen.png) no-repeat;
	width: 144px;
	height: 22px;
	position: relative;
	top: 20px;
	margin-left: -10px;
	text-decoration: none;
	float: left;
}
#weiterinformationen-button:hover{
	background: url(../images/button_weiterinformationen_hover.png) no-repeat;
}
#weiterinformationen-button img {
	width: 144px;
	height: 22px;
	border: 0px;
}
#fuerwen-button {
	background: url(../images/button_fuerwen.png) no-repeat;
	width: 188px;
	height: 22px;
	position: relative;
	top: 20px;
	left: 0px;
	text-decoration: none;
	float: left;
	margin-left: 15px;
}
#fuerwen-button:hover{
	background: url(../images/button_fuerwen_hover.png) no-repeat;
}
#fuerwen-button img {
	width: 188px;
	height: 22px;
	border: 0px;
}
#freeanmelden-button {
	background: url(../images/button_freeanmelden.png) no-repeat;
	width: 144px;
	height: 22px;
	position: relative;
	top: 20px;
	left: 0px;
	text-decoration: none;
	float: left;
	margin-left: 15px;
}
#freeanmelden-button:hover{
	background: url(../images/button_freeanmelden_hover.png) no-repeat;
}
#freeanmelden-button img {
	width: 144px;
	height: 22px;
	border: 0px;
}
#paketevergleichen-button {
	background: url(../images/button_paketevergleichen.png) no-repeat;
	width: 283px;
	height: 22px;
	position: relative;
	top: 20px;
	left: 0px;
	text-decoration: none;
	float: left;
	margin-left: 15px;
}
#paketevergleichen-button:hover{
	background: url(../images/button_paketevergleichen_hover.png) no-repeat;
}
#paketevergleichen-button img {
	width: 283px;
	height: 22px;
	border: 0px;
}
/*BUTTONS FUER PAKETE ENDE */

.i-point {
	width: 12px;
	height: 11px;
	position: relative;
	top: -4px;
}

.productpricetable{
	text-align: center;
	vertical-align: middle;
}
.productpricetable td {
	color: #000000;
}
.productpricetableleft{
	text-align: left;
	vertical-align: top;
}
.productpricetableborder{
	background: #dedede;
	height: 1px;
	text-align: center;
	vertical-align: middle;
}
.green-list-price {
	color: #669900;
	font-family: arial;
	list-style-image: url(../images/list.png);
	list-style-position:outside;
	padding: 0px 0px;
	font-size: 14px;
}
#order-headline {
	font-family: Arial;
	font-size: 16px;
	line-height: 30px;
	color: #669900;
	z-index: 10;
	width: 500px;
}
.order-div {
	width: 185px;
	padding-right: 20px;
	float: left;
	position: relative;
}
.order-div img{
	border: 0px;
	width: 99px;
	height: 129px;
}
#order-details {
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	margin-left: -30px;
}
.order-list {
	color: #666666;
	font-family: arial;
	list-style-type: none;
	list-style-position:none;
	padding: 0px 0px;
	font-size: 11px;
	line-height: 14px;
}
.order-list li {
	margin-left:10px;
}
.order-list-img {
	color: #669900;
	font-family: arial;
	font-size: 11px;
	line-height: 14px;
	margin-left: -10px;
}
#order-chose {
	width: 120px;
	height: 190px;
	margin-left: 30px;
	margin-top: 150px;
}
#order-chose img {
	width: 97px;
	height: 126px;
	border: 0px;
}
#order-radio1 {
		width: 20px;
		height: 21px;
		background: url(../images/order-radio-unchecked.png) no-repeat; 
}
#order-radio2 {
		width: 20px;
		height: 21px;
		background: url(../images/order-radio-unchecked.png) no-repeat;
}
#order-radio3 {
		width: 20px;
		height: 21px;
		background: url(../images/order-radio-unchecked.png) no-repeat;
}
#order-radio4 {
		width: 20px;
		height: 21px;
		background: url(../images/order-radio-unchecked.png) no-repeat;
}

.highlight {
	color: #669900;
	font-weight: bold;
}
.order-name {
	color: #669900;
	font-family: arial;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
}
#order-button-left {
	color: #669900;
	font-family: Arial;
	font-size: 14px;
	line-height: 30px;
	float: left;
	width: 500px;
	position: relative;
}
#order-button-left a {
	font-weight: bold;
	color: #669900;
	text-decoration: none;
}
#order-button-right {
	float: right;
	width: 112px;
	position: relative;
	text-align: right;
}
#order-button {
	width: 112px;
	height: 22px;
	border: none;
	padding: 2px 8px;	
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	background: url(../images/button_weiter.png) no-repeat top left;
}
#order-button:hover {
	width: 112px;
	height: 22px;
	border: none;
	padding: 2px 8px;	
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	background: url(../images/button_weiter_hover.png) no-repeat top left;
}
#order-button2 {
	width: 112px;
	height: 22px;
	border: none;
	padding: 2px 8px;	
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	background: url(../images/button_zurueck.png) no-repeat top left;
}
#order-button2:hover {
	width: 112px;
	height: 22px;
	border: none;
	padding: 2px 8px;	
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	background: url(../images/button_zurueck_hover.png) no-repeat top left;
}
#order-button3 {
	width: 155px;
	height: 22px;
	border: none;
	padding: 2px 8px;	
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	background: url(../images/order-button3.png) no-repeat top left;
}
#order-unchecked {
		width: 20px;
		height: 21px;
		background: url(../images/order-radio-unchecked.png) no-repeat;
}
#order-checked {
		width: 20px;
		height: 21px;
		background: url(../images/order-radio-checked.png) no-repeat;
}
.errorbox {
	border: #70a011 2px solid; 
	padding: 10px;
}
.wen-list {
	color: #666666;
	font-family: arial;
	list-style-image: url(../images/list.png);
	list-style-position:outside;
	padding: 0px 0px;
	font-size: 12px;
	line-height: 14px;
}
.wen-list li {
	margin-left:18px;
}
.car-outer {
	 width: 245px;
	 height: 160px;
	 padding-top: 110px;
}
.car-inner{
	width:200px;
	text-align: center;
	margin: 0 auto;
	font-family: arial;
	font-size: 11px;
}
#link-testaccount {
color: #999999; size: 16px; text-decoration: none; margin-left: 24px;
}
#link-testaccount:hover {
color: #999999; size: 16px; text-decoration: underline;
}