/* ====================================================
	Title:		Screen Style Sheet - Mijksenaar
	Author:		Harm Wimmenhove @ Siyou
	Site:		http://harm.glucose-ontwerp.nl
	Date:		2009.01.21
==================================================== */

/* v1.0 | 20080212  reset styles meyberweb.com */
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;
}

.caption {font-size: 1em;}

ol, ul {margin: 0 0 5px 20px; font-size: 1.2em;}

.sidebar ul {margin: 0; list-style: none; font-size: 1.0em;}
#mainnav {margin: 0; list-style: none;}
.left-col {margin: 0; list-style: none;}
.list-items {margin: 0; list-style: none; font-size: 1.0em;}
.project-list {margin: 0; list-style: none; font-size: 1.0em;}

:focus { outline: 0; }

legend { display: none; }
label { cursor: pointer; }

img { display: block; margin-bottom: 3px;}

body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 10px */
	line-height: 1.2; 
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 100%;
	background:#f0f0f0 url(../img/bg.gif) repeat-y center 0%;
}

strong, em, b, i, h4 {
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}


a { color: #000; border-bottom: 1px solid #f5c725; background: #fcf5cc; text-decoration: none;}
a:hover { color: #000; border-bottom: 1px solid #f5c725; background: #f5c725; text-decoration: none;}
p a:visited { color: #000; border-bottom: 1px solid #f5c725; background: f5c725; text-decoration: none;}

@font-face{ font-family: 'GillAltMT'; 
			src: url('font/gillaltonemt-webfont.eot'); 
			src: url('font/gillaltonemt-webfont.eot?#iefix') format('embedded-opentype'),
			url('font/gillaltonemt-webfont.woff') format('woff'), 
			url('font/gillaltonemt-webfont.ttf') format('truetype'), 
			url('font/gillaltonemt-webfont.svg#webfont') format('svg'); 
}

/* layout */
#container { 
	position: relative;
	width: 924px;
	min-height: 540px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;
	background: #fff;
	margin-top: 0px;
	margin-bottom: 0px;	
}
h1 {
	width: 100%;
	height: 36px;
	background: #fc0;
	margin: 0 0 105px 0;
}
	h1 a,
	h1 a:visited {
		position: absolute;
		left: 10px;
		top: 0;
		width: 150px;
		height: 36px;
		background: url(../img/mijksenaar.gif) no-repeat;
		border: 0;
		z-index: 300;
	}
	
	h1 a:hover {
	background: url(../img/mijksenaar_hover.gif) no-repeat;
        border: 0;
	}

#mainnavcontainer {
	position: absolute;
	width: 924px;
	overflow:hidden;
	z-index: 100;
	left: 10px; 
	top: 0px;
	height:110px;
}
/* mainnav */
#mainnav {
	position: absolute;

	width: 924px;
	background: url(../img/mijksenaar.gif) no-repeat;
	
	height:110px;
	
	font-family: "GillAltMT", Verdana, Arial, Helvetica, sans-serif;
}

	#mainnav li { 
		position: relative;
		float: left;
		display: inline;
		color: #000000;
	}
		#mainnav li a {
			width: 158px;
			height: 30px;
			margin: 43px 0 0 0;
			display: block;
			border-right: 2px solid #808080;
			border-bottom: 0;
			background-color: #fff;
			font-size: 1.9em;
			line-height: 1.5em;
			text-indent: 24px;
			color: #000000;
		}
		#mainnav li a:hover,
		#mainnav li a.active {
			background-color: #fff;
			font-size: 1.9em;
			line-height: 1.5em;
			text-indent: 24px;
			text-decoration: none;
		}
	
		#mainnav #nav_shop a:hover,
		#mainnav #nav_shop a.active {}		
		#mainnav #nav_shop a {
			width: 104px;
			margin: 0 0 0 10px;
			padding: 7px 0 7px 0;
			border: 0;
			border-top: 36px solid #fc0;
		}
			
			/* subnav */
			#mainnav li ul { 
				position: absolute;
				/*top: 77px;*/
				top:73px;
				left:0;
				text-indent: 0;
				display: none; 	
				background: none;
			}
				#mainnav li ul a {
					width: 158px; /* was 185px */
					height: 30px;
					margin: 0;
					display: block;
					font-size: 1.3em;
					line-height: 1.5em;
					text-indent: 24px;
					text-decoration: none;
					border-width: 2px 0 0 0;
					border-style: solid none none none;
					border-color: #fff;
					background: #fff5cc;
				}
				#mainnav li ul a.active {
					font-size: 1.3em;
				}				
				#mainnav li ul li a:hover {
					position: static;
					top: 0;
					left: 0;
					font-size: 1.3em;
					border-width: 2px 0 0 0;
					border-style: solid none none none;
					border-color: #fff;
					background: url(../img/subnav_hover.gif) 0 0 no-repeat #fc0;
					color:#fff;
				}
			#mainnav li:hover ul {
				display: block; 
				margin: 0 0 0 0;
				background: none;
				z-index: 100; 
			}

/* breadcrumb */
#active-item { 
	position: absolute;
	top: 73px;
	height: 30px;
	display: block;
	font-size: 1.9em;
	line-height: 1.6em;
	text-indent: 21px;
	border:2px solid #fff;
	background:#fc0;
	color:#fff;
	float: left;
	overflow: hidden;
}
	/* under which mainnav item? */
	.position-0 {
		left: 10px;
		width: 156px;
	}
	.position-1 {
		left: 168px;
		width: 158px;
	}
	.position-2 {
		left: 328px;
		width: 158px;
	}
	.position-3 {
		left: 488px;
		width: 158px;
	}
	.position-4 {
		left: 648px;
		width: 158px;
	}

.pagetitle-left {
	width: 100%;
	margin: 0 0 2.4em;
	padding: 0 0 4px;
	text-indent: 20px;
	border-bottom: 1px solid #fc0;
}
.pagetitle-middle {
	width: 642px;
	clear: both;
	text-indent: 0px;
    /*	border-bottom: 1px solid #fc0; */
}

.pagetitle-middle-link {
	width: 479px;
	clear: both;
	margin-bottom: 10px;
	text-indent: 0px;
	border-bottom: 1px solid #fc0;
}

/* primary-content */
h2, 
h3 { 
	font-size: 1.6em;
	line-height: 1.5em;
	font-weight: normal;
	margin: 0 0 1.0em 158px;
	}
	h2 a,
	h3 a {
		color: #000;
		border: 0;
		text-decoration: none;
		background: none;
	}
	h2 a:hover,
	h3 a:hover {
		background: none;
		border: 0;
	}
.primary-content,
.news-item,
.project-list {
	width: 482px;
	float: left;
	display: inline;
	margin: -0.4em 0 0 0;
}
#home .primary-content {
    width:609px;
    padding:0 0 0 27px;
}
#home .videocontainer {
    width:609px;
    height:343px;
    margin:0 0 20px 0;
}

/* primary blocks */

#home .primary-blocks {
    clear:both;
    float:left;
    list-style-type:none;
    margin:0;
    padding:0;
    width:609px;
}
#home .primary-blocks li {
    float:left;
    margin:0;
    padding:0;
    width:197px;
    padding-right:9px;
}
#home .primary-blocks .last {
    float:left;
    margin:0;
    padding:0;
    width:197px;
}
#home .primary-blocks .blockimage {
    margin:7px 0 11px 0;
}
#home .primary-blocks li h2{
    font-size:14px;
    font-weight: bold;
    margin:0;
    padding:0;
}
#home .primary-blocks .morelink {
    position: relative;
    background-color: #fff;
    margin:10px 0 10px 0;
    padding-right: 20px;
    border-bottom:0;
    font-size:11px;
    font-weight: bold;
}
#home .primary-blocks .morelink img {
    position: absolute;
    top: 0;
    left: 65px;
    display: inline-block;
}
#home .primary-blocks .blokcontent p{
    font-size:0.917em;
}
.banner a {
    border:0;
}
.news-item .subscript {font-style:italic; }

.vacature-item {
	width: 460px;
	float: left;
	padding-left: 140px;
	margin: -0.4em 0 0 2em;
}
.vacature-item h2{
	margin: 0 0 1.0em 0;
}

.vacature-item h3{
	margin: 0 0 1.0em 0;
	font-size: 1.5em;
}

	p, label { 
		font-size: 1.2em;
		line-height: 1.4em;
		margin: 0 0 1.4em 0;
	}

/* images-left */
.left-col {
	width: 140px;
	margin: 0 16px 0 0;
	float: left;
	display: inline;
}
	.left-col h4 {
		margin: 0 0 2px;
		padding: 0 0 0 6px;
		background: #ffcc00;
		font-size: 1.0em;
		font-weight: bold;
		line-height: 1.6em;
	}
	.left-col li {
		padding: 0;
		list-style-position: outside;
	}
		.left-col li img {
			width: 140px;
			margin: 0 0 30px 0;
		}
		.left-col h4 a {
			text-decoration: none;
			background: #ffcc00;
		}
		.left-col h4 a:hover {
			text-decoration: none;
		}
		.left-col li a:hover {
			text-decoration: none;
		}
	
/* sidebar */
.sidebar {
	float: right;
	display: inline;
	margin: 0 124px 0 10px;
	width: 152px;
}
#home .sidebar {
	margin: -4px 124px 0 10px;
}
	.searchbox .tf,
	.sidebar .tf {
		width: 144px;
		height: 20px;
		padding: 4px 0 0 6px;
		background: #fff5cc;
		border: 1px solid #8b9298;
		font-size: 1em;
	}
	
	.sidebar h4 {
		margin: 30px 0 2px;
		padding: 0 0 0 6px;
		background: #ffcc00;
		font-size: 1.0em;
		font-weight: bold;
		line-height: 1.6em;
	}
	.sidebar li a,
	.left-col li a {
		margin: 0 0 2px 0;
		padding: 0 0 0 6px;
		color: #000;
		font-size: 1.0em;
		line-height: 1.6em;
		text-decoration: none;
		border: 0;
		background: #fff5cc;
		display: block;
	}
		.sidebar li a.active,
		.left-col li a.active {
			background: #fc0;
			color: #fff;
			text-decoration: none;
		}
		
		.sidebar li a:hover {
			text-decoration: none;
			border: 0;
		}

        .sidebar .selectblock {
            margin: 30px 0 0 0;
        }

/* news */
.prev,
.next,
.left-col .prev,
.sidebar .next {
	font-size: 1.1em; 
	line-height: 1.4em;
	text-decoration: none;
	border: 1px solid #fff;
	display: block;
}
.prev,
.left-col .prev { 
	padding: 0 0 24px 24px; 
	background: url(../img/prev.gif) 2px 2px no-repeat #fff;	
}
.left-col .empty { 
	padding: 0 0 24px 24px; 
}
.next,
.sidebar .next {
	padding: 0 24px 24px;
	text-align: right;
	background: url(../img/next.gif) 99% 2px no-repeat #fff;
}


.news-item h2 { margin: 0; display: inline; }
.news-item .date { font-size: 1.2em; }
.news-item hr { border: 0px; border-bottom: 1px solid #FFCC00; margin: 0.5em 0 0 0; }


/* list items pages */
.list-items {
	float: left;
	display: inline;
	z-index: 0;
}
	.list-items li {
		display: inline;
		clear: both;
		float: left;
		padding: 0 0 0 158px;
		width: 460px;
		margin: 0;
		height: auto;
	}
	
	.list-items li hr {
 		border-bottom: 1px solid #ffcc00; height: 1px; margin-bottom: 10px;
 		border-top: #fff;		
	}
	
	.list-items h2 {
		margin: 0;
		
	}
	
	.list-items h3 {
		margin: 0;
		font-size: 1.4em;
		font-weight: bold;
		
	}
		.list-items h2 a {
			border: 0;
			text-decoration: none;
		}
		.list-items h3 a {
			border: 0;
			text-decoration: none;
		}
		.list-items li img  {
			float: left;
			margin: 7px 0 5px -150px;
			width: 140px;
		}
              
	.small { font-size: 1.2em; line-height: 1.4em; margin: 0 0 0.3em 0; }

/* projects */
.project-list {
	margin: 0;
}
	.project-list h3 {
		/* margin: -0.3em 0 0 0; */
                margin: 0;
	}
	.project-list img {
		position: absolute;
		left: 0;
		top: 0;
		width: 142px;
	}
	.project-list li {
		position: relative;
		margin: 0 0 2.4em;
		padding: 0 0 0 158px;	
		min-height: 150px;
		overflow: hidden;
	}
		.project-list p,
		.list-items p {
			/*display: inline;*/
			margin: 0 0 1.4em 0;
		}
		/* display: inline-block != IE6 */
		.project-list li a.next,
		.list-items li a.next { 
			width: 18px;
			height: 20px;
			margin: 0 0 0 3px;
			padding: 0;
			line-height: 2.0em;
			text-indent: -9999px;
			white-space: nowrap;
			display: inline-block;
			overflow: hidden;
			background-image: url(../img/next.gif);
			background-repeat: no-repeat;
			border-bottom: none;
		}
.yellowline {
    border-bottom: 1px solid #fc0;
	font-size: 1.0em;
	width: 480px;
    margin-bottom: 10px;
    margin-left: -3px;
}
	
/* forms */
.tf { 
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.4em;
}

/* footer */	
.footer { height: 25px; clear: left; overflow: hidden;
	margin-left: 155px;
	width: 480px;
	clear: both;
	border-bottom: 1px solid #fc0;
	font-size: 1.0em;
}
	
	.footerlinks {
		margin: 5px 0 20px 155px;
	}
	
	.footerlinks #twitter {
		float: right;
		padding-right: 290px;
	}

#home .footer {
    margin-left:27px;
    width:870px;
}
#home .footerlinks {
    margin:5px 0 20px 27px;
}
#home .footerlinks #twitter {
    float:right;
    padding-right:287px;
}
	
/* hide */
#mainnav li a { 
	text-decoration: none;
	display: block;
	overflow: hidden;
}

h1 a {text-indent: -9999px;}

/**
Contact Formulier CSS
**/

fieldset#frm,
fieldset#jobform,
fieldset#blogform {
	margin: 20px 0 0 0;
	display: none;
}

fieldset#frm,
fieldset#blogform,
fieldset#jobform,
fieldset#contactusform {
	border: 0px;
	text-align: right;
	width: 482px;
}
fieldset#frm li label,
fieldset#blogform li label,
fieldset#jobform li label,
fieldset#contactusform li label {
	margin-left: 14px;
	line-height: 20px;
	margin-bottom: 0;
	width: 150px;
	float:left;
	text-align: left;
}
#frm legend,
#blogform legend,
#jobform legend,
#contactusform legend {
	display:none;
}

#frm li,
#frm label, 
#frm input, 
#frm textarea,
#blogform li, 
#blogform label, 
#blogform input, 
#blogform textarea,
#jobform li, 
#jobform label, 
#jobform input, 
#jobform textarea,
#contactusform li, 
#contactusform label, 
#contactusform input, 
#contactusform textarea {
	background-color: #fff5cc;
	text-align: left;
}
#frm input,
#blogform input,
#jobform input,
#contactusform input {
	height: 20px;
	line-height: 20px;
}
#frm input, 
#frm textarea,
#blogform input, 
#blogform textarea,
#jobform input, 
#jobform textarea,
#contactusform input, 
#contactusform textarea { 
	line-height: 20px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	border: 0px; 
	border-left: 2px solid #fff;
	width: 310px;
}
#frm textarea,
#blogform textarea,
#jobform textarea,
#contactusform textarea {
	height: 120px;
	overflow: auto;
	font-size: 1.1em;
}
#frm .first,
#blogform .first,
#jobform .first,
#contactusform .first {
	text-align: left;
	font-size:1.4em;
	font-weight:bold;
}

#frm .first span,
#blogform .first span,
#jobform .first span,
#contactusform .first span {
	padding-left: 14px;
	font-size: 1.0em;
}
#frm .first, #frm .last,
#blogform .first, #blogform .last,
#jobform .first, #jobform .last,
#contactusform .first, #contactusform .last {
	background-color: #ffcc00;
	height: 32px;
	line-height: 30px;
}
#frm .last,
#blogform .last,
#jobform .last,
#contactusform .last {
	text-align: right;
}
#frm li,
#blogform li,
#jobform li,
#contactusform li {
	float:left;
	width: 100%;
	border-bottom: 2px solid #fff;
	clear: both;
}
#frm ul,
#blogform ul,
#jobform ul,
#contactusform ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}
#frm .emailformfield,
#blogform .emailformfield,
#jobform .emailformfield,
#contactusform .emailformfield {
	display:none;		
}
#frm #submit,
#blogform #submit,
#jobform #submit,
#contactusform #submit {
	background-color: #ffcc00;
	border: 0px;
	text-align: right;
	margin: 0 5px 0 0;
	padding: 0;
	height: 30px;
	width: 120px;
	font-weight: bold;
	cursor: pointer;
}
#jobform .legend {
	padding:14px 0 0 14px;
	font-size:0.9em;
}

#apply {
	margin: 20px 0 0 0;
	float: left;
	background-color: #fc0;
	height: 20px;
	width: auto;
	text-align: center;
	font-size:1.4em;
	font-weight: bold;
	cursor: pointer;
	color: #000000;
	text-indent: 5px; 
	padding: 0 5px 0 0; 
}
#galleryplayer {
 height: 300px; 
 background-color: #ffcc00;
}

#gallery {
	 margin-top: 12px;	
}
ul.gallery {
	margin:0 0 5px 0;
}
.gallery li.galimg {
	list-style:none;
	display:block;
	min-height: 350px; height: auto; margin: 0 0 10px 0; padding: 0;}
	
	/*.gallery img {
		margin: 0; padding: 0;
		position: absolute;
		left: 0;
		top: 0;
		width: auto;
		height: auto;}
	*/
		
.taalswitch {position: absolute;width: 110px;height: 25px; z-index: 999;}
#postedby {font-size: 11px;}
#comment {margin: 15px 0; font-size: 11px;}
#rss {/*position: absolute; top: 135px; right: 246px;*/ margin-bottom:5px;}
#rssblog {position: absolute; top: 121px; right: 246px;}
.rmore {background: url(../img/next3.gif) no-repeat 0% 5px; }
.rmore:hover {background: url(../img/next3.gif) no-repeat 0% 5px; }
.rmore3 {background: url(../img/next3.gif) no-repeat 0% 1px; }
.rmore3:hover {background: url(../img/next3.gif) no-repeat 0% 1px; }
.rmore_lnk {background: url(../img/next_lnk.gif) no-repeat 0% 1px;}
.rmore_lnk:hover {background: url(../img/next_lnk.gif) no-repeat 0% 1px;}
#homelnk {width: 800px; height: 35px; z-index: 9999; }
.blog {clear: both; float: left; height: auto; width: 630px;}
.blogimg {float: left; width: 140px; margin-right: 10px; min-height: 50px; margin-top: 3px;}
.blogtext {float: left; width: 470px; height: 100%;}
.clear {clear: both;}
.langswitch {/*position: absolute; left: 10px; top: 129px;*/ margin-left:10px;}


#photosliderContainer {position:relative; display:block; width:609px;  height:343px; margin:0 0 20px 0;}
#photosliderContainer #sliderBar {
    position:absolute;
    bottom:0;
    left:0;
    z-index:100;
    width:100%;
    height:28px;
}
#photosliderContainer #sliderBar #sliderControlsBack {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000000;
    z-index:1;
    
     opacity: .5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
     filter: alpha(opacity=50);
}
#photosliderContainer #sliderBar #sliderCaption{
    position:relative;
    float:left;
    color:#fff;
    z-index:3;
    font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    font-size:1.2em;
    padding:6px 0 0 10px;
    font-weight: normal;
}
#photosliderContainer #sliderBar #sliderControls{position:relative; float:right; width:84px;z-index:2;}
#photosliderContainer #sliderBar #sliderControls a{border-bottom:0;}
#photosliderContainer #sliderBar #sliderControls #sliderPrev{
    display:block; width:28px; height:28px; float:right;
    background: url('img/slider_prev.png') no-repeat;
    text-indent:-9000px;
}
#photosliderContainer #sliderBar #sliderControls #sliderPlayPause{
    display:block; width:28px; height:28px; float:right;
    background: url('img/slider_playpause.png') no-repeat;
    background-position:0 0;
    text-indent:-9000px;
}
#photosliderContainer #sliderBar #sliderControls #sliderNext{
    display:block; width:28px; height:28px; float:right;
    background: url('img/slider_next.png') no-repeat;
    text-indent:-9000px;
}
#photosliderContainer #sliderBar #sliderControls .pause {background-position:0 -28px !important;}


#photosliderContainer #loading {position:absolute; top:0; left:0; z-index:101; background:#fff;}
#photosliderContainer sliderStill {position:absolute; top:0; left:0; z-index:99;}

#photosliderContainer #inner img,
#photosliderContainer #inner {position:absolute; top:0; left:0;}
#photosliderContainer #inner {z-index:98;}

/*******************************************************\

|	BACKTOTOP											|

\*******************************************************/

	#backtotop { position: absolute; }
	#backtotop.shown {visibility: visible;}
	.i {visibility: hidden;}
	
#warning {display: none;}	
/*******************************************************\

|	flashnav											|

\*******************************************************/

#flashnav {overflow:hidden;}