body {
  background: url(/images/background.jpg);
  background-repeat: repeat-x;
  font-size: 12pt;
  color: #000;
  font-family: Verdana, Arial, "Myriad Pro", sans-serif;
  margin: 0;
  background-color: #80a1c1;
  text-align:center;
}

#center1, #center2 {
	margin: auto;
	width: 950px;
	background-color:#00FF00;
}


a {
	color: #003366;
	text-decoration: none;
	font-weight: 600;
}

a:hover {
	color: #cc0000;
	text-decoration:none;
}


#center2 {
	position: relative;
	text-align:left;
}

#white-space {
  position: absolute;
  left: 30px;
  top: 0;
  width: 207px;
  height: 29px;
  background-image: url(/images/white-space.png);
  z-index: 2;
}

.editmode {
  color: red;
  margin:0.2em;
  font-size: 1.0em;
}

.editmode_small {
  color: red;
  margin:0.2em;
  font-size: 0.6em;
}

.editmode_small li {
  margin-bottom: 4px;
}


#wrapper {
  position: relative;
  height: 50px;
  margin: 0 auto;
  width: 950px;
  background-color:#33FF33;
}

img {
  border: 0;
  margin: 0;
  padding: 0;
}

#main {
  position: absolute;
  top: 130px;
  width: 950px;
  background-color: #f8fefc; 
}

#logo_bg {
  position: absolute;
  top: 15%;
  left: 35%;
  width: 324px;
  height: 441px;
  background-image: url(/images/logo_bg.jpg);
}

/* Head */
#header {
  position: absolute;
  top: 0;
  height: 130px;
  width: 950px;
}

#header a {
}

#header a:hover {
  color: #255f8f;
}

#phone {
  position: absolute;
  top: 119px;
  left: 750px;
  height: 11px;
  width: 15px;
  background-image: url(/images/phone.jpg);
}

#phonenumber {
  position: absolute;
  top: 118px;
  left: 768px;
  font-size:7pt;
  font-family: Verdana, sans-serif;
  color: #fff;
  font-weight: 700;
}
/* Head-Ende */

/* Haupt-Navigation */
#navigation {
  position: relative;
  margin-top: 10px;
  margin-left: 10px;
  float: left;
  z-index: 3;
}

#navigation h1 {
  margin: 0;
  padding: 3px;
  font-family: Trebuchet, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  color: #fefefe;
  text-align: center;
  letter-spacing: 0.05em;
}

#navigation ul {
  margin: 0;
  padding: 12px 0 4px 12px;
  list-style-type: none;
  line-height: 0.73em;
}

#navigation li {
  margin-bottom: 3px;
}

#navigation a {
  font-family: Verdana, sans-serif;
  font-size: 8pt;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}


#navigation a:hover {
  text-decoration: underline;
}

#termine {
  position: relative;
  height: 132px;
  width: 132px;
  background-image: url(/images/navibox_termine.jpg);
}

#der_club {
  position: relative;
  margin-top: 10px;
  height: 132px;
  width: 132px;
  background-image: url(/images/navibox_der_club.jpg);
}

#kontakt {
  position: relative;
  margin-top: 10px;;
  height: 132px;
  width: 132px;
  background-image: url(/images/navibox_kontakt.jpg);
}

#fari_tv {
  position: relative;
  margin-top: 10px;
  margin-bottom: 0px;
  height: 132px;
  width: 132px;
  background-image: url(/images/navibox.jpg);
}

#antenne {
  position: absolute;
  margin-top: -38px;
  left: 105px;
  height: 47px;
  width: 22px;
}

#video {
  position: relative;
  margin: 10px 0px 0px 8px;
  height: 84px;
  width: 116px;
}
/* Haupt-Navigation-Ende */

/* Zweit-Navigation */
#zweit-navigation {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 20px;
  width: 900px;
  background-color: #143e57;
  margin: 0;
	font-family: Verdana, sans-serif;
  font-size: 7.5pt;
  font-weight: bold;
  z-index: 1;
}

ul#zweit-navigation {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul#zweit-navigation li {
	float:right;
	line-height: 18px;
 	text-decoration: none;
	color:#fff;
	width: 103px;
	text-align: center;
	height: 20px;
}

ul#zweit-navigation li a {
	text-decoration: none;
	color:#fff;
	width: 103px;
	text-align: center;
	display: block;
	height: 20px;
}

ul#zweit-navigation li a:hover, ul#zweit-navigation li a.activeSubNav,  ul#zweit-navigation li a.activeMainNav, ul#zweit-navigation li a.activeMainNavSub{
	text-decoration:none;
	color:#b7cbde;
}

.naviLi_1:hover .subnavi_1, .naviLi_2:hover .subnavi_2, .naviLi_3:hover .subnavi_3, .naviLi_4:hover .naviLi_5:hover {
	display:inline;
	clear:both;
}	

.subnavi_1, .subnavi_2, .subnavi_3 {
	display:none;
	position:absolute;
	top:25px;
	right:0px;
	width:103px;
	background-color:#6387a1;
	text-align: center;
	padding:0;
  margin: 0;
	list-style: none;
	font-weight:normal;
}
	
.subnavi_1 {
  top: 20px;
  margin: 0;
	right:350px;
}

.subnavi_2 {
  top: 20px;
	right:230px;
}
.subnavi_3 {
  top: 20px;
	right:110px;
}

.naviLi_1, .naviLi_2, .naviLi_3 {
	font-family: Verdana, sans-serif;
  font-size: 7.5pt;
  font-weight: bold;
  color: #fff;
  height: 20px;
  width: 100px;
	text-align: center;
  margin: 0 10px 0 10px;
}

.naviLi_1, .naviLi_2, .naviLi_3 li {
  color: #fff;
}
/* Zweit-Navigation-Ende */

/* Footer-Navigation */
#footer {
  clear:both;
  position: relative;
  bottom: 0px;
  height: 25px;
  width: 950px;
  background-image: url(/images/footer.jpg);
  font-family: Verdana, sans-serif;
  font-size: 7.5pt;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#footer a {
  font-family: Verdana, sans-serif;
  font-size: 7.5pt;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#footer a:hover {
  color: #b7cbde;
}

#impressum {
  position: absolute;
  top: 7px;
  left: 46px;
}

#blade {
  position: absolute;
  left: 7px;
  width: 36px;
  height: 25px;
  background-image: url(/images/blade.jpg);
}

#symbolic_shipping {
  position: absolute;
  top: -3px;
  left: 370px;
  margin: 0;
  padding: 0;
  
}

#symbolic_shipping table  {
font-family: Verdana, sans-serif;
  font-size: 7.5pt;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#symbolic_shipping table td{
  vertical-align: middle;
}

#kontakt_sitemap {
  position: absolute;
  top: 7px;
  right: 7px;
}
/* Footer-Navigation-Ende */
  
/* Inhalt */
#content {
  position: absolute;
  width:950px;
  background-color: #f8fefc;
  font-family: Verdana, sans-serif;
  font-size: 10pt; 
}

#text h1 {
  font-weight: bold;
  font-family: Verdana, sans-serif;
  font-size: 12pt;
  color: #000;
  margin: 0px 0px 8px 0px;
  padding: 0;
}

#justtext h1 {
  font-weight: bold;
  font-family: Verdana, sans-serif;
  font-size: 12pt;
  color: #000;
  margin: 0 0 8px 0;
  padding: 0;
}

#pictures h1 {
  font-weight: bold;
  font-family: Verdana, sans-serif;
  font-size: 12pt;
  color: #000;
  margin: 0 0 8px 0;
  padding: 0;
}

#content h2 {
  font-weight: bold;
  font-family: Verdana, sans-serif;
  font-size: 10pt;
  color: #000;
  margin: 0 0 5px 0;
  padding: 0;
}

#text_start h2 {
  margin: 0 0 -5px 0 ;
}

#aktuelles h2 {
  margin: 0 0 5px 0 ;
}

#text {
  position: relative;
  margin-top: 40px;
  margin-left: 40px;
  margin-bottom: 88px;
  width: 420px;
  font-family: Verdana, sans-serif;
  font-size: 10pt;
  float: left;
}

#fernseher {
  position: absolute;
  background-image: url(/images/fernseher.png);
  top: 38px;
  left: 40px;
  width: 395px;
  height: 368px;
  font-family: Verdana, sans-serif;
  font-size: 10pt;
}

#fernseherantenne {
  position: absolute;
  top: -38px;
  left: 380px;
  width: 44px;
  height: 78px;
  background-image: url(/images/antenne_big.png);
}

#videorekorder {
  position: absolute;
  top : 300px;
  left: 0px;
  width: 265px;
  height: 100px;
}

#fernseherfilm {
  position: absolute;
  top: 31px;
  left: 22px;
}

#text table {
  font-family: Verdana, sans-serif;
  font-size: 10pt;
}

#justtext {
  position: relative;
  margin-top: 40px;
  margin-left: 40px;
  margin-bottom: 88px;
  width: 420px;
  font-family: Verdana, sans-serif;
  font-size: 10pt;
  float: left;
}

#pic_home {
  position: relative;
  top: 0;
  margin-left: 182px;
  width:735px;
    height:210px;
  margin-top: 10px;
}

#text_start {
  position: relative;
  margin-top: 20px;
  margin-left: 40px;
  margin-bottom: 88px;
  width: 420px;
  font-family: Verdana, sans-serif;
  font-size: 10pt;
  float: left;
}

#pictures {
  position: relative;
  float: left;
  margin-top: 50px;
  margin-left: 52px;
  margin-bottom: 88px;
  width: 265px;
}

#pictures_start {
  position: relative;
  float: left;
  margin-top: 50px;
  margin-left: 52px;
  margin-bottom: 58px;
  width: 265px;
}

.tvmenukassette1, .tvmenukassette2, .tvmenukassette3, .tvmenukassette4 {
position: absolute;
display: block;
clip:rect(0px, 215px, 48px, 0px);
}

.tvmenukassette1 a, .tvmenukassette2 a, .tvmenukassette3 a, .tvmenukassette4 a {
padding-top: 28px;
background: url(/images/kassette.png);
background-repeat: no-repeat;
width: 150px;
height: 48px;
display: block;
text-align:center;
margin-left: 55px;
font-size: 6pt;
font-weight: bold;
}

.tvmenukassette1 a:hover, .tvmenukassette2 a:hover, .tvmenukassette3 a:hover, .tvmenukassette4 a:hover{

margin-left: 45px;
}

.tvmenukassette1 {
top: 192px;
z-index: 20;
}

.tvmenukassette2 {
top: 222px;
z-index: 19;
}

.tvmenukassette3 {
top: 252px;
z-index: 18;
}

.tvmenukassette4 {
top: 282px;
z-index: 17;
}

.kassette1active, .kassette2active, .kassette3active, .kassette4active {
position: absolute;
display: block;
clip:rect(0px, 215px, 48px, 0px);
}

.kassette1active a, .kassette2active a, .kassette3active a, .kassette4active a {
padding-top: 28px;
background: url(/images/kassette.png);
background-repeat: no-repeat;
width: 150px;
height: 48px;
display: block;
text-align:center;
margin-left: 45px;
font-size: 6pt;
font-weight: bold;
color: #cc0000;
}

.kassette1active {
top: 192px;
z-index: 20;
}

.kassette2active {
top: 222px;
z-index: 19;
}

.kassette3active {
top: 252px;
z-index: 18;
}

.kassette4active {
top: 282px;
z-index: 17;
}

#aktuelles {
  position: absolute;
  top: 0px;
  left: 450px;
  margin: 0 0 0 0;
  width: 309px;
  font-size: 10pt;
  z-index: 2;
}

#aktuelles a {
  position: relative;
  font-family: Verdana, sans-serif;
  font-size: 10pt;
  line-height: 1.50em;
  color: #000;
  font-weight: normal;
  text-decoration: none;
}

#aktuelles a:hover {
  text-decoration: underline;
}
/* Inhalt-Ende */

#bildwechsel {
	z-index:14;
        text-align: left;
}
	
.kleinerBildwechselBox {
	position: absolute;
	z-index:14;
	width:735px;
    height:210px;
}

.kleinerBildwechselBox_activities {
	z-index:14;
	
}


/* Banner */
#banner {
  position: relative;
  width: 950px;
  height: 80px;
  margin-top: -60px;
}

#banner_news {
  position: relative;
  width: 950px;
  height: 80px;
  margin-top: 0px;
}

#banner_video {
  position: relative;
  width: 950px;
  height: 80px;
  margin-top: 60px;
}

#banner_1 {
  position: absolute;
  top: 0;
  left: 182px;
}

#banner_2 {
  position: absolute;
  top: 0;
  left: 694px;
  height: 60px;
  width: 234px;
}

#blendbannerdiv {
	margin: 0px;
	padding: 0px;
	background-image:url(../images/banner_alsterwetter.jpg);
	background-repeat: no-repeat;
	height: 60px;
	width: 234px;
	position: absolute;
}

#blendbanner {
	position: absolute;
}

#banner_3 {
  position: absolute;
  top: -26px;
  left: 438px;
  z-index: 1;
}

/* Banner-Ende */