@import url("css_reset.css");

/* ------- FRAMEWORK -------  */

/*-- clearfix -- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {	display: block;
}
* html .clearfix {
	height: 1%;
}

.clear {clear: both;}

/*-------- / MARKUP / ---------*/
html {
	font-family: verdana;/*,Arial, Helvetica, Arial;*/
	font-size: 100.1%;
	/*height: 100%;
	min-height: 100%;*/

}
body {
	font-size: 11px; /* .7em = 11px */
	line-height: 1.6em;
	/*height: 100%;
	min-height: 100%;*/
	color: #333333;
	background: #F4F6EB url('/images/interface/background.jpg') no-repeat scroll 0 0;
} 

a img,a:link img,a:visited img {border: none;}

a,
a:link,
a:visited {
	text-decoration: none;
	color:#700E0F;
}

a:hover,
a:active {
	text-decoration: underline;
}

a.download,
a.download:link,
a.download:visited {
	color:#333333;
	display:block;
	text-decoration: none;
}

a.download:hover,
a.download:active {
	color:#700E0F;
}

a.download span.content,
a.download:link span.content,
a.download:visited span.content {
	display:block;
	background: transparent url('/images/interface/pdf.gif') no-repeat scroll 0 4px;
	min-height:16px;
	padding-left:30px;
	margin-top:5px;
}

span.content span.color {
	color:#700E0F;
}

/* ### TEAM ### */
a.team,
a.team:link,
a.team:visited {
	background:transparent url('/images/interface/klecks_up.jpg') no-repeat scroll 0 0;
	color:#333333;
	display:block;
	min-height:45px;
	padding:9px 0 0 60px;
	text-decoration:none;
	width:50%;
	font-size:0.9em;/*-->10px;*/
	line-height:1.6em;
}

a.team strong,
a.team:link strong,
a.team:visited strong {
	font-size:1.2em;/*-->12px;*/
	line-height:1.6em;
}


a.team:hover,
a.team:active,
a.team-active,
a.team-active:link,
a.team-active:visited {
	/*color:#700E0F;*/
	background:transparent url('/images/interface/klecks_over.jpg') no-repeat scroll 0 0;
}

div.team p {
	font-size:0.9em;/*-->10px;*/
	line-height:1.2em;
	height:43px;
	top:311px;
}

div.team strong {
	font-size:2.2em;/*-->22px;*/
	line-height:1.2em;
	font-weight:normal;
}

/* *** */

h1 {
	font-weight: bold;
	font-family:arial;
	font-size: 1.3em; /*-->14px;*/
}

h2 {
	font-weight:bold;
}

img {background-repeat:no-repeat;}

/* DEBUG-Tag */
blockquote {
	display:block;
	left:0;
	position:absolute;
	top:0;
	background:#cccccc none repeat scroll 0 0;
	width:100%;
	height:500%;
	display:none;
	/*-moz-opacity: 0.65; 		Mozilla Browser */
	opacity: 0.65;  			/* Opera */
}

p.debug {
	background:#000000 none repeat scroll 0 0;
	color:orange;
	display:none;
	left:200px;
	padding:0 0 0 20px;
	position:absolute;
	top:50px;
	white-space:pre-wrap;
	width:730px;
	z-index:200;
}

p.debug a,
p.debug a:link,
p.debug a:visited {
	float:right;
	color:red;
	margin:10px;
}
/* --- */

.polaroid {
	background:transparent url('/images/interface/polaroid.jpg') no-repeat scroll 0 0;
	width:342px;
	height:400px;
	position:relative;
}

.polaroid img {
	display:block;
	position:absolute;
	top:60px;
	left:66px;
	width:235px;
	height:235px;
}

.polaroid p {
	height:38px;
	left:77px;
	position:absolute;
	top:315px;
	width:215px;
	overflow:hidden;
}

.dotted-line {
	border-top:1px dotted #cccccc;
	margin-top:10px;
	padding-top:10px;
}

.right-width {
	width:215px;
	margin-left:77px;
}

.margin-bottom {
	display:block;
	margin-bottom:5px;
}

.prize {
	background:transparent url('/images/interface/preis.gif') no-repeat scroll 0 0;
	display:block;
	font-size:1.4em;/*-->16px;*/
	line-height:1.6em;
	font-weight:bold;
	height:37px;
	padding-top:7px;
	text-align:center;
	width:114px;
}

.big {
	background:transparent url('/images/interface/preis_gross.gif') no-repeat scroll 0 0;
	font-size:1.25em;/*-->14px;*/
	height:53px;
	padding:15px 0 0 25px;
	text-align:left;
	width:217px;
}

.oneroewidth {
	background:transparent url('/images/interface/preis_medium.gif') no-repeat scroll 0 0;
	height:34px;
	width:217px;
}
.overview div#content-right-txt div.box,
.overview div#content-right-txt div.box-content,
.overview div#content-right-txt div.top,
.overview div#content-right-txt div.bottom,
.overview div#content-right-txt div.content-inner {
	margin:0;
	/*padding:0 10px 0 17px;*/
}
.overview div#content-right-txt div.box {

}

.box {
	width:239px;
}

.box .top {
	background:transparent url('/images/interface/box_oben.jpg') no-repeat scroll 0 0;
	padding-top:74px;
}

.box .bottom {
	background:transparent url('/images/interface/box_unten.jpg') no-repeat scroll 0 100%;
	padding-bottom:34px;
}

.box .box-content {
	position:relative;
	top:-10px;
	padding:0 50px 0 17px;
	min-height:135px;
	background:transparent url('/images/interface/box_mitte.jpg') repeat scroll 0 0;
}

/*-------- FORM --------*/
form {
	width:100%;	
}

form ul li {
	background:transparent none no-repeat scroll 0 0;
	padding:0;
	float:left;
}

fieldset {
	width: 100%;
	margin-bottom: 20px;
}

fieldset h2 {
	margin: 10px 0 5px 0;
}

fieldset br {
	display:none;
}
fieldset label {
	display:block;
	padding-bottom:5px;
}
fieldset ul {
	margin-top:1.6em;
}

fieldset ul li {
	background:transparent none repeat scroll 0 0;
	padding:0 0 1em 0;
	float:left;
	width:45%;
	margin-right: 4%;
}

fieldset ul li.nojavascript {
	width: 541px;
	color:#CC0000;
}

fieldset ul li.buttons {
	clear:both;
}

input,
textarea {
	font-family: verdana;/*,Arial,Helvetica,Arial;*/
	background:transparent none repeat scroll 0 0;
	border:0;
	color:#333333;
	font-size:1em;
	padding:0;
	margin:0;
}

textarea {
	background:#DEE5D2 none repeat scroll 0 0;
	color:#333333;
	font-size:1em;
	padding:3px 2px 3px 7px;
	width:95%;
	height:58px;
	margin-bottom:1.6em;
	border:1px solid #FFFFFF;
}

input.txt,
input.error {
	background:#DEE5D2 none repeat scroll 0 0;
	color:#333333;
	padding:3px 2px 3px 7px;
	width: 95%;
	border:1px solid #FFFFFF;
}

input.error,
p.error {
	border:1px solid #700E0F;
}

.code {
	background:#DEE5D2 none repeat scroll 0 0;
	color:#333333;
	height:19px;
	padding:0 2px 0 7px;
	width:95%;
	border:1px solid #FFFFFF;
	overflow:hidden;
}

button.send,
button.cancel {
	background:#DEE5D2 none repeat scroll 0 0;
	color:#333333;
	font-size:1em;
	font-weight:normal;
	padding:2px 5px;
	float:left;
	margin-right:5px;
	border:1px solid #FFFFFF;
	display:none;
}

button.send:hover,
button.cancel:hover {
	background:#700E0F;
	color:#FFFFFF;
}

form ul li.buttons {
	width:45%;
	margin-right:4%;
}


/* overwrite to 1 col 

fieldset ul li {float: none; width: auto; margin-right: 0;}

/* overwrite label left 
fieldset label {float: left; 30%;}
fieldset input.txt,
fieldset textarea {float: right; width: 65%;}
fieldset br {display:block; clear: both;}
.code {float: right; width: 65%;}
*/
/*-------- LISTEN --------*/
ul li {
	background: transparent url('/images/interface/bullet.gif') no-repeat 0 0;
	padding-left: 25px;
}

ul.open li {
	background: transparent none no-repeat 0 0;
	padding:0;
}

ul.open li div.day {
	float:left;
	width:35%;
}

ul.open li div.text {
	float:left;
	width:65%;
}

ul.overview {
	margin: 2.4em 0 0 0;
}

ul.overview li {
	background: transparent none no-repeat 0 0;
	padding:0;
	float:left;
}

ul.overview li.left {
	width:379px;
}

/*-------- HOME --------*/
.home .header {
	height:88px;
	background: transparent url('/images/home/header.jpg') no-repeat 0 0;	
}

.home .wrapper {
	min-height:594px;
	background: #FFFFFF url('/images/home/background_content.gif') no-repeat 0 98px;	
}

.home #gennav {
	margin-top:6px;
}

.home #content-left {
	width:175px;
	float:left;
	min-height:356px;
	padding:140px 0 0 35px;
}
.home #content-right {
	width:790px;
	float:left;
	min-height:496px;
}

div.home-left-start {
	/*background:green;*/
	margin-top: 50px;
}

.home div#hnav {
	margin-left:0;
}

.home div#hnav ul {
	padding: 10px 0 0 25px;
}

#home-adress {
	font-size:0.9em;/*-->10px*/
}

#home-bottom-right {
	float:right;
	padding-top:55px;
	width:321px;
}
/*-------- HEADER --------*/
.wrapper {
	margin:0 auto 20px auto;
	width:1000px;
	background: #FFFFFF none no-repeat scroll 0 0;
	min-height: 612px;
}

.header {
	height:118px;
	padding-top:10px;
	background: transparent url('/images/interface/header.jpg') no-repeat 0 0;
}

#header-image {
	/*width:1000px;
	margin:0 auto;*/
	float:left;
	margin: 0 0 0 15px;
}

#gennav {
	color:#B78D8C;
	font-size:10px;/*-->10px;*/
	float:right;
	margin:0 49px 0 0;
}

#gennav a,
#gennav a:link,
#gennav a:visited {
	color:#B78D8C;
}

#gennav a.active,
#gennav a.active:link,
#gennav a.active:visited {
	text-decoration:underline;
}

/*-------- NAVI --------*/
/* ### HNAV ### */
div#hnav {
	height:47px;
	margin-left:233px;
}

div#hnav ul {
	
}

div#hnav ul li {
	float:left;
	background: transparent none no-repeat 0 0;	
	padding-left:0;
}

div#hnav ul li a,
div#hnav ul li a:link,
div#hnav ul li a:visited {
	display:block;
	height:24px;
	text-decoration:none;
}

/* ### SNAV ### */
div#snav {
	float:left;
	width:208px;
	padding:88px 0 0 25px;
	min-height:329px;
}

div#snav ul li {
	background: transparent none no-repeat 0 0;	
	padding-left:0;
}

div#snav a,
div#snav a:link,
div#snav a:visited {
	color:#333333;
}

div#snav a.active,
div#snav a.active:link,
div#snav a.active:visited,
div#snav a:active,
div#snav a:hover {
	color:#700E0F;
}

/* 2.Ebene */

div#snav ul ul {
	padding-left:10px;
}

/*-------- CONTENT --------*/
.content {
	min-height:399px;
	padding-bottom:20px;
	/*padding-right:40px;*/
}

.padding-red {
	padding-right:34px;
}

div#content-left {
	float:left;
	width:345px;
	min-height:367px;
	padding:49px 40px 0 0;
}

.overview div#content-left {
	width:435px;
}

div#content-full {
	float:left;
	min-height:368px;
	padding:49px 0 0;
	width:733px;
}

div#content-full p {
	width:425px;
}

div#content-right,
div#content-right-txt {
	float:left;
	width:342px;
	min-height:416px;
}

div#content-right-txt {
	min-height:330px;
	padding:86px 0 0 0;
}

.overview div#content-right-txt {
	width:252px;
}

.overview div#content-right-txt div {
	margin:0 10px 0 17px;
}

div#content-right {
/*left:77px;
overflow:hidden;
position:absolute;
top:315px;
width:215px;*/
}

/* ### Sitemap ### */
.body-sitemap #content-left {
	width:687px;
}

/*clearfixing for sitemap*/
.sitemap li:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.sitemap li {display: inline-block;}
html[xmlns] .sitemap li {display: block;}
* html .sitemap li {height: 1%;}

/* overwrites content styles */
.sitemap ul {margin: 0;}
.sitemap ul li {list-style-type:none; margin-left: 0;}


/* sitemap styles */
.sitemap ul {
	width: 400px;
	border-top: 1px solid #cccccc;
}


/* level 1 */
.sitemap li {
	display:block;
	float: none;
	clear: both;
	vertical-align: bottom;
	border-bottom: 1px solid #cccccc;
	background:transparent none no-repeat scroll 0 0;
	padding:0;
}
.sitemap ul li a,
.sitemap ul li a:link,
.sitemap ul li a:visited {
	padding: 4px 0;
	display: block;
	float: left;
	width: 30%;
	/*text-decoration:none;*/
	overflow: hidden;
	/*color:#000000;*/
	vertical-align: bottom;
}
.sitemap ul li a:hover,
.sitemap ul li a:active {
	/*color: green;*/
}


/* level 2 */
.sitemap ul ul {
	float: left;
	width: 70%;
	overflow: hidden;
	vertical-align: bottom;
	border: none;
}
.sitemap ul ul li {
	border-top: 1px solid #cccccc;
	border-bottom: none;
/*	padding-bottom: 0;*/
}

/* sitemap first-child fix */
.sitemap ul ul li {
	margin-top: -1px;

}
.sitemap ul ul li a,
.sitemap ul ul li a:link,
.sitemap ul ul li a:visited {
	width: 50%;
}

/* level 3 */
.sitemap ul ul ul {
	width: 50%;
}

/* overs
.sitemap ul li:hover {background: #DEE5D2;}
.sitemap ul li:hover li {background: orange;}
.sitemap ul li:hover li ul li {background: olive;}
*/
.sitemap ul ul ul li a,
.sitemap ul ul ul li a:link,
.sitemap ul ul ul li a:visited {
	/*width: 30%;*/
}

/* level 4 */
.sitemap ul ul ul ul {
	/*width: 70%;*/
}

.sitemap ul ul li:hover ul ul li {background: red;}

.sitemap ul ul ul ul li a,
.sitemap ul ul ul ul li a:link,
.sitemap ul ul ul ul li a:visited {
	width: 40%;
}

/* level 5 */
.sitemap ul ul ul ul ul {
	width: 60%;
}

.sitemap ul ul li:hover ul ul ul li {background: #CC0000;}
/*-------- FOOTER --------*/
/*-------- MODULE --------*/
.module-line {
	/*background:red none repeat scroll 0 0;*/
	padding:0;
	margin:0;
	/*width:400px;*/
}

.module-line .left {
	background:red none no-repeat scroll 0 0;
	background:transparent url('/images/interface/linie_li.gif') no-repeat scroll 0 0;
	padding-left:110px;
	height:2px;

}

.module-line .right {
	background:green none no-repeat scroll 100% 0;
	background:transparent url('/images/interface/linie_re.gif') no-repeat scroll 100% 0;
	padding-right:45px;
	height:2px;

}

.module-line .line {
	background:blue none no-repeat scroll 0 0;
	background:transparent url('/images/interface/linie_mitte.gif') repeat scroll 0 0;
	height:2px;
}

.onerow-bottom {
	margin:0 0 1.6em;
}

.onerow-top {
	margin:1.6em 0 0;
}

* html .module-line .line {font-size:0px;}

/* ### LINKS ### */
ul.list-link {
	margin:10px 0 1.6em;
}

ul.list-link li {
	background:transparent none repeat scroll 0 0;
	padding:0;
	float:left;
	width:50%;
}

ul.list-link a,
ul.list-link a:link,
ul.list-link a:visited
ul.list-link a.link,
ul.list-link a.link:link,
ul.list-link a.link:visited {
	
}

ul.list-link p {
	margin-left:40%;
}

/* ### NEWS ### */
.home-news {
	border-right:1px dotted #CCCCCC;
	float:left;
	margin-right:20px;
	margin-top:45px;
	height:115px;
	padding:0 20px 0 0;
	width:190px;
}

.news {
	margin-bottom: 1.6em;
}

.news img {
	float:left;
	margin-right:15px;
}

p.news-img {
	padding-left: 115px;
}

/* ### JOBS ### */
a.jobs,
a.jobs:link,
a.jobs:visited {
	padding:0 0 1.6em 0;
	display:block;
}

div.job-desc {
	padding:2.4em 0 2.4em 0;
}

/* ### occasionen ### */

ul.occasionen {
	margin:0 0 1.6em 0;
}

ul.occasionen li {
	background:none;
	padding:0;
	height:1.6em;
	float:left;
	width:65%;
}

ul.occasionen li.left {
	width:35%;
}

ul.occasionen li img {
	display:block;
	margin:2px 0 0 0;
}

ul.occasionen li.bold {
	font-weight:bold;
}

a.detail,
a.detail:link,
a.detail:visited {
	display:block;
	background: transparent url('/images/interface/detail.gif') no-repeat scroll 0 4px;
	min-height:1.6em;
	padding-left:20px;
}

/* ### vermietung ### */

.rent {
	margin: 1.6em 0;
}

.rent img {
	float:left;
}

div.img-rent {
	padding-left: 115px;
}

/* ### MARKENPARTNER ### */
ul.partner li {
	background:none;
	padding:0 0 1.6em 0;
	float:left;
	width:50%;
}

div.partner-desc {
}

/*-------- Lightbox --------*/
/* ### SLIMBOX ### */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url('/images/lightbox/loading.gif') no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
	border:0;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url('/images/lightbox/prevlabel.gif') no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url('/images/lightbox/nextlabel.gif') no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.6em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url('/images/lightbox/closelabel.gif') no-repeat center;
	margin: 5px 0;
	border:0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/*-------- DEBUG -------
.wrapper {
	background: black none repeat 0 0;	
}
.content {
	background: navy none repeat 0 0;
}
div#hnav {
	background:maroon none repeat 0 0;
}
div#snav {
	background:blue none repeat 0 0;
}
div#content-left {
	background:orange none repeat 0 0;
}
div#content-right {
	background:#cccccc none repeat 0 0;
}
div#content-full {
	background:orange none repeat 0 0;
}
div#content-right-txt {
	background:#cccccc none repeat 0 0;
}*/