@charset 'utf-8';
@import url(reset.css);
@import url(fancybox.css);

/* ----------------------------------------------------- Comment */

.js div { } /* apply only on JavaScript enabled browsers */
.ie7 div { } /* apply only on Internet Explorer 7 and below */
.ie6 div { } /* apply only on Internet Explorer 6 and below */

body{
	background:	#ededeb;
	color:#666;
	font-family:tahoma,"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	font-size:80%;
}

.background{
	
}

#right h1,h2, #right p{
	max-width:;
}

h1{
	margin-bottom:10px;
	font-weight:bold;
}

a {color:#666;}
a:hover{color:#111; text-decoration:none;}

#overlay {
	position: relative;
	z-index: 100;
	width:100%;	
}

#superbgimage {
	display: none;
	background:#fff;
}

#left{
	width:20%;
	position:absolute;
	top:5%;
	left:5%;
}

.startseite #left{ 
	color:#000;
	z-index:200;
	top:5%;
	position:fixed;
	left:5%;
}

#gallery{
	width:70%;
	height:90%;
	top:0%;
	right:5%;
	position:absolute;	
}


.right{
	float:right;
}

.cl6{width:220px;float:left;margin-right:30px;}
.cl7{width:220px;float:left;}


#wrapper{margin:5%; width:30%;}
.normal #wrapper {margin:5%; width:900px;}


#logo{
	width:150px;
	height:99px;
}

#navigation{
	margin:30px 10px;
}

#navigation ul.main-nav li{
	margin-bottom:5px;
}

.startseite #navigation a:link,
.startseite #navigation a:visited{
	color:#fff;
	text-shadow: 1px 1px 0px #666;
	text-decoration:none;
	font-size:1em;
	letter-spacing:0.1em;
}

.startseite #navigation a:hover{
	color:#000;
	text-shadow: 1px 1px 0px #ccc;
}

.seite #navigation a:link,
.seite #navigation a:visited,
.normal #navigation a:link,
.normal #navigation a:visited{
	color:#666;
	text-decoration:none;
	font-size:1em;
	letter-spacing:0.1em;
}

.seite #navigation a:hover,
.normal #navigation a:hover{
	color:#000;
}

.seite #navigation li.active a:link,
.seite #navigation li.active a:visited,
.normal #navigation li.active a:link,
.normal #navigation li.active a:visited {color:#000;}

.seite #navigation li.active ul li a:link  ,
.seite #navigation li.active ul li a:visited,
.normal #navigation li.active ul li a:link ,
.normal #navigation li.active ul li a:visited {color:#666;}

.seite #navigation li.active ul li.active a:link  ,
.seite #navigation li.active ul li.active a:visited,
.normal #navigation li.active ul li.active a:link ,
.normal #navigation li.active ul li.active a:visited {color:#000;}

.seite #navigation li.active ul li a:hover,
.normal #navigation li.active ul li a:hover {color:#000;}

#navigation ul.subnav{
	margin-top:10px;
	margin-left:5px;
	margin-bottom:10px;
}

/* normale Seite */

.normal{
	width:960px;
	top:5%;
}



.normal #right{
	margin-left:25%;
	position:absolute;
	top:5%;
	margin-top:130px;
	line-height:1.2em;
	width:650px;
}

*+html #right{
	width:640px;
}

.normal #right h2{
	font-size:1em;
	text-transform:uppercase;
	margin-bottom:20px;
	color:#666;
	letter-spacing:0.1em;
}


.normal p{
	margin-bottom:15px;
	line-height:1.3em;
	font-size:1em;
	color:#666;
}

.normal li{
	color:#666;
}

/* overview */

ul.overview{
	width:640px;
}

.csc-textpic-intext-left-nowrap{
	width:640px;
	margin-bottom:20px;
}

ul.overview li{
	width:150px;
	float:left;
	display:block;
	margin-right:10px;
	margin-bottom:10px;
}

ul.overview li img{
	height:150px;
	width:150px;
	background:#ccc;
	display:block;
}

ul.overview li div.csc-textpic-single-image{
	width:150px !important;
} 

ul.overview li a:link,
dl.csc-textpic-image dd, 
ul.overview li a:visited {
	font-size:1em;
	letter-spacing:0.1em;
	text-decoration:none;
	color:#666;
	line-height:1.8em;
}

ul.overview li a:hover {
	color:#000;
}

/* spalten */

.cl1{float:left;width:470px;margin-right:20px;margin-bottom:40px;}
.cl2{float:right;width:150px;}
.cl3{width:640px; margin:20px 0;}
.cl4{width:150px; margin-right:10px; float:left; margin-bottom:10px;}
.cl5{width:440px;float:right; margin-right:40px; min-height:150px;margin-bottom:10px;}

.cl1 .csc-textpic-single-image img{
	margin-bottom:10px;
}

.cl4 img{
	width:150px;
	height:150px;
	display:block;
	background:#ccc;
}

.cl2 .csc-textpic-caption{
	margin-bottom:5px;
	font-size:1em;
	line-height:1.3em;
	letter-spacing:0em;
}
/* video */

.video{
	background:#ccc;
	height:330px;
}

/* footer */

#footer{
	position:fixed;
	bottom:30px;
	margin-left:5%;
	margin-right:5%;
	width:90%;
	z-index:200;
	background:transparent;
	height:40px;
}

#footer .left{
	width:18%;
}

#footer .right{
	width:80%;
	text-align:right;
}

#footer .left ul{
	margin-left:10px;
}

#footer .left ul li{
	display:inline;
	margin-right:4px;
}

#footer .left ul li a:link,
#footer .left ul li a:visited{
	opacity:0.8;
}

#footer .left ul li a:hover{
	opacity:1;
}

.startseite #footer .left a:link,
.startseite #footer .left a:visited{
	font-size:0.9em;
	color:#fff;
	text-decoration:none;
	text-shadow: 1px 1px 0px #666;
	letter-spacing:0.1em;
}

.gallery #footer .left a:link,
.gallery #footer .left a:visited,
.normal #footer .left a:link.
.normal #footer .left a:visited{
	font-size:0.9em;
	color:#666;
	text-decoration:none;
	letter-spacing:0.1em;
}

#footer a.fancybox{
	/*margin-top:-20px;
	background: url('../img/fancybox/fancy_info.png') no-repeat; */
	margin-top:-32px;
	/*height:40px;*/
	display:block;
	float:;
	color:#666;
	text-decoration:none;
	font-size:1em;
	z-index:902;
	padding:0 8px;
	padding-left:32px;
	padding-top:16px;
	height:32px;
	background: url('../img/sternchen.png') left center no-repeat;
}

#footer a.fancybox span{	
}

#footer a.fancybox:hover{
	color:#000;
}

.startseite #fancyinhalt,
.seite #fancyinhalt,
.normal #fancyinhalt{
	display:none;
}


#map{
	margin-bottom:10px;
}

#map span a,
#map a.terms-of-use-link{
	display:none !important;
}

.accordion{
	width:470px;
	margin-bottom:20px;}

.accordion-title{
	width:470px;
}

.accordion-title a:link,
.accordion-title a:visited{
	color:#666;
	font-size:1em;
	letter-spacing:0.1em;
	text-decoration:none;
	background: url('../img/acc-arr1.png') left center no-repeat;
	padding:10px;
	padding-left:20px;
	display:block;
	font-weight:bold;
}

.accordion-title a:hover{
	color:#666;
	
}

.accordion-title a.active{
	color:#666;
	background: url('../img/acc-arr2.png') left center no-repeat;
}
.accordion-content{
	width:430px;
	color:#666666;
	background:#eee;
	font-size:1em;
	line-height:1.3em;
	margin:0;
	padding:15px 20px;
}

.accordion-content p{
	margin-bottom:10px;
}

#fancyinhalt p{
	margin-bottom:10px;
	line-height:1.3em;
}

#mycursor-left {
	cursor: none;
	width: 32px;
	height: 32px;
	background: url('../img/cursor-left.png') no-repeat left top;
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	z-index: 900;
}

#mycursor-right {
	cursor: none;
	width: 32px;
	height: 32px;
	background: url('../img/cursor-right.png') no-repeat left top;
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	z-index:900;
}

.clearfix:after {
	content:".";
	display:block;
 	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
 /* End hide from IE Mac */