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


/* General */

html, 
body{
	height:100%;
	margin:0;
	padding:0;
}


body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	line-height: 100.1%;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


/* gets rid of the dotted line that browsers put on the nav links when they have been clicked */
a:focus { outline: 0!important; }

.hidden{
	display:none;
}

/* --------------------------------------------- */




body{
	background:url(../img/background.jpg) repeat-x fixed;
	height:100.2%;
}


.wrapper{
	font-size:12px;
	line-height:17px;
	color:#333333;
	width:810px;
	margin:0 auto;
}

.wrapper-inner{
 	padding:20px;
}


.page{
	width:770px;
	background:#FFFFFF;
}

.page-inner{
	padding:30px 50px 50px 18px;
}

.page-header{
	height:70px;
}

.page-content{
	padding-bottom:100px;
}


.page-content .left-col{
	float:left;
	width:475px;
}

.page-content .right-col{
	float:left;
	width:195px;
	margin-left:30px;
}


.footer{
	border-top: 8px solid #D6D6D6;
}

.footer-inner{
padding:5px 0px;
color:#666666;
}




/**/

h1.site-name{
	background: url(../img/bb_logo.gif) no-repeat;
	height:70px;
	text-indent:-5000px;
}


h1.site-name a.home{
	display:block;
	height:45px;
	width:170px;
}


/**/
div.nav{
	height:75px;
	min-height:75px;
}
/**/


/* top nav */
.top-nav{
	height:22px;
	background: url(../img/nav/nav_back.jpg) no-repeat;
}

.top-nav-inner{}

.top-nav ul,
.sub-nav ul
{}

.top-nav ul li{
	float:left;
}

.top-nav li a,
.top-nav li a:visited
{
	display:block;
	height:22px;
	text-indent:-5000px;
}

/* bb */
.top-nav li.bb{
	background:url(../img/nav/bb_1.jpg);
}

.top-nav li.bb a{
	width:92px;
}

.top-nav li.bb a:hover,
.top-nav li.bb a.active,
.top-nav li.bb a.active:hover
{
	background:url(../img/nav/bb_2.jpg);
}

/* koeche */
.top-nav li.koeche{
	background:url(../img/nav/partner_1.jpg) no-repeat;
}
.top-nav li.koeche a{
	width:59px;
}

.top-nav li.koeche a:hover,
.top-nav li.koeche a.active,
.top-nav li.koeche a.active:hover
{
	background:url(../img/nav/partner_2.jpg) no-repeat;
	}


/* ref */
.top-nav li.fotos{
	background:url(../img/nav/fotos_1.png) no-repeat;
}

.top-nav li.fotos a{
	width:55px;
}

.top-nav li.fotos a:hover,
.top-nav li.fotos a.active,
.top-nav li.fotos a.active:hover
{
	background:url(../img/nav/fotos_2.png) no-repeat;
}

/* kontakt */
.top-nav li.kontakt{
	background:url(../img/nav/kontakt_1.jpg) no-repeat;
}
.top-nav li.kontakt a{
	width:71px;
}

.top-nav li.kontakt a:hover,
.top-nav li.kontakt a.active,
.top-nav li.kontakt a.active:hover
{
	background:url(../img/nav/kontakt_2.jpg) no-repeat;
}



/* Subnav */
.sub-nav{
	height:26px;
	border-bottom:solid 1px #DDDDDD;
}

.sub-nav-inner{
	padding-top:4px;
	padding-left:5px;
}

.sub-nav ul{}

.sub-nav ul li{
	float:left;
	margin-right:20px;
}

.sub-nav li a,
.sub-nav li a:visited
{
	text-decoration:none;
	color:#666666;
	font-size:12px;
	padding:1px;
}

.sub-nav li a:hover{
	background:#F2F6C3;
}

.sub-nav li a.active,
.sub-nav li a.active:visited
{
	color: #A6006B;
}


/**
* Text Format*
**/

/* Headlines */

.content p{
	margin-bottom:17px; /* = line-height body */
}

a,
a:visited
{
	color:#A6006B;
	text-decoration:none;
}

a.extern{
	background:url(../img/marker_lightgrey.gif) 0px 4px no-repeat;
	padding-left:16px;
	color:#666666;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

.right-col{
	font-size:12px;
	color:#666666;
}

.content h2{
	border-bottom:solid 3px #CCCCCC;
	padding-bottom:5px;
	margin-bottom:10px;
}

.content h2{
	font-size:15px;
	border-bottom:solid 3px #CCCCCC;
	text-indent:-5000px;
}

h2.text-head{
font-size:16px;
color:#A6006B;
}

.content h3{
font-size:14px;
font-weight:bold;
}

.content h4{}

.right-col h4{
	border-bottom:solid 3px #E3E3E3;
	color:#666666;
	font-weight:bold;
	margin-top:3px;
	margin-bottom:10px;
	padding-bottom:2px;
}

/* Bilder */

img.inline-left{
margin-right:15px;
margin-bottom:10px;
}

/* Forms */


.formRows{
	padding-bottom:5px;
	padding-right:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:11px;
	color:#666666;
}
.formFeedback{
	padding-bottom:3px;
	padding-right:5px;
	padding-left:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:11px;
	color:#000000;
	background-color:#F4F4F4;
}

.inputLong{
	width:300px;
	height:18px;
	padding-left:3px;
	padding-bottom:1px;
	background-color:#F4F4F4;
	border:solid 1px #CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:11px;
	color:#000000;
}
.inputLongMust{
	width:300px;
	height:18px;
	padding-left:3px;
	padding-bottom:1px;
	background-color:#F9EAD3;
	border:solid 1px #D6D6D6;
	font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:11px;
	color:#000000;
}
.inputLongMass{
	width:300px;
	padding-left:3px;
	padding-bottom:1px;
	background-color:#F9EAD3;
	border:solid 1px #D6D6D6;
	font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:11px;
	color:#000000;
}
.formButton{
	background-color:#A6006B;
	border:none;
/*	border:solid 1px #CCCCCC; */
	font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	height:22px;
	padding-bottom:2px;
}


.foto-row{
	padding-bottom:20px;
}

.foto-row img{}

.foto-row img.first{
	float:left;
}

.foto-row img.middle{
	margin-left:35px;
}

.foto-row img.last{
	float:right;
}




.foto-slides{
	position:relative;
	width:700px;
	height:500px;
}

.foto-slides-inner{
	padding-top:20px;
	overflow:hidden;
}

.foto-slides .fotos{
	margin:0 auto;
	width:600px;
	height:400px;
}

.fotos img{
	margin-bottom:20px;
}

a#prev,
a#next
{
	font:bold 40px/40px Arial, Helvetica, sans-serif;
	padding:10px;
	padding-bottom:20px;
	background:#FFFFFF;
	display:block;
	width:20px;
	position:absolute;
	top:190px;
	z-index:200;
	text-decoration:none;
}

a#prev{
	left:0;
}

a#next{
	right:0;
}


a#prev:hover,
a#next:hover
{
	background:#DDDDDD;
	text-decoration:none;
}