@charset "utf-8";
/* CSS Document */

/* ################################# */
/* ############ GLOBAL */
/* ################################# */

html 	{
  		height: 100%;
  		margin-bottom: 1px;
		}


body 	{
		background:#ececed url(../pic/hg.jpg);
		margin:0px;
		padding:0px;
		}
		
img		{
	border:none;
		}


/* ################################# */
/* ############ LAYOUT */
/* ################################# */



/* WRAPPER
----------------------------------------------- */

#wrapper 	{
	margin:auto;
	width:1010px;
		}


/* HEADER
----------------------------------------------- */


#head {
	background: url(../pic/head.png);
	width:1010px;
	height:133px;
}

#menu_oben {
	width:175px;
	height:133px;
	}
#links {
	width:175px;
	height:83px;
}

#links ul {
	padding:63px 30px 0 30px;
	width:90px;
	height:20px;
	}

#links li {
	float:left;
	padding-right:10px;
	list-style:none;
	height:20px;
	width:20px;
	}

#links a.facebook  {
	display:block;
	float:right;
	width:20px;
	height:20px;
	background:url(../pic/menu/facebook.png) no-repeat right top;
	text-indent:-2000px;
	}

#links a.facebook:link,#links  a.facebook:visited  {
	display:block;
	float:right;
	width:20px;
	height:20px;
	background:url(../pic/menu/facebook.png) no-repeat left top;
	text-indent:-2000px;
	}
	
#links a.facebook:hover {
	background-position:right top;
	}
	
#links a.myspace  {
	display:block;
	float:right;
	width:20px;
	height:20px;
	background:url(../pic/menu/myspace.png) no-repeat right top;
	text-indent:-2000px;
	}

#links a.myspace:link,#links  a.myspace:visited  {
	display:block;
	float:right;
	width:20px;
	height:20px;
	background:url(../pic/menu/myspace.png) no-repeat left top;
	text-indent:-2000px;
	}
	
#links a.myspace:hover {
	background-position:right top;
	}
	
#links a.twitter  {
	display:block;
	float:right;
	width:20px;
	height:20px;
	background:url(../pic/menu/twitter.png) no-repeat right top;
	text-indent:-2000px;
	}

#links a.twitter:link,#links  a.twitter:visited  {
	display:block;
	float:right;
	width:20px;
	height:20px;
	background:url(../pic/menu/twitter.png) no-repeat left top;
	text-indent:-2000px;
	}
	
#links a.twitter:hover {
	background-position:right top;
	}

#cd_booking {
	width:175px;
	height:50px;
}

#cd_booking ul {
	padding:2px 0 4px 49px;;
	width:126px;
	height:48px;
	}

#cd_booking li {
	list-style:none;
	}

#cd_booking a.cd  {
	display:block;
	float:left;
	width:70px;
	height:25px;
	background:url(../pic/menu/cd.png) no-repeat right top;
	text-indent:-2000px;
	}

#cd_booking a.cd:link,#cd_booking  a.cd:visited  {
	display:block;
	float:left;
	width:70px;
	height:25px;
	background:url(../pic/menu/cd.png) no-repeat left top;
	text-indent:-2000px;
	}
	
#cd_booking a.cd:hover {
	background-position:right top;
	}

#cd_booking a.booking  {
	display:block;
	float:left;
	width:126px;
	height:27px;
	background:url(../pic/menu/booking.png) no-repeat right top;
	text-indent:-2000px;
	}

#cd_booking a.booking:link,#cd_booking  a.booking:visited  {
	display:block;
	float:left;
	width:126px;
	height:27px;
	background:url(../pic/menu/booking.png) no-repeat left top;
	text-indent:-2000px;
	}
	
#cd_booking a.booking:hover {
	background-position:right top;
	}

/* CONTENT
----------------------------------------------- */
#container {
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:16px;
	height: auto;
	width:1010px;
	position:relative;
 
}

#container #news{
	float: left;
	width:198px;
	height:242px;
}

#container #news p{
	padding:0 12px;
}

#container #news a {
	color:#000;
}

#container #middle {
	float: left;
	background:url(../pic/middle_hg.png);
	width:596px;
	height: auto;
}

#container #content {
	float: left;
	background-color:#FFF;
	width:564px;
	height: auto;
	margin:0 6px 4px 6px;
	padding:10px;
}

#container #contentstart {
	float: left;
	background-color:#FFF;
	width:580px;
	height:386px;
	margin:0 8px  4px  8px;
}

#container #jukebox {
	float: left;
	width:216px;
	height:auto;
	padding:0 0 0 0px;
}

#container #jukebox p{
	padding:0 20px;
}

.bigtypo {
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	line-height:20px;
	color:#d41660;
	}
	
.bigtypo a {
	color: #000;	
	}


#band {
	float:left;
	width:300px;
	hight:300px;
	margin-right:20px;
	}
	
#band img {
	float:left;
	}
/*--------------- kennenlernen.html------------------*/
#text {
	float:right;
	width:400px;
	}
	
#box {
	float:left;
	width:566px;
	padding:10px 0 0 3px;
	}
	
#box img {
	float:left;
	}
	


/*--------------- sehen.html------------------*/


.sehen {
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#000;	
	}
	
/*--------------- termine.html------------------*/


termine {
	font-family:Verdana, Geneva, sans-serif;
	line-height:22px;
	color:#000;	
	padding:20px;
	}

.termine_grau a {
	color: #999;
	}
	
.termine_grau {
	line-height:22px;
	color: #999;
	}
	
.termine_sch  {
	line-height:22px;
	color: #000;
	}

.termine_sch a {
	color: #000;
	}

/*--------------- erleben.html------------------*/

#erleben {
	line-height:22px;
	
	}


.link a {
	color: #000;
	}
	
.linkrosa a {
	color: #d41660;
	}
	
/*--------------- buchen.html------------------*/

	
#kontakt_booking {
	float:right;
	height:300px;
	width:240px;
	}	
	
#cd_info {
	float:left;
	width:300px;
	padding:10px 0 10px 0;
	}

#presse {
	padding:10px;
	}
#impressum a {
	color:#000;
	line-height:22px;
	}


/* FOOTER
----------------------------------------------- */

#footer {
	float:left;
	font-size:9px;
	width:596px;
	height:20px;
		}
		
#footer a {
	color:#fff;
	text-decoration:none;
		}

	
/* ################################# */
/* ############ TYPOGRAPHY */
/* ################################# */



/* ################################# */
/* ############ NAVI */
/* ################################# */


	
ul {
	margin:0;
	padding:0;
	width:596px;
	}
	
#g2 ul {
	margin:0;
	padding:0;
	width:556px;
	}

li {
	margin:0;
	padding:0;
	float:left;
	list-style:none;
	}

a.kennenlernenactive  {
	display:block;
	float:left;
	width:163px;
	height:44px;
	background:url(../pic/menu/kennenlernen.png) no-repeat right top;
	text-indent:-2000px;
	}

a.kennenlernen:link, a.kennenlernen:visited  {
	display:block;
	float:left;
	width:163px;
	height:44px;
	background:url(../pic/menu/kennenlernen.png) no-repeat left top;
	text-indent:-2000px;
	}
	
a.kennenlernen:hover {
	background-position:right top;
	}
	
a.sehenactive  {
	display:block;
	float:left;
	width:80px;
	height:44px;
	background:url(../pic/menu/sehen.png) no-repeat right top;
	text-indent:-2000px;
	}
	
a.sehen:link, a.sehen:visited  {
	display:block;
	float:left;
	width:80px;
	height:44px;
	background:url(../pic/menu/sehen.png) no-repeat left top;
	text-indent:-2000px;
	}
	
a.sehen:hover {
	background-position:right top;
	}
	
a.erlebenactive  {
	display:block;
	float:left;
	width:94px;
	height:44px;
	background:url(../pic/menu/erleben.png) no-repeat right top;
	text-indent:-2000px;
	}
	
a.erleben:link, a.erleben:visited  {
	display:block;
	float:left;
	width:94px;
	height:44px;
	background:url(../pic/menu/erleben.png) no-repeat left top;
	text-indent:-2000px;
	}
	
a.erleben:hover {
	background-position:right top;
	}
	
a.staunenactive  {
	display:block;
	float:left;
	width:97px;
	height:44px;
	background:url(../pic/menu/staunen.png) no-repeat right top;
	text-indent:-2000px;
	}
	
a.staunen:link, a.staunen:visited  {
	display:block;
	float:left;
	width:97px;
	height:44px;
	background:url(../pic/menu/staunen.png) no-repeat left top;
	text-indent:-2000px;
	}
	
a.staunen:hover {
	background-position:right top;
	}
	
a.kontaktactive  {
	display:block;
	float:left;
	width:91px;
	height:44px;
	background:url(../pic/menu/buchen.png) no-repeat right top;
	text-indent:-2000px;
	}
	
a.kontakt:link, a.kontakt:visited  {
	display:block;
	float:left;
	width:91px;
	height:44px;
	background:url(../pic/menu/buchen.png) no-repeat left top;
	text-indent:-2000px;
	}
	
a.kontakt:hover {
	background-position:right top;
	}
	
a.presseactive  {
	display:block;
	float:left;
	width:59px;
	height:44px;
	background:url(../pic/menu/cd.png) no-repeat right top;
	text-indent:-2000px;
	}

a.presse:link, a.presse:visited  {
	display:block;
	float:left;
	width:59px;
	height:44px;
	background:url(../pic/menu/cd.png) no-repeat left top;
	text-indent:-2000px;
	}
	
a.presse:hover {
	background-position:right top;
	}

.ueberschrift {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bolder;
	line-height:20px;
	}





/* ################################# */
/* ############ DEBUGGING */
/* ################################# */

/* div { border:1px red dashed; } */