@charset "utf-8";
/* CSS Document */
body {
	padding:0;
	margin:0;
	background-color:#FF9CB5;
}
p, h1, h2 {
	margin:0;
	padding:0;
}
img, img a, a {
	border:none;
	text-decoration:none;
}
:focus {
	outline: 0;
}
/*-------------------------------- Layout -----------------------------------*/

#nav {
	top:0;
	left: 0;
	height:57px;
	width: 100%;
	background: url('../images/bkgr.gif') left top repeat-x #FF9CB5;
	position: fixed;
	z-index:10;
}
#navButtons {
	top:14px;
	left: 60px;
	height:23px;
	/*width: 685px;*/
	position:absolute;
	z-index:10;
}
#content {
	left:59px;
	top:75px;
	width:700px;
	position:absolute;
	z-index:1;
}
#contentLeft {
	width:550px;
	float:left;
	position:relative;
}
#contentRight {
	width:150px;
	float:left;
	position:relative;
}
#contentBreit {
	width:700px;
	float:left;
	position:relative;
}
#clear {
	clear:left;
}
.imgLeft {
	float:left;
	margin: 0 20px 10px 0;
}
.imgRight {
	float:right;
	margin: 0 0 10px 20px;
}
#galerieZeile {
clear:left;
}
#galerie {
	float:left;
	color:#fff;
	margin:0px 5px 10px 0;
}
/*-------------------------------- Schriften -----------------------------------*/
body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #86233F;
	line-height: 1.5em;
}
h1 {
	font-size: 24px;
	color: #fff;
	line-height:30px;
}
h2 {
	font-size: 12px;
	color: #fff;
}
#content .weiss {
	color: #fff;
}
#contentRight a {
	text-decoration: underline;
	color: #86233F;
}
#contentRight a:hover {
	text-decoration: none;
	background-color: #DA597A;
	color: #fff;
}
#content a.link {
	text-decoration: underline;
	color: #86233F;
	background:url('../images/pfeil_popup.gif') 3px 3px no-repeat;
	padding: 0 3px 0 17px;
}
#content a:hover.link {
	text-decoration: none;
	background-color: #DA597A;
	color: #fff;
}
#content a.linkGalerie {
	text-decoration: underline;
	color: #fff;
	font-weight:bold;
	background:url('../images/pfeil_popup.gif') 3px 3px no-repeat;
	padding: 0 3px 0 17px;
}
#content a:hover.linkGalerie {
	text-decoration: none;
	background-color: #DA597A;
	color: #fff;
}
/*-------------------------------- Navigation -----------------------------------*/
#nav #navButtons ul {
	margin:0;
	padding:0;
}
#nav #navButtons li {
	list-style:none;
	display: inline;
	margin:0;
	padding:0;
}
/* home -----------------------------------*/
#nav #navButtons ul li a.home {
	background: url('../images/nav_buttons.gif') no-repeat 0px 0px;
	float: left;
	height: 23px;
	width: 235px;
	margin: 0 10px 0 0;
}
#nav #navButtons ul li a:hover.home, #nav #navButtons ul li a.highhome {
	background: url('../images/nav_buttons.gif') no-repeat 0px -25px;
}
/* 01 -----------------------------------*/
#nav #navButtons ul li a.k01 {
	background: url('../images/nav_buttons.gif') no-repeat -237px 0px;
	float: left;
	height: 23px;
	width: 22px;
	margin: 0 3px 0 0;
}
#nav #navButtons ul li a:hover.k01, #nav #navButtons ul li a.high01 {
	background: url('../images/nav_buttons.gif') no-repeat -237px -25px;
}
/* 02 -----------------------------------*/
#nav #navButtons ul li a.k02 {
	background: url('../images/nav_buttons.gif') no-repeat -259px 0px;
	float: left;
	height: 23px;
	width: 22px;
	margin: 0 3px 0 0;
}
#nav #navButtons ul li a:hover.k02, #nav #navButtons ul li a.high02 {
	background: url('../images/nav_buttons.gif') no-repeat -259px -25px;
}
/* 03 -----------------------------------*/
#nav #navButtons ul li a.k03 {
	background: url('../images/nav_buttons.gif') no-repeat -281px 0px;
	float: left;
	height: 23px;
	width: 22px;
	margin: 0 3px 0 0;
}
#nav #navButtons ul li a:hover.k03, #nav #navButtons ul li a.high03 {
	background: url('../images/nav_buttons.gif') no-repeat -281px -25px;
}
/* 04 -----------------------------------*/
#nav #navButtons ul li a.k04 {
	background: url('../images/nav_buttons.gif') no-repeat -303px 0px;
	float: left;
	height: 23px;
	width: 22px;
	margin: 0 3px 0 0;
}
#nav #navButtons ul li a:hover.k04, #nav #navButtons ul li a.high04 {
	background: url('../images/nav_buttons.gif') no-repeat -303px -25px;
}
/* 05 -----------------------------------*/
#nav #navButtons ul li a.k05 {
	background: url('../images/nav_buttons.gif') no-repeat -325px 0px;
	float: left;
	height: 23px;
	width: 22px;
	margin: 0 3px 0 0;
}
#nav #navButtons ul li a:hover.k05, #nav #navButtons ul li a.high05 {
	background: url('../images/nav_buttons.gif') no-repeat -325px -25px;
}
/* 06 -----------------------------------*/
#nav #navButtons ul li a.k06 {
	background: url('../images/nav_buttons.gif') no-repeat -347px 0px;
	float: left;
	height: 23px;
	width: 22px;
	margin: 0 3px 0 0;
}
#nav #navButtons ul li a:hover.k06, #nav #navButtons ul li a.high06 {
	background: url('../images/nav_buttons.gif') no-repeat -347px -25px;
}
/* 07 -----------------------------------*/
#nav #navButtons ul li a.k07 {
	background: url('../images/nav_buttons.gif') no-repeat -369px 0px;
	float: left;
	height: 23px;
	width: 22px;
	margin: 0 3px 0 0;
}
#nav #navButtons ul li a:hover.k07, #nav #navButtons ul li a.high07 {
	background: url('../images/nav_buttons.gif') no-repeat -369px -25px;
}
/* 08 -----------------------------------*/
#nav #navButtons ul li a.k08 {
	background: url('../images/nav_buttons.gif') no-repeat -391px 0px;
	float: left;
	height: 23px;
	width: 22px;
	margin: 0 3px 0 0;
}
#nav #navButtons ul li a:hover.k08, #nav #navButtons ul li a.high08 {
	background: url('../images/nav_buttons.gif') no-repeat -391px -25px;
}
/* 09 -----------------------------------*/
#nav #navButtons ul li a.k09 {
	background: url('../images/nav_buttons.gif') no-repeat -413px 0px;
	float: left;
	height: 23px;
	width: 22px;
	margin: 0 5px 0 0;
}
#nav #navButtons ul li a:hover.k09, #nav #navButtons ul li a.high09 {
	background: url('../images/nav_buttons.gif') no-repeat -413px -25px;
}
/* 10 -----------------------------------*/
#nav #navButtons ul li a.k10 {
	background: url('../images/nav_buttons.gif') no-repeat -435px 0px;
	float: left;
	height: 23px;
	width: 22px;
	margin: 0 5px 0 0;
}
#nav #navButtons ul li a:hover.k10, #nav #navButtons ul li a.high10 {
	background: url('../images/nav_buttons.gif') no-repeat -435px -25px;
}
/* 11 -----------------------------------*/
#nav #navButtons ul li a.k11 {
	background: url('../images/nav_buttons.gif') no-repeat -458px 0px;
	float: left;
	height: 23px;
	width: 22px;
	margin: 0 5px 0 0;
}
#nav #navButtons ul li a:hover.k11, #nav #navButtons ul li a.high11 {
	background: url('../images/nav_buttons.gif') no-repeat -458px -25px;
}
/* 12 -----------------------------------*/
#nav #navButtons ul li a.k12 {
	background: url('../images/nav_buttons.gif') no-repeat -480px 0px;
	float: left;
	height: 23px;
	width: 22px;
	margin: 0 5px 0 0;
}
#nav #navButtons ul li a:hover.k12, #nav #navButtons ul li a.high12 {
	background: url('../images/nav_buttons.gif') no-repeat -480px -25px;
}
/* ausser -----------------------------------*/
#nav #navButtons ul li a.ausser {
	background: url('../images/nav_buttons.gif') no-repeat 0px -50px;
	float: left;
	height: 23px;
	width: 137px;
	margin:0 23px 0 0;
}
#nav #navButtons ul li a:hover.ausser, #nav #navButtons ul li a.highausser {
	background: url('../images/nav_buttons.gif') no-repeat 0px -75px;
}
/* info -----------------------------------*/
#nav #navButtons ul li a.info {
	background: url('../images/nav_buttons.gif') no-repeat -137px -50px;
	float: left;
	height: 23px;
	width: 32px;
	margin:0 17px 0 0;
}
#nav #navButtons ul li a:hover.info, #nav #navButtons ul li a.highinfo {
	background: url('../images/nav_buttons.gif') no-repeat -137px -75px;
}
/* gastgeber -----------------------------------*/
#nav #navButtons ul li a.gast {
	background: url('../images/nav_buttons.gif') no-repeat -290px -50px;
	float: left;
	height: 23px;
	width: 66px;
	margin:0 17px 0 0;
}
#nav #navButtons ul li a:hover.gast, #nav #navButtons ul li a.highgast {
	background: url('../images/nav_buttons.gif') no-repeat -290px -75px;
}
/* kontakt -----------------------------------*/
#nav #navButtons ul li a.kontakt {
	background: url('../images/nav_buttons.gif') no-repeat -169px -50px;
	float: left;
	height: 23px;
	width: 50px;
	margin:0 17px 0 0;
}
#nav #navButtons ul li a:hover.kontakt, #nav #navButtons ul li a.highkontakt {
	background: url('../images/nav_buttons.gif') no-repeat -169px -75px;
}
/* impressum -----------------------------------*/
#nav #navButtons ul li a.impress {
	background: url('../images/nav_buttons.gif') no-repeat -219px -50px;
	float: left;
	height: 23px;
	width: 71px;
}
#nav #navButtons ul li a:hover.impress, #nav #navButtons ul li a.highimpress {
	background: url('../images/nav_buttons.gif') no-repeat -219px -75px;
}
/* mouseover jahreszahlen -----------------------------------*/
#nav #navButtons ul li a span {
	display: none;
}
#nav #navButtons ul li a:hover span {
	display: block;
	top:21px;
	left: 0px;
	height:10px;
	position:absolute;
	z-index:1000;
	color: #fff;
	font: 11px verdana, sans-serif;
	width:200px;
}

