/* grid */
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12,.grid-1-border, .grid-2-border, .grid-3-border, .grid-4-border, .grid-5-border, .grid-6-border, .grid-7-border, .grid-8-border, .grid-9-border, .grid-10-border, .grid-11-border, .grid-12-border{
	display: block;
	float: left;
	margin: 0 20px 20px 0;
	padding: 0;
}
.grid-1-padding, .grid-2-padding, .grid-3-padding, .grid-4-padding, .grid-5-padding, .grid-6-padding, .grid-7-padding, .grid-8-padding, .grid-9-padding, .grid-10-padding, .grid-11-padding, .grid-12-padding, .grid-1-padding-border, .grid-2-padding-border, .grid-3-padding-border, .grid-4-padding-border, .grid-5-padding-border, .grid-6-padding-border, .grid-7-padding-border, .grid-8-padding-border, .grid-9-padding-border, .grid-10-padding-border, .grid-11-padding-border, .grid-12-padding-border{
	display: block;
	float: left;
	margin: 0 20px 20px 0;
	padding: 10px;
}
.last{
	margin-right: 0;
}
.grid-1{width: 40px;}
.grid-2{width: 140px;}
.grid-3{width: 220px;}
.grid-4{width: 300px;}
.grid-5{width: 380px;}
.grid-6{width: 460px;}
.grid-7{width: 540px;}
.grid-8{width: 620px;}
.grid-9{width: 700px;}
.grid-10{width: 780px;}
.grid-11{width: 860px;}
.grid-12{width: 940px;}

.grid-1-padding{width: 20px;}
.grid-2-padding{width: 120px;}
.grid-3-padding{width: 200px;}
.grid-4-padding{width: 280px;}
.grid-5-padding{width: 360px;}
.grid-6-padding{width: 440px;}
.grid-7-padding{width: 520px;}
.grid-8-padding{width: 600px;}
.grid-9-padding{width: 680px;}
.grid-10-padding{width: 760px;}
.grid-11-padding{width: 840px;}
.grid-12-padding{width: 920px;}

.grid-1-padding-border{width: 18px;}
.grid-2-padding-border{width: 118px;}
.grid-3-padding-border{width: 198px;}
.grid-4-padding-border{width: 278px;}
.grid-5-padding-border{width: 358px;}
.grid-6-padding-border{width: 438px;}
.grid-7-padding-border{width: 518px;}
.grid-8-padding-border{width: 598px;}
.grid-9-padding-border{width: 678px;}
.grid-10-padding-border{width: 758px;}
.grid-11-padding-border{width: 838px;}
.grid-12-padding-border{width: 918px;}

.grid-1-border{width: 38px;}
.grid-2-border{width: 138px;}
.grid-3-border{width: 218px;}
.grid-4-border{width: 298px;}
.grid-5-border{width: 378px;}
.grid-6-border{width: 458px;}
.grid-7-border{width: 538px;}
.grid-8-border{width: 618px;}
.grid-9-border{width: 698px;}
.grid-10-border{width: 778px;}
.grid-11-border{width: 858px;}
.grid-12-border{width: 938px;}

.prepend-1{padding-left: 80px;}
.prepend-2{padding-left: 160px;}
.prepend-3{padding-left: 240px;}
.prepend-4{padding-left: 320px;}
.prepend-5{padding-left: 400px;}
.prepend-6{padding-left: 480px;}
.prepend-7{padding-left: 560px;}
.prepend-8{padding-left: 640px;}
.prepend-9{padding-left: 720px;}
.prepend-10{padding-left: 800px;}
.prepend-11{padding-left: 880px;}
.prepend-12{padding-left: 920px;}

.no-margin-bottom{
	margin-bottom: 0;
}
.float-right{
	float: right;
}
.float-left{
	float: left;
}
.red{color: red;}

/* general */
a, div, img, table, table td, form, ul, li, img{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
img{
	border:none;
}
a{
	color: #EC008C;
	text-decoration: none;
}
a:hover, a:active{
	color: #5d2c97;
}
button{
	font-family : arial, sans-serif;	
}
@font-face {
	font-family: 'SegoePrintRegular';
	src: url('segoe.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
body{
	color: black;
	font-family : arial, sans-serif;
	font-size: 100%;
	margin:0;
	padding: 0;
	background-color: #F3F3F3;
	overflow: visible;
}
#wrapper{
	width: 960px;
	margin: 0 auto;
	background-color: #FFF;
}

/* text */
h1{margin: 8px 0 12px; padding: 0; font-size: 1.2em; color: #000;}
h2{margin: 8px 0 12px; padding: 0; font-size: 1em; color: #000;}
h3{font-size: 1em; margin: 0; padding:6px 0 5px 7px; color: #000;}
h4{font-size: 1em; margin: 4px 0 0; padding: 0; color: #000;}
p{font-size: 1em; margin: 0 0 10px 0; padding: 0; color: #000;}
.footer p{margin: 0; padding: 0; line-height: 100%;}

/* header */
#header{
	width: 940px;
	margin: 0 10px 0 10px;
}
#header #logo{
	margin:25px 0 25px 50px;
}
#topnav{
	font-size: 0.7em;
}
#topnav ul{
	float: right;
	margin: 8px 0 0 0;
	padding: 0 0 3px;
	background-image: url('../images/topnav-border-bottom-bg.jpg');
	background-repeat: repeat-x;
	background-position: bottom center;
}
#topnav .first{
	background-image: none;
}
#topnav ul li{
	display: inline;
	padding: 0 5px 0 9px;
	background-image: url('../images/topnav-border-left-bg.jpg');
	background-repeat: repeat-y;
	background-position: left center;
}
#logo{
	margin: 25px 0 0 30px;
}

/* mainnav and subnav */
#mainnav{
	clear: both;
	border-top: 1px solid #00adef;
	margin: 0 0 15px;
	padding: 16px 0;
	font-size: 0.8em;
	height: 1%;
	background-image: url('../images/mainnav-border-bg.jpg');
	background-repeat: repeat-x;
	background-position: bottom center;
}
#mainnav li{
	display: inline;
	padding: 0 11px 0 11px;
}
#mainnav .selected{
	color: #5d2c97;
}
.subnav{
	border: 1px solid #ebebeb;
	list-style-type: none;
}
.subnav li a{
	display: block;
	padding: 1px 0 0 10px;
	line-height: 180%;
	background-image: url('../images/subnav-bg.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	height: 25px;
}
.subnav li a:hover{
	background-image: url('../images/subnav-selected-bg.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
	color: #5d2c97;
}
.subnav li ul li a{
	background-image: url('../images/subsubnav-bg.jpg');
	background-repeat: repeat-y;
	background-position: bottom left;
	color: #EC008C;
	padding: 3px 0 0 20px;
}
.subnav li ul li a:hover{
	background-image: url('../images/subsubnav-bg.jpg');
	background-repeat: repeat-y;
	background-position: bottom left;
	color: #5d2c97;
}
.subnav .subnav-selected{
	background-image: url('../images/subnav-selected-bg.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
	color: #5c2d93;
}
.subnav li h1{
	margin: 8px 0 4px 10px;
	padding: 0;
	font-size: 1.05em;
	font-weight: bold;
	color: #000;
}
/* contect and footer */
#content{
	line-height: 160%;
	clear: both;
	font-size: 0.8em;
	padding: 0 0 0 10px;
}
.text{
}
.text ul{
	margin: 0 0 10px 16px;
}
.footer{
	text-align: right;
	clear: both;
	padding: 5px 10px;
	height: 1%;
	font-size: 0.7em;
	margin: 0;
}
*html .footer{
	margin-top: -2px;
}

/* ---------- site specific ---------- */
.vacancie-text .vacancie-header{
	border-bottom: 1px solid #00ADEF;
	margin-bottom: 10px;
}
.right{
	text-align: right;
}
.filter{
	background-color: #f6f6f6;
	background-image:url(../images/play-preview-bg.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	border: 1px solid #dddddd;
	height: 216px;
}
.filter select{
	width: 197px;
	border-color:#00ADEF #C2EDFF #C2EDFF #00ADEF;
	border-style:solid;
	border-width:1px;
	margin: 2px 0 0;
}
.filter form{
	border-bottom: 1px solid #c6c6c6;
}
.filter h1{margin: 0; padding: 0; font-size: 1em;}
.filter p{margin: 2px 0 0;}
.button{
	border: none;
	height: 22px;
	color: #FFF;
	cursor:pointer;
	font-size: 1em;
}
.button-search{
	width: 74px;
	text-align: center;
	background:url(../images/button-search.jpg) top left no-repeat;
	margin: 10px 0 10px 124px;
	padding: 0 0 5px 0;
}
*html .button-search{
	margin: 9px 0 10px 124px;
}
.button-links-arrow{
	display: block;
	background:url(../images/button-arrow.jpg) top left no-repeat;
	height: 21px;
	width: 120px;
	color: #fff;
	padding: 1px 10px 0 0;
	float: right;
	margin-top: 10px;
	line-height: 140%;
	text-align: right;
}
.button-links-arrow:hover{
	background:url(../images/button-arrow-hover.jpg) center no-repeat;
	color: #fff;
}
.button-links-arrow:active{
	background:url(../images/button-arrow-active.jpg) center no-repeat;
	color: #fff;
}
.button-search:hover{
	background:url(../images/button-search-hover.jpg) center no-repeat;
	color: #fff;
}
.button-search:active{
	background:url(../images/button-search-active.jpg) center no-repeat;
	color: #fff;
}
.newsletter{
	height: 122px;	
	background-color: #00ADEF;
}
.newsletter h1{	
	color: #fff;
	font-size:1em;
	margin:0;
	padding:0;
}
.newsletter p{	
	color: #fff;
	margin:0;
	padding:0;	
}
.newsletter input{
	background-color:#F8FDFF;
	border-color:#006699 #C2EDFF #C2EDFF #006699;
	border-style:solid;
	border-width:1px;
	float:left;
	margin:2px 0 0 0;
	width:197px;
	padding-left: 0;
	padding-right: 0;	
}
.button-newsletter{
	width: 74px;
	text-align: center;
	background:url(../images/button-newsletter.jpg) center no-repeat;
	margin: 10px 0 0 126px;
	padding: 0 0 5px 0;
}
.button-newsletter:hover{
	background:url(../images/button-newsletter-hover.jpg) center no-repeat;
	color: #fff;
}
.button-newsletter:active{
	background:url(../images/button-newsletter-active.jpg) center no-repeat;
	color: #fff;
}

.newsletter2{
	padding-top: 100px;
	border: 1px solid #CCCCCC;
	background-image: url(../images/button_werkenbijtauw.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom: 10px;
}
.newsletter2 h1{
	color: #0099CC;
	font-size:1em;
	margin:0;
	padding:0;
}
.newsletter2 p{
	color: #0099CC;
	margin:0;
	padding:0;
}
.newsletter2 input{
	background-color:#F8FDFF;
	border-color:#006699 #C2EDFF #C2EDFF #006699;
	border-style:solid;
	border-width:1px;
	float:left;
	margin:2px 0 0 0;
	width:197px;
	padding-left: 0;
	padding-right: 0;	
}
.button-newsletter2{
	width: 74px;
	text-align: center;
	background:url(../images/button-newsletter2.jpg) center no-repeat;
	margin: 10px 0 0 126px;
	padding: 0 0 5px 0;
}
.button-newsletter2:hover{
	background:url(../images/button-newsletter2-hover.jpg) center no-repeat;
	color: #fff;
}
.button-newsletter2:active{
	background:url(../images/button-newsletter2-active.jpg) center no-repeat;
	color: #fff;
}

.vacancies-selector{
	background-image:url(../images/theme/civiel.jpg);
	background-position:center top;
	background-repeat:no-repeat; 
	height: 300px;
}
.vacancies{
	border-top:1px solid #696A6C;
	list-style-type:none;
	margin:6px 0;
	padding:0;
}
.vacancies li{
	border-bottom:1px solid #696A6C;
	margin:0;
	padding:0;
}
.vacancies li a{
	display:block;
	margin:0;
	padding:6px 0;
	text-decoration:none;
}
.vacancie-text{
	width: 400px;
	float: left;
	display: inline;
}
.vacancie-text h1{
	font-size: 1em;
	border-top: 1px solid #00ADEF;
	margin: 0 0 0;
	padding: 8px 0;
}
.vacancie-text h2{
	margin-bottom: 0;
}
.share{
	margin: 0 0 10px 0;
	padding: 0 0 4px;
	border-top: 1px solid #00ADEF;
	background-image:url(../images/mainnav-border-bg.jpg);
	background-position:center bottom;
	background-repeat:repeat-x;
	background-color: #f4fbfe;	
}
.share p{
	margin: 0;	
	padding: 0;
	display: inline;
}
.share img{
	margin: 0 3px -3px 0;	
	padding: 0;
}
.send{
	background-color: #F6F6F6;		
	padding: 0 10px 10px 10px;
}
.applying h2{
	padding: 9px 0 12px;
	margin: 0;
}
.applying h3{
	padding: 10px 0 4px;
	margin: 0;
}
.send table{
	font-size: 0.85em;	
}
.applying-wrapper{
	float: left;
	width: 260px;	
	display: inline;
	margin: 0 0 0 20px;
	padding: 0;		
}
.applying{
	background-color: #F6F6F6;
	padding: 0 10px 10px 10px;
	width: 260px;	
	margin-bottom: 20px;
}
.applying table{
	font-size: 0.85em;
	width: 100%;
	margin: 0 0 3px;		
}
.applying table td{
	vertical-align: top;
	width: 33%;
}
.applying p{
	padding: 0 5px 0 0;
	margin: 0;
	font-size: 0.85em;
}
.applying span{
	font-size: 0.85em;
	margin: 0 0 0 4px;
}
.applying input{
	width: 260px;
	border-color:#00ADEF #C2EDFF #C2EDFF #00ADEF;
	border-style:solid;
	border-width:1px;
	margin: 0 0 3px;
}
.applying select{
	width: 262px;
	border-color:#00ADEF #C2EDFF #C2EDFF #00ADEF;
	border-style:solid;
	border-width:1px;
	margin: 0 0 3px;	
}
.applying textarea{
	width: 260px;
	border-color:#00ADEF #C2EDFF #C2EDFF #00ADEF;
	border-style:solid;
	border-width:1px;	
	margin: 0 0 3px;
	height: 100px;
}
.applying .radio{
 	width: 20px;
 	border: none;
}
.applying .small-width{
	width:75px;	
	border-color:#00ADEF #C2EDFF #C2EDFF #00ADEF;
	border-style:solid;
	border-width:1px;	
	margin: 0;	
}
.applying .button{
	margin: 0 0 0 189px;	
}
.applying .file{
	border-color:#00ADEF #C2EDFF #C2EDFF #00ADEF;
	border-style:solid;
	border-width:1px;	
	margin: 0 0 8px;
	background-color: #fff;
}
#sites{
	margin-bottom: 20px;
}
#sites td{
	background-color: #FFF;	
	border-top: 1px solid #F5F5F5;
	vertical-align: top;
	text-align: left;
	padding: 10px 10px 10px 0;	
}
#sites .no-border{
	border: none;
	padding: 0 0 10px 10px		
}
#sites{
	width: 700px;
	background-color: #EAEAEA;	
}
.contact{
	background-color: #EAEAEA;	
}
.contact div{
/*	width: 330px; */
	float: left;
	padding-right: 10px;
}
.contact div .labelholder{
	text-align: right;
	width: 110px;
	padding: 2px 2px 0 0;
	vertical-align: top;
}
.contact div input{
	width: 200px;
	padding: 3px 2px 0 0;
	border-color:#00ADEF #C2EDFF #C2EDFF #00ADEF;
	border-style:solid;
	border-width:1px;
	margin: 0 0 8px 0;
}
.contact div textarea{
	text-align: left;
	width: 200px;
	height: 100px;
	padding: 3px 2px 0 0;
	margin: 0 0 8px 0;	
	border-color:#00ADEF #C2EDFF #C2EDFF #00ADEF;
	border-style:solid;
	border-width:1px;	
}
.contact div .button{
	margin: 0 0 4px 131px;
}
.contact div .required{
	display: block;
	font-size: 0.8em;
	font-style: italic;
}
.address{
	width:660px;
}
.address td{
	padding: 0 15px 20px 0;	
}
.clear{
	clear: both;
}
.playnav-video{
	background-image:url(../images/video/play-monitor-nav-bg.jpg);
	background-position:left top;
	background-repeat: no-repeat;
	height: 82px;	
}
.playnav-memory{
	background-image:url(../images/memory/play-memory-nav-bg.jpg);
	background-position:left top;
	background-repeat: no-repeat;
	height: 82px;	
}
.playnav a{
	display: block;
	float: left;
	width: 392px;
	text-align: center;
	padding: 11px 0;
	margin: 8px 29px;
	font-size: 1.2em;
	font-weight: bold;
}
.playnav a + a{
	margin: 8px 0 0 68px;
}
.playnav a.selected, .playnav a.selected:hover{
	color: #5d5d5d;
	font-size: 1em;
}

/* video */
.play-video{
	position: relative;
	background-image:url(../images/video/monitor.jpg);
	background-position:left top;
	background-repeat: no-repeat;	
	height: 413px;
}
.duck{
	position: absolute;
	top: 312px;
	right: 88px;
}
.tag{
	position: absolute;
	top: 205px;
	right: 10px;
	display: none;
	height: 130px;
	width: 173px;
	padding: 15px 15px;
	background-image:url(../images/video/tag.png);
	background-position:left top;
	background-repeat: no-repeat;	
	cursor: text;	
}
.play{
	background-color: #191919;
	background-image:url(../images/video/play-bg.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	width: 940px;
}
.play td{
	text-align: center;
	padding: 10px;
	width: 188px;
}
.play td img{
	margin: 0 0 5px;
}
.play td p{
	margin: 0;
	color: #f1f1f1;
}
#videopar{
	display: block;
	width: 940px;
	margin: 67px 0 0;
	text-align: center;	
}

/* memory */
.memory{
	position: relative;
	background-color: #f6f6f6;
	background-image:url(../images/memory/woodgrain.jpg);
	background-position:left top;
	background-repeat:repeat-y;
	font-family: 'SegoePrintRegular';	
	overflow: hidden;
}
.memory h1{font-size: 13px;}
.memory p{font-size: 12px;}

.intro{
	position: absolute;
	height: 425px;	
	width: 613px;	
	top: 16px;
	left: 16px;
	background-image:url(../images/memory/a4.png);
	background-position:left top;
	background-repeat:no-repeat;	
	padding: 20px 35px;
}
.intro img{
	float: right;
}
.finished, .fail{
	position: absolute;
	height: 425px;	
	width: 613px;	
	top: 416px;
	left: 16px;
	background-image:url(../images/memory/a4.png);
	background-position:left top;
	background-repeat:no-repeat;	
	padding: 20px 35px;
}
.fail h1{
	font-size: 2em; 
	line-height: 2em;
}
.tiles{
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}
.watch{
	position: relative;
	float: right;
	width: 239px;
	height: 563px;
	margin-top: -82px;
	background-image:url(../images/memory/watch.png);
	background-position:left top;
	background-repeat:repeat-y;
}
.counter, .sec, .min{
	position: absolute;
	display: block;
	height: 37px;
	width: 27px;
}
.counter{
	top: 207px;
	left: 160px;
}
.sec{
	top: 216px;
	left: 138px;
}
.min{
	top: 227px;
	left: 109px;
}
.smimg{
	margin: 0 0 -3px 0;
	-moz-box-shadow: 1px 1px 1px #8f8f8f;
	-webkit-box-shadow: 1px 1px 1px 8f8f8f
}
.memory ul{
	width: 690px;
	margin: 20px;
}
.memory ul li{
	position: relative;
	list-style-type: none;
	width: 100px;
	height: 100px;
	float: left;
	margin: 0 15px 15px 0;
}
.memory ul li a{
	cursor: pointer;
}
.memory ul li img{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	float: left;
}
.result{
	clear: both;
	text-align: center;
	color: #fff;
}
.memorytable{
	width: 620px;
}
.tellafriendtable{
	height: 132px;
}
.resend, .loading{
	height: 132px;
	display: none;
}
.submittable{
	height: 100px;
}
.memorytable td{
	padding: 0 0 4px;
	vertical-align: top;
	text-align: left;
}
.memorytable .error{
	color: #ff0000;
	font-size: 0.85em;
	width: 230px;	
}
.memorytable td:first-child{
	width: 100px;
}
.memorytable input, .memorytable textarea{
	width: 280px;
	border-color: #008cc1 #00adef #00adef #008cc1;
	border-width: 1px;
	border-style: solid;
	background-color: #f8f8f8;
	color: #686868;
}
.memorytable .check{
	font-size: 10px;
}
.memorytable .check input{
	width: 16px;
	margin: 2px 0 -2px;
	border: none;
}
.memorytable .memorybutton{
	height: 22px;
	width: 74px;
	border: none;
	margin: 0 -2px 0 208px;
	color: #fff;
}