@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{
	text-align:left;
	font-family:  "Lucida Grande",Verdana,"Helvetica Neue",Arial,Helvetica,sans-serif;
	color: #42423A;
	padding: 0;
	font-size:70%;
	line-height:1.2em;
	overflow:auto;
	background:#fff;
}

h1,h2{
	font-size:1em;
	font-weight:bold;
	margin-bottom:5px;
	text-transform:uppercase;
	border-bottom:1px solid #ccc;
	display:block;
	width:800px;
	padding-bottom:20px;
}

p{
	font-size:1em;
	padding-bottom:0.5em;
}

a:link,
a:visited{
	color:#000;
}

a:hover{
	text-decoration:none;
}

.more-content{
	z-index:5;
	background:#000;
	position:absolute;
}

/* about */

#about {
	background: #fff;
	opacity:1;
	width:100%;
	color:#000;
	display: none;
	padding:40px 60px;
	position:fixed;
	z-index:1000;
	border-bottom:1px solid #ccc;
}

#about img{
	border:1px solid #ccc;
	float:left;
	margin-right:20px;
}

#about h3{
	font-weight:bold;
	margin-bottom:5px;
}

#about p{
	margin-bottom:1em;
}



.inner{
	float:left;
	width:400px;
}

.slide {
	margin: 0;
	padding: 0;

}
#about .btn-slide {
	position:absolute;
	top:0;
	background:#000;
	color:#fff;
	padding:10px;
	display:block;
	margin-left:820px;
	text-decoration:none;
}

#about a:hover{
	text-decoration:underline;
}
.active {

}

/* top */

#toppanel{
	padding:30px 60px 20px;
	z-index: 3;
	background:#fff;
	width:100%;
	clear:both;
	height:120px;
	position:fixed;
}

#toppanel div{
	padding-top:10px;
	float:left;
	margin-right:30px;
}

.liste-left{
	float:left;
	margin-right:30px;
}

.liste-right{
	float:right;
}

.liste-left li,
.liste-right li{
	padding-bottom:0.2em;
}

#toppanel div.right{float:right;text-align:right;margin:0;}

#panel{
	width:800px;
	padding: 0px;}

/* right */
#right{
	padding:30px 60px;
	background:#ccc;
	color:#000;
	height:100%;
}

#right h2{
	border-top:1px solid #000;
	padding-top:15px;
}

#pageslide-body-wrap{

}

#pageslide-slide-wrap {
	background-color: #ccc;
}


#pageslide-content a { 
	font-size:12px;
	padding:20px;
}


/* navigation */

.navigation{

}



.navigation a.left-nav{
	width:40px;
	height:40px;
	display:block;
	background:#ccc;
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	z-index: 10000;
	cursor:none;
	background: url('../img/left.png');
}

.navigation a.right-nav{
	width:40px;
	height:40px;
	background:#ccc;
	display:none;
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	z-index: 10000;
	cursor:none;
	background: url('../img/right.png');
	
}

.navigation a span{
	display:none;
}

/* content */

#content{
	position:absolute;
	margin-top:190px;
	margin-left:0;
	height:400px;
	background:#fff;
	width:4880px;
}

.folio li{
	width:800px;
	height:500px;
	border-left:60px #fff solid;
	float:left;
}

.folio ul li ul.weitere li{
	height:30px;
}

.folio li:hover{
	cursor:url('../img/left.cur'), pointer;
	
}

.folio li img{
	width:800px;
	height:400px;
	margin-bottom:10px;
}

#overlay{
	position:fixed;
	margin-top:0px;
	height:100%;
	width:5160px;
	margin-left:900px;
	background:#fff;
	opacity:0.4;
}

#overlay:hover{
	cursor: url('../img/right.cur'), pointer ;
}


/* clearfix */

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

.clearfix {display: inline-block;}  /* for IE/Mac */


.clearfix {
	zoom: 1;     /* triggers hasLayout */
	display: block;     /* resets display for IE/Win */
}