@charset "utf-8";

* {
	border:0;
	margin:0;
	padding:0;
}



/* -------------------------------------------------------
	|							site structure								|
    ------------------------------------------------------- */
html {
	background:#062d90 url(../images/bg-html.jpg) repeat-x;
	height:100%;
}

body {
	background:url(../images/bg-body.jpg) top center no-repeat;
	color:#fff;
	font:75%/1.5em Tahoma, Arial, Geneva, Helvetica, sans-serif;
	min-height:100%;
}


div#container {
	margin:0 auto;
	width:960px;
}




/* -------------------------------------------------------
	|							 	header									|
    ------------------------------------------------------- */
div#header {
	background:url(../images/bg-header.png) bottom left no-repeat;
	height:515px;
	margin:0 0 33px 0;
	position:relative;
}

h1#branding {
	background:url(../images/bg-branding.jpg) no-repeat;
	left:10px;
	position:absolute;
	top:36px;
	width:388px;
}

h1#branding a {
	display:block;
	height:93px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
}




/* ----------- slideshow ---------- */
div#slideshow {
	left:10px;
	position:absolute;
	top:134px;
}

div#slideshow img {
	display:none;
	position:absolute;
}

.visible {
	display:block !important;
}



/* ----------- hyperlinks ---------- */

a:link {
	color:#4699ff;
}

a:visited {
	color:#4699ff;
}

a:hover {
	color:#1261B5;
	text-decoration:none;
}

a:active {
	color:#fc0;
}






/* -------------------------------------------------------
	|							 	navigation								|
    ------------------------------------------------------- */
ul#navi {
	background:url(../images/bg-navi.png) 0 -40px no-repeat;
	height:40px;
	left:393px;
	list-style:none;
	position:absolute;
	top:89px;
	width:552px;
}

ul#navi li {
	float:left;
	height:40px;
}

ul#navi a {
	background:url(../images/bg-navi.png) no-repeat;
	display:block;
	height:40px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
}

ul#navi a:hover, ul#navi li.current a {
	background:none;
}


ul#navi li.current {
	background:url(../images/navi-active.png) bottom center no-repeat;
	height:48px;
}



li#startseite a {
	width:106px;
}

li#shop a {
	background-position:-106px 0;
	width:123px;
}

li#kontakt a {
	background-position:-229px 0;
	width:93px;
}

li#anfahrt a {
	background-position:-322px 0;
	width:98px;
}

li#impressum a {
	background-position:-420px 0;
	width:117px;
}






/* -------------------------------------------------------
	|							 	content									|
    ------------------------------------------------------- */
div#content-container {
	background:url(../images/bg-content-container.png) repeat-y;
	margin:0 5px;
}



div#content-container p {
	margin:0 0 1.2em 0;
}


div.content-column {
	float:left;
	margin:0 20px;
	width:460px;
}

div.sidebar {
	background:url(../images/bg-sidebar.png) no-repeat;
	float:left;
	min-height:280px;
	padding:20px;
	width:185px;
}

div.right {
	background-position:-725px 0;
}


div#oeffnungszeiten {
	background:#fff url(../images/bg-oeffnungszeiten-bottom.png) bottom left no-repeat;
	color:#000;
	margin:0 0 1.5em 0;
}

div#oeffnungszeiten h3 {
	background:url(../images/bg-oeffnungszeiten-top.png) no-repeat;
	color:#0011a4;
	font:1.6em "Arno Pro",Georgia,"Times New Roman",Times,serif;
	padding:10px 10px 0 10px;
}

div#oeffnungszeiten p {
	font-size:0.9em;
	padding:0 10px 10px 10px;
}


span.telefon {
	background:url(../images/icon-telefon.png) left center no-repeat;
	padding:0 0 0 20px;
}

span.mail {
	background:url(../images/icon-email.png) left center no-repeat;
	padding:0 0 0 20px;
}





/* ---------- Headings ---------- */
h2 {
	border-bottom:1px solid #124aae;
	font:2.1em "Arno Pro",Georgia,"Times New Roman",Times,serif;
	margin:0 0 18px 0;
	padding:0 0 5px 0;
}

h3 {
	color:#4baeed;
	font:1.6em "Arno Pro",Georgia,"Times New Roman",Times,serif;
}




/* ---------- Unordered list ---------- */
div#content-container ul {
	list-style:none;
	margin:0 0 1.5em 0;
}

div#content-container ul li {
	background:url(../images/icon-li.png) 0 0.4em no-repeat;
	padding:0 0 0 12px;
}





/* -------------------------------------------------------
	|							 	footer									|
    ------------------------------------------------------- */
div#footer {
	background:url(../images/bg-footer.png) no-repeat;
	height:220px;
	margin:0 5px;
}




/* -------------------------------------------------------
	|							  misc. styles								|
    ------------------------------------------------------- */
.image {
	border:5px solid #fff;
}



/* ---------- float clearing ---------- */
div#content-container:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}