* {
margin:0;
padding:0;
}

body {
	background-color: #FFFFFF; /*Hintergrundfarbe - Weiß*/
	color:black; /* Schriftfarbe - Fließtext */
	font-size:10px; /* Schriftgröße - Fließtext */
	font-family: Arial, Helvetica, sans-serif; /* Schriftart Arial - wenn nicht verfügbar Helvetica */
	height: 100%;
	width: 100%;
}

html {
height: 100%;
width: 100%;
}

/* index.html */

#leftframe{
position: absolute; 
top: 0; 
left: 50%;
margin-left: -515px; 
width: 225px; 
height: 99.9%;
overflow: hidden;
}

#topframe{ 
left: 0px;
top: 0; 
right: 0;
width: 99.9%;
height: 110px;
overflow: hidden;
}

.logo {
	height: 95px;
	width: 181px;
	left:50%;
	margin-left: -470px;
	margin-top: 10px;
	clear: left;
	position: relative;
}

.trennlinie {
	height: 1px;
	width: 99.9%;
	left: 0.05%;
	margin-top: -4px;
	position: relative;
	background-color: #1a338f;

}

.headerline1 {
	font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #cbcdff;
	letter-spacing: 9px;
	text-align: left;
	width: 520px;
	height: 40px;
	left: 50%;
	margin-left: 0px;
	margin-top: -55px;
	position: relative;
}	

.headerline2 {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #1a338f;
	letter-spacing: 2.4px;
	text-align: left;
	width: 700px;
	height: 20px;
	left: 50%;
	margin-left: -280px;
	margin-top: -7px;
	position: relative;
}	

.blank1 {
	width: 175px;
	height: 10px;
	left: 50%;
	margin-left: -70px;
	margin-top: 110px;
	position: relative;
}

.blank {
	width: 175px;
	height: 19px;
	left: 50%;
	margin-left: -70px;
	margin-top: 1px;
	position: relative;
}

.menulink {
	font-size:12px;
	text-align: right;
	width: 175px;
	height: 20px;
	left: 50%;
	margin-left: -70px;
	margin-top: 1px;
	position: relative;
}	

.menuline {
	width: 175px;
	height: 1px;
	left: 50%;
	margin-left: -70px;
	margin-top: -3px;
	position: relative;
	background-color:#1a338f;
}	

.menutext1 {
	width: 18px;
	height: 160px;
	left: 50%;
	margin-left: -93px;
	margin-top: -305px;
	position: relative;
}	

.menutext2 {
	width: 18px;
	height: 85px;
	left: 50%;
	margin-left: -93px;
	margin-top: 15px;
	position: relative;
}	


/* MAIN CONTENT */

div#mainframe{
position: fixed; 
top: 110px;
left: 50%;
margin-left:-285px;
right: 0;
bottom: 0;
overflow: auto; 
}

.bild {
	width: 480px;
	height: 182px;
	left: 0%;
	margin-left: 280px;
	margin-top: 10px;
	position: relative;
}	

.referenzen {
	width: 150px;
	height: 23px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 3px;
	left: 0%;
	padding-top: 5px;
	margin-left: 610px;
	margin-top: 13px;
	position: relative;
	background-color: #cccccc;
}	

.referenzen  a:link{
	color: white;
}	
.referenzen  a:hover{
	color: black;
}	

.referenzen2 {
	width: 150px;
	height: 23px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 3px;
	left: 0%;
	padding-top: 5px;
	margin-left: 610px;
	margin-top: 13px;
	position: relative;
	background-color: #FFFFFF;
}	


.titel {
	width: 580px;
	height: 20px;
	font-size: 15px;
	text-align: left;
	color: #1a338f;
	font-weight: bold;
	letter-spacing: 1px;
	left: 0%;
	margin-left: 5px;
	margin-top: -18px;
	padding-bottom: 15px;
	position: relative;
}	

.titelx {
	width: 580px;
	height: 20px;
	font-size: 15px;
	text-align: left;
	color: #1a338f;
	font-weight: bold;
	letter-spacing: 1px;
	left: 0%;
	margin-left: 5px;
	margin-top: -30px;
	padding-bottom: 15px;
	position: relative;
}	

.inhalt {
	width: 755px;
	font-size: 14px;
	text-align: justify;
	line-height: 1.3em;
	color: black;
	left: 0%;
	margin-left: 5px;
	margin-top: 0px;
	position: relative;
}	


/* ALTES */

div#distance {
width: 10px;
height: 50%;
margin-bottom: -230px;
float: left;
/*background-color: #fffff; /*#f00; nur zu Demozwecken*/
}

div#borderbox{
	height: 450px;
	width: 900px;
	left: 50%;
	margin-left: -450px;
	margin-top: 10px;
	clear: left;
	position: relative;
	border-style: solid;
	border-width: thin;
	border-color: white;
	background-color: #FF82AB;
}

div#wasserzeichen {
	width: 202px;
	height: 233px;
	left: 50%;
	margin-left: -448px;
	margin-top: -451px;
	position: relative;	
}

div#menu1{
	width: 400px;
	height: 40px;
	left: 50%;
	margin-left: -247px;
	margin-top: -195px;
	position: relative;
}

div#menu2{
	width: 400px;
	height: 40px;
	left: 50%;
	margin-left: -257px;
	margin-top: 15px;
	position: relative;
}		

div#menu3{
	width: 400px;
	height: 40px;
	left: 50%;
	margin-left: -290px;
	margin-top: 10px;
	position: relative;
}	

div#menu4{
	width: 400px;
	height: 40px;
	left: 50%;
	margin-left: -365px;
	margin-top: 10px;
	position: relative;
}	

div#addit {
	width: 270px;
	height: 20px;
	left: 50%;
	margin-left: 200px;
	margin-top: 225px;
	position: relative;	
}

div#dgh {
	width: 120px;
	height: 80px;
	left: 50%;
	margin-left: -440px;
	margin-top: -115px;
	position: relative;
}	



div#foto {
	width: 190px;
	height: 250px;
	left: 50%;
	margin-left: 260px;
	margin-top: -223px;
	position: relative;
}

div#text4{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	width: 400px;
	height: 20px;
	left: 50%;
	margin-left: 0px;
	margin-top: -430px;
	position: relative;
}

div#text5{
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	width: 350px;
	height: 20px;
	left: 50%;
	margin-left: -100px;
	margin-top: 190px;
	position: relative;
}	

div#musik {
	width: 25px;
	height: 25px;
	left: 50%;
	margin-left: 422px;
	margin-top: -245px;
	position: relative;
}
 
 div#kartenlegen{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	width: 700px;
	height: 400px;
	left: 50%;
	margin-left: -280px;
	margin-top: -150px;
	position: relative;
}	

 div#menu1a{
	width: 400px;
	height: 40px;
	left: 50%;
	margin-left: -247px;
	margin-top: -445px;
	position: relative;
}

 div#text4a{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	width: 400px;
	height: 20px;
	left: 50%;
	margin-left: 0px;
	margin-top: -403px;
	position: relative;
}
 
 div#forback{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bolder;
	font-variant: small-caps;
	width: 140px;
	height: 60px;
	left: 50%;
	margin-left: 285px;
	margin-top: 385px;
	position: relative;
}	
 
 div#text2{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	width: 200px;
	height: 100px;
	left: 50%;
	margin-left: 280px;
	margin-top: -65px;
	position: relative;
}	
 
 div#text3{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	width: 200px;
	height: 20px;
	left: 50%;
	margin-left: 280px;
	margin-top: -34px;
	position: relative;
}	
 
div#bild-anfahrt{
	width: 400px;
	height: 280px;
	left: 50%;
	position: relative;
	border-color: black;
	border-style: solid;
	border-width: 3px;
	padding: 0px;
	margin-left: 70px;
	margin-top: -415px;
} 
 
  div#zusatz{
	text-align: left;
	width: 200px;
	height: 20px;
	left: 50%;
	margin-left: -350px;
	margin-top: -70px;
	position: relative;
}	
 
 div#erklaerung{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	width: 800px;
	height: 400px;
	left: 50%;
	margin-left: -380px;
	margin-top: -150px;
	position: relative;
}	


div#disclaimer {
	font-size: 12px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	width: 600px;
	height: 100px;
	left: 50%;
	margin-left: -300px;
	margin-top: 50px;
	position: relative;
}

div#textimp {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	width: 400px;
	height: 200px;
	left: 50%;	
	margin-top: 20px;
	margin-left: 30px;
	position: relative;	
}

div#bildimp{
	width: 200px;
	height: 127px;
	left: 50%;
	position: relative;
	border-color: black;
	border-style: solid;
	border-width: 3px;
	padding: 0px;
	margin-left: 130px;
	margin-top: -360px;
}



div#addit2 {
	width: 370px;
	height: 20px;
	left: 50%;
	margin-left: 200px;
	margin-top: 223px;
	position: relative;	
}


div#box1{
	height: 150px;
	width: 900px;
	left: 50%;
	margin-left: -450px;
	margin-top: 0px;
	clear: left;
	position: relative;
	border-style: solid;
	border-width: medium;
	border-color: black;
	background-color: white;
}

div#box2{
	height: 400px;
	width: 900px;
	left: 50%;
	margin-left: -450px;
	margin-top: -2px;
	clear: left;
	position: relative;
	border-style: solid;
	border-width: medium;
	border-color: black;
	background-color: #e42322; /*#990000;*/
}

div#head1{
	height: 50px;
	width: 320px;
	left: 50%;
	margin-left: -440px;
	margin-top: -460px;
	position: relative;
}

div#head2{
	height: 50px;
	width: 120px;
	left: 50%;
	margin-left: 145px;
	margin-top: -50px;
	position: relative;
}

div#head3{
	height: 30px;
	width: 300px;
	left: 50%;
	margin-left: -148px;
	margin-top: -65px;
	position: relative;
}

div#logo2{
	height: 95px;
	width: 150px;
	left: 50%;
	margin-top: -48px;
	margin-left: 550px;
	position: relative;
}

div#wood{
	left: 50%;
	height: 400px;
	width: 27px;
	margin-top: -5px;
	margin-left: 645px;
	position: relative;
}

div#hk{
	left: 50%;
	height: 50px;
	margin-top: -457px;
	margin-left: 680px;
	position: relative;
}


div#bild1{
	width: 150px;
	height: 97px;
	left: 50%;
	position: relative;
	border-color: black;
	border-style: solid;
	border-width: 3px;
	padding: 0px;
	margin-left: 540px;
	margin-top: -375px;
}

div#bild2{
	width: 150px;
	height: 97px;
	left: 50%;
	position: relative;
	border-color: black;
	border-style: solid;
	border-width: 3px;
	padding: 0px;
	margin-left: 540px;
	margin-top: 10px;
}

div#bild3{
	width: 150px;
	height: 97px;
	left: 50%;
	position: relative;
	border-color: black;
	border-style: solid;
	border-width: 3px;
	padding: 0px;
	margin-left: 540px;
	margin-top: 10px;
}



div#text-centermain {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	width: 600px;
	height: 400px;
	left: 50%;	
	top: 50%;
	margin-top: -65px;
	margin-left: -115px;
	padding-top: 30%;
	position: absolute;	
	overflow: hidden;
}



div#text-center2 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	width: 700px;
	height: 400px;
	left: 50%;	
	top: 50%;
	margin-top: -50px;
	margin-left: -110px;
	padding-top: 30%;
	position: absolute;	
	overflow: hidden;
}



div#bildr1{
	width: 150px;
	height: 97px;
	left: 50%;
	position: relative;
	border-color: black;
	border-style: solid;
	border-width: 3px;
	padding: 0px;
	margin-left: 320px;
	margin-top: -330px;
}

div#bildr2{
	width: 150px;
	height: 97px;
	left: 50%;
	position: relative;
	border-color: black;
	border-style: solid;
	border-width: 3px;
	padding: 0px;
	margin-left: 320px;
	margin-top: 10px;
}

div#bildr3{
	width: 150px;
	height: 97px;
	left: 50%;
	position: relative;
	border-color: black;
	border-style: solid;
	border-width: 3px;
	padding: 0px;
	margin-left: 320px;
	margin-top: 10px;
}

div#bildrr1{
	width: 150px;
	height: 97px;
	left: 50%;
	position: relative;
	border-color: black;
	border-style: solid;
	border-width: 3px;
	padding: 0px;
	margin-left: 100px;
	margin-top: -330px;
}

div#bildrr2{
	width: 150px;
	height: 97px;
	left: 50%;
	position: relative;
	border-color: black;
	border-style: solid;
	border-width: 3px;
	padding: 0px;
	margin-left: 100px;
	margin-top: 10px;
}

div#bildrr3{
	width: 150px;
	height: 97px;
	left: 50%;
	position: relative;
	border-color: black;
	border-style: solid;
	border-width: 3px;
	padding: 0px;
	margin-left: 100px;
	margin-top: 10px;
}

div#bildrrr1{
	width: 150px;
	height: 97px;
	left: 50%;
	position: relative;
	border-color: black;
	border-style: solid;
	border-width: 3px;
	padding: 0px;
	margin-left: -120px;
	margin-top: -330px;
}

div#bildrrr2{
	width: 150px;
	height: 97px;
	left: 50%;
	position: relative;
	border-color: black;
	border-style: solid;
	border-width: 3px;
	padding: 0px;
	margin-left: -120px;
	margin-top: 10px;
}

div#bildrrr3{
	width: 150px;
	height: 97px;
	left: 50%;
	position: relative;
	border-color: black;
	border-style: solid;
	border-width: 3px;
	padding: 0px;
	margin-left: -120px;
	margin-top: 10px;
}