html,body {
	height: 100%;
}

body {
	font-family: verdana, Arial, helvetica, sans-serif;
	color: #003333;
	text-align: center;
	scrollbar-base-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-face-color: #009966;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
}

/* - - - - - - - - - - - - - - - - - - - - Layout Allgemein Start- - - - - - - - - - - - - - - - - - - - */

#container {
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
	background-color: white;
	width: 984px;
	margin: 0 auto;
	padding: 0px;
	position: relative;
	top: 0px;
	text-align: left;
}


#header {
	background-color: #FFFFFF;
	position: relative;
	left: 0px;
	width: 984px;
	height: 160px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#titelbild {
	position:relative;
	left: 1px;
	top: 0px;
	width: 982px;
	height: 151px;
}

#logo {
	position: absolute;
	top: 20px;
	left: 16px;
	width: 120px;
	height: 20px;
}

#unesco {
	position: absolute;
	top: 50px;
	left: 715px;
	width: 80px;
	height: 40px;
}

#toplink {
	position: absolute;
	top: 12px;
	left: 230px;
	width: 740px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;
	z-index: 100;
	/*border: 1px solid black;*/
}

a.toplink:link {font-size: 12px; color: #0c9c6b; text-decoration: none; font-weight: bold; text-decoration: none;}
a.toplink:hover {font-size: 12px; color: #3333ff; text-decoration: none; font-weight: bold; text-decoration: none;}
a.toplink:active {font-size: 12px; color: #0c9c6b; text-decoration: none; font-weight: bold; text-decoration: none;}
a.toplink:visited {font-size: 12px; color: #0c9c6b; text-decoration: none; font-weight: bold; text-decoration: none;}


.containerInhalt {
	width: 984px;
	padding-top: 10px;
	padding-left: 1px;
	overflow: hidden;
}

.spacer{
	float: left;
	width: 11px;
	overflow: hidden;
}

.links {
	float: left;
	width: 180px;
	overflow: hidden;
	/*margin: 0px 10px 0px 0px;
	border: 1px solid black;*/
}

.unten {
	clear: both;
	font-weight: normal;
	padding: 20px 0px 20px 0px;
	margin: 0;
	text-align: center;
	background-color: #FFFFFF;
	font-size: 11px;
	color: #003333;
	text-decoration: none;
}

/* - - - - - - - - - - - - - - - - - - - - Layout Allgemein Ende- - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - Layout Startseite Start- - - - - - - - - - - - - - - - - - - - */

.mitte {
	float: left;
	width: 600px;
	overflow: hidden;
	/*margin: 0px 10px 0px 0px;*/	
}

.rechts {
	float: left;
	width: 178px;
	overflow: hidden;
	/*border: 1px solid black;*/
}

#datum {
	position: absolute;
	top: 170px;
	left: 180px;
	padding: 2px;
	margin: 0px;
	color: #FFFFFF;
	width: 600px;
	text-align: right;
	z-index: 100;
}
/* - - - - - - - - - - - - - - - - - - - - Layout Startseite Ende- - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - Layout Webcamseite Start- - - - - - - - - - - - - - - - - - - - */
#containerwebcam {
	margin: 0;
	padding: 0;
	position: relative;
	top: 0px;
	text-align: left;
}
#webcam {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 660px;
	height: 555px;
	margin: 0;
	padding: 0;
}

/* - - - - - - - - - - - - - - - - - - - - Layout Webcamseite Ende- - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - Inhaltsbereiche Start- - - - - - - - - - - - - - - - - - - - */
.PktLinie {
	background-image: url(images/PktLinie.gif);
	background-repeat: repeat-x;
	clear:left;
	height:11px;
}

.AbstandKlein {
	clear:left;
	height:10px;
}

.AbstandGross {
	clear:left;
	height:20px;
}

.linksOben {
	background-color: #009966;
	float: left;
	padding: 2px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	width: 180px;
}

.linksText {
	background-color: #FFFFEE;
	position: relativ;
	float: left;
	top: 0px;
	left: 0px;
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 0px 5px;
	font-size: 11px;
}

.mitteOben {
	background-color: #009966;
	padding: 2px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	width: 600px;
}

.mitteText {
	position: relativ;
	top: 0px;
	left: 0px;
  	width: 600px;
	padding: 0px;
	margin: 0px;
	overflow: auto;
	/*overflow: auto;
	float: left;*/
}

.mitteText_1 {
	position: relativ;
	top: 0px;
	left: 0px;
  	width: 500px;
	padding: 5px;
}


.rechtsOben {
	background-color: #009966;
	float: left;
	padding: 2px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	width: 178px;
}

.rechtsText {
	/*background-color: #FFFFEE;*/
	position: relativ;
	float: left;
	top: 0px;
	left: 0px;
	width: 178px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 0px 5px;
}

/* - - - - - - - - - - - - - - - - - - - - Navigation Start- - - - - - - - - - - - - - - - - - - - */

.hauptnavi {
	background-image: url(images/NaviVerlauf.jpg);
	width: 180px;
	height: 26px;
	position: relativ;
	float: left;
	top: 0px;
	left: 0px;
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
	line-height: 26px;
	font-size: 12px;
	color: #009966;
	text-decoration: none;
	font-weight: bold;
}

a.hauptnavi:link {font-size: 12px; color: #009966; text-decoration: none; font-weight: bold;}
a.hauptnavi:hover {font-size: 12px; color: #3333FF; text-decoration: underline; font-weight: bold;}
a.hauptnavi:active {font-size: 12px; color: #3333FF; text-decoration: underline; font-weight: bold;}

.subnavi {
	background-color: #FFFFCE;
	position: relativ;
	float: left;
	top: 0px;
	left: 0px;
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 10px;
	font-size: 11px;
	color: #009966;
	text-decoration: none;
	font-weight: bold;
}

a.subnavi:link {font-size: 11px; color: #009966; text-decoration: none; font-weight: bold;}
a.subnavi:hover {font-size: 11px; color: #3333FF; text-decoration: underline; font-weight: bold;}
a.subnavi:active {font-size: 11px; color: #3333FF; text-decoration: underline; font-weight: bold;}

.subsubnavi {
	background-color: #FFFFCE;
	position: relativ;
	float: left;
	top: 0px;
	left: 0px;
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 1px 2px 1px 20px;
	font-size: 11px;
	color: #009966;
	text-decoration: none;
}

a.subsubnavi:link {font-size: 11px; color: #009966; text-decoration: none;}
a.subsubnavi:hover {font-size: 11px; color: #3333FF; text-decoration: underline;}
a.subsubnavi:active {font-size: 11px; color: #3333FF; text-decoration: underline;}

/* - - - - - - - - - - - - - - - - - - - - Navigation Ende- - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - Allgemein gültig - - - - - - - - - - - - - - - - - - - - */
img {
	border: 0px;
}

.schrift {
	color: #0c9c6b;
	font-size: 16px;
	/*font-weight: bold;*/
}


/* - - - - - - - - - - - - - - - - - - - - Gestaltung Templates Start- - - - - - - - - - - - - - - - - - - - */
.SpalteLinks {
	position: relativ;
	float: left;
	overflow: hidden;
	top: 0px;
	left: 0px;
	width: 170px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*border: 1px solid black;*/
}

.SpalteMitte {
	position: relativ;
	float: left;
	overflow: hidden;
	top: 0px;
	left: 0px;
	width: 225px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	/*border: 1px solid black;*/
}

.SpalteRechts {
	position: relativ;
	float: left;
	overflow: hidden;
	top: 0px;
	left: 0px;
	width: 170px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	/*border: 1px solid black;*/
}

.SpalteRechtsBreit {
	position: relativ;
	float: left;
	overflow: hidden;
	top: 0px;
	left: 0px;
	width: 405px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	/*border: 1px solid black;*/
}
/* - - - - - - - - - - - - - - - - - - - - Gestaltung Temlates Start- - - - - - - - - - - - - - - - - - - - */