* { padding:0; margin:0; border:0;}
body { background-color: #D9D6CF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px}
a { color:#006633;}
a:hover{color:#3366CC;}
	h1{ font-size:18px; color:#FFFFFF; font-family: Georgia, "Times New Roman", Times, serif;}
	
	h2 { font-size:18px; color: #006633; font-family: Georgia, "Times New Roman", Times, serif;}
	
	h2 a { color:#CC0000; text-decoration:none;}
	h2 a:hover { color:#006633; }
	h3{ font-size:18px; color: #006633; font-family: Arial, Helvetica, sans-serif;}
	h4 { font-size:16px; color: #006633; font-family:Georgia, "Times New Roman", Times, serif; }
	
	h5 { color: #006633;  font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; line-height: 30px;}
	h6 { color: #F90; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; font-size:16px; line-height: 30px;}
  .white-boy{color:white;}
	.gruen {color: #006633;}
	.rot { color:#CC0000; font-weight:bold;}
	#blau { color:#003399;}
	
.page{ width: 1000px; background-image:url(../images/page.jpg); float:left;}
.links{ float:left; width: 700px;}
	.logo{ width: 700px;}
	.bild{ width: 700px;} 
	.navi { width: 700px; height: 42px; margin-top: 8px; background: url(../images/navi.jpg) no-repeat;  font-size:14px;  font-weight: bold;}
	
		.navi ul{ padding-left: 20px;}
		.navi ul li{ float:left; list-style: none; padding: 7px 24px 0 0;}
		.navi ul li a { color: #FFFFFF; text-decoration:none;}
		.navi ul li a:hover { color: #FFCC00;}
		.navi li.abstand{padding-left: 3px; }
		
		.downspace{margin-bottom:18px}
		.title { width: 700px; height: 30px; background-image:url(../images/title-gelb.jpg); padding-top: 5px; text-align: center; }
		.title-lila { width: 700px; height: 30px; background-image: url(../images/title-lila.jpg); padding-top: 5px; text-align: center; }
		.title-blau { width: 700px; height: 30px; background-image:url(../images/title-blau.jpg); padding-top: 5px; text-align: center; }
		.title-rot {width: 700px; height: 30px; background-image:url(../images/title-rot.jpg); padding-top: 5px; text-align: center;}
		.title-gruen {width: 700px; height: 30px; background-image: url(../images/title-gruen.jpg); padding-top: 5px; text-align: center;}
		.content{  width: 670px; line-height: 18px; padding: 20px 10px 10px 20px; }
		
		
		.spalte-links { float: left;  width: 325px; text-align:justify;}
		.spalte-links2 { float: left; padding-bottom: 40px; width: 380px; text-align:justify;}
		.spalte-links3 { float: left;  width: 256px; text-align:justify; padding-bottom: 5px;}
		.spalte-links3 ul li{ list-style:inside; text-align:justify;}
		.spalte-links4 { float:left;  width: 412px; text-align:justify;}
		
		.spalte-rechts { float: left; width: 345px; text-align:justify;}
		.spalte-rechts3 { float: left; width: 390px; text-align:justify; }
		.spalte-rechts2 { float: left; padding-left: 10px; width: 270px;  text-align:justify;}
		.spalte-rechts2 ul li { list-style:inside;}
		.spalte-rechts4 { float: left; width: 225px; padding-left: 25px;}
		
		.buchen{ clear:both;}
		
		.bild-klein { float:left;}
		.text {text-align:justify; padding-right: 20px; float:left;}
		.text img { float:left; margin: 5px 8px 0 0;}
		.text#dsa-content h1{color:black; font-size:18px; margin-bottom:15px; font-family: Arial, Helvetica, sans-serif;}
		.bild-rechts { float: right; margin-left: 8px;}
		
		.staedte-gruen { text-align:center; line-height: 25px; clear:both;}
		.text-klein{ float:left; padding-left: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-size: 12px; color:#006633; line-height: 23px;}
		
.rechts { float:left; width: 300px;}
	.top { background:url(../images/top.jpg) no-repeat; width: 300px; height: 64px; }
	.spalte{ width: 295px; padding: 0 0 30px 5px;}
	.navi1 ul{ width: 120px; font-size:12px; font-weight:bold;}
	.navi1 ul li{ list-style: none; margin-left: 5px}
	.navi1 ul li a{background:url(../images/navi-rechts.jpg) no-repeat; color: #006633; text-decoration: none;  display:block; padding:5px;  margin:0 0 5px 0; }
	.navi1 ul li a:hover{  background:url(../images/rollover.jpg) no-repeat; }
	
	.petersburg { margin: 6px;}
	.staedte { margin: 6px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 13px; color: #0066CC; line-height: 20px;}
	.werbung{ margin: 6px 6px 6px 3px;}
		.werbung ul{  font-size:16px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; width: 275px;}
		.werbung ul li{ background: url(../images/button-blau.jpg) no-repeat; list-style: none; display:block; padding:5px;  margin:0 0 5px 0; }	
		.werbung ul li a{  color: #FFFFFF; text-decoration: none;}
		.werbung ul li a:hover{  color: #FFCC00;}

		#w-gruen ul li{ background: url(../images/button-gruen.jpg) no-repeat; }
		#w-rot ul li { background: url(../images/button-rot.jpg) no-repeat; }
		.reise-leistung { width: 255px; background-color:#99FF99; color: #006600; border: 1px solid #006600; padding:10px; margin: 3px; line-height: 15px;}
		.reise-leistung ul { padding-left: 15px;}
		.reise-leistung ul li{ padding-top: 5px}
		
		
.footer{ width: 1000px; height: 20px; background-color: #D9D6CF; float: left; font-size: 10px; margin-top:15px;}
.footer ul li{ float:left; padding-left: 10px; list-style:none;}
.footer ul li a:hover { color:#3366CC;}

#hotels img{border:2px solid #2B896C;}
#buchungsformular input{background-color:white; border:1px solid black; width:175px;}
#buchungsformular label{color:#2B896C; font-weight:bold; width:100px;}
#buchungsformular label .red{color:red;}
#buchungsformular .personal-data{background-color:#B4DDC1; width:310px; padding:5px;}
#buchungsformular .personal-data ul{float:left;}
#buchungsformular .personal-data li{margin-bottom:10px; list-style-type:none;}
#buchungsformular .personal-data .rightul{margin-left:10px;}

#buchungsformular .buchungs-data{background-color:#B4DDC1; width:310px; padding:5px;}
#buchungsformular .buchungs-data ul{float:left;}
#buchungsformular .buchungs-data li{margin-bottom:10px; list-style-type:none;}
#buchungsformular .buchungs-data .rightul{margin-left:10px; float:right;}
#buchungsformular .leftformular{background-color:#B4DDC1; float:left; width:330px; padding:5px; height:550px; margin:15px 0px;}

#buchungsformular .rightformular{background-color:#B4DDC1; float:right; width:300px; padding:5px; height:550px; margin:15px 0px;}
#buchungsformular .rightformular ul{float:left;}
#buchungsformular .rightformular li{margin-bottom:10px; list-style-type:none;}
#buchungsformular .rightformular .rightul{margin:10px 0 0 10px; float:right;}
#buchungsformular .rightformular .rightul input{width:80px;}
#buchungsformular .rightformular .eingabefeld{height:150px; width:250px; border:1px solid black; margin-top:10px;}


.clear{clear:both;}