/* CSS Document */


/* Main  */

* {
	margin:0;
	padding:0;
}

body,td,th {
	text-align:center;
	margin: 0;
	padding: 0;
	font: 13px "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier;
	line-height: 1.5;
	
	
}


body.intro span #sfeerbeeld {
	display: block; 
	background: url(images/sfeer1.jpg) no-repeat;
}
body.diensten span #sfeerbeeld {
	display: block; 
	background: url(images/sfeer2.jpg) no-repeat;
}
body.projecten span #sfeerbeeld {
	display: block; 
	background: url(images/sfeer3.jpg) no-repeat;
}
body.contact span #sfeerbeeld {
	display: block; 
	background: url(images/sfeer4.jpg) no-repeat;
}



textarea, input {
	font: 13px "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier;
}
a { color: #FF0066;}
a img { border: none; }
a:hover { color: #000; }




.clear {
	clear:both;
}

DIV#logo{
float: right;
	width: 200px;
	height: 157px;
	margin-right:20px;
	margin-top:5px;
}

/* Main Nav */

#navholder {
	float: left;
	height: 26px;
	
	width: 100%;
	margin-left: 10px;
}
#mainnav {
	float: left;
}
#mainnav li {
	float: left;
	display: block;
}
#mainnav li a {
	display: block;
	background-image: url(images/menu.jpg);
	background-repeat: no-repeat;
	padding-top:20px;
	height: 25px;
}

#mainnav li a span { display: none;}
#mn_news		{ width: 60px; background-position: 0px 0px; margin: 0 0 px 0 0; }
#mn_work	{ width: 89px; background-position: -60px 0px; margin: 0 0px 0 0; }
#mn_about		{ width: 100px; background-position: -149px 0px; margin: 0 0px 0 0; }
#mn_contact { width: 70px; background-position: -249px 0px; margin: 0 0px 0 0; }


#mn_news:hover		{ background-position: 0px -24px; }
#mn_work:hover	{ background-position: -60px -24px; }
#mn_about:hover		{ background-position: -149px -24px; }
#mn_contact:hover	{ background-position: -249px -24px; }


/* Sfeerbeeld */

#sfeerbeeld {
	float: left;
	width: 862px;
	height: 245px;
}







/* midden stuk */
#content {
	overflow: hidden;
	padding-top:0px;
	
}



#content-links {
	width: 480px;
	padding-left: 80px;	
    float: left;
	display: block;
}


#content-rechts {
width: 353px;

padding-right: 75px;
	float: right;
	
	display: block;
	
}

#content-geheel {

width:853px;
padding-right: 75px;
padding-left: 80px;
float: left;
display: block;
	
}

#titel h1 {
	font-size: 21px;
	height: 40px;
	color: #FC4089;
	background: url(images/titel.gif) no-repeat;
	padding-top:4px;
	padding-left:5px;
	margin-top:5px;
}
#titel h5 {

	font-size: 21px;
	height: 40px;
	color: #FC4089;
	background: url(images/titel.gif) repeat;
	padding-top:4px;
	padding-left:5px;
	margin-top:5px;
}



#tekst {
	padding-top:12px;
	
}


#tekst h2 {
	font-size: 14px;
	color: #666666;
	padding-bottom:0px;
}

#balk_top {
	
	width:353px;
	height:10px;
	background: url(images/recht_top.jpg) no-repeat;	
	
}
#item {
	width:353px;
	background: url(images/item.gif) no-repeat;
	padding:20px;
	
}

#item h2 {
	font-size: 16px;
	color: #000000;
}
#item h3 {
	font-size: 10px;
	color: #666666;
}


#item p {
	font-size: 11px;
	color: #000000;
}





#linkedin {
	
	width:353px;
	height:31px;
	background: url(images/linkedin.jpg) no-repeat;	
	
}
#effect2 {
	
	width:353px;
	height:5px;
	background: url(images/effect2.jpg) no-repeat;	
	
}
#effect {
	
	width:353px;
	height:31px;
	background: url(images/effect.jpg) no-repeat;	
	
}
#nieuws {
	
	width:353px;
	height:48px;
	background: url(images/nieuws.gif) no-repeat;	
	
}

#item {
	
	width:353px;
	height:108px;
		
}
#wit {
	
	width:353px;
	height:10px;
	
	
}

.style1 {
	color: #FF0066;
	font-style: italic;
}
.style2 {color: #F52075}

/*
Content Division
*/
#contentbase_01 { float:left; width:950px; height:auto; }

.btn_dn { float:left; width:50px; height:50px; background:url(images/arrow_dn_01.gif) no-repeat center; }
.btn_up { float:left; width:50px; height:50px; background:url(images/arrow_up_01.gif) no-repeat center; }

#st01dn { display:block; }
#st01up { display:none; }

#st02dn { display:block; }
#st02up { display:none; }

#st03dn { display:block; }
#st03up { display:none; }

#section_01 { float:left; width:100%; margin-bottom:-50px; }


.st_01websites { float:left; position:relative; margin:-50px 0px 0px 0px; width:250px; height:50px; background:url(images/sectitle_websites.gif) no-repeat; background-position:50px 0px; }



#sc_01websites { float:left; width:900px; position:relative; left:10px; }



.slide_01 {float:left; width:250px; height:250px; margin-bottom:50px; background:url(images/bg_slide_01.gif) no-repeat top left; line-height:15px; }
.slide_01space {float:left; width:40px; height:250px; margin-bottom:50px; }

.slide_01aligner {float:left; padding:11px; }
.slide_01img {float:left; width:228px; height:123px; }
.slide_01txt {float:left; width:228px; height:85px; }
.slide_01lnk {float:left; width:228px; height:20px; }
.slide_01lnk a {  color:#FF0066; text-decoration:none; }
.slide_01lnk a:hover {  color:#000; text-decoration:underline; }
.slide_01lnk span { color:#FF0066; text-decoration:none; }

.slide_02aligner {float:left; padding:5px; }
.slide_03aligner {float:left; padding:1px 0px 0px 5px; }