@charset "UTF-8";
/* reset */

@charset "UTF-8";
/* CSS Document */

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 {
	webkit-margin: 0;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	-webkit-padding-start: 0px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*   einde reset */


/*   begin styling */


body  {	font: 100% Verdana, Arial, Helvetica, sans-serif; background: #FFFFFF; margin: 0;padding: 0; text-align: center; color: #FFF;}
	
#container { width: 960px; background: #000;  margin: 10px auto 0 auto; border: 1px solid #000000; text-align: left; padding:0;} 


#sidebar1 {background:#000 none repeat scroll 0 0;float:left;overflow:hidden;padding:15px 10px 0 20px;vertical-align:baseline;width:140px;height:550px;}
#sidebar1 h1 a{ background:url(../images/navi.png) no-repeat scroll 0 0; text-indent:-9999px;display:block; width:100px; height:120px; margin-left:20px;}


#sidebar1 p{ font-size:10px;}
#sidebar1 a{ color:#FFF;}
#sidebar1 ul{ margin-left:20px; margin-top: 175px;}
#sidebar1 li.space{margin-bottom:30px;}

#sidebar1 li a{ background:url(../images/navi.png) no-repeat scroll 0px -147px; display:block; text-indent:-9999px; width:110px; height:18px; 	}
#sidebar1 li a.over{}
#sidebar1 li a.magazines{ background-position: 0 -191px;}
#sidebar1 li a.boeken{ background-position: 0 -213px;}
#sidebar1 li a.diversen{background-position: 0 -235px;}
#sidebar1 li a.webdesign{background-position: 0 -277px; }
#sidebar1 li a.huisstijlen{background-position: 0 -257px; }
#sidebar1 li a.home{background-position: 0 -301px;}
#sidebar1 li a.links{background-position: 0 -323px;}
#sidebar1 li a.contact{background-position: 0 -345px;}



#sidebar1 li a:hover.over{background-position: -125px -147px;}
#sidebar1 li a:hover.magazines{background-position: -125px -191px;}
#sidebar1 li a:hover.boeken{background-position: -125px -213px;}
#sidebar1 li a:hover.diversen{background-position: -125px -235px;}
#sidebar1 li a:hover.webdesign{background-position: -125px -277px;}
#sidebar1 li a:hover.huisstijlen{background-position: -125px -257px;}
#sidebar1 li a:hover.home{background-position: -125px -301px;}
#sidebar1 li a:hover.links{background-position: -125px -323px;}
#sidebar1 li a:hover.contact{background-position: -125px -345px;}

#sidebar1 li a.over.active{background-position: -125px -147px;}
#sidebar1 li a.magazines.active{background-position: -125px -191px;}
#sidebar1 li a.boeken.active{background-position: -125px -213px;}
#sidebar1 li a.diversen.active{background-position: -125px -235px;}
#sidebar1 li a.webdesign.active{background-position: -125px -277px;}
#sidebar1 li a.huisstijlen.active{background-position: -125px -257px;}
#sidebar1 li a.home.active{background-position: -125px -301px;}
#sidebar1 li a.links.active{background-position: -125px -323px;}
#sidebar1 li a.contact.active{background-position: -125px -345px;}


#side_content {	margin-top: 275px;}


/* ------------ -maincontent- -------------------- */


.twoColFixLtHdr #mainContent { 	height:590px; overflow:hidden;} 
.twoColFixLtHdr #mainContent img { border:none;margin:0;padding-top:0; }

.vervolg #mainContent, .portfolio #mainContent { color:#000; background: #FFF; margin:0 0 0 170px;}
.portfolio #mainContent { min-height:700px;}
.vervolg #mainContent { min-height:570px;}
.vervolg #content, .portfolio #content {padding:60px 250px 20px 0; margin:0 0 18px 60px; border-bottom:dotted 2px #000;}
.vervolg #content p, .portfolio #content p{margin-top:30px; font-size:11px; line-height:1.8em; width:650px}



.vervolg #content em, .portfolio #content em{ font-style:normal; font-weight:bold;}

.vervolg #content {height:430px}

.portfolio #content {height:430px; position:relative;}
.portfolio #content a{ text-decoration:none; color:#000; margin-left:3px}
.portfolio #content a:hover{ text-decoration:underline;}


/*----------------------------------Portfolio---------------------------------------*/
/* root element for the whole scrollable setup */
div.scrollable {  	position:relative;	overflow:hidden;	width: 715px;	 	height:615px;	margin:0 auto;	}
/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#project {margin-top 40px;	position:absolute;	width:20000em;clear:both;	}
/* custom positioning for navigational links */
a.prev, a.next {margin-top:0;}
/* single item */
#project div {float:left;	width:715px;	height:340px;		cursor:pointer;}
/* style when mouse is over the item */
#project div.hover {	background-color:#444;	}
/* style when element is active (clicked) */
#project div.active {	background-color:#066;	cursor:default;}

i {margin: 10px;}
#thumbnails a{ color:#FFFF66}



/* --------------- footer ------------------- */


.vervolg #footer, .portfolio #footer{	margin-left:60px; margin-bottom:7px} 



.twoColFixLtHdr #footer { 	margin:0;	padding: 8px 10px 8px 20px; 	background:#FFF;	color:#000;} 
.twoColFixLtHdr #footer p {	margin: 0;	color:#F00;	font-size:11px;	font-weight:bold;	padding: 5px 85px 0 0;	float:left;}
.twoColFixLtHdr #footer img { margin-left:152px;}	

/* Basis formulieren opmaak: */
form.users {font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; margin-top:40px; }
 
form.users p{ position:relative; line-height:1em;}
  
form.users fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}
form.users label {display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 8px 0 0 40px; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}
form.users label.error{width: 12px; margin:0; padding:0; position:absolute; top:0}
form.users input, form.users textarea {display:block; width:auto; margin:5px 0 0 10px}

form.users input{ width:200px;}
form.users input.submit{ width:100px;}
form.users textarea{ width:300px;}


.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	margin:0;
	padding:0;
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}