html, body, div, p, h1, h2, h3, span, a, table, form, img, li{margin:0px;padding:0px;	font-family: Verdana, arial;}
body{
	background-color: #222222;
	font-size: 0.8em;
	color:#564b47;
	text-align:center;
}
a{color: #88bb11;text-decoration:none;}
a:visited {}
a:hover {text-decoration:underline;}
a:active { color:#fff;}

td, th{margin:15px;}
table{text-align:left;}

h1 {
	font-size: 2em; 
	font-weight: normal;
 }

h2 {
	font-size: 1.5em;
	margin-top:20px;
	font-weight: normal;
}

h4{
  margin:0px;
  font-weight:bold;
  font-size:1.3em;
  padding:0px;
  }

.date{margin-left:-3px;}
.dateinfo{}
.datetitle{font-weight:bold;}



#lp{display:block;margin-left:20px;}
#content h2{margin-top:20px;border-bottom:1px dotted #333;}

h3{margin-top:10px;font-size: 1.3em;font-weight: normal;}
#content h3{border-bottom:1px dotted #333;}

#kontakt{}
img.download {vertical-align:middle;}

p.hinweis{background:#cccccc}
p.hinweis a{color:#222;font-weight:bold}

a[target=_blank] {background:url('img/link_extern.png') right top no-repeat;padding-right:20px;}
#mainnavi a[target=_blank] {background:none;padding-right:0px;}
/* ----------container zentriert das layout-------------- */
#container {
	width: 70em;
	margin: 0 auto;
	padding: 0;
	background-color: #1d1d1d;
	text-align:left;
}

/* ----------banner for logo-------------- */
#banner {
	margin: 0;
	padding: 0;
	background-color: #1d1d1d;
	text-align:left;
}
#banner p{
	padding: 10px;
}
#mainnavi {
	margin: 0;
	padding: 0;
	text-align:right;text-align:right;
	background-color: #88aa11;
	
}

#mainnavi p{
	padding: 0 10px;
}

#mainnavi a{color:#564b47;padding-left:5px;padding-right:5px;}
#mainnavi a:hover{color:#222222;}



/* -----------------Inhalt--------------------- */
#content {

	background-color: #ffffff;
	margin: 0 16em 0 0;
  padding:5px;
  width:53.2em;
  overflow:auto;
  font-family:trebuchet ms;
  }

p, pre {
	padding: 10px;
	margin:0;
}
pre, code { font-size: 1.2em;}


#nachoben{position:fixed;padding:5px;text-align:right;width:14em;display:none;display:block !important;}

.gross {
	width: 5.71em;
	height: 1.07em;}
	
	.wichtig{color:red;border:1px dotted red;padding:2px;}
	
	
	p img{border:0px solid black;}
	p img:hover{border-bottom:3px solid #88bb11;}

.rechts{float:right}
table, td{font-size:100%;}
/* --------------left navigavtion------------- */

#right {
	float: right;
	width: 16em;
	margin: 0;
	padding: 0px 0px 0px 0;
	color:#ffffff;

}

#right h2{
  text-align:center;
  }
  
#right a.big{
  letter-spacing:-1px;
  background:#88bb11;
  padding:2px;
  -moz-border-radius:5px;
  -kthml-border-radius:5px;
  color:#222;
  }  
#right div{margin:5px;border-bottom:2px solid white}

#right input, select{margin:1px;background:white;color:#222;font-family:trebuchet ms;border:1px solid #88bb11;width:13em;}
#right input[type^=text]{padding-left:20px;background:url('mail.png') top left no-repeat white;}
#right input[type^=submit]{background:#88bb11;}
#left ul{
	list-style-type: none ;
	padding: 0 0 0 10px;
	margin: 0;
}
#left ul.borderbottom{
	border-bottom:1px solid #ffffff;
	padding: 0 0 10px 10px;
	font-size:100%;
}

#left li a {
	font-size: 1.28em;
	text-decoration:none; 
	display:block;
	padding-left:5px;
	font-weight:normal;
		font-size:100%;
}
#left li a:hover {
	text-decoration:none; 
	border-left: 2px solid #88bb11;
	font-weight:normal;
	color:#88bb11;
}  

#left  li li a { font-size: 1em; }
#left li{
	margin: 0;
	padding: 0 0 4px 0;
}
#left li li{
	margin: 0;
	padding: 0 0 3px 0;
}
#left li a.selected {
	margin: 0;
	padding: 0 0 0 10px;
	color:#ffffff;
}

#left li li a.selected {
	margin: 0;
	padding: 0;
}

#nl{text-align:left;border:1px solid #ccc;background:#eee;color:#222;display:none;}

.referenz{width:45em;margin:10px;}
.referenzbild{width:10em;float:left;}
.referenzbild img{width:10em}
.referenztext{width:30em;margin-left:3em;float:right;padding:1em;}
.clear{clear:both;}
.referenz p{margin-left:10px;}
/* -----------footer--------------------------- */
#footer {
	clear: both;
	background-color: #ffffff;
	padding: 0;
	border-top:1px dotted #222;
	margin: 0 16em 0 0;
}
a[name]{color:#333;}
a[name]:hover{text-decoration:none;}
a#portrait{float:right;width:90px;margin:10px;border:3px solid #000;}
a#portrait:hover{border-color:#666;}
a#portrait img{width:90px;}

/*_____________*/
#content input, #content textarea, #content select{width:15em;border:1px solid #222;color:#222;background:white;}
#content input.breit, #content textarea.breit, #content select.breit{width:100%;border:1px solid #222;color:#222;background:white;}
form{font-size:100%;}
textarea{font-size:100%;font-family:trebuchet ms;}
#textarea{height:10em;}
img{border:none;}

#kontakt{float:left;width:31em;}
#email{float:right;width:19em;}
#email p{margin-bottom:5px;padding:0px;}

#mainnavi a.besonders{margin-left:43px;}

#mainnavi a:hover, #mainnavi a.menu_aktiv{}

#content ul{list-style-type:square;}
#content ul ul{list-style-type:none;}
#content ul ul{list-style-type:none;padding-left:1em;}

#right img{max-width:13em;margin:0.5em;}
#right a{color:white;}
#right a{border-bottom:1px dotted white;}
#right p{border-bottom:1px solid white;}
/***************************************************************************************************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(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/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; }

#lightbox img#lightboxImage{max-width:800px}
#lightbox{max-width:800px;}