/* SCREEN CSS by Mieke Witteman */

html {
overflow-y: -moz-scrollbars-vertical;
overflow-y: scroll;
}

body {
font: 80%/1.5em Arial, Helvetica, Tahoma;
background: #282929 url(/media/img/bg.jpg) top left no-repeat;

}

#wrap {
width: 960px;
margin: auto;
padding:0;
}

#head{
height: 120px;
border-bottom: 3px solid #00a3f6;
}

#head h1 a {
margin-top:30px;
display: block; 
text-indent: -999px;
width: 303px;
height: 94px;
float: left;
background: url(/media/img/logo.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/media/img/logo.png);

}

/* ELEMENTS */

h1, h2, h3, h4, h5, h6 {
padding-bottom: .5em;
margin-bottom: .3em;
}

h2{
color: #00a3f6;
font-size: 2em;
text-transform: uppercase;
background: url(/media/img/h2.gif) top left no-repeat;
padding-left:35px;
margin-top:10px;
margin-bottom:10px;
line-height:25px;
}

h3{
font-size: 1.6em;
color:#606060;
font-weight: lighter;
margin-bottom: 10px;
margin-top: 10px;
line-height:25px;
border-bottom: 1px solid #ccc;
}

h4{
font-weight:bold;
font-size: 1.1em;
color: #606060;

}

a {
color: #1b91e6;
text-decoration: none;
}

a:hover, #medewerkers a:hover{
color:#4c4c4c;
text-decoration: underline;
}

ol li {
padding: 10px 5px 10px 25px;
margin: 0;
list-style-type: none;
}

ul,ol{
margin-bottom:20px;
}

ul{
list-style: none;
margin-bottom: 20px;
padding: 0;
}

 ul li {
padding: 3px 5px 3px 25px;
margin: 0;
background: url(/media/img/bullet.gif) no-repeat left center;
}

#content p, #contentteam p{
padding-bottom: 15px;
line-height: 1.6em;
}

#content p, #content h3, #content h4, #content h4, #content ul, #contentteam p,#contentteam h3, #content ol, .googlemap{
margin-left:35px;
}

#content table th, #content table td{
padding-left:35px;
}

#wrap img{
padding:0;
margin:0;}





/* NAV */

#topnav{
float:right;
margin-top:10px;
}

#topnav li{
color: #2fbdff;
float: left;
height: 15px;
padding: 0 10px;
border-right: 1px solid #949a9d;
line-height: 15px;
display:block;
background:none;
}

#topnav a{
color: #949a9d;
}

#topnav a:hover{
color: #fff;
text-decoration:none;
}

#topnav a.current{
color: #00a3f6;
}

#topnav li.english{
border-right: 0;
}

#topnav li.english a{
padding-left: 30px;
margin-left:10px;
height: 12px;
background-image: url(/media/img/eng.gif);
background-repeat: no-repeat;
background-position: left center;
}

#topnav li.english a:hover{
background-image: url(/media/img/eng_hover.gif);
}

#topnav li.dutch{
border-right: 0;
}

#topnav li.dutch a{
padding-left: 30px;
margin-left:10px;
height: 12px;
background-image: url(/media/img/ned.gif);
background-repeat: no-repeat;
background-position: left center;
}

#topnav li.dutch a:hover{
background-image: url(/media/img/ned_hover.gif);
}

#nav {
clear:right;
*width: 519px;
font: 1em Arial;
height:25px;
margin-top:18px;
float:right;
}

#nav li {
float:left;
color:#858585;
background:none;
margin:0;
padding:0;
}

#nav a {
text-transform: uppercase;
padding:16px 20px;
display: block;
font-weight:bolder;
margin:0px;
float:left;
height:18px;
color:#c5c9c9;
text-decoration: none;
}

#nav a:hover {
color:#41bfff;
text-decoration: none;
}

#nav a.current{
color: #fff;
background: url(/media/img/bg_nav.gif) repeat;
}

/* HOME*/

.shadowup{
background: url(/media/img/shadowup.png) top left no-repeat;
margin-top:20px;
height:16px;
}

.shadowdown{
margin-bottom:20px;
height:16px;
background: url(/media/img/shadowdown.png) top left no-repeat;
}

.bottom{
height:30px;
background: url(/media/img/bg_bottom.gif) top left no-repeat;
}

#contenthome{
padding-bottom:0px;
padding:0;
height:330px;
}

#slider{
margin:0;
padding:0;
height:330px;
width:960px;
}

#slider a{
height:330px;
}

#slider2{
float:left;
width:310px;
height:330px;
z-index:2;
position: absolute;
margin-left:-480px;	
left: 50%;
top: 159px;
_top: 159px;
}

#contact{
width:960px;
height:120px;
border-top: 3px solid #00a3f6;
background: #fff;
}

#contact h2{
float:left;
*padding-top:1px;
margin-top:20px;
padding: 0px 20px;
background:none;
height:80px;
text-transform: none;
font-size: 1.4em;
color: #00a3f6;
font-weight: lighter;
width:400px;
}

#contact h3{
float:left;
*padding-top:2px;
padding-left:20px;
margin-top: 20px;
margin-right: 20px;
margin-left: 40px;
height:70px;
font-size: 1.6em;
font-weight: bold;
border-left: 1px solid #e5e5e5;
margin-bottom: 0;
border-bottom: 0;
}

address{
float:left;
font-style: normal;
color: #606060;
border-left: 1px solid #e5e5e5;
margin-top:20px;
padding: 0 20px;
height:80px;
}

/* FOLLOW */

#pagevisual{
float:left;
width:310px;
height:330px;
z-index:2;
position: absolute;
margin-left:-480px;	
left: 50%;
top: 159px;
_top: 159px;
}

p.adres{
clear:both;
float:left;
z-index:3;
position: absolute;
margin-left:-460px;	
left: 50%;
top: 510px;
_top: 530px;
color:#949a9d;
}

p.adres a:hover{
color:#fff;

}
#colleft{
float:left;
width:310px;
}

#contentoutside{
float:right;
width:650px;
padding:0px;
background:#fff url(/media/img/grijs.gif) top left repeat-y;
}


#content{
float:left;
width:600px;
padding: 20px 20px 20px 4px;
background:url(/media/img/blauw.gif) top left no-repeat;
min-height:400px;
}

#contentteam{
width:390px;
padding: 20px 20px 20px 4px;
background:url(/media/img/blauw.gif) top left no-repeat;
min-height:330px;
}

.bottomvervolg{
float:right;
width:650px;
height:27px;
background: url(/media/img/bg_bottom_vervolg.gif) top left no-repeat;
}

#contentoutside:after,#clearfix:after,#slider:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* TEAM */

#colright #team{
clear:both;
margin:20px 0 15px 0;
float:right;
}

#colright #team li{
float:left;
color:#1b91e6;
border-bottom: 1px solid #e2e2e2;
background:none;
margin:0;
padding:0;
}

#colright #team li a{
float:left;
width:200px;
color:#1b91e6;
line-height:20px;
}

#colright #team li a:hover{
color:#282929;
line-height:20px;
text-decoration: none;
}

#colright #team li a.current{
color:#000;
}

#colright{
width:200px;
float:right;
margin-left:30px;
padding-right:6px;
}

#colright .pasfoto{
width:200px;
height:200px;
padding:4px;
background:#d4d4d4;
margin: 4px 0 0 0;
}

#content .cv {
*float:left;
width:360px;
}

#medewerkers {
*padding-bottom:30px;
}

#medewerkers li a span.teamlid{
padding-top:140px;
position:absolute;
display:block;
width: 123px;
background:none;
}




#medewerkers li{
width:123px;
height:123px;
float:left;
margin-right:10px;
margin-bottom:60px;
padding:4px;
background:#d4d4d4;
}

#medewerkers a{
background:url(/media/img/team.jpg) no-repeat;
display:block;
text-decoration:none;
width:123px;
height:123px;
}

#medewerkers a:hover{
text-decoration:none;
}

#medewerkers a.carolien{
background-position:0px 0px;
}

#medewerkers a:hover.carolien{
background-position:0px -123px;
}

#medewerkers a.joris{
background-position: -123px 0px;
}

#medewerkers a:hover.joris{
background-position:-123px -123px;
}

#medewerkers a.tim{
background-position: -246px 0px;
}

#medewerkers a:hover.tim{
background-position:-246px -123px;
}

#medewerkers a.karin{
background-position: -369px 0px;
}

#medewerkers a:hover.karin{
background-position:-369px -123px;
}

#medewerkers a.ramses{
background-position: -492px 0px;
}

#medewerkers a:hover.ramses{
background-position:-492px -123px;
}

#medewerkers a.linda{
background-position: -615px 0px;
}

#medewerkers a:hover.linda{
background-position:-615px -123px;
}

#medewerkers a.samira{
background-position: -738px 0px;
}

#medewerkers a:hover.samira{
background-position:-738px -123px;
}

#medewerkers a.berk{
background-position: -862px 0px;
}

#medewerkers a:hover.berk{
background-position:-862px -123px;
}

#medewerkers a.antoine{
background-position: -985px 0px;
}

#medewerkers a:hover.antoine{
background-position: -985px -123px;
}

/* FOOT*/

#foot{
clear:both;
float:right;
margin-top:10px;
margin-bottom:30px;
}

#foot a.voorwaarden, #foot a.disclaimer {
float:left;
color: #00a3f6;
text-decoration:underline;
}

#foot a:hover.voorwaarden {
color: #fff;
text-decoration:underline;
}

#foot p.copyright {
padding-left:30px;
color: #656565;
float:left;
}

/* CONTACT*/

#map_canvas {
border:1px solid #ccc;
float:left;
height:280px;
width:550px;
margin-bottom:10px;

}

.googlemap{
float:left;
margin-bottom:20px;
_margin-left:20px;
}

.googlemap p a{
float:left;
padding:0;
margin-left:-35px;
}

p.postadres:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

p.postadres{
width:240px;
float:left;
_display: inline;
_margin-left:-10px;
_height:110px;
}

/* FORM */

form p {
padding-left:20px;
margin: 0;
background: #fff;
}

form p.submit {
border: 0;
background: none;
float:right;
padding-right:20px;
}

form p label {
width: 110px;
display: block;
float: left;
padding: 5px 10px 0 0;
}

form p input,
form p textarea,
form input[type=text] {
padding: 3px;
width: 300px;
border: 1px solid #e5e5e5;
margin-top: 10px;
}

form p textarea {
width: 300px;
	}
form ul {
padding: 5px;
background: #f9f9f9;
margin: 0;
}

form li {
margin: 0;
list-style: none;
}

form li input {
list-style-type:none;
margin-right: 10px;
padding: 0;
}

form h3 {
color:#333;
margin-bottom: 0;
padding-bottom: .5em;
}

p.error {
color: red;
font-size: .9em;
padding: 8px 8px 0px 8px;
border: 0;
}

span.error {
color: red;
float: right;
width: 240px;
font-size: .9em;
padding: 2px;
}
.required{
color:red;
}
.checkbox {
border-top: 1px solid #e5e5e5;
}
form input:focus,
form textarea:focus{
border: 1px solid #ccc;
}