@charset "utf-8";


@font-face {
	  font-family: "Caecilia";
	  src: url("css/CaeciliaLTStd-Bold.otf");
}


body {
margin: 0px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:11.5px;
height:100%;
width:100%;
overflow-x:hidden;
background-image: url(../img/back2.jpg); 
background-repeat:repeat-x;
}

img{
/*border:1px;
border-color:#E4E4E4;
border-style:ridge;*/
}

hr {
border: solid 1px;
color:#ffffff;
margin-left:-15px;
margin-top:25px;
margin-bottom:25px;
}

a {
font-family:Arial, Helvetica, sans-serif;
color:#ca005d;
font-size:11.5px;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

p, ul, li {
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:11,5px;
line-height:19px;
}




.overons {
	color:#002b45;
	font-size:12px;
	padding:0 3px 0 3px;
}



/* - - - - - - - - - - - - - site blokken - - - - - - - - - - - - */

.header{
width:960px;
margin: 0 auto;
left: 50%;
margin-left: -480px; /* - (width/2) */
position: relative;
height:131px;
margin-bottom:40px;
}

.bread{
width:960px;
margin: 0 auto;
left: 50%;
margin-left: -482px; /* - (width/2) */
position: relative;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
}

.bread a{
text-decoration:none;
color:#666666;
}

.bread a:hover{
text-decoration:underline;
color:#333333;
}

.content{
width:960px;
margin: 0 auto;
left: 50%;
margin-left: -480px; /* - (width/2) */
position: relative;
margin-bottom:50px;

}

.footer{
width:960px;
margin: 0 auto;
left: 50%;
margin-left: -480px; /* - (width/2) */
position: relative;
height:auto;
overflow:hidden;
clear:both;

}

.footerbreed{
width:100%;
height:230px;
background-color:#EAF0F0;
overflow:hidden;
clear:both;

}

.box{
width:135px;
margin:2px 0 0 4px;
float:left;
background-color:#a1b9af;
overflow:hidden;
height:300px;
}

.tab{
width:113px;
height:31px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ff3c9b;
font-size:11px;
text-decoration:none;
border-bottom:8px #FFFFFF solid;
margin-right:3px;
}

.tab:hover{
border-bottom:8px #ca005d solid;
color:#FFFFFF;
}


.tab2{
width:113px;
height:31px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
color:#ffffff;
font-size:11px;
text-decoration:none;
border-bottom:8px #a1b9af solid;
margin-right:3px;
}

.tab2:hover{
border-bottom:8px #ca005d solid;
}


#rand{
 float: left;
 padding: 10px;
 width: 480px;
 display: inline;
 position: relative;
 border:1px;
border-color:#CCCCCC;
border-style:solid;
}

#subcontent{
 display: inline;
 margin: 10px;
 margin-left:20px;
 padding: 0px;
 width: 130px;
 float: left;
}
	
#endcontent{
 display: inline;
 position: relative;
 margin: 10px 10px 10px 0px;
 padding: 0px;
 width: 245px;
 float: right;
}

.caseimg{
float:left;
background-color:#FFFFFF;
padding:5px;
width:205px; 
height:245px; 
margin-right:5px;
}

.caseimg:hover{
background-color:#F4F4F4;
}



.caseimgnieuw{
float:left;
background-color:#FFFFFF;
padding:5px;
width:200px; 
height:300px; 
margin-right:5px;
}

.caseimgnieuw:hover{
background-color:#F4F4F4;
}





.velden
{
border:none;
background-color:#002b45;
color:#ffffff;
padding:3px 13px 3px 5px;
margin:7px 0 7px 0;

}

/* - - - - - - - - - - - - - typografie - - - - - - - - - - - - */


.lopendwit{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:11px;
line-height:20px;
}

.linkwit{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:11px;
text-decoration:none;
}

.linkwit:hover{
text-decoration:underline;
}


h1{
font-family: Arial, Helvetica, sans-serif;
font-weight:700;
color:#001833;
font-size:12px;
line-height:19px;
}

h1 a{
font-family: Arial, Helvetica, sans-serif;
font-weight:700;
color:#001833;
font-size:12px;
text-decoration:none;
}


h1 a:hover{
color:#000000;
text-decoration:underline;
}

h2{
font-family: Caecilia, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#ca005d;
font-size:33px;
margin:18px 0 10px 0;
}

h3{
font-family: Arial, Helvetica, sans-serif;
color:#333333;
font-size:10px;
line-height:15px;
}

h3 a{
text-decoration:none;
color:#333333;
}

h3 a:hover{
text-decoration:underline;
}

.sitemaplink1{
font-family:Arial, Helvetica, sans-serif;
color:#002b45;
font-weight:800;
font-size:11px;
line-height:25px;
text-decoration:none;
display:block;
padding-left:4px;
border-top:solid 1px;
border-bottom:solid 1px;
border-color:#fff;
width:90%;
}

.sitemaplink1:hover{
display:block;
color:#FFFFFF;
background-color:#ca005d;
width:90%;
}

.sitemaplink2{
font-family:Arial, Helvetica, sans-serif;
color:#002b45;
font-size:11px;
line-height:25px;
text-decoration:none;
padding-left:4px;
display:block;
border-bottom:solid 1px #fff;
width:90%;

}

.sitemaplink2:hover{
width:90%;
padding-left:4px;
padding-right:4px;
display:block;
background-color:#fff;
}

.button {
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
display:block;
padding:4px 4px 4px 10px;
width:126px;
font-size:11px;
font-weight:600;
text-decoration:none;
margin-bottom:3px;
background-color:#8da19c;

}

.button:hover {
background-color:#FFFFFF;
color:#333333;
text-decoration:none;
}

#wrapper { 
 margin: 0 auto;
 width: 950px;
}

#faux {
 background: url(../img/backimage.jpg);
 margin-left:-8px;
 overflow: auto; 
 width: 100%;
}

#content { 
 float: left;
 padding: 10px;
 width: 480px;
 display: inline;
 position: relative;
 border:1px;
 border-color:#CCCCCC;
 border-style:solid;
}

#leftcolumn { 
 display: inline;
 margin: 10px;
 margin-left:20px;
 padding: 0px;
 width: 130px;
 float: left;
}


#rightcolumn { 
 display: inline;
 position: relative;
 margin: 10px 10px 10px 0px;
 padding: 0px;
 width: 245px;
 float: right;
}

.clear { clear: both; background: none; }

.transp {
background-color:#fff;
float:right;

width:160px;
height:450px;
margin-top:-440px;

opacity: 0.90;
filter: alpha(opacity = 90);
border-left:solid 1px #999999;
padding:0 50px 0 30px;
}

.caselink {
font-family:Arial, Helvetica, sans-serif;
color:#001833;
font-size:11px;
line-height:20px;
text-decoration:none;
padding:2px;
display:block;
width:90%;
padding-left:7px;
}

.caselink:hover {
color:#fff;
background-color:#001833;
padding:2px;
width:90%;
display:block;
text-decoration:none;
padding-left:7px;
}

.caselink2 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20px;
color:#fff;
background-color:#ca005d;
padding:2px;
width:90%;
display:block;
text-decoration:none;
padding-left:7px;
}

.caselink3 {
font-family:Arial, Helvetica, sans-serif;
color:#ca005d;
font-size:11px;
line-height:20px;
text-decoration:none;
padding:2px;
display:block;
width:90%;
padding-left:7px;
margin-left:10px;
}

.caselink3:hover {
color:#fff;
background-color:#001833;
padding:2px;
width:83.5%;
display:block;
text-decoration:none;
padding-left:17px;
margin-left:0px;
}

td {
	vertical-align:top;
}

		.scroll-pane
			{
				width: 960px;
				height: 30px;
				overflow: auto;
				margin:0 auto;
				border:none;
				
			}
			.horizontal-only
			{
				height: auto;
				max-height: 500px;
				overflow:visible;
				border:none;
			}
			.scrollbut{
				border:0px;
				background:none;
				cursor:pointer;
				float:left;
				margin-right:0px;
				color:#00245b;
				font:Arial, Helvetica, sans-serif 11px;
				}