html {
	height: 101%;
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#supertop {
	background-image: url(../gfx/optionheader.jpg);
	background-repeat: repeat-x;
	padding: 12px 12px 30px 12px;

	font-size: 14px;
}

#mainwrapper {
	width: 840px;
	margin: 2% 0% 0% 50px;
	padding: 0px;
	background-color: #fff;
	position: absolute;
}

#fotoheader {
	margin-top: 5px;
}

#navi {
   border-top: 1px solid #b0c9ec;
	background-image: url(../gfx/naviback.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 12px 0px 12px 0px;
	font-size: 12px;
	margin: 0;
	text-align: center;
}

#navi ul {
	margin: 0;
	padding: 0;
}

#navi ul li {
	display: inline;
	margin: 0;
	padding: 0;
	
}

#navi ul li a {
	background-color: transparent;
	padding: 12px 10px 12px 10px;
	border-right: 1px solid #b0c9ec;
	font-size: 12px;
	font-weight: bold;
	color: #f4f4f4;
	text-decoration: none;
	background-position: top;
   margin-left: -3px;
	
}

#navi ul li a:hover {
	background-image: url(../gfx/navibackhover.jpg);
	padding: 12px 10px 12px 10px;
	border-right: 1px solid #b0c9ec;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background-position: top;
	margin-left: -3px;
	

	
}

#insidemain {
	margin: 8px 5px;
	font-size: 13px;

}

#insidemain #right {
	float: right;
	width: 280px;
}

#insidemain #right a {
	color: #b22222;
	text-decoration: none;
}

#insidemain #right a:hover {
	color: #b22222;
	text-decoration: underline;
}

#insidemain #right .boxright {
   background-image: url(../gfx/rightback.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #fff;
	padding: 8px;
	margin-bottom: 20px;
}

#insidemain #right .boxrighth {
   font-weight: bold;
	background-color: #991D1D;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: 13px;
	margin: -8px -8px 8px -8px;
	padding: 7px 5px;
	letter-spacing: 0px;
}

#insidemain #right .boxright .preiszeiger ul {
	margin: 0;
	padding: 0;
}

#insidemain #right .boxright .preiszeiger ul li {
	list-style: none;
	padding: 9px;
	border-bottom: 1px dotted #fff;
	background-color: transparent;
}

#insidemain #right .boxright .preiszeiger ul li span{
	float: right;
}

#insidemain #left {
	padding: 0px 10px;
	font-size: 13px;
	line-height: 19px;
	width: 525px;
}

#insidemain #left a {
	color: #b22222;
	text-decoration: none;
}

#insidemain #left a:hover {
	color: #b22222;
	text-decoration: underline;
}

#insidemain #left h1 {
	font-size: 16px;
	color: #fff;
	background-color: #991D1D;
	margin: 0px -10px 12px -10px;
	padding: 5px;
}

#insidemain #left a .a2:hover {
	background-color: #eaeaea;
}

#insidemain #left form .inputhinterlegung {
	padding: 8px;
   background-image: url(formback.jpg);
	border-bottom: #dbe9ff 1px solid; 
}

#insidemain #right form .inputhinterlegung {
	padding: 8px 3px;
   background-image: url(formback.jpg);
	border-bottom: #dbe9ff 1px solid; 
	font-size: 10px;
}

#insidemain #right form .inputhinterlegung input {
	margin-top: -3px;
}

#footer {
	margin-top: 15px;
	padding: 8px;
	text-align: center;
	background-image: url(../gfx/naviback.jpg);
	background-repeat: repeat-x;
	color: #f4f4f4;
	letter-spacing: 1px;
	font-size: 12px;
	font-weight: bold;
}

#spritrechner {
	padding: 12px;
	border: 1px solid #D6E3EF;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	background-color: #EAF1F7;
	margin-top: -1px;
}

.formheadline {
	border: 1px solid #D6E3EF;
	background-color: #C4D8E9;
	color: #376791;
	font-size: 14px;
	padding: 3px;
}

.errorform {
	border: 1px solid red;
	padding: 10px 10px 10px 40px;
	color: red;
	background-color: #EEEEEE;
	font-size: 12px;
	line-height: 16px;
	background-image: url(../gfx/birne.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	
}

#insidemain #left .a1 {
	padding: 5px;
	font-size: 12px;
	background-color: #F5F5F5;
	border-bottom: 1px solid #c8c8c8;
}

#insidemain #left .a2 {
	padding: 5px;
	font-size: 12px;
	background-color: #fff;
	border-bottom: 1px solid #c8c8c8;
}

#insidemain #left .a1 span,
#insidemain #left .a2 span {
	float: right;
}

#insidemain #left .infopoint {
	padding: 7px;
	line-height: 16px;
	margin: 20px 0px;
	background-color: #EBF2F7;
	color: #2E5773;
}

#werbeoption1 {
	text-align: center;
	margin-bottom: 12px;
	background-color: #fff;
	padding: 5px 0px 5px 0px;
}

#insidemain #left #optionspritrechner,
#insidemain #left #optionspritrechnerd,
#insidemain #left #optionfahrtkosten,
#insidemain #left #optionbussgeld {
	padding: 7px 7px 7px 103px;
	margin-bottom: 15px;
	border: 1px solid  #c8c8c8;
	font-size: 12px;
	line-height: 16px;
}

#insidemain #left #optionbussgeld {
    background-image: url(../gfx/optionbussgeld.jpg);
	 background-repeat: no-repeat;
	 background-position: top left;
	 }
	 
#insidemain #left #optionfahrtkosten {
    background-image: url(../gfx/optionfahrtkosten.jpg);
	 background-repeat: no-repeat;
	 background-position: top left;
	 }
	 
#insidemain #left #optionspritrechner {
    background-image: url(../gfx/optionspritrechner.jpg);
	 background-repeat: no-repeat;
	 background-position: top left;
	 }
	 
#insidemain #left #optionspritrechnerd {
    background-image: url(../gfx/optionspritrechnerd.jpg);
	 background-repeat: no-repeat;
	 background-position: top left;
	 }
	 
#insidemain #left #optionspritrechner strong,
#insidemain #left #optionspritrechnerd strong,
#insidemain #left #optionfahrtkosten strong,
#insidemain #left #optionbussgeld strong {
	
	font-size: 13px;
	font-weight: bold;
	color: #b22222;
	margin-bottom: 2px;
	
}

#insidemain #left #optionspritrechner a,
#insidemain #left #optionspritrechnerd a,
#insidemain #left #optionfahrtkosten a,
#insidemain #left #optionbussgeld a {
	
	font-size: 12px;
	font-weight: bold;
	color: #b22222;
	text-decoration: underline;
	
}

#insidemain #left #optionspritrechner a:hover,
#insidemain #left #optionspritrechnerd a:hover,
#insidemain #left #optionfahrtkosten a:hover,
#insidemain #left #optionbussgeld a:hover {
	
	font-size: 12px;
	font-weight: bold;
	color: #b22222;
	text-decoration: underline;
	
}

#choose {
	background-image: url(../gfx/choose.jpg);
	background-repeat: repeat-x;
	background-color: #fff;
	background-position: top left;
	padding: 8px;
	line-height: 24px;
	font-size: 12px;
	border: 1px solid #c8c8c8;
	margin-bottom: 16px;
}

#choose .listing {
	padding: 3px;
	border-top: 1px dotted #c8c8c8;
}

#choose .listing a {
	color: #9d1e1e;
	text-decoration: none;
}

#choose .listing a:hover {
	color: #9d1e1e;
	text-decoration: underline;
}
	
 #spezialwerbung {

	margin-bottom: 20px;
	background-color: #fff;
	width: 100%;
	height: 60px;
}

#wohnen {
	width: 39%;
	border: #a2c3db 1px solid;
	background-image: url(../gfx/wohnenin.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #fff;
	padding: 5px 5px 5px 75px;
	height: 48px;
	float: right;
}

#autos {
	width: 39%;
	border: #a2c3db 1px solid;
	background-image: url(../gfx/autoin.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #fff;
	padding: 5px 5px 5px 75px;
	height: 48px;

}

#wohnen a,
#autos a {
	color: #d00000;
	text-decoration: underline;
}

#wohnen a:hover,
#autos a:hover {
	color: #d00000;
	text-decoration: none;
}

.orte2 {
	padding: 6px;
	border: 1px dotted #c8c8c8;
	background-color: #f3f3f3;
	margin-bottom: 12px;
}

.litern {
	padding: 4px 4px 4px 40px;
	border-bottom: 1px dotted #c8c8c8;
	line-height: 15px;
	font-size: 12px;
	background-image: url(../gfx/liternback.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #fff;
}

.litern span {
	font-weight: bold;
	color: #08466a;
}

.litern a {
	float: right;
	font-size: 10px;
	text-decoration: underline;
	color: #4275A2; 
}

.litern a:hover {
	float: right;
	font-size: 10px;
	text-decoration: none;
	color: #D00000;
}

#danke {
	padding: 10px 10px 10px 50px;
	background-image: url(../fotomaterial/thanx.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #d2f0df;
	border: #256e45 0px solid;
	font-size: 13px;
	line-height: 19px;
}

#werbungtop {
	text-align:right;
	padding: 10px 0px 10px 0px;
	background-color: #fff;
}

#skyskraper_right {
	width: 160px;
	float: right;
	text-align: center;
	padding: 0;
	
	color: #8c8c8c;
	font-size: 12px;
	position: static;
	margin-top: 2.5%;
	margin-right: 1%;
	
}

#schild {
	border: #262626 2px  solid;
	padding: 28px 2px;
	background-color: #FFDC11;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 12px; 
}

#startrechts {
	width: 280px;
	float: right;
	margin-left: 40px;
}

#startform {
	padding: 5px;
	background-color: #cdd8f7;
}

#startlinks {
	width: 204px;
	background-color: #FFF;
	
}

#startlinks .slbox {
	padding: 3px;
	background-color: #fff;
}

#startlinks .slbox .slboxhl {
	margin: -3px -3px 6px -3px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
   background-color: #991D1D;
	padding: 3px;
}

#startlinks .slbox a .inlink {
	border: 1px solid #8c8c8c;
	padding: 12px 3px 12px 80px;
	font-weight: bold;
	margin-bottom: 5px;
	color: black;
	text-decoration: none;
	
	 
}

#startlinks .slbox a:hover .inlink {
	border: 1px solid #8c8c8c;
	padding: 12px 3px 12px 80px;
	font-weight: bold;
	margin-bottom: 5px;
	color: black;
	text-decoration: underline;
	
	 
}

#startrechts .midbox {
	padding: 7px;
	background-image: url(../gfx/formback2.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #fff;
	color: #000;
}

#startrechts .midboxhl {
	background-color: #30829c;
	padding: 3px;
	color: #fff;
	margin: -7px -7px 30px -7px;
	font-weight: bold;
	text-align: center;
}

#startrechts .midbox form {
	font-size: 11px;
	line-height: 34px;
}

#startrechts .midbox form input {
	float: right;
	width: 80px;
	margin-top: 6px;
	color: #fff;
	border: #2e5476 1px solid;
	background-color: #31809e;
	font-weight: bold;
}

#startrechts .midbox form select {
	float: right;
	width: 80px;
	margin-top: 6px;
	color: #fff;
	border: #2e5476 1px solid;
	background-color: #31809e;
	font-weight: bold;
}