﻿/*

CSS by www.nedfinity.com  

*********************************************
* Nedfinity 2009 ? All rights reserved	
* Web:		http://www.nedfinity.com 
* E-mail: 	info(at)nedfinity.com 
* Tel:  	+31 (0)38 453 8347
* Author:	Ambert van Unen & Tom van der Hoek
*********************************************/

* { margin: 0px; padding: 0; outline:none;}

body 
{
    clear:both; 
    display:block; 
    position:relative; 
    height:300px; 
    background-repeat:repeat-x; 
    font-size: 12px; 
    text-align:left; 
    font-family: verdana, arial, helvetica, sans-serif; 
    line-height:20px;
    color: #000; 
    background-image:url(/_images/background-repeat.gif);
    background-color:#43A9D8;
}

#container { position:relative; width: 1014px; margin: 0 auto; clear:both; }
html, body { height:100%; }

a:link, 
a:visited,
a:active { color: #008bc9; text-decoration: none; font-weight:bold; }
a:hover { color: #008bc9; text-decoration: none; font-weight:bold;}

h1, h2, h3, h4, h5 { font-family:Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
h1 { font-size:21px; font-weight:normal; font-style:oblique; font-family:Georgia; color:#005b84;}
h2 { font-size:18px; font-weight:bold;}
h3 { font-size:24px; line-height:30px; color:#495c34; font-weight:bold; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; display:block;}
h4 { font-size:12px; line-height:16px; color:#495c34;  display:block; font-weight:bold; padding:0; }
h5 {  }
img {border:0; outline:0;}


.logo
{
 position:relative;
 padding-top:22px;
 padding-left:25px;   
 
}


/* TOP MENU */



.top_menu
{
position:absolute;
top:10px;
right:0;
background-image:url(/_images/menu-background-seperator.gif);
height:32px;
z-index:9999;
}
.top_menu img
{
    top:0px;
    position:relative;
}
.top_menu a:visited,.top_menu a:active,.top_menu a:link   
{
    display:block;
    background-image:url(/_images/menu-background-repeat.gif);
    background-repeat:repeat-x;
    line-height:31px;
    float:left;
    padding:0 16px;
    margin:0 1px 0 0;
    color:White;
}

.top_menu a:hover,
.top_menu li.selected a
{
    background-image:url(/_images/menu-background-repeat-hover.gif);
}

.top_menu ul
{
 list-style:none;   
 position:relative;
 top:0;
}
.top_menu ul li
{
    display:inline;

}

/* - pagevisual - */

.pagevisual
{
    position:absolute;
    top:53px;
    left:268px;
    width:754px;
    height:274px;
    background-image:url(/_images/pagevisual.png);
}

.pagevisual .visual
{
   position:absolute;
   width:705px;
   left:25px;
   top:20px;
   height:228px;
   overflow:hidden; 
}

.visual img
{
    width:100%;
}

.pagevisual h2
{
    position:absolute;
    top:175px;
    right:30px;
    font-size:40px;
    font-family:Georgia, "Times New Roman", Serif;
    font-style:oblique;
    font-weight:normal;
    text-shadow:2px 2px 2px #000;
    line-height:45px;
    color:#fff;
    height:55px;
    display:block;
}

/* - content - */

.contentwrapper
{
    position:relative;
    width:1020px;
    top:15px;
    margin:0 0 30px 0;
    float:left;
} 

.contentwrapper .textcontent
{
    position:relative;
    width:642px;
    float:left;
    background-color:#CFE9F5;    
    color:#005B84;
    padding:15px 17px;
}

.contentwrapper .textcontent h1
{
    margin:0 0 17px 0;
}

.newscontent .blocks
{
    position:relative;
    width:320px;
    background:none;
    float:left;
    padding:0;
    margin:0;    
}

.contentwrapper .blocks
{
    position:relative;
    width:320px;
    background:none;
    float:left;
    padding:0;
    margin:0 0 0 16px;    
}

.contentwrapper .blocks .blockwrap,
.newscontent .blocks .blockwrap
{
    margin:0 0 13px 0 !important;
    height:129px;
}

.newscontent .blocks .block_content_right,
.contentwrapper .blocks .block_content_right
{
    height:125px;
}

/* - newscontent - */

.newscontent .newsitemswrapper
{
    position:relative;
    width:660px;
    float:left;
    background-color:#fff;
    color:#005B84;
    padding:15px 0px 0 15px;
}

.newsitemswrapper .breadcrumbs
{
    line-height:34px;
    width:636px;
    margin:0 0 10px 0;
    padding:0 0 0 10px;
    background-image:url(/_images/breadback.gif);
    color:#fff;
}

.breadcrumbs a,
.breadcrumbs a:link,
.breadcrumbs a:active,
.breadcrumbs a:visited
{
    color:#fff;
    text-decoration:underline;
    font-weight:normal;
}

.breadcrumbs a:hover
{
    text-decoration:none;
}

.newsitemcontent
{
    width:520px;
}

.newsitemcontent a,
.newsitemcontent a:link,
.newsitemcontent a:active
{
   font-style:oblique;
   font-weight:normal;
   text-decoration:underline;
}

.newsitemcontent a:hover
{
    text-decoration:none;
}

.newscontent
{
    position:relative;
    width:1012px;
    float:left;
    background-color:#fff;
    top:13px;
   
}

.newscontent .newslistitem
{
    position:relative;
    width:620px;
    height:76px;
    padding:13px;
    margin:0 0 10px 0;
    overflow:hidden;
    background-color:#cfe9f5;
}

.pagecontent
{
    position:relative;
    width:620px;
    padding:13px;
    margin:0 0 10px 0;
    overflow:hidden;
    background-color:#cfe9f5;
}

.pagecontent h1
{
    margin:0 0 2px 0;
}
.pagecontent ul, .pagecontent ol
{
    list-style-position:inside;
}
.newslistitem .date
{
    position:absolute;
    top:13px;
    right:120px;
}

.newslistitem .newsitemimage
{
    position:absolute;
    top:13px;
    right:10px;
    width:84px;
    height:73px;
    overflow:hidden;
    border:1px solid #fff;
}

.newsitemimage img
{
    height:120%;
}

.blockheader
{
    height:27px;
    width:310px;
    margin:15px 0 10px 0;
    padding:7px 0 0 10px;
    background-image:url(/_images/breadback.gif);
    font-family:Georgia, "Times New Roman", Serif;
    font-size:17px;    
    color:#fff;
    font-style:oblique;
}

.blockheader .arrow
{
   display:inline-block;
   width:8px;
   height:16px;
   background-image:url(/_images/arrow.gif);    
   background-repeat:no-repeat;
   margin:0 0 0 10px;
} 

/* - forms - */

.contactform
{
    position:relative;
    margin:40px 0;
    width:430px;
    height:160px;
}

.row 
{
    position:relative;   
    width:430px;
    line-height:23px;
    height:23px;    
}

.row label
{
     float:left;
}

.row .element
{
    float:right;
}

.button
{
    cursor:pointer;
    color:#fff;
    position:relative;
    margin:55px 0 0 0;
    left:318px;
    width:110px;
    border:1px solid #fff;
    background-color:#008BC9;
    line-height:26px;
    text-align:center;
}

.button:hover
{
    background-color:#68AFD0;
}

.input
{
    padding:2px;
    border:1px solid #ccc;
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:13px;
}

textarea
{
    height:70px;
}

.l
{
    width:360px;
}

.loader
{
    display:none;
    position:relative;
    margin:0 auto;
    width:32px;
    height:32px;
    background-image:url(/_images/preloader.gif);
}

.thnxmessage
{
    margin:7px 0;
}

/* MENU LINKS */

.menu_left
{
    position:relative;
    padding-top:15px;
    float:left;    
    z-index:2;
    background-image:url(/_images/menuback.gif);
    background-repeat:no-repeat;
    width:278px;
    background-position:0px 17px;
    
}

.menu_left ul
{
    position:relative;    
    width:100px;
    margin:0px 0 0 0;
}

.menu_left li
{
    
    font-weight:bold;
    position:relative;
    list-style:none;
}

.menu_left li a:link,
.menu_left li a:visited,
.menu_left li a:active
{
    padding:2px 0 0 30px;
    color:White;
    background-repeat:no-repeat;
    height:26px;
    width:120px;
    display:inline-block;
    background-position:bottom left;
}

.menu_left li ul li a:link,
.menu_left li ul li a:visited,
.menu_left li ul li a:active
{
    padding:0px 0 0 30px;
    color:White;
    background-repeat:no-repeat;
    height:26px;
    width:170px;
    display:inline-block;
    line-height:30px;
}

.menu_left li a:hover,
.menu_left li.selected a,
.menu_left ul ul a,
.menu_left li:hover a
{
    background-image:url(/_images/leftmenuhover.gif); 
    background-position:0px -5px; 
}
.menu_left li:hover ul a,
.menu_left ul ul a:hover
{
    background-position:0px 0px;
}
.menu_left ul ul
{
    display:none;
    position:absolute;
    left:130px;
    top:0;
    z-index:9;
    
    
}
.menu_left ul ul ul
{
    left:195px;
}
.menu_left_list
{
 padding-top:2px;   
}

/* NIEUWSBLOKKEN*/

.blocks
{
    position:relative;
    background-color:White;
    padding-left:14px;
    padding-top:50px;
    padding-bottom:14px;
    float:left;
    overflow:hidden;
    margin-top:13px;
    display:block;
    width:998px;
}

.blockwrap
{
 width: 300px;
 height:180px; 
 float:left;
 background-color:#cfe9f5;
 margin-right:12px;
 padding:10px;
 
}
.block_content_left
{
 float:left;
 width:175px;   
 padding-right:5px; 
}
.blocktekst
{
 padding-top:10px;  
 color:#005b84;
}
.block_content_left a.block_leesmeer
{
 color:#005b84; 
 font-weight:normal;
 font-style:oblique;
 text-decoration:underline;
}
.block_content_right
{
    width:115px;
    overflow:hidden;
    float:left;  
    height:170px;
    background-color:#fff;     
    border:1px solid #fff;  
}
.block_content_right img
{
    height:100%;
}
.minimenu
{
    width:1012px;
    padding:10px 0 0 0;
    text-align:center;
    color:#008bc9;
    background-color:White; 
    position:relative;
    overflow:hidden;
    float:left; 
}
.minimenu a:visited,.minimenu a:active,.minimenu a:link
{
 font-weight:normal;   
}

.concept
{
    position:relative;
    margin:20px auto 0 auto;
    width:500px;
    font-size:10px;
    text-align:center;
    color:#88c8e6;
}

.concept a,
.concept a:link,
.concept a:active 
{
    color:#88c8e6;
}

.woosh
{
    position:relative;
    margin:0;
    width:100%;
    height:20px;
    background-color:#fff;
    background-image:url(/_images/woosh.gif);
    background-repeat:no-repeat;
    background-position:center;
    bottom:0;
}

/*BANNER*/


.banner_large{
background-image:url(/_images/bannerbg.png);
position:relative;
width:752px;
height:328px;
position:absolute;
top:50px;
left:270px;
z-index:1;
background-repeat:no-repeat;
}
.banner_box{
position:relative;
width:752px;
height:328px;
position:absolute;
top:50px;
left:270px;
z-index:1;
background-repeat:no-repeat;
}
.banner_large_image
{
 position:relative;
 left:20px;
 top:17px;   
 width:711px;
 height:287px;
 overflow:hidden;
 z-index:2;

}
.banner_heading
{
 position:absolute;
 top:15px;
 left:15px;
 font-size:26px;
 font-style:italic;
 color:#fff;
 font-family:Georgia,Arial;
 line-height:30px;
 width:250px;
 z-index:2;
}
.banner_bar
{
 position:absolute;
 top:221px;
 left:0px;   
 height:66px;
 width:720px;
 background-color:White;
 opacity:0.75;
 filter:alpha(opacity=75);
 z-index:2;
}
.banner_bar_head
{
color:#008bc9;
font-family:Georgia,Arial;
font-size:18px;
padding-top:12px;
padding-left:15px;
width:750px;
float:left;
z-index:2;
}
.banner_bar_tekst
{
 color:#636363;
 font-family:Georgia,Arial;
 font-size:12px;
 padding-top:4px;
 padding-left:15px;
 width:550px;
 float:left;
 z-index:2;
}
.banner_bar_button
{
   height:24px;
   width:94px;
   float:right; 
   right:40px;
   top:244px;
   position:absolute;
   z-index:2;
}
.bannerimage
{
 width:711px;   
}
.topnavigation
{
 display:none;   
}
rightnavigation
{
    display:none;
}
