/* ----------------------------------------------------------*/
/*  css style
/*  by karolin grosch
/* ----------------------------------------------------------*/

@charset "utf-8";
/* ----------------------------------------------------------*/
/* ---------------- =standards -------------------------------*/
/* ----------------------------------------------------------*/

* {
	padding:0;
	margin:0;
	border:0;
}
 html[xmlns^="http"] {
 overflow-y:scroll;
}
.clear {
	clear:both;
}
.floatRight {
	float:right;
}
.floatLeft {
	float:left;
}
p {
	padding-bottom:10px;
}
html, body {
	background:#fff url(../images/bg-body.jpg) no-repeat 0 0;
	color:#384144;
	font-size:12px;
	font-family:Tahoma, Verdana, Helvetica, sans-serif;
	line-height:21px;
	margin:0px;
}
/* ----------------------------------------------------------*/
/* ---------------- =links ----------------------------------*/
/* ----------------------------------------------------------*/

a, .escape span {
	text-decoration:underline;
	color:#299cc0;
	outline:none;
}
a:hover, a:hover span {
	text-decoration:none;
	background:#299cc0;
	color:#fff;
}

a.nohover:hover, div#logo a:hover {
	background:none!important;
}

/* ----------------------------------------------------------*/
/* ---------------- =container ------------------------------*/
/* ----------------------------------------------------------*/

div#container {
	background:url(../images/layout/bg-container.gif) repeat-y;
	clear:both;
	margin:0;
	position:relative;
	width:930px;
}
/* ----------------------------------------------------------*/
/* ---------------- =header ---------------------------------*/
/* ----------------------------------------------------------*/

div#header {
	height:480px;
	margin:0 auto;
	padding:0;
	width:930px;
}
blockquote {
	text-indent:-9999px;
	background:url(../images/bg-claim.gif) no-repeat 0 0;
	height:30px;
	width:480px;
	margin:80px 0 0 449px;
}
/* ----------------------------------------------------------*/
/* ---------------- =branding -------------------------------*/
/* ----------------------------------------------------------*/
h1.branding {
	background: url(../images/branding.gif) 0 0 no-repeat;
	height:268px;
	left:300px;
	position:absolute;
	top:0;
	width:570px;
}
h1.branding a {
	position:absolute;
	background:none;
	display:block;
	height:120px;
	text-indent:-9999px;
	top:120px;
	left:100px;
	padding:0;
	width:460px;
}
h1.branding a:hover {
	background:none;
}
/* ----------------------------------------------------------*/
/* =navi ----------------------------------------------------*/
/* ----------------------------------------------------------*/
div#navi-container {
	float:left;
	height:440px;
	width:300px;
	background:url(../images/navi.gif) top left no-repeat;
}
ul#navi {
	height:315px;
	width:250px;
	padding:45px 0 100px 0;
}
ul#navi li {
	display:inline;
	list-style:none;
}
ul#navi li a {
	display:block;
	text-indent:-9999px;
	outline:none;
	background:url(../images/navi.gif) top center no-repeat;
}
ul#navi li a.hauptseite1 {
	height:36px;
	background-position:0 -45px;
}
ul#navi li a.hauptseite1:hover {
	background-position:-300px -45px;
}
ul#navi li a.hauptseite2 {
	height:36px;
	background-position:0 -81px;
}
ul#navi li a.hauptseite2:hover {
	background-position:-300px -81px;
}
ul#navi li a.hauptseite3 {
	height:35px;
	background-position:0 -117px;
}
ul#navi li a.hauptseite3:hover {
	background-position:-300px -117px;
}
ul#navi li a.hauptseite4 {
	height:24px;
	background-position:0 -152px;
}
ul#navi li a.hauptseite4:hover {
	background-position:-300px -152px;
}
ul#navi li a.hauptseite5 {
	height:24px;
	background-position:0 -176px;
}
ul#navi li a.hauptseite5:hover {
	background-position:-300px -176px;
}
ul#navi li a.hauptseite6 {
	height:24px;
	background-position:0 -200px;
}
ul#navi li a.hauptseite6:hover {
	background-position:-300px -200px;
}
/*ul#navi li a.hauptseite7 {
	height:27px;
	background-position:0 -224px;
}
ul#navi li a.hauptseite7:hover {
	background-position:-300px -224px;
}*/
ul#navi li a.hauptseite7 {
	height:33px;
	background-position:0 -254px;
}
ul#navi li a.hauptseite7:hover {
	background-position:-300px -254px;
}
ul#navi li a.hauptseite8 {
	height:26px;
	background-position:0 -285px;
}
ul#navi li a.hauptseite8:hover {
	background-position:-300px -285px;
}
/*ul#navi li a.hauptseite8 {
	height:36px;
	background-position:0 -251px;
}
ul#navi li a.hauptseite8:hover {
	background-position:-300px -251px;
}*/
ul#navi li a.hauptseite9 {
	height:24px;
	background-position:0 -310px;
}
ul#navi li a.hauptseite9:hover {
	background-position:-300px -310px;
}
ul#navi li a.hauptseite10 {
	height:24px;
	background-position:0 -335px;
}
ul#navi li a.hauptseite10:hover {
	background-position:-300px -335px;
}
ul#navi li a.hauptseite11 {
	height:24px;
	background-position:0 -224px;
}
ul#navi li a.hauptseite11:hover {
	background-position:-300px -224px;
}
/* ----------------------------------------------------------*/
/* =navi-add ------------------------------------------------*/
/* ----------------------------------------------------------*/

div#navi-add-container {
	height:268px;
	width:60px;
}
ul#navi-add {
	height:268px;
	width:60px;
	margin:0 0 0 870px;
	background:url(../images/navi-add.gif) 0 0 no-repeat;
}
ul#navi-add li {
	display:inline;
	list-style:none;
	position:relative;
	float:left;
}
ul#navi-add li a {
	display:block;
	text-indent:-9999px;
	background:url(../images/navi-add.gif) 0 0 no-repeat;
}
ul#navi-add li a.index {
	width:43px;
	height:79px;
	background-position:0 -189px;
}
ul#navi-add li a.index:hover {
	background-position:-60px -189px;
}
ul#navi-add li a.kontakt {
	width:43px;
	height:117px;
	background-position:0 0;
}
ul#navi-add li a.kontakt:hover {
	background-position:-60px 0;
}
ul#navi-add li a.anfahrt {
	width:43px;
	height:72px;
	background-position:0 -117px;
}
ul#navi-add li a.anfahrt:hover {
	background-position:-60px -117px;
}
/* ----------------------------------------------------------*/
/* =navi-teaser ------------------------------------------------*/
/* ----------------------------------------------------------*/

div#navi-teaser-container {
	height:212px;
	width:630px;
}
ul#navi-teaser {
	height:212px;
	width:630px;
	margin:0 0 0 300px;
	
}
ul#navi-teaser li {
	display:inline;
	list-style:none;
	position:relative;
	float:left;
	top:15px;
	left:45px;
}
ul#navi-teaser li a {
	display:block;
	text-indent:-9999px;
	background:url(../images/teaser-navi.jpg) 0 0 no-repeat;
}
ul#navi-teaser li a:hover {
	background:url(../images/teaser-navi.jpg) 0 0 no-repeat;
}
ul#navi-teaser li a.teaser1 {
	width:120px;
	height:150px;
	margin-right:40px;
	background-position:-40px -30px;
}
ul#navi-teaser li a.teaser1:hover {
	background-position:-40px -30px;
}
ul#navi-teaser li a.teaser2 {
	width:150px;
	height:150px;
	margin-right:40px;
	background-position:-200px -30px;
}
ul#navi-teaser li a.teaser2:hover {
	background-position:-200px -30px;
}
ul#navi-teaser li a.teaser3 {
	width:160px;
	height:150px;
	background-position:-390px -30px;
}
ul#navi-teaser li a.teaser3:hover {
	background-position:-390px -30px;
}
/* ----------------------------------------------------------*/
/* ---------------- =headlines -------------------------------*/
/* ----------------------------------------------------------*/
h2 {
	font-size:24px;
	font-weight:normal;
	text-transform:uppercase;
	color:#2ba8cd;
	padding:0 0 7px 0;
}
.cufon-active h2 {
	font-size:24px;
	font-style:normal;
}
h3 {
	font-size:16px;
	font-weight:normal;
	color:#299cc0;
	text-transform:uppercase;
	padding:0 0 7px 0;	
	
}
/* ----------------------------------------------------------*/
/* ---------------- =content --------------------------------*/
/* ----------------------------------------------------------*/

div#content-container {
}
div#content-main {
	float:left;
	width:590px;
}

div#content-main ul{
    padding:0 0 20px 15px;
	list-style:circle;
}
.column {
	padding:10px 30px 0 20px;
}
div#playerformat, div#player {
	background:url(../images/videobox.gif) no-repeat 0 0;
	width:506px;
	height:340px;
	padding:37px 37px 0 39px;
}
.googlemaps {
	background:#fff;
	border:1px solid #ccc;
	margin:10px 0 0 0;
	padding:2px;
	_padding:2px 0 0 2px; /* Fix false display IE6 */
}
/* ----------------------------------------------------------*/
/* ---------------- =footer ---------------------------------*/
/* ----------------------------------------------------------*/

div#footer {
	background:#299cc0 url(../images/bg-footer.gif) repeat-x 0 0;
	clear:both;
	padding:0;
	width:100%;
	height:220px;
	color:#fff;
	font-size:11px;
	line-height:18px;
	margin-top:20px;
}
div#oeffnungszeiten span {
	width:80px;
	float:left;
}
div#footer-container {
	background:url(../images/footer.gif) no-repeat 0 0;
	width:930px;
	margin:0;
	height:220px;
}
div#footer a, div#footer .escape span {
	text-decoration:underline;
	color:#fff;
	outline:none;
}
div#footer a:hover, div#footer a:hover span {
	text-decoration:none;
	background:#fff;
	color:#299cc0;
}
div#oeffnungszeiten {
	padding:3px 0 0 70px;
	width:230px;
	height:195px;
	float:left;
}
div#kontakt {
	padding:3px 0 0 55px;
	width:180px;
	float:left;
	height:195px;
}
div#weg {
	padding:3px 0 0 90px;
	width:230px;
	height:195px;
	float:left;
}
div#footer img {
	float:right;
	padding:5px 0 10px 12px;
}
div#footer div#impressum {
	width:870px;
}
div#footer div#impressum a {
	float:right;
	text-transform:uppercase;
}
div#footer h4 {
	text-indent:-9999px;
}

/* ----------------------------------------------------------*/
/* done & sayonara ^^
/* ----------------------------------------------------------*/