body {
/*	background-color: #ffff00;*/
	padding:0px;
	margin: 0px;
  background-image: url(images/bg_sand.jpg);
  background-repeat: repeat; 
  background-position: top center;
}

.sternback {
  width: 100%;
  overflow: hidden;
  background-position: center 550px;
  background-image: url(images/seestern.png);
  background-repeat: no-repeat;
} 

.mainback {
  overflow: hidden;
  width: 980px;
  margin: 0px auto;
  padding: 0px;
  background-image: url(images/back.png);
  background-repeat: repeat-y;
  background-position: 0px 0px;
}

.main {
  width: 960px;
  margin: 0px auto;
  margin-left: 9px;
}

.header {
  width: 960px;
  height: 167px;
  background-image: url(images/header.jpg);
  background-repeat: no-repeat; 
}

.navi {
  width: 960px;
  height: 24px;
  background-image: url(images/background_mainnavi_std.jpg);
  background-repeat: repeat-x; 
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
	float: left;
  text-align: center;
}

.navi ul {
	margin: 0px;
	padding: 0px;
	height: 24px;
	padding-left: 210px; 
  width: 750px;
	list-style: none;
	display: inline;
	white-space: nowrap;
}

.navi li {
	margin: 0px;
	padding: 0 0 0 2px;
	list-style: none;
	display: block;
	float: left;
	background-image: url(images/dot_mainnavi_std.jpg);
	background-repeat: no-repeat;
}

.navi a:link, .navi a:active, .navi a:visited {
	font-weight: bold;
  font-size: 12px;
  font-family:  Arial, Verdana; 
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0;
	padding: 0 9px;
	display: block;
	float: left;
	height: 24px;
	line-height: 24px;
}

.navi a:hover {
	background-image: url(images/background_mainnavi_sel.jpg);
	background-repeat: repeat-x;
}

.navi .menu_current a {
	background-image: url(images/background_mainnavi_sel.jpg);
	background-repeat: repeat-x;
}

.navi .menu_current a:hover {
	text-decoration: none;
}

.leftside ul, .leftside li {
  width: 155px;
	text-align: left;
	vertical-align: top;
}

.leftside li a:link, .leftside li a:visited,  .leftside li a:active, .leftside li a:hover {
	text-decoration: none; 
  color: #33689a;
	height: 14px;	
	text-align: left;
	padding: 4px;
	padding-left: 0px;
	font-weight: bold;
  font-size: 12px;
  font-family: Arial, Arial, Verdana; 
}

.leftside ul {
  list-style-image: url(images/dot_muschel.png);
  margin: 0px;
	padding: 0px;
	padding-left: 40px;
	padding-top: 65px;
}

.leftside li a:hover {
	text-decoration: underline; 
	color: #2FA7A1;
}

.leftside li a.menu_current {
	text-decoration: none; 
	color: #2FA7A1;
}

.leftside {
  height: 100%;
  width: 200px;
  text-align: center;
  vertical-align: top;
}

.rightside {
	background-image: url(images/leuchtturm_rechts.jpg);
  background-repeat: no-repeat; 
  background-position: top right;
  height: 100%;
  width: 210px;
  text-align: center;
  vertical-align: top;
  padding-top: 315px;
  color: #606060;
  font-family: Tahoma, Arial Narrow, Arial;
  font-size: 14px;
	font-weight: bold;
}

.content {
  background-color: #ffffff;
  width: 960px;
  height: 100%;
  color: #606060;
  text-align: left;
  vertical-align: top;
}

.text .rahmen table, .text .rahmen tr, .text .rahmen td {
  border-width: 1px;
  border-style: solid;
  border-color: #b8b8b8;
  clear: both;
}

.text, td .text {
  clear: both;
  padding: 10px;
  padding-top: 30px;
  height: 100%;
  color: #606060;
  text-align: left;
  vertical-align: top;
  font-family: Verdana, Arial;
  font-size: 12px;
  line-height: 18px;
}

.text a:link, .text a:visited,  .text a:active, .text a:hover {
	text-decoration: underline; 
  color: #33689a;
	font-weight: bold;
  font-size: 12px;
  font-family: Verdana; 
}

.text a:hover {
	text-decoration: none; 
	color: #2FA7A1;
}

.rightside a:link, .rightside a:visited,  .rightside a:active, .rightside a:hover {
	text-decoration: none; 
  color: #33689a;
}

.rightside a:hover {
	text-decoration: underline; 
	color: #2FA7A1;
}


h1,h2,h3 {
  color: #33689a;
  background-image: url(images/dot_h1.jpg);
  background-repeat: no-repeat;  
  background-position: center left;
  vertical-align: middle;
  font-family: Arial Rounded MT Bold, Verdana, Arial;
  font-weight: bold; 
  margin: 0px;
  padding: 0px;
  padding-left: 20px; 
  margin-bottom: 20px;
  text-align: left;
}

h1 {font-size: 16px;}
h2 {font-size: 14px;}
h3 {font-size: 12px;}

.footer {
  background-color: #ffffff;
  width: 960px;
  height: 53px;
  background-image: url(images/footer_raps.jpg);
  background-position: 0px bottom;
  background-repeat: no-repeat; 
  text-align: center;
  vertical-align: bottom;
  padding-bottom: 10px;
  color: #000000;
  font-family: Verdana;
  font-size: 10px;
}

.footer a:link, .footer a:visited,  .footer a:active, .footer a:hover {
  color: #000000;
	text-decoration: underline; 
}

.footer a:hover {
  color: #33689a;
	text-decoration: none; 
}