/* versie 20080530-a */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin : 0;
	padding : 0;
	border : 0;
	outline : 0;
	font-size : 100%;
	vertical-align : baseline;
	background : transparent;
}

html { min-height: 100%; margin-bottom: 1px; }

ol, ul {
	list-style : none;
}

blockquote, q {
	quotes : none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content : '';
}

:focus {
	outline : 0;
}

ins {
	text-decoration : none;
}

del {
	text-decoration : line-through;
}

table {
	border-collapse : collapse;
	border-spacing : 0;
}

body {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	height : 100%;
	color : #663300;
}

i {
	font-style : italic;
}

p {
	font-size : 100%;
	font-family : Verdana, sans-serif;
	margin-bottom: 12px;
}

em {
	display : inline;
	margin : 0;
	padding : 0;
}

h1, h2, h3, h4, h5, h6 {
	color : #663300;
	font-family : 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
	font-weight : bold;
}

h4 {
	font-size : 100%;
	padding-bottom : 3px;
	font-family : Verdana, sans-serif;
}

h3 {
	font-size : 120%;
	margin-bottom : 9px;
	font-weight : normal;
}

h2 {
	font-size : 130%;
	margin-bottom : 9px;
	font-weight : normal;
	
}

h1 {
	margin-bottom : 15px;
	margin-top : 20px;
	color : #ec008c;
	font-weight : normal;
}

ul {
	margin-top : 0;
	margin-bottom : 0;
	margin-right : 1em;
	list-style: none;
}

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

a img {
	border : 0;
}

a, a:visited {
	color : #ec008c;
	text-decoration : none;
	border-bottom : 0 solid #cccccc;
}

a:hover, a:visited:hover {
	color : #666666;
	border-bottom : 0 solid #666666;
	text-decoration : none;
}

a em:hover, a em:visited:hover {
	color : #666666;
	border-bottom : 0 solid #666666;
	text-decoration : none;
}

#centreer {
	background-position : 0 0;
	background-repeat : no-repeat;
	margin-left : -490px;
	position : absolute;
	top : 0;
	left : 50%;
	width : 980px;
	height : 100.1%;
}

.meer {
	display: block;
	margin-top: 5px;
}

#header {
	width : 980px;
	height : 88px;
	padding-top : 12px;
}

#nav {
	font-family : 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
	width : 214px;
	text-align : right;
	float : left;
	margin-right : 28px;
}

#nav a, #nav a:visited {
	color: #663300;
}

#nav a:hover {
	color: #666666;
}



#nav ul {
	margin : 0 0 0 0;
	padding : 0;
	font-size : 140%;
	/* font-weight : bold; */
	list-style-type : none;
}

#nav li {
	display : inline;
	line-height : 18px;
}

#nav ul li.bullit {
	background-image : url(../pix/bullit.gif);
	margin : 0 0 0 0;
	padding : 0 0 0 20px;
	background-position : 0 0;
	background-repeat : no-repeat;
}

#flashcandy {
	margin-top : 28px;
	height : 250px;
	width : 980px; 
}

#flashcandy-moods {
	margin-top : 28px;
	height : 364px;
	width : 980px;
	background-color : #dddddd;
	text-align : center;
	
}

#flashcontent {
	height : 250px;
	width : 980px;
}

#flashcontent p {
	padding : 0;
	height : 150px;
	width : 980px;
	background-color : #eeeeee;
	text-align : center;
	padding-top : 100px;
	position : relative;
	overflow : hidden;
	margin : 0;
}

#home-blokjes {
	margin : 22px 0 0 80px;
}

#home-blokjes p {
	font-size : 110%;
	line-height: 140%;
}

#home-blokjes h4 {
	font-size : 110%;
}

#home-trainer {
	margin : 22px 0 20px 80px;
	border : 0 solid #00ffff;
	min-height : 280px;
}

.ruimteA {
	padding : 8px 14px 0 6px;
}

.ruimteB {
	padding : 12px 20px 0 14px;
}

.magenta * {
	color : #ec008c;
}


.grijsbg {
	background-color : #999999;
}

.clear:after {
	content : ".";
	display : block;
	height : 0;
	clear : both;
	visibility : hidden;
	background-color : #00ff00;
}

* html .clear {
	height : 1%;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}


#footer {
	float : left;
}

#minilogo {
	width : 134px;
	height : 12px;
	margin : 20px 0 20px 80px;
	border : 0 solid #f00;
}

em {
	color : #ec008c;
	font-style : normal;
}

#subnav {
	font-family : 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
	width : 515px;
	margin : 15px 0 0 465px;
	border : 0 solid #ff0000;
}

#subnav a, #subnav a:visited {
	color: #663300;
}

#subnav a:hover {
	color: #666666;
}

#subnav ul {
	margin : 0 0 0 0;
	padding : 0;
	font-size : 170%;
	list-style-type : none;
	letter-spacing : 1px;
}

#subnav li {
	display : inline;
	margin-right : 22px;
}

#pagecounter {
	font-family : 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
	font-size : 120%;
	width : 515px;
	height : 1.5em;
	margin : 15px 0 0 465px;
	border : 0 solid #ff0000;
	float : left;
}

#pagecounter span {
	margin-left : 10px;
}

#headerpic {
	float : left;
	width : 332px;
	height : 100px;
	margin-top : -12px;
	margin-left : 80px;
	display : inline;
}

#positie1 {
	float : left;
	width : 175px;
}

#positie2 {
	float : left;
	width : 175px;
	margin : 0 0 0 65px;
}

#positie3 {
	float : left;
	width : 175px;
	margin : 0 0 0 65px;
}

#positie1:hover, #positie2:hover, #positie3:hover {
	opacity : 0.7;
	filter : alpha(opacity=70);
}

#positie1, #positie2, #positie3 {
	cursor: pointer;
}

#home-nieuws {
	float : left;
	width : 185px;
	margin : 0 0 0 40px;
}

#home-nieuws p {
	font-size : 110%;
	line-height: 140%;
}

#home-nieuws h2 {
	font-size : 140%;
}

#home-nieuws h3 {
	font-size : 140%;
}

.home-nieuws-blokje:hover {
	opacity : 0.7;
	filter : alpha(opacity=70);
}

.home-nieuws-blokje {
	cursor : pointer;
}

.home-datum {
	font-family : 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
	text-align : right;
	margin-bottom : 9px;
	font-size : 110%;
}

hr {
	border : 0;
	color : #ec008c;
	background-color : #ec008c;
	height : 3px;
	width : 100%;
	text-align : left;
	margin : 14px 0;
}

.blokje {
	height : 110px;
}


/* portfolio */


#gallery {
	background-color : #e4e4e4;
	width : 980px;
	margin : 0;
	margin-top : 15px;
	float : left;
}

#countdown {
	float : left;
	width : 120px;
	overflow : hidden;
}

#countdown span {
	display : block;
	font-family : 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
	margin-left : -45px;
	font-size : 170px;
	overflow : hidden;
	padding-top : 89px;
	color : #ffffff;
}

#countup {
	float : right;
	width : 90px;
	overflow : hidden;
}

#countup span {
	display : block;
	font-family : 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
	margin-left : 48px;
	font-size : 170px;
	overflow : hidden;
	padding-top : 89px;
	color : #ffffff;
}

span#dubbeldown {
	letter-spacing : -30px;
	}

span#dubbelup {
	letter-spacing : -30px;
	margin-left : 0px;
}

#gallery #omschrijving {
	float : left;
	width : 238px;
	padding-right : 12px;
	overflow : hidden;
	min-height : 307px;
	margin-top : 25px;
}


#gallery #omschrijving p {
	line-height : 160%;
	padding-right: 20px;
}

#gallery #omschrijving h1 {
	/* JEROEN */
	font-size : 30px;
}

#gallery #omschrijving h2 {
	font-size : 30px;
	margin : 0;
	padding-bottom : 20px;
	color : #ec008c;
	font-weight : normal;
}

#gallery #omschrijving h2 span {
	font-weight : normal;
	font-size : 50%;
	display : block;
	margin-bottom : 12px;
	color : #663300;
	letter-spacing : 1.8px; 
}





#gallery #portfolio-index {
	float : left;
	width : 845px;
	padding-right : 12px;
	overflow : hidden;
	min-height : 307px;
	margin-top : 25px;
}


#gallery #portfolio-index p {
	line-height : 160%;
	padding-right: 20px;
}

#gallery #portfolio-index h1 {
	/* JEROEN */
	font-size : 30px;
}

#gallery #portfolio-index h2 {
	font-size : 30px;
	margin : 0;
	padding-bottom : 20px;
	color : #ec008c;
	font-weight : normal;
}

#gallery #portfolio-index h2 span {
	font-weight : normal;
	font-size : 50%;
	display : block;
	margin-bottom : 12px;
	color : #663300;
	letter-spacing : 1.8px; 
}






#gallery #show {
	float : left;
	width : 510px;
	border-bottom : 8px solid #e4e4e4;
	border-top : 8px solid #e4e4e4;
}

#gallery #show img {
	border : 0 solid #ec008c;
	margin : 0;
}

#gallery #thumbs {
	margin-top : 18px;
}

#gallery #thumbs img:hover {
	opacity : 0.7;
	filter : alpha(opacity=70);	
}

#gallery #thumbs img {
	margin : 0 6px 8px 0;
	border : 1px solid #ec008c;
}

/* gallery glider */

div.scroller { 
	width: 510px; 
	height: 340px;
	overflow: hidden;
	border:0px solid #cccccc;
}

div.scroller div.section {
		width:510px;
		height:340px;
		overflow:hidden;
		float:left;
		padding:0;		
}

div.scroller div.content {
		width: 10000px;
}


/* MOODS */

#moods #omschrijving {
	float : left;
	width : 270px;
	min-height : 270px;
	background-color : #663300;
	padding : 30px 30px 30px 30px;
	margin-bottom : 20px;
}

#moods #omschrijving p {
	line-height : 160%;
	color : #ffffff;
	padding-right : 20px;
}

#moods #omschrijving h3 {
	font-size : 12px;
	margin : 0;
	padding-bottom : 20px;
	color: #ffffff;
	font-weight: lighter;
}

#moods #omschrijving h2 {
	font-size : 40px;
	margin : 0;
	padding-bottom : 14px;
	color: #ec008c;
	font-weight: normal;
}

#moods #omschrijving h2 span {
	font-weight: normal;
	font-size: 40%;
	display: block;
	margin-bottom: 12px;
	letter-spacing : 1.8px; 
}

#namedropping {
	display : inline;
}

#namedropping ul {
	margin : 0 0 0 0;
	font-size : 110%;
	list-style-type : none;
	line-height : 160%;
	font-weight : normal;
}

#namedropping li {
	display : inline;
}

#namedropping ul li.bullit {
	background-image : url(../pix/bullit.gif);
	margin : 0 0 0 0;
	padding : 0 0 0 20px;
	background-position : 0 -5px;
	background-repeat : no-repeat;
}

#moodspic {
	float : right;
	margin-top : 15px;
}

#moods {
	float : left;
	margin-top : -15px;
	width : 330px;
	border : 0 solid #f0f;
	margin-left : 80px;
	display : inline;
}

/* overmood */

#overmood {
	float : left;
	margin-top : 20px;
	width : 900px;
	border : 0 solid #f0f;
	margin-left : 80px;
	display : inline; /* IE6 fix */	
}

#overmood #omschrijving {
	float : left;
	width : 390px;
	height : 270px;
	overflow : hidden;
	padding : 30px 30px 30px 30px;
	margin-bottom : 20px;	
}

#overmood #omschrijving p {
	line-height : 160%;
	color : #ffffff;
	padding : 0;
}

#overmood #overmoodtekst h1 {
	font-size : 60px;
	margin : 0;
	padding-bottom : 10px;
	letter-spacing : 4px;
	color: #663300;
	padding: 0px;
	margin: 0px;
}

#overmoodtekst {
	float : left;
	margin : 0px 0 0 0px;
	border : 0 solid #f00;
	width : 450px;
	border: 0px solid;
	padding-top: 20px;
}

#overmoodtekst P {
	padding : 0 0px 0 0;
	line-height : 150%;
	font-size : 120%;	
}

#usps {
	clear: both;
	margin: 0px 0px 70px 30px;
}

#usps div {
	padding: 0px 0px 0px 35px;
	margin: 15px 0px 0px 0px;
}

#usps .bggrijs {
	background-color: #e4e4e4;
	padding-top: 14px !important;
	padding-bottom: 14px !important;
	margin-bottom: 3px;
}

.usphead {
	background-color: #ec008c;	
}

#usps div h2 {	
	font-size : 36px;
	margin : 0;
	letter-spacing : 4px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	color: #ffffff;
}

#usps .roze h2 {
	color: #ec008c;
	font-size : 35px;
}

#usps .wit h2 {
	color: #ffffff;
	font-size : 35px;	
}

#usps ul {
	margin-top : 0;
	margin-bottom : 0;
	list-style: none;
	padding: 4px 0px 2px 0px;
}

#usps li {
	padding : 0;
	margin-left : 15px;
	list-style: disc;
	line-height: 200%;
	font-size: 120%;
	text-indent: -3px;
}


/* route */


#route {
	float : left;
	margin-top : 20px;
	width : 980px;
	border : 0 solid #f0f;
	margin-left : 0px;
	display : inline; /* IE6 fix */	
}

#route #omschrijving {
	float : left;
	width : 300px;
	min-height : 315px;
	/* overflow : hidden; */
	background-color : #ec008c;
	padding : 15px 60px 0px 30px;
	margin-bottom : 20px;
}

#route #omschrijving p {
	line-height : 160%;
	color : #ffffff;
	padding : 0;
	text-align : right;
	font-size : 150%;
	font-family : 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
	letter-spacing : 1px;
}

#route #omschrijving .adres p {
	margin : 0;
	padding : 0;
}

#route #omschrijving .adres a {

	color : #ffffff;
}

#route #omschrijving strong {
	color : #996666;
}

#route #omschrijving h1 {
	font-size : 50px;
	margin : 0;
	padding-bottom : 22px;
	color : #ffffff;
	text-align : right;
	letter-spacing : 2px;
}

#route #omschrijving ul {
	margin : 0 0 0px 0;
	padding : 0;
	font-size : 130%;
	list-style-type : none;
	text-align : right;
}


#route #omschrijving li {
	line-height : 22px;
	font-family : 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
}

#routekaart {
	float : left;
}



/* route 2 */


.route2class {
	float : left;
	width : 253px;
	min-height : 295px;
	padding : 15px 20px 20px 20px;
	background-color : #cccccc;
	/* margin-right: -3px; IE6 bugfix duplicate characters bug */
}


.route2class p {
	line-height : 130%;
	font-size : 110%;
	/* font-family : Verdana, sans-serif; */
	letter-spacing : 0px;
}

.route2class strong {
	color : #996666;
}

.route2class h1 {
	font-size : 50px;
	margin : 0;
	padding-bottom : 30px;
	color : #ec008c;
	letter-spacing : 2px;
}

.route2class h4 {
	font-size : 120%;
}

#routebg {
	height : 330px;
	width : 4px;
	float : left;
	background-color : #ec008c;
	/* margin-left: 3px; toevoeging IE6.css zie duplicate char. bugfix */
}



/* vacatures */



#vacatures {
	float : left;
	margin-top : 20px;
	width : 900px;
	border : 0px solid #ff00ff;
	margin-left : 80px;
	display : inline;
}

#vacatures #omschrijving {
	float : left;
	width : 270px;
	height : 270px;
	overflow : hidden;
	background-color : #ffffff;
	padding : 30px 30px 30px 30px;
	margin-bottom : 20px;
}

#vacatures #omschrijving p {
	line-height : 160%;
	color : #663300;
	padding : 0;
	font-size : 130%;
	font-family : 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
	letter-spacing : 1px;
}

#vacatures #omschrijving strong {
	color : #996666;
}

#vacatures #omschrijving h1 {
	font-size : 76px;
	margin : 0;
	padding-bottom : 20px;
	color : #663300;
	letter-spacing : 4px;
}


#vacatures #omschrijving ul {
	margin : 0 0 20px 0;
	padding : 0;
	font-size : 100%;
	list-style-type : none;
	font-weight : bold;
}

#vacatures #omschrijving li {
	line-height : 22px;
	font-family : Verdana, sans-serif;
}

#vacaturestekst {
	float : left;
	margin : 50px 0 0 55px;
	border : 0 solid #f00;
	min-height : 423px;
	width : 440px;
}

#vacaturestekst p {
	padding : 0 0px 0 0;
	line-height : 200%;
	font-size : 120%;
}

#vacaturestekst hr {
	border : 0;
	color : #ec008c;
	background-color : #ec008c;
	height : 2px;
	width : 100%;
	text-align : left;
	margin : 10px 0;
}

#vacaturestekst h3 {
	font-size : 200%;
	margin : 0;
	padding-bottom : 20px;
	color : #ec008c;
	letter-spacing : 1px;
	font-weight : normal;
}

#vacaturestekst h4 {
	font-size : 110%;
	margin : 0;
	padding-bottom : 20px;
	color : #ec008c;
	letter-spacing : 1px;
	font-weight : bold;
	font-family : 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
}

#vacaturestekst h5 {
	font-size : 100%;
	margin : 0;
	padding-bottom : 5px;
	letter-spacing : 1px;
	font-weight : bold;
	font-family : Verdana, sans-serif;
}

.reageren p {
	color : #666666;
}



/* nieuws */



#nieuwsheadergroot {
	background-image : url(../pix/gradient.png);
	margin-top : 20px;
	padding : 0;
	width : 980px;
	min-height : 44px;
	background-repeat : repeat-y;
	float : left;
}

#nieuwsheadergroot h2 {
	background-image : url(../pix/kop_nieuws.gif);
	text-indent : -1000px;
	background-repeat : no-repeat;
	margin : 0;
	width : 120px;
	margin-left : 120px;
	min-height : 44px;
	font-size : 10px;
	vertical-align : middle;
	background-position : 0 11px;
	float : left;
	display : inline;
	line-height : 150%;
}

#nieuwsheadergroot h3 {
	color : #ffffff;
	font-size : 20px;
	margin : 0;
	font-weight : normal;
	text-align : right;
	font-style : italic;
	width : 400px;
	overflow : hidden;
	padding-top : 0.65em;
}

#nieuwsindex {
	float : left;
	width : 980px;
	margin : 15px 0 0 82px;
}

.nieuwsitem {
	margin-left : 34px;
	width : 265px;
	margin-bottom : 15px;
	float : left;
	cursor : pointer;
}

.nieuwsitem:hover{
	opacity : 0.7;
	filter : alpha(opacity=70);
}


.nieuwsitem:hover {
	text-decoration : none;
}

.nieuwsitem h4 {
	font-family : 'Gill Sans', 'Trebuchet MS', Verdana, sans-serif;
	font-size : 18px;
	line-height : 120%;
	font-weight : normal;
	height : 50px;
}

.nieuwsitem p {
	line-height : 150%;
	margin-bottom : 15px;
	font-size : 11px;
}

.nieuwsitem em {
	color : #666666;
	display : block;
	margin : 10px 0;
}

.nieuwitemspic {
	height : 180px;
	margin-bottom : 20px;
}

.nieuwsrij {
	float : left;
	margin-bottom : 15px;
}

.nieuwsitemzwartbg {
	background-color : #000000;
}

.nieuwsitemzwartbg * {
	padding : 0 10px;
	color : #ffffff;
}

.nieuwsitemzwartbg div, .nieuwsitemzwartbg img {
	padding : 0 0;
}

.nieuwsitemzwartbg * {
	padding : 0 10px;
	color : #ffffff;
}

.nieuwsitemzwartbg div, .nieuwsitemzwartbg img, .nieuwsitemzwartbg span, .nieuwsitemzwartbg hr {
	padding : 0 0;
}

.nieuwsitem a {
	padding : 0;
	margin : 0;
	color : #ec008c;
}

.ruimte {
	display : block;
	background-color : #ffffff;
	padding : 0 0 10px 0;
}

.nieuwsitemzwartbg .ruimte {
	display : block;
	background-color : #ffffff;
	padding : 10px 0 10px 0;
}

.nieuwsitemzwartbg .ruimte hr {
	border : 0;
	color : #ec008c;
	background-color : #ec008c;
	height : 3px;
	width : 100%;
	text-align : left;
}







/* nieuws */





#nieuwsheaderklein {
	background-image : url(../pix/gradient.png);
	margin-top : 20px;
	padding : 0;
	width : 980px;
	min-height : 20px;
	background-repeat : repeat-y;
	float : left;
}

#nieuwsheaderklein h2 {
	background-image : url(../pix/kopje_nieuws.gif);
	text-indent : -1000px;
	background-repeat : no-repeat;
	margin : 0;
	width : 300px;
	margin-left : 120px;
	min-height : 20px;
	font-size : 10px;
	vertical-align : middle;
	background-position : 0 6px;
	float : left;
	display : inline;
	line-height : 150%;
}


#nieuwsheaderklein h2:hover {
	opacity : 0.5;
	filter : alpha(opacity=50);
}

.ruimterechts {padding-right : 25px;}


#nieuwscounter {
	font-family : 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
	font-size : 120%;
	width : 500px;
	height : 20px;
	border : 0 solid #ff0000;
	float : left;
	color : #ffffff;
	vertical-align : middle;
	line-height : 150%;
}

#nieuwscounter a {
	color : #ffffff;
}

#nieuwscounter a:hover {
	color : #999999;
}

#nieuwscounter span {
	margin-left : 10px;
}

#nieuwscounterbottom, #nieuwscounterbottom a {
	color : #666666;
}

#nieuwscounterbottom a:hover {
	color : #999999;
}

#nieuwsindexcounter {
	font-family : 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
	font-size : 120%;
	width : 500px;
	height : 20px;
	border : 0 solid #ff0000;
	float : left;
	color : #ffffff;
	vertical-align : middle;
	line-height : 120%;
	margin-top : 16px;
	margin-left : 173px; 
}

#nieuwsindexcounter a {
	color : #ffffff;
}

#nieuwsindexcounter a:hover {
	color : #999999;
}

#nieuwsindexcounter em {
	color : #999999;
}


#nieuwsindexcounter span {
	margin-left : 10px;
}

#nieuwsindexcounterbottom, #nieuwsindexcounterbottom a {
	color : #666666;
}

#nieuwsindexcounterbottom a:hover {
	color : #999999;
}

#nieuws #omschrijving {
	float : left;
	width : 200px;
	min-height : 285px;
	overflow : hidden;
	padding : 25px 37px 30px 180px;
	margin-bottom : 20px;
	border : 0 solid #ff00ff;
}

#nieuws #omschrijving p {
	line-height : 130%;
	padding : 0;
	text-align : right;
	font-size : 130%;
	font-family : 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
	letter-spacing : 1px;
	color : #666666;
}

#nieuws #omschrijving strong {
	color : #996666;
}

#nieuws #omschrijving h3 {
	font-size : 22px;
	margin : 0;
	font-weight : normal;
	padding-bottom : 15px;
	text-align : right;
	letter-spacing : 2px;
	line-height : 125%;
}

#nieuwscontentcontainer {
	/* margin-right: -3px; IE6 bugfix duplicate characters bug */
	float: left;
}

#nieuwspictekst {
	float: left;	
}

#auteurdatum {
	float : left;
	width : 158px;
	font-family : impact, 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
	margin-left : 15px;
	padding-top : 25px;
	color : #666666;
	font-size : 130%;
	line-height : 180%;
	border : 0 solid #ff00ff;
	text-transform : capitalize;
}

#auteurdatum * {
	font-family : 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
}

#nieuwspic {
	float : left;
	width : 390px;
	margin-top : 20px;
	margin-bottom : 12px;
}

#nieuwspic img {
	border : 0 solid #ec008c;
	margin : 0;
}

#nieuwstekst {
	margin : 15px 0 0 0;
	border : 0 solid #ff0000;
	width : 390px;
}

#nieuwstekst P {
	padding : 0 0 0 0;
	line-height : 140%;
	margin-bottom : 15px;
	font-size: 110%;
}

#nieuwstekst hr {
	border : 0;
	color : #ec008c;
	background-color : #ec008c;
	height : 2px;
	width : 100%;
	text-align : left;
	margin : 10px 0;
}

#nieuwstekst h3 {
	font-size : 160%;
	margin : 0;
	padding-bottom : 20px;
	color : #ec008c;
	letter-spacing : 1px;
	font-weight : bold;
}

#nieuwstekst h4 {
	font-size : 110%;
	margin : 0;
	padding-bottom : 20px;
	color : #ec008c;
	letter-spacing : 1px;
	font-weight : bold;
	font-family : 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
	}

#nieuwstekst h5 {
	font-size : 100%;
	margin : 0;
	padding-bottom : 5px;
	letter-spacing : 1px;
	font-weight : bold;
	font-family : Verdana, sans-serif;
}

.reageren p {
	color : #666666;
}






/* klanten */



#klanten {
width: 980px;
	overflow: hidden;
}

#klanten div {
	width: 100em;
	height: 1.8em;
	overflow: hidden;
	padding: 4px 0px 1px 0px; 
	font-family: 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
	font-size : 140%;
	background-color: #f1ede8;
	margin: 6px 0px 5px -70px;
	color: #ec008c;
	line-height: 20px;
}

#klanten div a {
margin-left: 20px;
}

#klanten div p {
margin-left : 20px;
display : inline;
font-family: 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;

}

.bruin p {
	color: #663300;	
}

.magenta p {
	color: #ec008c;
}


#klanten h2 {
	text-align: right;
	font-family: 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
	font-size : 30px;
	padding: 0px 0px 0px 0px;
	margin: 40px 5px 10px 0px;
	color: #663300;
	letter-spacing: 2px;
	line-height: 1em;
}


/* video algemeen */

#videobody {
	background-color: #000000;	
}

#videobody a:hover {	
	color: #999999;
}


#videobody p,#videobody span,#videobody a,#videobody a:visited, #videobody #pagecounter {	
	color: #ffffff;
}

#videobody a:hover {	
	color: #666666;
}

/* video thumbs */


#videogallery {
	background-color : #191919;
	width : 980px;
	height: 358px;
	margin : 0;
	margin-top : 15px;
	float : left;
}

#videogallery #countdown {
	float : left;
	width : 120px;
	overflow : hidden;
}

#videogallery #countdown span {
	display : block;
	font-family : 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
	margin-left : -45px;
	font-size : 170px;
	overflow : hidden;
	padding-top : 89px;
	color : #727272;
}

#videogallery #countup {
	float : right;
	width : 44px;
	overflow : hidden;
}

#videogallery #countup span {
	display : block;
	font-family : 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
	margin-left : 48px;
	font-size : 170px;
	overflow : hidden;
	padding-top : 89px;
	color : #727272;
}



#videogallery #omschrijving {
	float : left;
	width : 298px;
	padding-right : 42px;
	overflow : hidden;
	margin-top : 25px;
}

#videogallery #omschrijving p {
	line-height : 160%;
	color: #ffffff;
	padding-right : 20px;
}

#videogallery #omschrijving h1 {
	font-size : 40px;
}

#videogallery #show {
	float : left;
	width : 420px;
	border-bottom : 8px solid #191919;
	border-top : 8px solid #191919;
	padding-top: 34px; 
}

#videogallery #show img {
	border : 0 solid #ec008c;
	margin : 0;
	
}



/* video flash */


#videoflash {
	background-color : #191919;
	width : 980px;
	height: 358px;
	margin : 0;
	margin-top : 15px;
	float : left;
}

#videoflash #countdown {
	float : left;
	width : 120px;
	overflow : hidden;
}

#videoflash #countdown span {
	display : block;
	font-family : 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
	margin-left : -45px;
	font-size : 170px;
	overflow : hidden;
	padding-top : 89px;
	color : #727272;
}

#videoflash #countup {
	float : right;
	width : 90px;
	overflow : hidden;
}

#videoflash #countup span {
	display : block;
	font-family : 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
	margin-left : 48px;
	font-size : 170px;
	overflow : hidden;
	padding-top : 89px;
	color : #727272;
}

#videoflash #omschrijving {
	float : left;
	width : 238px;
	padding-right : 12px;
	overflow : hidden;
	/* height : 297px; */
	margin-top: 60px;
}

#videoflash #omschrijving a {
	color : #ec008c;
}

#videoflash #omschrijving p {
	line-height : 160%;
	color: #ffffff;
	padding-right : 20px;
}

#videoflash #omschrijving h1 {
	font-size : 40px;
}

#videoflash #omschrijving h2 {
	font-size : 30px;
	margin : 0;
	padding-bottom : 20px;
	color: #ec008c;
	font-weight: normal;
}

#videoflash #omschrijving h2 span {
	font-weight: normal;
	font-size: 50%;
	display: block;
	margin-bottom: 12px;
	letter-spacing : 1.8px;
}

#videoflash #show {
	float : left;
	width : 420px;
	padding-top: 25px; 
}

#videoflash #show img {
	border : 0 solid #ec008c;
	margin : 0;
	
}

#videoflash #wrapper {
	width : 510px;
	height : 310px;
	overflow : hidden;
	float : left;
}

#videoflash #placeholder {
	width : 510px;
	height : 287px;
	z-index : 1;
	overflow : hidden;
	display: block;
	position: absolute;
	float: left;
	color: #ffffff;
}

#videoflash #overlaag {
	width : 510px;
	height : 287px;
	z-index : 200;
	position: absolute;
	margin: 0;
	padding:0;
	display: block;
	/* opacity : 0.9; verwijderd omdat FF mac geen opacity met transparante flash kan verenigen */
	filter : alpha(opacity=90);
	float : left;

}

#videoflash #overlaag2 {
	width : 510px;
	height : 287px;
	z-index : 200;
	position: absolute;
	margin: 0;
	padding:0;
	/*background-color: #ff0000;
	opacity : 0.001; verwijderd omdat FF mac geen opacity met transparante flash kan verenigen   */
	filter : alpha(opacity=0.001);
	float : left;
	display : none;
}

#videoflash #playbutton {
	position : relative;
	z-index : 3;
	overflow : hidden;
	float : left;
	margin-right : 3px;
}

#videoflash #soundbutton {
	position : relative;
	z-index : 3;
	overflow : hidden;
	float : left;
}

#videoflash #progressbar {
	position : relative;
	width : 452px;
	height : 17px;
	z-index : 4;
	overflow : hidden;
	float : left;
	margin-right : 3px;
}

#videoflash #chrome {
	z-index : 2;
	height : 19px;
	width : 508px;
	background-image : url(../video/pix/controlbar_empty.gif);
	background-repeat : no-repeat;
	padding : 2px;
	display : none;
	position: relative;
	top: 288px;
}


#videoflash #countup span#dubbelup {
	letter-spacing : -30px;
	margin-left : 0px;
}

/* 
#bigtime {
	font-family : 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
	padding : 0;
	border: : 0; 
	float: left;
	display: block;
	color : #ec008c;
	font-size : 165px;
	width: 500px;
	line-height: 90%;
	font-weight: normal;
	margin-top : 10px;
}
*/

#bigpic {
	float : left;
	margin : 0px;
}

#bigpic img {
	background-color : #ffffff;
	margin : 8px 0px 8px 0px;
	width : 510px;
	height : 340px;
}

#portfolio-index ul li a, #omschrijving ul li a {
	font-size : 15px;
	line-height : 130%;
	color : #663300;
	font-family : 'Gill Sans', 'NO_Century NO_Gothic', 'Trebuchet MS', Verdana, sans-serif;
}

#portfolio-index ul li a:hover, #omschrijving ul li a:hover {
	color : #666666;
}

#blokhouder {
	height: 200px;	
} 

.pfblok {
			
	width: 200px;
	display: block;
	float: left;
	border: 0px solid red;
	margin-right: 70px;
	margin-bottom : 30px;
	height: : 500px;
} 
		

/* cases */

#cases {
	float : left;
	margin-top : 20px;
	margin-bottom : 50px;
	width : 870px;
	margin-left : 110px;
	display : inline; /* IE6 fix */
}


#cases #casestekst h1 {
	font-size : 60px;
	margin : 0;
	padding-bottom : 10px;
	letter-spacing : 4px;
	color : #663300;
	padding : 0px;
	margin : 0px;
}

#casestekst {
	float : left;
	margin : 0px 0 0 0px;
	border : 0 solid #f00;
	width : 450px;
	border : 0px solid;
	padding-top : 20px;
}

#casestekst p {
	padding : 0px;
	line-height : 150%;
	font-size : 120%;
}

.casehead {
	background-color : #ec008c;
	margin : 15px 0 0;
	padding : 0 0 0 35px;
}


.casehead h1 {

	font-size : 36px;
	margin : 0;
	letter-spacing : 4px;
	padding : 0px 0px 0px 0px;
	margin : 0px;
	color : #ffffff;
}


.caseblok img {
	border : solid #ffffff 1px;
	margin-bottom : 15px;
}
.casemagenta {
	color : #ffffff;
	background-color : #ec088c;
}


.casemagenta .meer {
	color : #ffffff;
}


.casegrijs {
	color : #663300;
	background-color : #eeeeee;
}

.casewit {
	color : #663300;
	background-color : #ffffff;
}


.caseblok h3 {
	font-size : 200%;
}

.caseblok h2 {
	font-size : 650%;
	line-height : 100%;
}



.caseblok p {
	font-size : 120%;
	line-height : 150%;
}



.casegrijs h3 {
	color : #ec088c;
}


.caseintro {
	border-bottom : 1px solid #ec088c;
}


.caseintro h3 {
	color : #663300;
	padding : 0px 10px;
}


.caseintro ul {
	color : #ec08c8;
	padding-top : 10px;
}


.caseintro li {
	color : #ec08c8;
	padding : 1px 0px 10px 10px;
	font-size : 120%;
}

.caseintro div {
	margin-bottom : 20px;
}


.casespaceleft {
	margin-right : 15px;
}

.casespaceright {
	margin-left : 15px;
}


.section {
	overflow : auto;
	position : relative;
}
.section .caseblok {
	float : left;
	margin-top : 20px;
	padding-bottom : 20px;
}

.caseblok p, .caseblok h2, .caseblok h3, .caseblok img, .caseblok ul {
	margin : 13px 13px 5px 13px;
}

.caseblok div {
	position : absolute;
	top : 27px;
	bottom : 0px;
	z-index : -1;
}

  .casewidth66 {
	width : 568px;
	margin-left : -5px;
}

.casewidth60 {
	width : 522px;
}

.casewidth50 {
	width : 420px;
}

.casewidth40 {
	width : 348px;
}

.casewidth33 {
	width : 282px;
}


.bgmagenta {
	background : #ec088c;
}

.bggrijs {
	background : #eeeeee;
}

.bgwit {
	background : #ffffff;
}


.caseextratopp {
	padding-top : 10px;
}


.caseblok .meer {
	display : block;
	float : right;
	padding : 0px 13px 0px 0px;
}

/* / cases */