@charset "utf-8";

/*	=RESETS / BASICS
	----------------------------------------------------*/
	* { margin: 0; padding: 0; font-family: arial, Helvetica, sans-serif; font-size: 12px; color: #1b2019; line-height: 18px; }
 html { overflow-x: hidden; overflow-y: scroll; }   
	body { background: url(images/body_bg.gif) repeat-x #e6e6e6;}
	img { border: 0; }
	a { outline: 0; }
	.clr { overflow: hidden; height: 100%; }


	.left {float: left;}
	.right {float:right;}
	.clear {clear:both;}
	.bold {font-weight: bold;}
	.tablebold {font-weight: bold;}
	.alignleft {text-align: left;}
  .capital {text-transform: capitalize;}
	
	a {text-decoration:none; font-weight: bold;}
	a:hover {text-decoration:underline;}

	.grey { background:#f1f1f1;}
	.line {border-right:1px solid #c4c4c4;}

	h1, h2, h3, h4 {color: #1b2019; font-weight: bold;}
	h1 {font-size:24px;}
	h2 {font-size:18px}
	h3 {font-size:16px}
	h4 {font-size:14px}
	p {line-height: 18px; color: #484848; padding: 5px 0 10px 0;}
	
	#wrapper { width: 960px; margin: 0 auto; margin-top: 20px; padding: 0 9px; overflow:hidden; background:url(images/wrapper_bg.png) repeat-y center;}	
	
	
/*	=HEADER
	----------------------------------------------------*/
	#header {height: 195px; background: #000;}
	#header img {position:absolute;  z-index:1; height: 195px; width: 960px;}
	#header img.over {position:absolute;  z-index:5; height: 195px; width: 960px;}

/*	=HORIZONTAL-MENU
	----------------------------------------------------*/
	#menu {height: 38px; background: url(images/menu_bg.gif) repeat-x}
	#menu ul{list-style: none; height: 38px; }
	#menu ul li {display: inline;  padding: 9px 5px 9px 8px; line-height: 36px; background: url(images/menu_separator.png) no-repeat left center}
	#menu ul li.start {background-image: none}
	#menu ul li a { padding: 5px 2px; text-decoration:none; font-weight: normal; font-size: 15px; line-height: 35px;}
	#menu ul li a:hover {text-decoration:none; border-bottom: #d6e846 solid 3px;}
	#menu ul li a.current { font-weight: bold;}
  
  #menu #search {margin: 8px 10px 0 0; border: 1px solid #c3d340; background: #e1ee7e; float: right;} 
  #menu #search input {margin: 0; padding: 0; float: left; background: #e1ee7e; border: 0px;}
  #menu #search input[type=text] {width: 100px; padding-left: 5px; height: 20px; line-height: 18px; color: #717a39} 
  #menu #search input[type=submit] {width: 20px;  margin :0 2px ; height: 20px; cursor: pointer; background: url(images/search_btn.png) no-repeat center;}
  
	
/*	=CONTENT HOLDER
	----------------------------------------------------*/
	#content-holder {clear: both; display: inline-block; padding: 30px 0 10px 0; background:url(images/content-holder_bg.gif) repeat-x top; min-height: 200px;}
  #content-holder  a {text-decoration:underline; font-weight: normal; color:#316f15}
  #content-holder a:hover {text-decoration:underline; color:#000}
  #content-holder #left {float: left; width: 200px; min-height: 150px; display: block; padding: 0 10px; margin-left: 10px;}
	#content-holder #left ul {list-style:none;}
	#content-holder #left ul li {min-height: 26px; border-bottom: 1px #d9d9d9 solid;}
	#content-holder #left ul li a{line-height: 25px; margin: 5px 0; padding: 0px 20px 4px 20px;font-weight: normal; font-size: 14px; text-decoration: none; background: url(images/left-submenu_bg.gif) no-repeat left center; color: #1b2019}
	#content-holder #left ul li a:hover, #content-holder #left ul li a.current, #content-holder #left ul li a.activeparent {background: url(images/left-submenu_bg-hover.gif) no-repeat left center;}
 #content-holder #left ul ul {display: block; padding-left: 35px; padding-bottom: 10px;}
 #content-holder #left ul ul li {border: 0; list-style: disc; padding: 0; min-height:20px;}
 #content-holder #left ul ul li a,  #content-holder #left ul ul li a:hover, #content-holder #left ul ul li a.current    {background: none; padding: 0;}
	#content-holder #main {float: left; width: 460px; padding:0 20px; min-height: 150px; display: block;}
  #content-holder #main.colspan { width: 690px;}       
	#content-holder #right {float: left; width: 200px; padding: 0 10px; margin-right: 10px; min-height: 150px; display: block;}
 
  #content-holder #main ul {margin-left: 15px; }
  #content-holder #main ul li {padding: 1px 0;  color: #484848}

  
/*  =NEWS
  ----------------------------------------------------*/
  #content-holder #main hr {clear: both; border: 0px; border-top: 1px #e1e1e1 solid; margin: 5px 0 7px 0;}
  #content-holder #main img.news {border: 1px solid #ccc; padding: 5px;}
  #content-holder #main ul.headlines {list-style: none;}
  #content-holder #main ul.headlines a {color: #585a57; text-decoration: none;}
  #content-holder #main ul.headlines a:hover {color: #316f15; text-decoration: underline; font-weight: normal;} 
  #content-holder #right ul.archief {list-style: none;}
  #content-holder #right ul.archief a {color: #1b2019; text-decoration: none;}
  #content-holder #right ul.archief a:hover {color: #1b2019; text-decoration: none; font-weight: bold;} 

/*	=FOOTER
	----------------------------------------------------*/
	#footer {clear: both; margin: 10px 10px 0 10px; padding: 15px 5px 0px 5px; height: 15px; background:url(images/footer_bg.png) repeat-x center top;}
	#footer .copy {float: left; font-size: 12px;}
	#footer .jdpro {float: right; font-size: 12px;}
	#footer span {color: #979797; font-size: 12px;}
	#footerBottom {clear: both; width: 978px; height: 24px; margin: 0 auto; background: url(images/wrapper_bgbottom.png) no-repeat top center;}

/*  =KALENDER
  ----------------------------------------------------*/
 #content-holder #main .kalender select {max-width: 80px} 
 #content-holder #main img.kalender {border: 1px solid #ccc; padding: 5px;}    
 #content-holder #main .kalender tr {height: 25px;}
 #content-holder #main .kalender th {text-align: left; padding: 0 5px; background:#fff url(images/table_bg.gif) repeat-x bottom; }
 #content-holder #main .kalender td {text-align: left; padding: 0 5px; border-bottom: 1px solid #e1e1e1; }

/*  =SITEMAP
  ----------------------------------------------------*/
   #content-holder #main #sitemap {margin-left: 15px;}
   #content-holder #main ul#sitemap li {padding-bottom: 10px;}
   #content-holder #main ul#sitemap li a {font-weight: bold;}
   #content-holder #main ul#sitemap li ul li {padding: 0px; margin-left: 15px; }
   #content-holder #main ul#sitemap li ul li a {font-weight: normal;}
   #content-holder #main ul#sitemap li ul li ul li {margin-left: 15px;}
  
/*  =REGISTER
  ----------------------------------------------------*/
  iframe {width: 690px; height: 1600px; border: 0; margin-top: 15px;}
  #register {background: #fff; width: 100%; margin:0; padding:0} 
  #register select {max-width: 80px} 
  #register img.kalender {border: 1px solid #ccc; padding: 5px;}    
  #register .kalender tr {height: 25px;}
  #register table {width: 100%; margin: 20px 0;}
  #register table.notmarge {margin-top:0px;}
  #register table.nobmarge {margin-bottom: 0px;}
  #register table.small {width: 300px;}    
  #register table .title {width: 120px;}
  #register table .name {width: 250px;}
  #register table th {text-align: left; padding: 5px; background:#fff url(images/table_bg.gif) repeat-x bottom; }
  #register table td {text-align: left; padding: 5px; border-bottom: 1px solid #e1e1e1;}
  /* #register tr.center td, #register tr.center th {text-align: center;} */
  #register  a {text-decoration:underline; font-weight: normal; color:#316f15}
  #register a:hover {text-decoration:underline; color:#000}
  #register .overview th {padding: 25px 5px 15px 5px;}
  #register .overview .month {font-size: 14px;}
  #register td .notification {font-style: italic}
  #register table ul.buttons li {display: inline; padding-left: 3px}
  #register .alert td {background-color: #FF8000;}
  iframe.hcp {height: 550px; overflow: hidden} 

    
/*	=FORMS
	----------------------------------------------------*/	
  table.contactform tr td {padding: 3px 0;}


  #main table.contactform {margin-left: 5px; background: #f3f3f3; border: 1px solid #ccc; padding: 10px; width: 370px;}
  #main table.contactform td {height: 25px; margin: 5px 0; font-size: 11px;}
  #main table.contactform td.text {padding-top: 4px; color:#666}
  #main table.contactform td label {font-size: 11px; color:#333}


  
	input[type=text],input[type=password],textarea,select{background:#fff url(images/input_bg_top.gif) repeat-x top;border:1px #ccc solid;width: 200px; padding: 3px;margin-left: 10px; }
	input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus{border:1px #448 solid;background:#eef;color:#333}
	
  ul.radiobtn-field, ul.checkbox-field {list-style: none;margin-left: 10px;}
	input[type=submit] {background:#fff url(images/input_bg_top.gif) repeat-x top; cursor: pointer; border:1px #ccc solid; padding: 3px 5px;margin-left: 10px; }
  .error_message ul {margin: 10px 0 20px 5px; padding: 5px; border: 1px solid #a25b5b; background: #ffdede; width: 360px; list-style: none;}
	.error_message li {padding: 1px 10px; color: #a25b5b}
  #main .validate input,  #main .validate textarea, #main .validate select {border:1px solid #A25B5B;}
  
  
 ul.albumlist {clear: both; width: 100%;}
  
.gallery {display: block; clear: both; width: 100%; float:left;}  
.gallery ul {list-style: none;  display:block;}
.gallery ul li {list-style: none;  display:inline-block; }


.gallery .img {
 height: 100px;
 /*width: 120px;*/
 float: left;
 margin: 10px;
 text-align: center;
}

.gallery .img a, .gallery div a {
 display: inline-block;
 border: 2px solid #ddd;
 padding: 1px;
}

.gallery .img a:hover {
 border-color: #999;
}

.gallery img {
 border: none;
}

.gallery .pagenavigation {
 height: 50px;
}

.gallery .prevpage a, .gallery .prevpage em {
 display: block; 
 width: 50px; 
 height: 39px;
 float: left; 
 margin: 0;
 text-indent: -1000px;
 background: url(../../images/previous.png) transparent no-repeat 0 0;
}

.gallery .nextpage a, .gallery .nextpage em {
 display: block; 
 width: 50px; 
 height: 39px;
 float: left; 
 margin: 0 6px 0 0;
 text-indent: -1000px;
 background: url(../../images/next.png) transparent no-repeat 0 0;


.gallery .parentlink a {
 display: block; 
 width: 50px; 
 height: 39px;
 float: left; 
 text-indent: -1000px;
 background: url(../../images/uppage.png) transparent no-repeat 0 0;
}

.gallery .pagenavigation a:hover {
 background-position: 0 -40px;
}

.gallery .prevpage em, .gallery .nextpage em {
 background-position: 0 -80px;
}

.gallery .pagelinks {
 float: right;
 border-right: 2px solid #666;
}

.gallery .pagelinks a, .gallery .pagelinks em {
 margin-top: 6px;
 padding: 0 6px;
 border-left: 2px solid #666;
 text-align: center;
 font: bold 11px verdana; color: #666;
}

.gallery .pagelinks em {
 color: #000;
}

.galleryclear {
 clear: both;
}


/* 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(../lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../lightbox/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; }