@import url("reset.css");

/*************************
	Standaard
**************************/


legend {
	display:none;
}

body {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:11px;
	color:#4C4C4C;
	padding:0;
	margin:0;
}

table {
 	color: #75828A;
}

sup { color: red; }

h2 { 
	font-family:Garamond;
	font-weight:bolder;
	color:#30567B;
	font-size:18px;
	padding:2px 0 2px 0 !important;
	margin:0;
}
.h2{
      font-family:Garamond;
    font-weight:bolder;
    color:#30567B;
    font-size:18px;
    padding:2px 0 2px 0 !important;
    margin:0;
}
h3 {
  	font-size:11px;
    color:#214A72;
    padding:1px;
    font-weight:bold;
    margin:1px;
}

h4{
    font-weight:normal;
}
strong{
    font-weight:bolder;
}

a{	text-decoration:none; color:#000; }
a:hover { text-decoration:underline; }
.clearer {clear:both}

.selected{ font-weight:800; }

.medium{
   background:#DDE9F5;
   margin:10px 0 0 0;
   padding:5px;
}

#searchLink:hover h4{
    text-decoration:underline;
} 
/*************************
	Site Structuur
**************************/

#container{
 	width:900px;
 	margin:10px auto 30px auto;
 	min-height:700px;
	position:relative;
	background: url(../images/containerBG.jpg);
}

#leftSide{
    width:626px;
    float:left;
}

#rightSide{
 	width:250px;
 	float:right;
 	padding:0;
 	margin:0;
	overflow:hidden;
}

	#leftSide #topMenu ul {list-style-type:none; width:440px; height:25px; padding-top:7px; margin:5px 0 0 0; float:left; font-family:tahoma;} 
	#leftSide #topMenu ul li {height:25px; float:left; margin:5px;}
	#leftSide #topMenu ul img {padding:1px;}  
	#leftSide #topMenu ul li a {text-decoration:none; color:#4C4C4C;}
	#leftSide #topMenu ul li a:hover {text-decoration:underline}

#searchForm{
	margin:18px 0 4px 0;
	height:25px;
	float:right;
	width:160px;
}
	.txt {
		border:#99AACC 1px solid; 
		float:left; 
		width:80px;
		font-size:10px;
		font-family:Tahoma;
		height:16px;
		padding:0 0 0 3px;
		border:1px solid #99AACC;
	}
	.button {
		background:url(../images/button.jpg) no-repeat;
		border:0px;
		height:16px;
		width:16px;
		float:left;
		cursor:pointer;
		margin-top:2px;
		margin-left:2px;
	}
	
	#zoekImg{
	    float:left;
	    margin:0 5px 0 5px;
	 	
	}

#languageChoice{
	margin:0;
	padding:15px 0 0 0;
 	height:32px;
 	text-align:center;
 	background:#FFF;
}
	#languageChoice img{
	
		margin:0 5px 0 0;
		padding:0;
	 	
	}

#content{
	clear:both;
 	padding:10px 0px 10px 10px;
 	position:relative;
}

	
/*************************
	Navigatie
**************************/

#nav {
    width:626px;
	height:51px;
 	background: url(../images/menu-border.jpg) bottom repeat-x;
}

	#nav ul{ width:626px;  padding:0 0 0 10px; list-style-type:none;  margin:5px 0 0 0; float:left; font-family:tahoma;}
	#nav li {
	 	width:100px;
	 	background: url(../images/button.jpg) no-repeat center left;
	 	padding: 11px 0 0 13px;
	 	margin: 7px 0 0 0;
	 	vertical-align:middle;
	 	display:block;
	 	float:left;
        position:relative;
        z-index:99;		 	
	}
	#nav ul li a {text-decoration:none; color:#4C4C4C;}
	#nav ul li a:hover {text-decoration:underline;}

.menuItem{
 	height:27px;
}
#nav ol{
 	background: #9AAACC;
 	width:130px;
 	margin:14px 0 0 -28px;
 	padding: 5px 0 5px 0;
 	z-index:100;
 	position:absolute;
    left:28px;
    top:24px;
 	display:none;
 	padding-bottom:7px;
 }
 
 	#nav ol li{
		line-height: 14px !important;
	 	padding: 2px 0 2px 14px;
	 	margin: 0 0 0 10px;
 	    background: url(../images/min-white.gif) 0 8px no-repeat !important; 	
	}
	
#dropdown li:hover ol, ul#dropdown li.over ol {
	display:block;
}
	
 
 .over{
  	display:block;
 }
 
/*************************
	Blokken
**************************/

#rightSideColumn {
	background:#DDEAF5;
	padding:10px;
	overflow:hidden;
	position:absolute;
    width: 231px;
}
	#rightSideColumn p {line-height:17px; margin:0 0 8px 0;}
	#rightSideColumn h4{ margin:3px; color:#4C4C4C; }
.date{
	color:#99AACC;
}

#rightTopWrap{
 	background:#fff;
 	height:230px;
 	margin:0;
 	z-index:99;
	width:250px
}

#rightTopWrap img{
 	padding:0;
 	margin:0;
}
.readMore{ color:#99AACC; }
.readMore a{ text-decoration:none; color:#99AACC; }
.readMore a:hover{ text-decoration:underline; }  

.newsItem{
 	margin-bottom:20px;
}

#mainContentBlock {
	margin:23px 0 15px 0;
 	background:#DDEAF5;
    padding:10px;
    clear:both;
}
	#mainContentBlock p {margin:0px !important}

.contentSmallBlocks{
   	margin-top:20px;
 	background:#DDEAF5;
    padding:8px;
    float:left;
    height:90px;
    width:180px;
    height:132px;
    margin-right:14px;	
}
	.contentSmallBlocks p {margin:0px !important; height:55px; }
	.contentSmallBlocks img{
	 	margin-bottom:3px;
	}

/*************************
	Content
**************************/
                              
#content p {line-height:17px; margin:0 0 15px 0; padding:0px}
#content a:hover{ text-decoration:none;}

#textWrap{ width: 440px; float:right; margin: 10px 0 0 0; }    
#textWrap ul{   list-style:disc; margin:0 0 0 30px; }
/*************************
	Tekstpagina's
**************************/

#pageSubDiv{
 	background: #DDEAF5;
 	width:160px;
 	float:left;
 	margin-right: 15px;
 	margin-bottom: 13px;
 	padding-bottom:10px;
 	z-index:1;
}
	#pageSubDiv p {
	 	margin-top:5px;
	}
	#pageSubDiv h2 {
	 	margin:5px;
	}
	
#ulSubMenu {
	padding:0 0 0 5px
}
	#ulSubMenu a:hover {text-decoration:underline}
	a.currentSubPage {font-weight: normal; }
	#ulSubMenu li {background:url(../images/plus.gif) 0 6px no-repeat; margin:0 0 5px 0;  padding:0 3px 0 9px;}
	#ulSubMenu li a { text-decoration:none; color:#4E4A47; }
	#ulSubMenu li ul {margin:5px 0 0 5px;}
    #ulSubMenu li ul li { background:url(../images/min.gif) 0 7px no-repeat; font-size:10px;}


/*************************
	Actueel
**************************/

#newsWrap{ width: 440px; float:right; margin: 10px 0 0 0; }


/*************************
	Archief
**************************/
#archiefMenu li{
  	background:url(../images/plus.gif) 0 6px no-repeat;
 	padding: 0 0 0 13px;
 	font-family:Tahoma;
 	line-height:15px;
}
	#archiefMenu li a{
	 	color:#000;
	}
.archiefRightFolded {
 	background:url(../images/plus.gif) 0 6px no-repeat;
 	padding: 0 0 0 13px;
}
.archiefRightUnfolded {	font-weight:bold; font-size:11px;	}

.archiefRightSubFolded { display:none; }

#archiefRightSub li{	
 	background:url(../images/min.gif) 0 6px no-repeat;
 	font-weight:normal;
 	font-size:10px;  
}
	#archiefRightSub li a:hover{	
 		text-decoration:underline; 
}

.newsselected a{
 	font-weight:bold;
}

/*************************
	Bijlages
**************************/

#bijlageMenu li{
  	background:url(../images/file.png) no-repeat;
 	padding: 0 0 0 13px;
 	font-family:Tahoma;
}
	#bijlageMenu li a{
	 	color:#000;
	}

/*************************
    Smoelenboek
**************************/    
    
#smoelenboekWrap{
 width:450px; 
 float:right;
}
    .smoelenboekItem{
        float:left;
        margin:7px;
        
    }
    .smoelenboekItem a:hover img{     
        cursor: default;
          -moz-opacity: 0.8;   
        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);         
    }
    .smoelenboekItem img{
         border:1px solid #D5D5D5;
                 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
         -moz-opacity: 1;  

    }
#onzeMensenTable td{
    padding:0 10px 0 0;
    color:#4C4C4C;   
}
/**
Vacatures
**/

#vacatureOverzicht {
    width:426px;
    margin:0 0 20px -7px;
    color:#75828A;
}
    #vacatureOverzicht tr.Bgnone {background:none; color:#75828A;}
    #vacatureOverzicht th {text-align:left !important; padding:0 0 0 10px; height:20px; }
    #vacatureOverzicht tr {height:22px; background-color:#DDEAF5; border:1px solid #000;}
    #vacatureOverzicht td{padding:5px 0 0 10px; }
    #vacatureOverzicht td a {color:#75828A; text-decoration:none;}
    #vacatureOverzicht td a:Hover {text-decoration:underline;} 
    
#vacatureOverzicht .rowHover{
    background-color:#F7F8F9;
} 



/**
Contact
**/
#contactForm {
      width:450px;
      float:right;
   }
   #contactForm table{
     color:#4C4C4C !important; 
   }
   #contactForm table{
     padding:5px;
   }
   #contactForm table tr td{
        padding:3px !important;
   }

.sendButton{

 background:#FFF url(../images/button.jpg); 
 background-repeat:no-repeat; 
 background-position:65px 3px; 
 border:#B3C0C5 1px solid;
 width:80px;
 padding-left:3px;
 text-align:left;
 cursor:pointer;
 color:#4C4C4C;
 font-family:Tahoma;
 font-size:11px;
 
}