/* ---------------------------------- reset ------------------------------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* ---------------------------------- /reset ----------------------------------- */

/* ----------------------------------   global   ---------------------------------- */
html,body {margin:0;padding:0;}
body {
	font: 0.75em arial,sans-serif;
	background-color: #000;
	}
div#bgtile-left {
	position:absolute;
	width: 50%;
	height:98px;
	top:0px;
	left:0px;
	background-image:  url(../img/bgtile-left.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	}
div#bgtile-right {
	position:absolute;
	width: 50%;
	height:98px;
	top:0px;
	right:0px;
	background-image:  url(../img/bgtile-right.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	}
#wrapper {
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding-bottom: 10px;
}
div#header {
	width: 900px;
	height: 130px;
	background-image:  url(../img/header-bg.jpg);
	background-repeat: no-repeat;
	}
div#contentwrap {
	width: 800px;
	min-height: 350px;
	height:auto !important;
	height: 350px;
	margin: 31px 0px 0px 50px;
	}
div#content {
	width: 800px;
	min-height: 300px;
	height:auto !important;
	height: 300px;
	margin: 0px;
	color: #fff;
	}
div#content p{
	margin-bottom: 20px;
	}
div#content h2{
	margin-bottom: 20px;
	font-size: 1.83em;
	}
div#content h3{
	margin-bottom: 10px;
	font-size: 1.33em;
	}
div#content.standard {
	width: 780px;
	padding: 20px 20px 20px 0px;
	}
div#slidersub {
	width: 790px;
	min-height: 20px;
	height:auto !important;
	height: 20px;
	margin:2px 0px 0px 0px;
	padding:10px 10px 10px 0px;
	line-height: 1.4;
	background-color: #000;
	}
div#slidersub h1{
	margin: 0px 0px 5px 0px;
	font-size: 2.17em;
	font-weight: bold;
	color: #fff;
	}
div#slidersub h3{
	margin-bottom: 5px !important;
	}
div#slidersub p{
	margin: 0px;
	color: #fff;
	}
div#footer {
	clear:left;
	width: 800px;
	min-height: 15px;
	height:auto !important;
	height: 15px;
	margin: 5px 0px 0px 0px;
	padding: 0;
	font-size: 0.83em;
	color: #fff;
	}
div#footer p {
	width: 800px;
	height:15px;
	margin: 0;
	padding: 0;
	line-height: 15px;
	text-align: right;
	}
div#footer a {
	text-decoration: none;
	}
div#footer a:hover {
	color: #999;
	}
p {margin:0; padding: 0;}
a {
	color: #fff;
	outline: 0;
	border: 0;
	}
.clean {clear: both;}
.bold {font-weight: bold;}
/* ----------------------------------   teaser   --------------------------------- */
a#teaserimg {
	width: 800px;
	height:350px;
	display:block;
	border: none; 
	}
a#teaserimg:hover {
	width: 800px;
	overflow:hidden !important; /* damit das layout on hover nicht verrutscht  */
	margin:-1px !important; /* damit das layout on hover nicht verrutscht */
	border: 1px solid #00B4FF;
	}
/* und das Ganze für IE6 mit der Klasse "aktiv" (ueber jQuery) + position:relative; für die border links & rechts */
a#teaserimg.aktiv {
	position:relative;
	width: 800px;
	overflow:hidden !important;
	margin:-1px !important;
	border: 1px solid #00B4FF;
	}
a.imglink {
	display:block;
	cursor:pointer;
	}
span#newbatch {
	display:block;
	width: 100px;
	height: 100px;
	margin: 0px 0px 0px 700px;
	background-image:  url(../img/newbatch.png);
	background-repeat: no-repeat;
	}
h1.teaserhead {
	display:inline;
	font-size: 2.17em;
	font-weight: bold;
	color: #FF0090;
	}
p.date {
	display:inline;
	margin-left: 10px;
	vertical-align: middle !important;
	color: #fff;
	}
div#teaserhead {
	width: 710px;
	min-height: 35px;
	height:auto !important;
	height: 35px;
	}
a.nav_backward {
	float:right;
	width: 40px;
	min-height: 35px;
	height:auto !important;
	height: 35px;
	background-image: url(../img/arrow_backward.png);
	background-repeat: no-repeat;
	background-position: 0px -1px;
	}
a.nav_forward {
	float:right;
	width: 40px;
	min-height: 35px;
	height:auto !important;
	height: 35px;
	background-image: url(../img/arrow_forward.png);
	background-repeat: no-repeat;
	background-position: 0px -1px;
	}
div#teaserhead  a{
	text-decoration: none;
	color: #FF0090;
	}
div#teasersub {
	width: 790px;
	min-height: 20px;
	height:auto !important;
	height: 20px;
	line-height: 1.4;
	margin:2px 0px 0px 0px;
	padding:10px 10px 10px 0px;
	background-color: #000;
	}
div#teasersub p{
	margin: 0px;
	color: #fff;
	}
p.tags a:hover{
	color: #999;
	}
/* ----------------------------------   /teaser   -------------------------------- */

/* ----------------------------------   /global   --------------------------------- */

/* ----------------------------------  topnav  ---------------------------------- */
ul.topnav {
	position: absolute;
	height: 35px;
	top: 63px;
	right: 35px;
	margin: 0;
	padding: 0;
	font-size: 1.17em;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #fff;
	}
.topnav li {
	float:left;
	position:relative;
	}
.topnav li a {
	position:relative;
	display: block;
	float:left; /* für den IE6, sonst zerreist display:block das Layout */
	height: 35px;
	line-height: 35px;
	margin-left: 0px;
	padding: 0px 15px 0px 15px;
	text-decoration: none;
	color: #fff;
	}
.topnav li a:hover {
	background-color: #000;
	color: #00B4FF;
	}
.topnav li.active, .topnav li.active a  {
	background-color: #000;
	color: #00B4FF;
	}
/* ----------------------------------  /topnav  -------------------------------- */

/* ----------------------------------  subnav  ---------------------------------- */
ul.subnav {
	position: absolute;
	right:40px;
	top: 100px;
	height: 30px;
	line-height: 30px;
	font-size: 1em;
	letter-spacing: 0.1em;
	}
.subnav li {
	position: relative;
	float:left;
	font-weight: bold;
	}
.subnav li a {
	position: relative;
	display: block;
	float:left;
	height: 30px;
	line-height: 30px;
	padding: 0 10px 0 10px;
	text-decoration: none;
	color: #fff;
	}
.subnav li a:hover {
	color: #00B4FF;
	}
ul.subnav li.active a {
	color: #00B4FF;
	}
ul.subnav li.active ul li a {
	color: #fff;
	}
ul.subnav li.active ul li.active a {
	color: #00B4FF;
	}
ul.subnav li.active ul li a:hover {
	color: #00B4FF;
	}
ul.subnav ul {
	display: none;
	}
ul.subnav li:hover ul {
	position: absolute;
	display:block;
	width: 200px;
	z-index: 3000 !important;
	top: 30px;
	/* um die Flyouts buendig mit der rechten Seite des Elternelements abschliessen zu lassen */
	left: 100%;
	margin-left: -200px;
	/* end - Flyout rechte Seite */
	text-align:right;
	background-image: url(../img/overlay.png);
	}
ul.subnav li.sfhover ul {
	position: absolute;
	display:block;
	width: 200px;
	z-index: 3000 !important;
	top: 30px;
	left: 100%;
	margin-left: -200px;
	text-align:right;
	background-image: url(../img/overlay.png);
	}
ul.subnav ul li{
	display:block;
	clear:left;
	width: 180px;
	font-weight: normal;
	}
ul.subnav ul li a{
	width: 180px;
	height: 22px;
	line-height: 22px;
	}
/* ----------------------------------  /subnav  ---------------------------------- */
/* ----------------------------------  taglanding  ------------------------------- */
div.tags h3 {
	margin-bottom: 5px;
	}
div.tags h3 a{
	color: #00B4FF;
	}
div.tags h4 {
	margin-bottom: 5px;
	}
div.tags p a:hover {
	color: #999;
	}
/* ---------------------------------  /taglanding  ------------------------------ */
/* ----------------------------------  Galleria  ---------------------------------- */
.galleria{list-style:none;width:200px}
.galleria li{
	display:block;
	width:80px;
	height:80px;
	overflow:hidden;
	float:left;
	display:inline;
	/*margin:0 10px 10px 0;*/
	}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

.caption{
	font-style:italic;
	color:#887;
	position: absolute;
	top: 10px;
	text-align: center;
	left:105px;
	width:800px;
	}
.gallery{
	width:800px;
	margin:0px auto;
	}
div#subwrap ul.galleria {padding: 10px 0px 10px 0px;float:left;}
div#subwrap{
	position:relative;
	width: 800px;
	padding-left: 1px;
	background-color: #000;
	}
.gallery li{
	width:104px;
	height:80px;
	padding: 2px;
	margin: 2px 2px;
	border:1px solid #222;
	background:#000;
	}
.gallery li.active{
	border: 1px solid #00B4FF;
	}
.gallery li:hover{
	border: 1px solid #00B4FF;
	}
ul.galleria li img{
	margin: auto !important;
	}
.gallery li div{left:240px}
.gallery li div .caption{font:italic 0.7em/1.4 georgia,serif;}
#main_image{
	width:800px;
	min-height: 150px;
	height:auto !important;
	height: 150px;
	margin:0px auto 0px auto;
	background-color:#000;
	text-align: center;
	}
#main_image img{margin-bottom:2px;}

/* hier wird der Bild-Titel eingeblendet, das  div.info ist allerdings aus dem Template geloescht */
.info{
	width:800px;
	margin:30px auto;
	padding-top:30px;
	border-top:0px dotted #221;
	text-align:left;
	}
.info p{margin-top:1.6em;}
/* ----------------------------------  /Galleria  --------------------------------- */
/* ---------------------------------  WebLogin ------------------------------- */

form#weblogin label {
display: block;
margin-top: 5px !important;
}

form#weblogin input {
	width: 200px;
	height: 18px;
	margin: 2px 0px 15px 0px;
	padding: 0 2px;
	border: 1px solid #ddd;
	border-left-color: #c3c3c3;
	border-top-color: #7c7c7c;
	line-height: 20px;
}
form#weblogin input#submitlogin {
	display:inline;
	width: 100px !important;
	height: 25px;
	margin-top: 5px;
	line-height: 12px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #00B4FF !important;
	background-color: #000;
	cursor:pointer;
	color: #fff;
}
form#weblogin input#submitlogin:hover {
	border: 1px solid #fff !important;
	background-color: #000;
	color: #fff;
}
form#weblogin  input:focus {
	border:1px solid #00B4FF !important;
	background-color: #efefef;
}
/* --------------------------------  /WebLogin ------------------------------ */
/* -----------------------------------  Slider  --------------------------------- */
#slideshow {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 800px; /* important to be same as image width */
	height: 350px; /* important to be same as image height */
	margin: 0px auto 0px auto;
	background-color: #000;
}
div#slideshow:hover {
	overflow:hidden !important; /* damit das layout on hover nicht verrutscht  */
	margin:-1px !important; /* damit das layout on hover nicht verrutscht */
	border: 1px solid #00B4FF;
	}
div#slideshow.aktiv {
	overflow:hidden !important; /* damit das layout on hover nicht verrutscht  */
	margin:-1px !important; /* damit das layout on hover nicht verrutscht */
	border: 1px solid #00B4FF;
	}
ul.ppt {
	position: relative;
	}
.ppt li {
	position: absolute;
	top: 0;
	left: 0;
	list-style-type: none;
	}
.ppt img {

	}
/* ----------------------------------  /Slider  --------------------------------- */
/* -------------------------  MaxiGallery Manager  ----------------------- */
div .shortfields {color: #fff;}
/* -------------------------  /MaxiGallery Manager  ---------------------- */

/* -------------------------------------  eForm  -------------------------------- */
#EmailForm {
	width: 360px;
	padding-bottom: 20px;
	border: none;
	text-align: left;
}
fieldset {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	border: none;
	}
legend {
	display: none;
}
#EmailForm label,
#EmailForm p {
	display: block;
	clear: both;
	width: 310px;
	padding: 0 0 9px;
	line-height: 1.5em;
	font-size: 1em;
}
#EmailForm p.pbereich {
	margin:20px 0px 0px 0px;
}
#EmailForm label {
	width: 310px;
	margin: 15px 0px 0px 0px;
	line-height: 1em;
}
#EmailForm input {
	display: block;
	margin-top: -5px;
	color: #444;
}
#EmailForm input.inpvorschlag {
	margin-bottom: 30px !important;
}
#EmailForm label.labelvorschlag {
	margin-top: 0px !important;
}
#EmailForm input.checkinp {
	display: inline;
	margin: -5px 10px 0px 0px;
}
span.chlabel {line-height: 20px;}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm input.text,
#EmailForm textarea {
	width: 310px;
	padding: 0 2px;
	height: 18px;
	line-height: 20px;
	border: 1px solid #ddd;
	border-left-color: #c3c3c3;
	border-top-color: #7c7c7c;
}
#EmailForm textarea {
	display: block;
	height: 150px;
	margin: -4px 0px 0px 0px;
	color: #444;
}
#EmailForm input.button {
	width: 148px !important;
	height: 25px;
	line-height: 20px;
	display:inline;
	border: 1px solid #00B4FF !important;
	background-color: #000;
	vertical-align: middle;
	text-align: center;
	cursor:pointer;
	color: #fff;
}
#EmailForm input.button:hover {
	background-color: #000;
	border: 1px solid #fff !important;
	color: #fff;
}
#EmailForm  input:focus, #EmailForm  textarea:focus {
	border:1px solid #00B4FF !important;
	background-color: #efefef;
}
#EmailForm input#vericode {
	width: 142px;
	margin-bottom: 20px !important;
}
span.small {
	width:300px;
	display:block;
	float:left;
	margin: 10px 0px 20px 0px;
	}
span.pflicht {
	color: #00B4FF;
	}
/* -------------------------------------  errors  ------------------------------- */
div.errors{ color:red;}
#EmailForm  input.invalidValue{ background: #FFDFDF; border:1px solid red; }
#EmailForm  label.invalidValue{ background: #000; border:none; }
#EmailForm input.requiredValue{ background: #FFFFDF; border:1px solid red; }
#EmailForm textarea.requiredValue{ background: #FFFFDF; border:1px solid red; }
/* ------------------------------------  /eForm  ------------------------------- */