/* reset default browser configuration */
* {margin:0px; padding:0px;}
img {border:none;}
pre, form, fieldset, table, th, td {margin:0px; padding:0px;}
ul {margin:0px; padding:0px; line-height:normal;}
li {margin:0px; padding:0px; line-height:normal;}

/* format table */
table, th, td {font-family:Arial, Verdana; font-size:12px; text-align:left; color:#ffffff;}

/* form elements */
fieldset {border:0px none;}
legend {font-family:Arial, Verdana; font-size:12px; color:#000000;}

/* title format */
h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:17px; margin-bottom:10px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

/* trennlinien */
.con-line {border-top:1px solid #c0c0c0;}

/* Schriftfarben */
.green {color:green;}

/* general float classes */
.float-right {float:right;}
.float-left {float:left;}
.clear-right {clear:right;}
.clear-left {clear:left;}
.clear {clear:both;}
.clear-left{clear:left;}

/* general */
body {font-family:Arial, Verdana; font-size:12px; color:#ffffff; margin-top:0px; margin-bottom:0px; line-height:1.2; background-color:#000000;}

/* structure */
#wrapper-site {background:url(../pictures/jpg/background.jpg) no-repeat;  width:960px; margin:0px auto;}

/* header */
#head {width:960px; height:190px;}
#logo {float:left; margin-top:30px; margin-left:10px;}
#navigation {float:right; margin-right:20px; margin-top:20px; width:600px;}
#navigation li {display:inline;}
#navigation li a {color:#ffffff; text-decoration:none; font-size:17px; margin-left:20px; padding:7px;}
#navigation li a:hover {float:left; background-color:#05bd6f; padding:7px;}
#title {background:url(../pictures/jpg/title.jpg); width:515px; height:52px; margin-top:40px; padding: 10px;}
#title h3 {color:#ffffff;}

/* content - no background */
#content {min-height:527px; padding-top:10px;}
#content-title {width:500px; height:50px; border-bottom:1px solid #c0c0c0;}

/* content - background */
#content-background {background:url(../pictures/png/clear_pixel.png); padding:5px; border:1px solid #252525;}
#content-background .inner-text {color:#ffffff; padding:15px; text-align:justify;}
#content-background .inner-text td {padding:5px; cursor:default;}
#content-background-left {width:500px; margin-top:10px; margin-left:10px; float:left;}
#content-background-right {width:400px; margin-left:10px; margin-top:10px; float:left; color:#ffffff;}

/* content left */
#content-left {float:left; width:550px; max-width:550px; color:#ffffff;}
.inner-title {background:url(../pictures/jpg/subtitle.jpg) no-repeat; float:left; font-size:20px; width:162px; height:35px; padding-left:10px; padding-top:5px; color:#ffffff;}
.inner-button a {background:url(../pictures/jpg/button.jpg) no-repeat; float:right; display:block; width:102px; height:25px; padding-top:10px; padding-left:35px; color:#008000; text-decoration:none;}
.inner-button a:hover {text-decoration:underline;}

/* content right */
#content-right {float:left; width:400px;}
#content-right img {margin-top:20px;}

/* button */
.button a {background:url(../pictures/jpg/button.jpg) no-repeat; display:block; width:102px; height:25px; padding-top:10px; padding-left:35px; color:#008000; text-decoration:none; margin-left:5px;}
.button a:hover {text-decoration:underline;}

/* newsletter and contact textboxes - div class for background */
.textbox {background:url(../pictures/jpg/textbox.jpg) no-repeat; width:172px; height:35px; padding-top:10px; padding-right:5px; text-align:center;}
.txt-default {background-color:#070707; color:#ffffff; text-align:center; border:none;}
.txt-area {width:300px; height:150px; background:url(../pictures/png/textarea.png) no-repeat; text-align:center; padding:2px;}
.area {background-color:#070707; font-family:Arial; font-size:13px; color:#ffffff; width:275px; height:125px; text-align:center; border:none; padding:5px; margin-top:5px;}
#hinweis {padding:5px; background-color:#05bd6f; width:520px; color:#000000;}

/* home - display news */
#news-box {width:450px;}
.news-content {background:url(../pictures/png/clear_pixel.png); width:450px; height:95px; margin-bottom:10px;}
.news-content-read {width:450px; margin-bottom:10px;}
.news-teaser {float:left; width:95px;}
.news-teaser img {border:1px solid #252525; cursor:pointer;}
.news-text {font-size:11.5px; float:left; width:345px; padding:5px;}
.news-text a {color:#ffffff; text-decoration:none;}
.news-text a:hover {color:#008000;}

/* newsarchive - display news */
.archive-text {font-family:Arial, Verdana; font-size:12px; color:#ffffff; }
.archive-text a {display:block; color:#ffffff; width:435px; height:92px; text-decoration:none; padding-bottom:5px;}
.archive-text a:hover {background:url(../pictures/jpg/hover.jpg) no-repeat;}
.archive-text a img {height:90px; width:90px; float:left; margin-right:5px; border:1px solid #303030;}
.archive-text a p {font-size:17px; font-weight:bold;}
.archive-text a span {width:70px; padding-right:30px;}
.archive-text a span h3 {font-size:17px;}
.archive-display {overflow:auto; height:320px;}
.text-link:link {color:#008000; text-decoration:none; font-size:15px; font-weight:bold;}
.text-link:visited {color:#008000; text-decoration:none; font-size:15px; font-weight:bold;}
.text-link:hover {text-decoration:underline; font-size:15px; font-weight:bold;}

/* modul - gallery */
.image {padding:5px; float:left; border:1px solid #c0c0c0; margin-right:20px; margin-bottom:20px;}
.image img {cursor:pointer;}
.image a {color:#ff0000; text-decoration:none;}
.image a:visited {color:#ff0000; text-decoration:none;}
.image a:hover {color:#ff0000; text-decoration:underline;}

/* dates - table classes */
.td-title {background:url(../pictures/jpg/td_background.jpg) repeat-x; height:35px; text-align:center; color:#008000; font-weight:bold;}

/* videos - display videos */
.video {max-width:175px;}
.video img {border:1px solid #c0c0c0;margin-bottom:5px;}
.video p {font-weight:bold; padding-bottom:5px;}
.video span {font-size:11px; text-align:justify;}

/* display video */
#play {margin-left:25%; margin-right:25%; margin-top:10px; margin-bottom:10px;}

/* footer */
#footer {width:955px; height:95px; padding-top:5px; padding-left:5px;}
#footer a {color:#008000; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#social-networks {width:410px; float:right;}

/* gallery - lightbox */
#siteshadow {display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(../pictures/png/shadow.png); z-index:1001;}
#imagebox {display:none; position:fixed; top:0px; left:0px; text-align:right; padding-left:25%; padding-right:25%; padding-top:100px; z-index:1002;}
#imagebox img {border:15px solid #f5f5dc; cursor:default;}
#button {background-color:#f5f5dc; cursor:pointer; font-family:Verdana; font-size:17px; color:#808080; padding:5px;}
#button span {padding-right:10px; margin-top:10px; margin-left:350px;}
#copyright {background-color:#f5f5dc; font-family:Verdana; font-size:15px; color:#808080; padding:10px; text-align:left;}

/* Lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64, AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../pictures/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../pictures/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }