/* 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{

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;
}

.nieuwsbrieven h3{
	font-size:1.4em;
}

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 {
	font: 1em Arial;
	margin:10px 0 0 0;
	padding:0;
	background:url('../images/trans_white_5.png') repeat;
}

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

#nav a {
	text-transform: uppercase;
	padding:18px 14px 17px;
	display: block;
	font-weight:normal;
	margin:0px;
	float:left;
	font-size:15px;
	height:15px;
	color:#dcdcdc;
	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;
position:relative;
}

#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: 223px;
_top: 223px;
}

#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: 30px;
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: 223px;
_top: 223px;
}

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

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;
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.keskin{
background-position:-492px 0px;
}

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

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


#medewerkers a:hover.natascha{
background-position:-737px -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.michiel{
background-position: -615px 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#medewerkers a.empty{
background:#efefef;
}

/* 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,
#map_street {
border:1px solid #ccc;
float:left;
height:280px;
width:550px;
margin-bottom:10px;
}

.googledir table{

}

form#route{
	margin:0 35px 10px;
}

form#route input.stadinvoer{
	padding:5px;
	font-family:Arial, Tahoma, Verdana;
	color:#444;
	width:410px;
}

form#route label{
	font-weight:bold;
	color:#555;
	margin:10px 0 5px 0;
}

form#route input#submit{
	padding:5px;
	background:#00A3F6;
	color:#fff;
	border:none;
}

#directions{
	width:530px;
	margin:0 auto 20px;
}

.googlemap{

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;
}


/* OFFERTE FORM ADDED 28-02-2011 BY MICHIEL SNIJDER */

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

/* IE6 */
* html .clearfix { height: 1%; }

/*IE7 */
.clearfix { min-height: 1px; }

#offerte{
	margin-left:35px;
	color:#444;
}

#offerte h2{
	border-bottom: 1px solid #CCCCCC;
    color: #606060;
    font-size: 1.5em;
    font-weight:lighter;
    line-height: 25px;
    margin-bottom: 10px;
    margin-top: 10px;
	background:none;
	text-transform:none;
	padding:0 0 10px 0;
}

#offerte h3{
	font-size:12px;
	font-weight:bold;
	border:none;
	background:none;
	padding:0;
	margin:0;
	line-height:1.4em;
	margin-bottom:10px;
}

fieldset.tripple{
	width:181px;
	float:left;
}

fieldset.addmargin{
	margin-left:10px;
}

fieldset.addmargin{
	margin-left:10px;
}

label.radio{
	display:block;
	font-size:11px;
}

fieldset.attention{
	font-size:11px;
	color:#777;
	padding:15px 0 10px 0;
}

fieldset.double{
	width:275px;
	float:left;
	margin-top:20px;
}


form#offerte textarea.textarea,
form#offerte input.text{
	border:1px solid #ccc;
	padding:5px;
	font-family:arial, tahoma, verdana;
	font-size:12px;
	color:#444;
}

form#offerte textarea.textarea{
	width:250px;
	height:87px;
	margin-top:10px;
}

form#offerte input.radio:focus{
	background:none;
	border:none;
}

form#offerte input.text{
	width:155px;
	padding:3px;
	margin-top:4px;
}

form#offerte table#details td,
form#offerte table.inputs td{
	padding:0;
	margin:0;
}

form#offerte table#details label{
	font-size:11px;
}

sup{
	font-size:10px;
	vertical-align:top;
	color:#666;
}

form#offerte p.removepad{
	padding-left:0;
	padding-right:30px;
	margin-left:0;
	font-size:11px;
	color:#666;
}

input.submit{
	padding:11px 44px;
	float:right;
	background:url('../images/submit_bg.jpg') repeat-x;
	border:none;
	color:#fff;
	cursor:pointer;
	font-size:16px;
}

input.submit:hover{
	background:url('../images/submith_bg.jpg') repeat-x;
}

.errormsg,
.invalstar{
	color:#e11129;
}

form#offerte #errorlist{
	margin-left:0;
	color:#f55050;
	font-size:11px;
}

form#offerte #errorlist.green{
	color:green !important;	
}

form#offerte input.error{
	background:#ffe5e9;
	border:1px solid #ffbbc6;
}

form#offerte input.success{
	background:#f3ffdb;
	border:1px solid #c5eb7c;
}

label.error{
	position:absolute;
	z-index:-900;
	left:-9999px;
	top:-9999px;
}

#content ul.dotlist{
	background:none;
	list-style:disc;
	margin-left:50px;
}

#content ul.dotlist li{
	background:none;
	padding-left:5px;
}

a.broch_btn{
	display:block;
	line-height:1em;
	padding:12px 10px 10px 10px;
	width:235px;
	color:#adadad;
	background:#333434;
	border:1px solid #3d3e3e;
	margin:0 0 15px 0;
	font-size:14px;
}

a:hover.broch_btn{
	text-decoration:none;
}

#tags{
	width:510px;
	margin:10px 0 0 35px;
	text-align:center;
	background:#f6f6f6;
	padding:40px 20px;
	border-bottom:3px solid #00A3F6
}

#tags ul,
#tags ul li,
#tags ul li a{
	margin:0;
	padding:0;
	list-style:none;
	background:none;
	line-height:160%;
}
#tags ul li a{
	padding:0 5px !important;
}

a.download-btn-r{
	position:absolute;
	bottom:15px;
	right:20px;
	z-index:10;
}

.tweetBox{
	position:absolute;
	width:250px;
	height:249px;
	top:0px;
	left:0px;
	z-index:502;
}

#twithead{
	padding:15px 15px 11px;
	line-height:100%;
	background:url('../images/twitheading.png') no-repeat center right;
	color:#fff;
	margin:0 0 1px 0;
	font-weight:bold;
	font-size:15px;
}

#twitcontent{
	background:url('../images/trans_black_60.png') no-repeat left top;
	padding:15px;
	color:#ebedee;
	font-size:11px;
	height:177px;
}

#twitcontent ul,
#twitcontent ul li{
	margin:0;
	padding:0;
	list-style:none;
	background:none;
}

#twitcontent ul li{
	line-height:125%;
	font-size:12px;
	margin:0 0 10px 0;
	color:#ebedee;
}

span.tweet_time a{
	text-transform: uppercase;
	color:#99afb7;
	font-size:10px;
	display:block;
	margin:4px 0 0 0;
}

span.tweet_time a:hover{
	text-decoration:none;
}