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

* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
	background: #fff url(../images/bg-main.jpg) center 0 no-repeat;
    font-size: 12px;
	line-height:18px;
}


p {
	margin: 0 0 15px 0;
}

p.times {
	margin: 0 0 2px 0;
	font-weight:bold;
}


a {
	color: #001282;
	text-decoration: underline;
	outline: none;
	font-size:12px;
	margin: 0 0 0 0;
}
a:hover {
	text-decoration: none;
	color:#0fac9d;
}
ul.list {
   list-style-type: none;
   margin: 0 0 25px 0;
	float:left;
   padding: 8px 0px 5px 0;
   float:left;
   
}
					
ul.list li {
   background: url(../images/list.png)  8px 5px no-repeat;
   padding-left: 10px;
   margin-bottom: 6px;
	background-color: #d1d1d1;
    padding: 6px 10px 6px 25px;
}


dl {
	margin: 0 0 8px 0;
}
dl dt {
	display:block;
	float:left;
	width: 64px;

}

dl dd {
	padding: 0 0 0 64px;
}

h2 {
font-size:16px;
color:#395480; 
margin: 0 0 12px 0;
text-transform:uppercase;

}

h3 {
font-size:22px;
color:#000; 
margin: 0 0 30px 0;
text-transform:uppercase;

}

h4 {
font-size:14px;
color:#0c867b; 
margin: 0 0 8px 0;
text-transform:uppercase;

}


h4.newsletter {
font-size:16px;
color:#0c867b; 
margin:41px 0 8px 0;
text-transform:uppercase;

}


.img {
border:none;
margin: 0 0 12px 0;

}
.vcf {
border:none;
margin: 0 0 15px 0;
}
.clear {
clear:both;
float:none;

}
/* ----------------------------- | Site-Container | ----------------------------- */
#site-container {
	margin: 0 auto;
	width: 980px;
}
/* ----------------------------- | Header | ----------------------------- */
#header {
	width:911px;
	float:left;
	height:386px;
	position:relative;
	background: url(../images/bg-header.png) no-repeat;
}


#header-img {
position:absolute;
top:102px;
left:357px;

}
/* ----------------------------- | Branding | ----------------------------- */


h1#branding {
	font-size: 0.1em;
	position: absolute;
	left: 62px;
	top:50px;

}

h1#branding img {
	border:none;
}

h1#branding a {
	width: 288px;
	height: 125px;
	overflow: hidden;
	display: block;
	text-decoration: none;
}

h1#branding a:hover {
	text-decoration: none;
}
   



/* ----------------------------- | Navi-Add | ----------------------------- */
#navi-add {
	width: 327px;
	position:absolute;
	height: 30px;
	top:77px;
	left:657px;

}
#navi-add ul {
   list-style: none;
}

#navi-add li {
   float: left;
}

#navi-add a {
   display: block;
   overflow: hidden;
   float: left;
   margin: 0 10px 0 0;
   color: #1a4180;
   font-size: 12px;
   text-decoration: none;
}

#navi-add a:hover,
#navi-add li.active a {
	text-decoration: underline; 
	   color: #0fac9d;  

}

/* ----------------------------- | Navi | ----------------------------- */
#navi {
    height: 231px;
    left: 73px;
    position: absolute;
    top: 205px;
    width: 188px;
}
#navi ul {
	display:block;
}

#navi ul li {
    background: url(../images/list.png) no-repeat scroll 0 1px transparent;
    height: 31px;
    list-style: none outside none;
    margin: 2px 0 0;
    padding: 0 0 3px 25px;
    width: 237px;
}

#navi ul li a {
	overflow:hidden;
	display:block;
	color:#fff;
	font-size:20px;
	padding: 2px 0;
	text-decoration:none;
	text-transform:uppercase;
}
#navi a:hover,
#navi li.active a {
	text-decoration: none; 
	   color: #395480;  

}

/* ----------------------------- | Content-Container | ----------------------------- */

#content-container {
	position:relative;
	float:left;
	width:980px;
	margin:0 auto;
	background:#FFFFFF;

} 

#sidebar {
	position:relative;
	float:left;
	width:266px;
	height:440px;
	background:url(../images/bg-sidebar.jpg) no-repeat;
	padding: 46px 0 0 91px;
}
#newsletter {
height:85px;
width:200px;

}


#gaestebuch  {
float:left;
margin:-28px 0 0 0;
	
}

#gaestebuch a {
font-size:16px;
color:#fff;
margin: 0 0 0 0;
text-transform:uppercase;
text-decoration:none;
	
}

#gaestebuch a:hover {
	text-decoration: none; 
	   color: #36527F;  

}


#content-main {
	position:relative;
	float:left;
	width:601px;
	background:url(../images/bg-content.jpg) no-repeat;
	padding: 44px 0 0 22px;

}

.content-column-1 {
	width:240px;
	position:relative;
	float:left;
	margin: 0 35px 0 0;
}


.content-column-2 {
	width:240px;
	position:relative;
	float:left;
}

.content-column-3 {
	width:480px;
	position:relative;
	float:left;
}



/* ----------------------------- | Footer | ----------------------------- */

#footer-container {
    background: url(../images/bg-footer.jpg) no-repeat transparent;
    clear: both;
    float: none;
    height: 156px;
    width: 100%;
}




/* - Mobile Styles -*/
#mobile-link{
	border: 1px solid #ccc;
	background:#fff url(../images/mobile/bg-btn-desktop.png) repeat-x 0 bottom;
	display:none;
	clear:both;
	position:relative;
	z-index:99999;
}

.btn-mobile {
	display: block!important;
	margin: 0 auto;
	color: #666 !important;
	background:url(../images/mobile/icon-mobile.png) no-repeat 5% 24px;
	text-indent:20%;
	text-decoration: none!important;
	font-size:30px;
	padding: 60px 20px;
	text-transform: uppercase;
}