﻿@charset "utf-8";

/* Author: Dennis Schmerbeck */
/* Company: Euroweb Internet GmbH */
/* Copyright: 2009 - Dennis Schmerbeck & Euroweb Internet GmbH */


/*==================================================
    => global tags
==================================================*/

* {
	padding:0;
	margin:0;
}

body {
	color:#fff;
	vertical-align:baseline;
	text-align:center;
	font:12px/20px Arial, Helvetica, sans-serif;
}
 html[xmlns^="http"] {
 overflow-y:scroll;
}

ol,
ul,
dl {
	list-style:none;
}

a,
.escape span {
	text-decoration:underline;
	color:#ff7200; /*white-space:nowrap;*/
}

a:hover,
a:hover span {
	color:#ff7200;
	text-decoration:none;
}

a {
	outline:none; /* disable dotted active-link borders */
}

p {
	margin:0 0 15px 0;
}

img,
img a {
	border:none;
}

/*==================================================
    => global classes / ID's
==================================================*/
.hr {
	height:20px;
	background:url(../images/p-hr.jpg) repeat-x top;
	margin:20px 0 0 0;
}

.clear {
	clear:left;
	float:none;
	height:0;
	line-height:0.0em
}

.highlight {
	font-weight:bold;
	background:url(../images/icon-get-more.png) no-repeat 3px center;
	padding:0 0 0 20px;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.externerLink {
	background:url(../images/icon-external-link.gif) no-repeat right center;
	padding:0px 20px 0px 0px;
}

.error404 li {
	background:url(../images/icon-get-more.png) 5px 8px no-repeat;
	padding-left:20px;
	line-height:28px;
}

#buttonImprint {
	display:none;
}

/*==================================================
    => container
==================================================*/

div.container {
	width:960px;
	position:relative;
	margin:0 auto;
	text-align:left;
}

div#top,
div#center,
div#bottom {
	width:100%;
	position:relative;
	text-align:left;
}

div#top {
	background:url(../images/bg-top.jpg) repeat-x top center;
	height:237px;
	z-index:1;
	overflow: visible;
}

div#center {
	background:#12183c url(../images/bg-center.jpg) no-repeat top center;
	min-height:740px;
}

div#bottom {
	background:url(../images/bg-bottom.jpg) no-repeat top center;
	height:184px;
}

/*==================================================
    => header  
==================================================*/

div#header {
	position:absolute;
	background:url(../images/bg-header.jpg) no-repeat;
	width:627px;
	height:399px;
	top:0px;
	left:333px;
}

/*------------------ =branding  ------------------*/

h1#branding {
	text-indent:-9999px;
	display:block;
	background:url(../images/bg-logo.jpg) no-repeat;
	width:148px;
	height:174px;
	position:relative;
	left:101px;
	top:20px;
}

h1#branding a {
	display:block;
	width:148px;
	height:174px;
}

/*==================================================
    => content-container  
==================================================*/

div#contentMain h2 {
	color:#ff7200;
	font:lighter 34px/25px Arial Narrow, Helvetica, sans-serif;
	text-transform:uppercase;
}

div#contentMain h3 {
	color:#d8deff;
	font: 24px/28px Arial Narrow, Helvetica, sans-serif;
}

div#contentMain h4 {
	color:#FF7200;
	font: 22px/26px Arial Narrow, Helvetica, sans-serif;
	padding-bottom:10px;
}

/*------------------ =content-main  ---------------*/

div#contentMain {
	float:right;
	width:587px;
	padding:200px 20px 0 20px;
}

/*------------------ =content-column  -------------*/

div.contentColumn01 {
	float:left;
	width:273px;
}

div.contentColumn02 {
	float:right;
	width:275px;
}

/*------------------ =content-sidebar  -------------*/

div#contentSidebar {
	position:relative;
	width:333px;
	float:left;
}

/*==================================================
    => image  
==================================================*/

.image {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 0px 15px 10px 0;
	cursor: url(../images/icon-zoomin.cur), pointer;
	outline: none;
}

.image:hover,
a:hover img.image {
	border: 2px solid #FF7200;
	padding: 1px;
}

.image-2 {
	border: 1px solid #FF7200;
	background:#fff;
	padding: 2px;
	margin: 4px 4px 0 0;
}

/*==================================================
    => imprint  
==================================================*/

dl.imprintBusiness,
dl.imprintAddress {
}

dl.imprintBusiness dt,
dl.imprintAddress dt {
	display:block;
	width:50%;
	float:left;
}

dl.imprintBusiness dd,
dl.imprintAddress dd {
	clear:right;
}

/*==================================================
    => navi    
==================================================*/

ul#navi {
	position:relative;
	height:30px;
	width:390px;
	left:633px;
	top:-155px;
	z-index:2;
}

ul#navi li {
	float:left;
	padding-left:30px;
}

ul#navi li.navi1 {
	background:url(../images/bg-navi.jpg) 12px 5px no-repeat;
}

ul#navi li.navi2 {
	background:url(../images/bg-navi.jpg) -76px 5px no-repeat;
}

ul#navi li.navi3 {
	background:url(../images/bg-navi.jpg) -137px 5px no-repeat;
}

ul#navi li.navi4 {
	background:url(../images/bg-navi.jpg) -204px 5px no-repeat;
}

ul#navi li a {
	text-decoration:none;
	color:#232848;
}

ul#navi li a:hover {
	text-decoration:underline;
}

/*------------------ =navi-add  -----*/

ul#naviAdd {
	background:url(../images/bg-navi-add.jpg) no-repeat;
	height:354px;
	width:293px;
	text-indent:-9999px;
	display:block;
}

ul#naviAdd li#fischgeschaeftLi {
	height:72px;
	padding-top:69px;
}

ul#naviAdd li#fischgeschaeftLi a {
	height:72px;
}

ul#naviAdd li#fischgeschaeftLi a:hover {
	background:url(../images/bg-navi-add.jpg) no-repeat -293px -69px;
}

ul#naviAdd li#kulissenLi,
ul#naviAdd li#kulissenLi a {
	height:53px;
}

ul#naviAdd li#kulissenLi a:hover {
	background:url(../images/bg-navi-add.jpg) no-repeat -293px -141px;
}

ul#naviAdd li#hausLi {
	height:40px;
}

ul#naviAdd li#versandLi,
ul#naviAdd li#versandLi a {
	height:31px;
}

ul#naviAdd li#versandLi a:hover {
	background:url(../images/bg-navi-add.jpg) no-repeat -293px -234px;
}

ul#naviAdd li#wagenLi,
ul#naviAdd li#wagenLi a {
	height:40px;
}

ul#naviAdd li#wagenLi a:hover {
	background:url(../images/bg-navi-add.jpg) no-repeat -293px -265px;
}

ul#naviAdd li#veranstaltungenLi,
ul#naviAdd li#veranstaltungenLi a {
	height:49px;
}

ul#naviAdd li#veranstaltungenLi a:hover {
	background:url(../images/bg-navi-add.jpg) no-repeat -293px -305px;
}

ul#naviAdd li {
	width:293px;
	display:block;
}

ul#naviAdd li a {
	width:293px;
	display:block;
}

ul#naviAdd li a:hover {
}

/*------------------ =navi-lang  --------*/

ul#kontaktdaten {
	background:url(../images/bg-kontaktdaten.jpg) no-repeat;
	height:170px;
	width:228px;
	padding-left:105px;
	padding-top:113px;
	color:#d7ddff;
}

ul#kontaktdaten li.abstand {
	height:7px;
}

ul#kontaktdaten li.einruecken {
	padding-left:20px;
}

ul#gbook {
	background:url(../images/bg-gbook.jpg) no-repeat;
	width:226px;
	height:134px;
	padding-left:107px;
	padding-top:75px;
	color:#d7ddff;
}

/*==================================================
    => footer   
==================================================*/


/*------------------ =footer-container  --------*/

div#footerContainer {
}

/*------------------ =footer  --------*/

div#footer {
}

/*==================================================
    => standarts   
==================================================*/

/*------------------ =list  --------*/
ul.list {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

ul.list li {
	padding: 5px 0 5px 25px;
	border-bottom: dashed 1px #ccc;
	margin: 0 10px 0 0;
	line-height: 18px;
	list-style:none;
	_height: 20px;
	background:url(../images/list-icon.jpg) no-repeat 5px 11px;
}

ul.list li:hover {
}

div#divAktuelles {
	padding-top:60px;
}

#tinybox {
	position:absolute;
	display:none;
	padding:10px;
	background:#fff url(images/preload.gif) no-repeat 50% 50%;
	border:15px solid #e3e3e3;
	z-index:2000
}

#tinymask {
	position:absolute;
	display:none;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#000;
	z-index:1500
}

#tinycontent {
	background:#fff
}

#gaestebuch {
	cursor:pointer;
}

.ewcmsPdf {
	background:transparent url(../images/icon-pdf.gif) no-repeat scroll 0 0;
	display:block;
	height:30px;
	padding-left:52px;
	padding-top:5px;
}

#tinyclose { font-size:11px;padding-top:7px;}

/*==================================================
    => clearfix   
==================================================*/

.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}

* html .clearfix {
	height:1%;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */

