@charset "utf-8";




/*	##################################
	GENERAL
	################################## */

* {
	margin: 0px;
	padding: 0px;
	border: none;
	list-style: none;
}
body {
	margin: 0 0 40px;
	padding: 0px;
	color: #fff;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	background-color: #131313;
	background-image: url(../../media/bilder-layout/bilder-body-bg/1a.jpg);
	background-image: url(./1a.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/*	##################################
  	BASIC LAYOUT
  	################################## */

#wrap {
	width: 1020px;
	/* for IE 
  	filter:alpha(opacity=80);*/
	/* CSS3 standard 
 	opacity:0.8;*/
	/* runde ecken funktionier in IE nicht
	border:1px solid #AFAFAF; */
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	background-image: url(../../media/bilder-layout/bg-content-70-rot.png);
	background-image: url(./bg-content-70-rot.png);
	background-repeat: repeat;
	background-position: 0px 0px;
	margin-top: 6%;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	-moz-box-shadow: 4px 4px 12px #000000;
	-webkit-box-shadow: 4px 4px 12px #000000;
	color: #350000;
}
.foot  {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3C2B23;
	position: relative;
	width: 95%;
	bottom: 0px;
	z-index: 100;
	color: #845F66;
	text-align: center;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}


#header {
	position: relative;
	height: 120px;
	z-index: 2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3C2B23;
	width: 95%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	-moz-box-shadow: 0px 1px 0px #000000;
	-webkit-box-shadow: 0px 1px 0px #000000;
}



/*
content
-----------------------------------------------------------*/
.content {
	width: 760px;
	background-attachment: fixed;
	/*background-image: url(media/bilder-layout/content-hg-01.gif);*/
	background-repeat: repeat;
	background-position: 0px 0px;
	float: left;
	margin-right: 5px;
	clear: none;
	padding-top: 0px;
	padding-left: 0px;
	position: relative;
	margin-left: 20px;
	border-radius:8px;
	-moz-border-radius: 8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	background-image: url(../../media/bilder-layout/bg-content-75-w.png);
	background-image: url(./bg-content-75-w.png);
	padding-bottom: 20px;
	
	
}

#content-wrap {
    height: 1%;
}


#content-wide {
    overflow: hidden;
}

#sidebar {
	float: right;
	width: 220px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}


/*	##################################
  	HEADER
  	################################## */

#logo {
	position: absolute;
	bottom: 10px;
	left: 8px;
}

#logo h1 {
	float: left;
	width: auto;
	margin: 0px;
	padding: 14px 0 0 10px;
	color: #5c5c5c;
	font-size: 11px;
	font-weight: normal;
	text-shadow: 1px 1px 0px #000;
}

#logo img {
    float: left;
}


.ts-menu {
	position: absolute;
	right: 11px;
	bottom: 21px;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
}

.texthuelle1 h2 {
	font-size: 150%;
	font-weight: bold;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B8A5A3;
	padding-bottom: 2px;
}
.texthuelle1 p {
	line-height: 120%;
	text-align: left;
	font-size: 95%;
}
	
.texthuelle1 li {
	line-height: 120%;
	text-align: left;
	font-size: 75%;
	list-style-type: square;
	margin-left: 20px;
	font-weight: normal;
}
.texthuelle1 h3 {
	font-weight: bold;
	margin-bottom: 5px;
}
	

.content .texthuelle .text,.content .texthuelle9 .text, .content .texthuelle1 {
	position: absolute;
	bottom: 0px;
	padding-bottom: 0px;
	width: 100%;
	line-height: 135%;
	text-align: left;
	font-size: 80%;
}

.content .texthuelle, .content .texthuelle9, .content .texthuelle1 {
	color: #2F1F1F;
	text-decoration: none;
	font-size: 120%;
	line-height: 100%;
	margin-top: 20px;
	margin-left: 15px;
	margin-bottom: 20px;
	margin-right: 20px;
}
.content .texthuelle h2, .content .texthuelle9 h2, .content .texthuelle1 h2{
	font-size: 150%;
	font-weight: bold;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B8A5A3;
	padding-bottom: 2px;
	text-align: right;
	margin-bottom: 10px;
}

.content .texthuelle {
	float: left;
	height: 330px;
	position: relative;
	width: 310px;
}
.content .texthuelle1 {
	float: left;
	width: 310px;
	position: relative;
}

.content .texthuelle9 {
	float: left;
	height: 330px;
	width: 310px;
	position: relative;
}
.content .texthuelle .text p, .content .texthuelle9 .text p {
	padding-top: 5px;
	padding-bottom: 0px;
}

.content a {
	color: #fff;
	text-decoration: none;
}

.content a:hover {
	text-decoration: none;
	color: #C00;
}


.content .img1 {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}


.content hr {
	width: 95%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #634732;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}




.content .imghuelle{
	margin-right: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 0px;
	margin-left: 0px;
	width: 405px;
	float: right;
	position: relative;
	z-index: 20;
}

.content .imghuelle.img a .bild {
	float: left;
	padding: 2px;
}



/*--------------------------------------------------------------------------------
headline bild 
----------------------------------------------------------------------------------*/

#headline .innerfade li a span {
	width:730px;
	cursor:pointer;/**ie hack**/
	position:absolute;
	bottom:0px;
	left:0px;
	letter-spacing:0.2em;
	text-align:left;
	color:#FFF;
	font-size:80%;
	background-image: url(../../media/bilder-layout/bg-content-75-rot.png);
	background-image: url(./bg-content-75-rot.png);
	background-repeat: repeat;
	height: 30px;
	padding-bottom: -2px;
	padding-top: 0px;
	line-height: 30px;
	padding-right: 15px;
	text-decoration: none;
	list-style-type: none;
	padding-left: 15px;
}

#headline .innerfade li a span p {
	color: #FFF;
	opacity: 1;
	text-decoration: none;
	list-style-type: none;
}

#headline ul li {
	position:absolute;
	top:-25px;
	left:-10px;
	background:url(../../media/bilder-layout/ajax-loader.gif) no-repeat center center;
	background:url(./ajax-loader.gif) no-repeat center center;
	text-decoration: none;
	list-style-type: none;
	width: 771px;
}

#headline ul li a {
	display:block;
	width:662px;
	height:408px;
	margin-left:0px;
	margin-top:0px;
	text-decoration: none;
	list-style-type: none;
}

/*slideshow*/
.slideshow {
	float: right;
	height: 180px;
	width: 610px;
}
.content .imghuelle.img a .bild img  {
	border: 5px solid #FFF;
}
.content table   {
	margin-bottom: 20px;
	/*	margin-left: 0px;
	width: 350px;*/
	float: right;
	margin-right: 15px;
	clear: both;
	width: 400px;
}
.content table #feedback tr td img   {
	clear: both;
}


input, textarea {
	width: 255px;
	float: right;
}
label {
	width: 130px;
	display: block;
}
#wrap #content-wrap .content .zurueck {
	float: right;
}



/* 
CMS-SF Backend 
---------------------------------------------------*/

.flex2_edit {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #900;
	color: #900;
	font-size: 110%;
	margin: 10px;
	display: block;
	clear: both;
	line-height: 110%;
}



/*
logo d4m 
---------------------------------------------------*/
.fuss .d4m a {
	font-size: 95%;
	color: #666666;
	padding-top: 8px;
	padding-left: 8px;
	float: left;
	text-decoration: none;
}

.fuss .d4m a:hover {
	color: #cccccc;
	text-decoration: none;
}


/* ********** [Start Spezial-Bereiche] ********** */
/*unsichtbar*/


.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}

br.clear {
	clear: both;
}

.line {
	background-color: #666;
	height: 1px;
	width: 100%;
}

#drucken {
	text-align: right;
	float: right;
}

.direktnavi {
	visibility: hidden;
	margin: 0px;
	top: 0px;
	display: none;
	font-size: 130%;
	font-weight: bold;
}

#drucknavi a{
	margin-bottom: 20px;
	font-size: 80%;
	color: #FFFFFF;
}

.unsichtbar {
	visibility: hidden;
	font-weight: bold;
}

.clearleft{
	clear:both;
}

/*
noscript bei ausgeschaltener JavaScript Funktion
---------------------------------------------------*/
noscript {
	color: #000;
	border: 1px dotted #CC0000;
	padding: 5px;
	background-color: #FFFFFF;
}
noscript p {
	color: #CC0000;
	border: 1px dotted #CC0000;
	padding: 5px;
	background-color: #FFFFFF;
	position: absolute;
	z-index: 1000;
}