/*
CSS-RESET--------------------- 

Author:   Waigwa Gatamu 
Created:  27.09.2009
Copyright: Euroweb Internet GmbH   

*/


/* --------------------------------------------------------------------------- */
/* -------------------------->>> GLOBAL <<<----------------------------------- */
/* --------------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	border:none;
}
body {
	color:#333;
	font-size:12px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	background: #fff url(../images/bg/bg.jpg) repeat-x;
}
/*
KLASSEN & ANDERE STANDARDS
==================================================*/
.clear:after {
	content: ".";
	clear: both;
	height: 0px;
	visibility: hidden;
	display: block;
}
.cmsContainer {
	float:left;
	width: 660px;
	position: relative;
	margin-bottom: 10px;
}
ol, ul {
	list-style: none;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.daten {
	float:left;
	width:622px;
}
div#content-sidebar p, div#content-main p {
	margin: 0 0 20px 0;
}
.separator {
	border-top:0;
	height:5px;
	line-height:0.001em;
	overflow:hidden;
	border-bottom: solid 1px #ccc;
	margin-bottom:30px;
}
span.text {
	background:#435678;
	color:#FFFFFF;
	padding:2px;
}
span.text-2 {
	color:#de0d13;
}
.sidebar-text {
	width:245px;
	margin:30px 0px 0 0px;
}
.sidebar-text-2 {
	width:170px;
	margin:30px 0px 0 0px;
	float:right;
}
.anfahrt-text {
	width:140px;
	margin:35px 7px 0 0px;
	_margin:35px 3px 0 0px;
	float:right;
}
ul.list li {
	padding:2px 0 0 0px;
	margin:4px 0 0px 0;
	list-style:square;
	list-style-position:inside;
}
ul.list {
	margin-bottom:30px;
}


.text-container {

width:555px;
float:left;

}

.text-left {

width:270px;
float:left;
margin-bottom:10px;
}
.bild-left {

width:270px;
float:left;
}
.text-right {

width:270px;
float:right;
}
/*
IMAGEBORDER
==================================================*/
.image {
	padding:2px;
	border: solid 1px #000;
}
/*
H2 KLASSEN 
==================================================*/

h2 {
	margin-bottom:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	color:#335390;
	font-weight:100;
}
/*
H3 KLASSEN 
==================================================*/

h3 {
	margin-bottom:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	color:#335390;
	font-weight:100;
}
/*H4
==================================================*/ 

h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#000;
	font-weight:600;
}
/*BRANDING
==================================================*/ 

h1.branding {
	width: 275px;
	height:85px;
	position: absolute;
	float: left;
	text-indent: -5000px;
	margin:0;
	background:url(../images/logo.jpg) no-repeat;
	margin:0px 0px 0 0px;
}
h1.branding a {
	width: 275px;
	height:85px;
	display: block;
	text-indent: -5000px;
	outline:none;
}
/* --------------------------------------------------------------------------- */
/* -------------------------->>> LINKS <<<------------------------------------ */
/* --------------------------------------------------------------------------- */
a {
	color:#777777;
	text-decoration:underline;
	outline:none;
	border:none;
}
a img {
	border:none;
}
a:hover {
	text-decoration: none;
}
/* --------------------------------------------------------------------------- */
/* -------------------------->>> LAYOUT <<<----------------------------------- */
/* --------------------------------------------------------------------------- */


/*
CONTAINER
==================================================*/

div#container {
	margin: 15px auto -57px;
	width: 960px;
	min-height:100%;
	height:auto !important;
	height:100%;
}
/*
FOOTER
==================================================*/

div#footer-container {
	background:#7f9fd9;
	height:57px;
	position:relative;
	clear:both;
	margin-top: -57px; /* negative value of footer height */
 *margin-top: 57px; /* negative value of footer height */
	_margin-top: 57px; /* negative value of footer height */
}
div#footer {
	width:928px;
	margin:0px auto;
	padding-top:10px;
}
div#footer p, div#footer a {
	font-size:11px;
	color:#35435c;
}
div#footer-col1 {
	width:150px;
	float:left;
}
div#footer-col2 {
	width:170px;
	float:left;
}
div#footer-col3 {
	width:150px;
	float:left;
}
div#footer-col4 {
	width:290px;
	margin-left:35px;
	float:left;
}
ul#navi-add01, ul#navi-add02 {
	float:right;
	width:100px;
	margin-left:25px;
	font-size:10px;
	color:#333;
}
ul#navi-add01 li, ul#navi-add02 li {
	background:url(../images/footer-li.png) no-repeat 0px 6px;
	padding:0px 0px 0px 25px;
	display:block;
}
/*
HEADER + Claim
==================================================*/

#header {
	float:left;
	width:555px;
	height:140px;
	background:url(../images/bg-header.jpg) no-repeat;
}

div#slideshow {
	width: 55px;
	height: 140	px;
	background: url(../images/bg-header.jpg) no-repeat;
	position: relative;
	}
#claim {
	float:left;
	width:555px;
	height:140px;
	margin-top:20px;
}
.claim-text {
	float:left;
	width:420px;
}
.shop {
	float:right;
	width:131px;
	height:130px;
	background:url(../images/bg-shop.jpg) no-repeat;
	text-indent:-9999px;
	position:relative;
}

div.shop a.shop-link {
	line-height: 0.001em;
	text-indent:-9999px;
	display: block;
	height: 130px;
	width: 131px;
	position: absolute;
	left:0;
	top:0;
}

/*
CONTENT
==================================================*/

div#content {
	float: left;
	width:960px;
	padding-bottom:100px;
}
/*
CONTENT - TOP
==================================================*/	

div#content-top {
	height:96px;
	position:relative;
	background:url(../images/bg-content-top.png);
}
div#navContainer {
	margin:0px auto;
	height:96px;
	width:960px;
}
/*
CONTENT - MAIN
==================================================*/

div#content-main {
	float:right;
	width:555px;
	height:auto;
	background: #fff;
	padding-bottom:57px;
}
div#contentColumn-01 {
	float:left;
	width:290px;
}
div#contentColumn-02 {
	float:right;
	width:250px;
}
/*
SIDEBAR
==================================================*/

div#content-sidebar {
	float:left;
	width:330px;
	height:auto;
	font-size:11px;
	color:#666666;
}
div#content-sidebar input {				/* Stile, die nur auf Formularfelder angewandt werden sollen */
	background:#718fc6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:13px;
	width:180px;
	color:#fff;
	border:none;
	padding:5px;
}
div#content-sidebar #submit_newsletter {
	background: url(../images/btn-newsletter.jpg) no-repeat;
	height:24px;
	width:120px;
	border:none;
	cursor:pointer;
	float: right;
	margin-left:60px;
	margin-top:-22px;
}
div#karte {
	width:111px;
	height:171px;
	float:left;
	position: relative;
}
div#karte a.karte-link {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent:-9999px;
	overflow: hidden;
	display: block;
	height: 170px;
	width: 114px;
	position: absolute;
	top: 50px;
	left: 0px;
	z-index: 1;
}
/*
SIDEBAR - COLUMN
==================================================*/

div#contentColumn-03 {
	float:left;
	width:330px;
	margin:123px 0px 0px 0px;
}
div#contentColumn-04 {
	float:left;
	width:330px;
	margin:50px 0px 0px 0px;
	background:url(../images/bg-newsletter.jpg) no-repeat;
}
div#contentColumn-05 {
	float:left;
	width:330px;
	height:215px;
	margin:80px 0px 0px 0px;
	background:url(../images/bg-karte.jpg) no-repeat;
}
div#contentColumn-06 {
	float:left;
	width:330px;
	height:215px;
	margin:5px 0px 150px 0px;
	_margin:5px 0px 0px 0px;
	background:url(../images/bg-karte.jpg) no-repeat;
}
/* --------------------------------------------------------------------------- */
/* -------------------------->>> navi <<<------------------------------- */
/* --------------------------------------------------------------------------- */
ul#navi {
	width: 322px;
	height: 376px;
	background:url(../images/bg-navigation.jpg) no-repeat;
	position: relative;
	float:left;
	display:block;
}
ul#navi li {
	float: none;
	position:relative;
}
ul#navi a {
	display:block;
	height:30px;
	text-indent:-9999px;
	cursor:pointer;
}

a.n1 { height:30px!important; margin:50px 0 0 0; }
a.n2 { height:30px!important; }
a.n3 { height:35px!important; }
a.n4 { height:35px!important; }
a.n5 { height:35px!important; }
a.n6 { height:36px!important; }
a.n7 { height:36px!important; }
a.n8 { height:36px!important; }


ul#navi.naviactive01 li a.n1,
ul#navi li a.n1:hover {
	background: url("../images/bg-navigation.jpg") no-repeat -322px -50px!important;
}
ul#navi.naviactive02 li a.n2,
ul#navi li a.n2:hover {
	background: url("../images/bg-navigation.jpg") no-repeat -322px -80px!important;
}
ul#navi.naviactive03 li a.n3,
ul#navi li a.n3:hover {
	background: url("../images/bg-navigation.jpg") no-repeat -322px -110px!important;
}
ul#navi.naviactive04 li a.n4,
ul#navi li a.n4:hover {
	background: url("../images/bg-navigation.jpg") no-repeat -322px -145px!important;
}
ul#navi.naviactive05 li a.n5,
ul#navi li a.n5:hover {
	background: url("../images/bg-navigation.jpg") no-repeat -322px -180px!important;
}
ul#navi.naviactive06 li a.n6,
ul#navi li a.n6:hover {
	background: url("../images/bg-navigation.jpg") no-repeat -322px -215px!important;
}
ul#navi.naviactive07 li a.n7,
ul#navi li a.n7:hover {
	background: url("../images/bg-navigation.jpg") no-repeat -322px -251px!important;
}
ul#navi.naviactive08 li a.n8,
ul#navi li a.n8:hover {
	background: url("../images/bg-navigation.jpg") no-repeat -322px -287px!important;
}





/*
Accordion
==================================================*/
#acc {
	width:550px;
	list-style:none;
	margin:0 auto 0px;
	float:left;
}

#acc h3 {
	width:550px;
	padding:3px 0px 3px 3px;
	font-weight:bold;
	margin-top:5px;
	cursor:pointer;
	background:#435678;
	font-size:18px;
	color:#FFFFFF;
}
#acc h3:hover {
	text-decoration:underline;
}
#acc .acc-section {
	overflow:hidden;
	margin-bottom:0px;
}
#acc .acc-content {
	width:550px;
	padding:0px;
	list-style:none;	 
	
}