* {
	margin:0;
	padding:0;
	list-style-type:none;
	outline:0;
	border:0;
	border-collapse:collapse;
	text-decoration:none
	}
html {
	background:#000
	}
body {
	position:relative;
	margin:0 auto;
	font-size:.9em;
	overflow:auto;
	background:url(/layout/frontend/bg.jpg) repeat-y
	}	
body, a, textarea, input {
	color:#fff;
	font-family:verdana, sans serif
	}
body, div#hd {	
	width:1010px;
	}


/*---------------------------------
hd
---------------------------------*/
div#hd {
	position:relative;
	z-index:100;
	height:200px;
	background:url(/images/uploads/25.jpg) 775px 10px no-repeat
	}
div#hd h1 {
	text-indent:-9999px
	}	
div#hd h1 a {	
	width:1010px;
	height:114px;
	display:block;
	background:url(/layout/frontend/logo.gif) no-repeat
	}
div#hd h2 {
	position:absolute;
	top:52px;
	right:60px;
	font-size:16px;
	font-weight:100;
	color:#fff
	}	
/* navi */
div#hd ul#navi  {
	padding:30px 0 0 58px;
	width:950px;
	z-index:100
	}
div#hd ul#navi li {
	position:relative;
	float:left;
	height:24px;
	transition:all .2s linear;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear
	}
div#hd ul#navi li a {
	position:relative;	
	display:block;
	padding:5px 16px;
	text-decoration:none;
	font-size:.8em;
	letter-spacing:.8px;
	font-weight:600;
	color:#fff;
	transition:all .2s linear;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear
	}
div#hd ul#navi li.active:hover,
div#hd ul#navi li:hover {
	background:#555
	}	
div#hd ul#navi li ul li a:hover {
	box-shadow:0 0 90px #ccc;
	-moz-box-shadow:0 0 90px #ccc;
	-webkit-box-shadow:0 0 90px #ccc
	}		
div#hd ul#navi li ul li a:hover,
div#hd ul#navi li.active ul li a:hover,
div#hd ul#navi li ul li:hover {
	background:url(/layout/frontend/pfeil_horizontal.gif) 2px 2px no-repeat #000;
	width:100%;
	}
div#hd ul#navi li ul li ul li:hover {
	background:none
	}
div#hd ul#navi li ul li.pg {
	margin-top:6px;
	padding:6px 13px 3px 13px;
	font-size:11px;
	width:100%;
	font-weight:600;
	border-top:1px dotted #666
	}
div#hd ul#navi li ul li.pg:hover {
	background:none
	}	
div#hd ul#navi li ul li.pg:first-child {
	margin-top:-4px;
	border-top:0
	}	
div#hd ul#navi li.active {
	border:0
	}	
div#hd ul#navi>li.active>a {
	text-decoration:none;
	background:#b8b8b8;
	color:#000
	}
div#hd ul#navi li.active ul li a {
	text-decoration:none;
	background:none
	}	
div#hd ul#navi li a ins table {
	position:absolute;
	top:0;
	left:0;
	z-index:80
	}
div#hd ul#navi li ul li  {
	height:auto;
	width:100%;
	border:0
	}	
div#hd ul#navi li ul li a {
	padding:1px 13px 2px 13px;
	font-weight:100;
	font-size:.75em;
	white-space:nowrap;
	text-transform:none;
	display:block;
	color:#fff
	}
div#hd ul#navi li ul {
	position:absolute;
	top:24px;
	left:0;
	visibility:hidden;
	opacity:0;
	transition:all .4s linear;
	-moz-transition:all .4s linear;
	-webkit-transition:all .4s linear
	}
div#hd ul#navi li:hover ul {
	visibility:visible;
	opacity:1;
	padding:8px 0 12px 0;
	width:auto;
	height:auto;
	overflow:hidden;
	border-top:1px solid #000;
	-moz-box-shadow: 0 5px 10px #000;
	-webkit-box-shadow: 0 5px 10px #000;
	box-shadow: 0 5px 10px #000;
	filter: alpha(opacity=100);
	-moz-opacity: 100;
	opacity: 100;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	background:url(/layout/frontend/transparent.gif)  #3a3a3a   /* the background image is for IE7 
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#fff, offX=0, offY=5, positive=true); */
	}
/*---------------------------------
content
---------------------------------*/
div#ct {
	position:relative;
	z-index:1;
	margin:0 auto 60px auto;
	width:700px;
	min-height:500px
	}
div#ct h1 {
	position:relative;
	margin:20px 0 10px 0;
	padding:5px 8px;
	font-size:1em;
	background:#404040
	}
div#ct h1 a {
	position:absolute;
	right:10px;
	top:7px;
	font-size:12px
	}
div#ct h2 {
	margin:40px 0 10px 0;
	padding:6px 8px;
	font-size:11px;
	background:#2a2a2a	
	}		
div#ct p {
	margin:20px 0;
	font-size:11px
	}	
div#ct p a,
div#ct ul.standard li a,
div#ct div#sitemap ul li a {
	text-decoration:underline
	}
div#ct p a:hover,
div#ct ul.standard li a:hover,
div#ct div#sitemap ul li a:hover {
	text-decoration:none
	}	
div#ct hr {
	border:0;
	height:0;
	margin:30px 0;
	border-top:1px dotted #888
	}	
div#ct ul.standard,
div#ct div#sitemap>ul {
	font-weight:600;
	font-size:11px;
	margin:20px 0 0 20px
	}
div#ct div#sitemap ul li ul {
	font-weight:100;
	margin:10px  20px
	}
div#ct ul.standard li,
div#ct div#sitemap ul li {
	padding:0 0 3px 20px;
	list-style-type:circle
	}	
/* boxlist für produkt PDFs */	
div#ct ul.boxlist {
	margin:-35px 0 0 -65px;
	padding:80px 0 0 50px;
	width:800px;
	overflow:hidden;
/*background:#444;*/
	}
div#ct ul.boxlist li {	
	float:left;
	position:relative;
	overflow:visible;
	width:86px;
	display:block;
	margin:0 27px 40px 30px
	}
div#ct ul.boxlist li.quer {
	width:116px;
	}
div#ct ul.boxlist li a:hover img {	
	position:absolute;
	top:-22px;
	left:-18px;
	z-index:50;
	width:116px;
	height:170px; /* höhen korrektur bei hover - muss nicht sein */
	border:1px solid #999;
	box-shadow:0 0 110px #ccc;
	-webkit-box-shadow:0 0 110px #ccc;
	-moz-box-shadow:0 0 110px #ccc;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ccc, offX=100, offY=100, positive=true);
	}
div#ct ul.boxlist li.quer a:hover img {
	left:-29px
	}
div#ct ul.boxlist li.quer a:hover img {
	width:180px;
	height:129px; /* höhen korrektur bei hover - muss nicht sein */
	}
div#ct ul.boxlist li a {
	width:116px;
	height:170px;
	display:block
	}	
div#ct ul.boxlist li.quer a {
	width:180px;
	height:129px
	}
div#ct ul.boxlist li a span {
	display:block;
	padding-top:5px;
	text-align:center;
	font-size:11px;
	color:#ccc;
	width:90px;
	/*white-space:nowrap*/
	}
div#ct ul.boxlist li.quer a span {
	width:120px
	}
div#ct ul.boxlist li a img {	
	width:80px;
	height:116px;
	overflow:visible;
	padding:5px;
	background:#000;
	border:1px solid #999
	}
div#ct ul.boxlist li.quer a img {	
	width:116px;
	height:83px
	}
div#ct ul.boxlist li a:hover span {
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:100
	}
/* team */
ul#team {
	overflow:hidden;
	margin:30px 0 0 0;
	font-size:.75em
	}
ul#team li {
	float:left;
	width:200px;
	display:block;
	height:215px;
	margin:0 auto 30px auto;
	text-align:center;
	}
ul#team li img {
	display:block;
	width:200px;
	height:133px;
	border:5px solid #3a3a3a
	}
ul#team li a {
	display:block;
	white-space:nowrap;
	text-decoration:underline
	}
ul#team li a:hover {
	text-decoration:none
	}
/* ausstellung */
ul#ausstellungsflaeche {
	overflow:hidden;
	margin:30px 0 0 0
	}
ul#ausstellungsflaeche li {
	float:left;
	margin:0 auto 40px auto;
	overflow:hidden;
	display:block;
	-moz-transition:all .3s linear;
	-webkit-transition:all .3s linear
	}
ul#ausstellungsflaeche li a img {
	border:5px solid #3a3a3a;
	-moz-transition:all .3s linear;
	-webkit-transition:all .3s linear
	}
ul#ausstellungsflaeche li:hover {
	-moz-transform:scale(0.9);
	-webkit-transform:scale(0.9)
	}
ul#ausstellungsflaeche li a:hover img {
	border:5px solid #aaa
	}
ul#ausstellungsflaeche li a img {
	width:200px;
	height:133px
	}
/* footer */
div#ft {
	position:relative;
	margin:0 auto;
	padding-bottom:20px;
	width:910px;
	border-top:1px solid #dbdbdb
	}
div#ft, div#ft a {
	font-size:.75em;
	color:#fff
	}
div#ft a {
	font-size:1em
	}	
div#ft p {
	margin:7px 0 0 10px
	}
div#ft ul#info {
	position:absolute;
	top:7px;
	right:10px;
	overflow:hidden
	}
div#ft ul#info li {
	float:right;
	margin:0 0 0 20px
	}
/* Werbelayer */
div#area {
	position:fixed;
	top:0;
	left:0;
	z-index:800;
	width:100%;
	height:100%;
	overflow:hidden;
	background:#000;
	opacity:.6;
	-moz-opacity:.6;
	-webkit-opacity:.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60)
	}
div#layer {
	position:absolute;
	top:130px;
	left:250px;
	z-index:900;
	width:470px;
	min-height:490px;
	padding:50px 10px 20px 10px;
	background:#fff;
	font-size:11px;
	-moz-box-shadow: 0 0 60px #000;
	-webkit-box-shadow: 0 0 60px #000;
	box-shadow: 0 0 60px #000;
	filter: alpha(opacity=100);
	-moz-opacity: 100;
	opacity: 100;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:8px solid #ddd
	}
div#layer img#logo {
	position:absolute;
	top:10px;
	left:10px
	}
div#layer h3,
div#layer h4,
div#layer p,
div#layer ul {
	margin:8px 0 8px 0;
	background:none;
	color:#000;
	}
div#layer ul li{
	list-style-type:disc;
	margin:0 0 3px 20px
}
div#layer h3 {
	font-size:23px;
	padding:3px
}
div#layer h4 {
	font-size:11px;
	font-weight:600;
	background:#eee;
	display:inline;
	padding:3px 5px;
	line-height:17px
	}
div#layer a#close {
	position:absolute;
	right:0;
	top:0;
	display:block;
	background:url(/images/uploads/werbelayer/close.jpg) right top no-repeat;
	width:104px;
	height:33px
	}
/* Slideshow */
#slides {
  position: relative;
  overflow: hidden;
  max-width: 700px;
  width: 100%;
  height:236px
  }
#slides img {
  position: absolute;
  height: inherit;
  width: 100%;
  left: 0;
  top: 0
 }
#slides .img_visible {
  position: relative;
  float: left;
  }