@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 {height: 25px; 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 {background: url(images/left-submenu_bg-hover.gif) no-repeat left center;}
	#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;}

  
/*  =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;}
  

/*	=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;}