/*==================
Basics 
==================*/
body {
	background: url(/images/layout/bg.gif) #fff repeat-x ;
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #3e3e3c;
}
.slide-out-div {
    padding: 20px;
    width: 200px;
    background: #fff;
	height: 42px;
}      


div#bottom {
	background-color: #191919;
	margin: 0 auto;
	height: auto !important;
	min-height: 261px;
	color: #fff;
	
}
img#fullimg {
		border: 1px solid #9F9F9F;

}
#bottom #linkblock {
	    width:990px;
	    margin:	0 auto;
		padding: 30px;
}
#bottom h2 {
		font-size: 28px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		margin: 0px 0px 0px 16px;
		color: #59892F;
	
}

#bottom #linkblock ul.linklist {
		margin: 20px 0 0 0;
		padding: 0px 0px 20px 0px;
		float: left;     
		border-bottom: dashed thin #59892F;
}
#bottom #linkblock ul.linklist li {
		display: block;
		margin: 0px;
		padding: 2px;
		list-style-type: none;
		color: #fff;
		float: left;
		width: 192px;
		
}

#bottom #linkblock ul li a,
#bottom #linkblock ul li a:link,
#bottom #linkblock ul li a:visited {
		text-decoration: none;
	    color: #fff;
		/*background:  url(/images/layout/bullit.gif) 0px 4px no-repeat;*/
    	padding: 0 0 0 14px;	
}
#bottom #linkblock ul li a:hover {
	    color: #26AFFC;
    }

div#adress {
	float: left;
	line-height: 24px;
	margin-left: 28px;
	padding: 12px 0 0 26px;
	width: 203px;
	height: 164px;
    background:  url(/images/layout/bg_adress.gif) 0px 0px no-repeat;
}
div#adress a, div#adress span{
	
    padding: 0 0 0 28px;
	height: 24px;
	
	
}

div#adress a.email {
    background:  url(/images/layout/mail.gif) 0px -2px no-repeat;
}
div#adress span.phone {
    background:  url(/images/layout/phone.gif) 0px -2px no-repeat;
}
div#adress a.twitter {
    background:  url(/images/layout/twitter.gif) 0px -2px no-repeat;
}
div#adress a.hyves {
    background:  url(/images/layout/hyves.gif) 0px -2px no-repeat;
}
div#adress a.linkedin {
    background:  url(/images/layout/linkedin.gif) 0px -2px no-repeat;
}
div#adress span.copyright {
    background:  url(/images/layout/copyright.gif) 0px -2px no-repeat;
}


div#container {
	position: relative;
	min-height: 100%;
	margin: 0 auto;
	width: 990px;
	
	


}
div#sitename {

color: #FFF;
margin-left: 0px;
height: 30px;

}
div#sitename h1{
font-size: 18px;
line-height: 30px;
display: none;

}
div#header {
	position: relative;
	background: url(/images/layout/header-bg_black.png) repeat-x;
	height: 153px;
}
	
	div#header p {
		position: absolute;
		top: 95px;
		right: 25px;
		color: #fff;
		font-size: 22px;
		font-family: eurostile, arial, verdana; /* eurostile for the lucky few */
	}
	

div#project {
	width: 900px;
	height: 260px;
	margin-top: 24px;
	margin-left: 82px;
	color: #FFF;

}
div#project div.divFotos img {
	float: left;

}
div#project p {
	width: 430px;
	height: 250px;
	margin-top: 0px;
	margin-left: 20px;
	float: left;
	padding: 0px;
}
div#projectheader h2 {
	font-size: 18px;
	font-weight: bold;
	height: 20px;
	position: relative;
	left: 20px;


}
div#project a {
		color: #fff;
		
	}
		
div#project a:hover {
		color: #fff;
	}
div#wrap {
	margin-top: 0px;
	height: 392px;
	
	
}
div#menu {
	margin-top: -34px;
	height: 33px;
	background: url(/images/layout/bg_mainmenu.gif) repeat-x;
	border-top: 1px solid #808080;
}
	
	ul#navigation {
		margin: 0;
		padding: 0;
	}
	
	ul#navigation li {
		list-style: none;
		display: inline;
	}

	ul#navigation li a {
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
		display: block;
		float: left;
		height: 33px;
		line-height: 33px;
		font-size: 11px;
		padding: 0 15px;			
		border-right: 1px solid #808080;
	}
		
	ul#navigation li a:hover, ul#navigation li a.current  {
		color: #12a0be;
	}

div#content {
	width: 990px;
	height: auto !important;
	min-height: 454px;
	margin: 0 auto;	
	color: #66605a;
	background-color: #FFF;
	background: url(/images/layout/bg_rightblock.png) repeat-y;
	background-position: bottom right;
	overflow: hidden;

}
div#rightblock_top {
	height:324px;
	width: 269px;
	margin-top: 0px;
	position: absolute;
	top: 36px;
	right: 0px;
	background: url(/images/layout/bg_rightblock.png) repeat-y;
}
	a#logo {
		background: url(/images/layout/logo.gif) no-repeat 0px 0px;
		display: block;
		height: 37px;
		width: 245px;
		margin: 6px 6px 30px 6px;
	}
	
		a#logo span {
			display: none;
		}
div#rightblock {
	float: left;
	height:auto !important;
	min-height:454px;
	width: 269px;
	margin-top: 0px;
}
div#rightblock div.sideBlock {
	margin:5px 20px 0px 20px;
	width: 220px;
	background: url(/images/layout/bottomline.gif) no-repeat;
	background-position: bottom;
	padding-bottom: 10px;
	min-height:80px;
	height:auto !important;
		
}
div#rightblock div.sideBlock p{
	margin:0px;
	line-height: 18px;
}
div#rightblock div.sideBlock img, div.bigBlock div.column img, div.halfBlock img{
	float: left;
	margin: 5px 5px 0px 0px;
}

div#rightblock_head {
	float: right;
	width: 269px;
	height:34px;
	margin:-1px 0 0 0;
	background: url(/images/layout/bg_rightblock.png) repeat-y;
}
div#rightblock_head h2 {
	font-size: 18px;
	font-weight: bold;
	color: #11adc5;
	margin-left: 20px;
	margin-top: 7px;
	padding: 0px;
	width: 226px;
	
}
div.rightitem {
	margin-left: 15px;
	margin-top: 5px;
	padding-top:5px;
	width: 226px;
	height: 120px;
	background: url(/images/layout/bottomline.gif) no-repeat 0px 120px;
}
div.rightitem h2{
	font-size: 18px;
	font-weight: bold;
	height: 18px;
	margin: 0px;
	margin-bottom: 4px;
}
div.rightitem img.rightarrow{
	margin-top: 22px;
	margin-left: 25px;
}
div.viewproject a{
	background: transparent url(/images/layout/rightarrow_small.gif) no-repeat -50px 0px;
	cursor:pointer;
	height:44px;
	margin-left: 20px;
	margin-top: 20px;
	width:40px;
	float: left;
}
div.viewproject a:hover{
	 background-position: 0px 0px;
}
div#projectcategories {
	margin-left: 30px;
	width: 720px;
}
div.projectcategory {
	width: 300px;
	float: left;
	margin: 20px 0 0 27px;
}
div.viewprojectcategory {
	margin-top: 50px;
}
div.viewprojectcategory a{
	cursor:pointer;
	height:95px;
	margin: 0px 0px 0px 27px;
	width:300px;
	float: left;
}
div.advance a{
	background: transparent url(/images/layout/advance_projecten.png) no-repeat 0px 0px;
}
div.myprojects a{
	background: transparent url(/images/layout/eigen_projecten.png) no-repeat 0px 0px;
}
div.advance a:hover, div.myprojects a:hover{
	 background-position: 0px -110px;
}
div#projectoverview {
	margin: 0px 0px 0px 28px;
	width: 680px;
	overflow: hidden;
}
div.projectview {
	margin: 0 20px 9px 0; 
	padding: 10px 9px 0px 13px; 
	background: transparent url(/images/layout/bg_project.png) no-repeat scroll 0% 0%; 
	width: 181px; 
	height: 198px; 
	float: left; 
}
div.projectviewoverlay {
	color: #11ADC5;
	margin-top: 0px;

}
div.projectviewoverlay a{
	text-decoration: none;
	height: 46px;
	display:block;
	margin-top: -6px;
	line-height: 46px;
}

span.year {
	font: Georgia, "Times New Roman", Times, serif;
	color: #900;
	font-weight: bold;
	font-size: 16px;

}
#slideshow {
    position:relative;
    height:200px;
	width: 356px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

div#projectdetail {
	margin: 10px 0px 10px 28px;
	width: 380px;
	height: 380px;
	float:left;
	position:relative;
}
div.projectdetailview {
	margin: 0px 8px -1px 0px; 
	padding: 10px 9px 0px 14px; 
	background: transparent url(/images/layout/bg_project_big.png) no-repeat scroll 0% 0%; 
	width: 364px; 
	height: 364px; 
	float: left; 
}
div.projectdetailviewoverlay {
	color: #11ADC5;
	margin-top: 0px;

}
div.projectdetailviewoverlay a{
	text-decoration: none;
	height: 46px;
	display:block;
	margin-top: -6px;
	line-height: 46px;
}
div.projectviewoverlay a:hover {

}
span.detailviewyear {
	font: Georgia, "Times New Roman", Times, serif;
	color: #900;
	font-weight: bold;
	font-size: 20px;
	margin-right: 5px;

}
img.projectDetailThumb {
	margin-right: 10px;
	margin-top: 8px;
	border: 1px solid #9F9F9F;

}
img.homeImage {
	position: absolute;
	bottom: 66px;
	
}
div.imagetip {

    background: url(/images/layout/images.png) no-repeat;
    padding: 0 0 0 20px;
	line-height: 18px;
	float: left;
	margin-left: 2px;

}
div#projectdetailtext p {
	width: 280px;
	padding: 0px 5px 5px 10px;
	float: left;
	margin: 10px 0 0 0;

}
div#projectdetailtext p span {
	font-weight: bold;
	font-size: 12px;
	display: block;
	margin: 0px;
	padding-bottom: 0;
	color: #26AFFC;
}
div#projectnavigation {
	width: 690px;
	position: absolute;
	bottom: 30px;
	left: 30px;

}
div#projectnavigation a{

	width: 115px;
	display: block;
	height: 20px;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
}

div#projectnavigation div.previous a {
	float: left;
	background: url(/images/layout/previousproject.gif) no-repeat 0px 0px;
	padding-left: 0px;

}
div#projectnavigation div.previous a span {
	margin-left: 25px;

}
div#projectnavigation div.next a {
	float: right;
	background: url(/images/layout/nextproject.gif) no-repeat 0px 0px;
	padding-left: 5px;
	margin-right: 30px;

}
div#projectnavigation div.next a:hover{
	background-position: 0px -20px;

}
div#projectnavigation div.previous a:hover {
	background-position: 0px -20px;

}

div.divFotos div {
	float: left;
	margin: 5px 0px 0px 4px;
	background: url("http://www.mauricejongerius.nl/weblog/wp-content/themes/theme/images/spring_flavour/shadow_alpha.png") no-repeat bottom right !important;
	background: url("http://www.mauricejongerius.nl/weblog/wp-content/themes/theme/images/spring_flavour/shadow.gif") no-repeat bottom right;
}

div.divFotos img {
	margin: 0 10px 20px 10px;
	background: #fff;
	border: 1px solid #d6d6d6;
	margin: -5px 5px 5px -5px;
	padding: 2px;
	display: block;
}
	

div#blockwrapper {
	float: left;
	width: 721px;
	
}
div.itemBlock {
	position: relative;
	float: left;
	margin-top: 10px;
	margin-bottom: 0px;
	background: url(/images/layout/bg_itemblock.gif) repeat-x #ebebeb;
	background-position: bottom left;
	
}

div.smallBlock {

	min-height:258px;
	height:auto !important;
}
div.bigBlock {

	min-height:454px;
	height:auto !important;
	width: 721px;
	padding-bottom: 80px;
	float: left;
}
div.bigBlock p {

	width: 660px;
	margin: 10px 20px 20px 30px;
	float: left;
}
div.bigBlock div.column {

	width: 340px;
	float: left;
	margin-right: 10px;
	padding-bottom: 20px;
}
div.bigBlock div.column h3{

	width: 310px;
	float: left;
	margin-bottom: 0px;


}
div.bigBlock div.column p {
	
	width: 310px;
	margin: 0px 0px 0px 30px;

}


div.itemBlock h2 {
		font-size: 18px;
		font-weight: bold;
		margin: 20px 0px 10px 30px;
		height: 18px;
		line-height: 24px;
		width: 380px;
		float: left;
	}
div.itemBlock a.visitsite {
		margin-top: 20px;
		margin-left: 4px;
		float: left;
		background: url(/images/layout/world_link.png) no-repeat;
		padding: 0px 0px 0px 20px;
	}

	div.itemBlock img.vcard {
		float: left;
		padding-right: 10px;
		position: absolute;
		bottom: 28px;
		left: 10px;

		
	
	}
	div.itemBlock img.boximage {
		float: right;
		margin-right: 10px;
		position: absolute;
		top: 10px;
		right: 0px;
	}
	
	div.itemBlock div#contact   {
		float: right;
		margin-right: 40px;
		width: 165px;
		height: 110px;
		padding: 10px;
		border: 2px solid #b6c6cb;
		background-color: #fff;
		line-height: 16px;
	}
	
	div.itemBlock h2.bottom {
		font-size: 18px;
		font-weight: bold;
		position: absolute;
		left: 150px;
		bottom: 75px;
	}
		div.itemBlock h2.top {
		display: block;
		float: left;
		width: 690px;

	}
		div.itemBlock h3 {
		margin: 5px 0px 5px 30px;

	}
		div.itemBlock a.readmore {
		color: #FFF;
		font-size:11px;
		text-transform: uppercase;
		position: absolute;
		left: 15px;
		bottom: 33px;
		
	}
div.itemBlock p.small {

	width: 490px;
	margin: 10px 10px 10px 13px;
	}

div.itemBlock p.big {
	width: 660px;
	margin: 10px 20px 20px 30px;
	float: left;
	}
div.aboutBlock {
	position: relative;
	float: left;
	width: 721px;
	min-height:124px;
	height:auto !important;
	margin-top: 10px;
	margin-bottom: 0px;
	overflow:hidden;
	background-color: #D6D6D6;
	background: url(/images/layout/over_mij.gif) no-repeat #D6D6D6;
}
div.aboutBlock p {
	width: 580px;
	margin-left: 80px;
	padding: 10px 0px 0px 30px;
	}
	
div.halfBlock {

	min-height:414px;
	height:auto !important;
	width: 360px;
	
}
div.right {
	width: 361px;
}
div.halfBlock p{

	width: 325px; 
	margin: 0 0 0 15px;

}
div.halfBlock h2{

	margin: 5px 0 10px 15px;
}

p.footer {
	width: 840px;
	margin: 0 auto;
	font-size: 10px;
	margin-top: -10px;
	margin-bottom: 5px;
}


	p#breadCrumbs {
	background: url(/images/layout/shade.png) #aeaeae repeat-x;
	height: 24px;
	width: 691px;
	display: block;
	padding: 0 0 0 30px;
	margin: 0;
	margin-bottom: -10px;
	line-height: 24px;
	font-size: 11px;
	float: left;
	

	}
	p#breadCrumbs a:hover{
	color: #fff;
	

	}
blockquote {
	background-image: url(/images/layout/q-open.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;
	font-style: italic;
	width: 280px;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}
blockquote span {
	background-image: url(/images/layout/q-close.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	display: block;
	padding-right: 20px;
}
blockquote span.author {
	float: right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: none;
}
blockquote p.quote {
	margin-left: 0px; 
	width:260px;
}
/*==================
Generic markup
==================*/

h1 {
	font-size: 18px;
	margin: 0px 0 15px 0;
}

h2 {
	font-weight: bold;
	font-size: 13px;
}

h3 {
	font-weight: bold;
	font-size: 13px;
	margin: 0px;
	padding-bottom: 0;
}

a, a:link, a:visited {
	color: #26AFFC;
	text-decoration: none;
}

a:hover {
	color: #7c7d77;
}

img {
	border: none;
}


.clear {
	clear: both;
	height: 0px;
}
/*==================
Contact forms
==================*/
#form-container{
	padding:0px;
	width: 350px;
	height: 320px;
	margin-left: 30px;
	float: left;

}
p#messageSent {
	
	margin: 0px;
	width: 300px;
	border: 2px solid #0C0;
	background-color: #6F6;
	padding: 10px;

}
td{
	white-space:nowrap;
}

label{
	text-transform:uppercase;
	font-size:10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

textarea{
	color:#404040;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

td > button{
	text-indent:8px;
}

.error{
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:200px;
}

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:3px 0 0 0;
		padding:0;
		list-style:none;
		color: #fff;
		}
	#slider h2, #slider2 h2{ 
		font-size: 20px;
		font-weight: bold;
		margin: 0 0 0 0;
		}
	#slider img, #slider2 img{ 
		padding: 0px;
		}
	#slider a.visitsite, #slider2 a.visitsite{ 
		color: #fff;
		background: url(/images/layout/world_link.png) no-repeat;
		padding: 0px 0px 0px 20px;
		}
	#slider a:hover, #slider2 a:hover{ 
	
		text-decoration: underline;
		color: #EBEBEB;
		}
		

	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:721px;
		height:284px;
		overflow:hidden; 
		}	
	#slider li div.margin, #slider2 li div.margin{ 

		margin: 0px;
		}
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:58px;
		height:65px;
		position:absolute;
		left:-70px;
		top:100px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:734px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
    	width: 58px;
   		height: 65px;
   		background: transparent url(/images/layout/previous.gif) no-repeat 0 0;
		}	
	#nextBtn a, #slider1next a{ 
		background: transparent url(/images/layout/next.gif) no-repeat 0 0;
		}	
	#nextBtn a:hover, #slider1next a:hover, #prevBtn a:hover, #slider1prev a:hover{ 
		background-position: -70px 0;
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:10px 0px 20px 0px;
		padding:0;
		height:20px;	
		width: 300px;
		
		}
	ol#controls li{
		margin:0; 
		padding:0;
		float:left;
		list-style:none;
		height:15px;

		}
	ol#controls li a{
		float:left;
		height:15px;
		width: 15px;
		border:1px solid #fff;
		background:#68625c;
		color:#555;
		padding:0 ;
		text-decoration:none;
		
		}
	ol#controls li.current a{
		background:#26affc;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */
	
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
	#slidecontainer{
		margin: 0px 0px 30px 0px;
		position:relative;
		text-align:left;
		width:721px;

	}
#slider div.headerviewoverlay a{
	text-decoration: none;
	height: 283px;
	width: 721px;
	display:block;
	line-height: 24px;
}
#slider div.headerviewoverlay a:hover {
	color: #333;
	text-decoration: none;
}
#slider div.headerviewoverlay {
	height: 283px; 
	width: 721px;
}
#slider div.headerviewoverlay h3 {
	width: 721px; 
	height: 24px; 
	padding-left: 10px;
	color: #11ADC5; 
	font-size: 14px; 
	background: url(/images/layout/shade.png) #dddcdc repeat-x;
}
div.slidecontrol { 
	padding: 0px !important; 
	width: 300px;
	height: 20px;
	position: absolute;
	top: 302px;
	right: 20px;
				
}
div.slidecontrol span { 
	margin: -3px 5px 0px 10px; 
	float: left;
}
div#sliderc {
	width: 230px; 
	float: right;
}