body
{
font-family: Arial, serif; 
font-size: 13px;
color: #333333;
margin: 0px;
background: #eeeeee;
}
a
{
color: #f78f1e;
}

a:hover
{ 
color: #cccccc;
/*color: #f78f1e;*/
}
	img
	{
	border:0;
	}
	ul 
	{
	list-style:none;
	}
	li
	{
		list-style:none;
	}
	/*li
	{
	list-style-type: square;
	margin: 0px 0px 0px -25px;
	}*/
	/*
	#logo a
	{
		float: left;
		background: url(images/logo_web-wise.png) no-repeat;
	}
#logo {display:inline;float:left;height:114px;margin:0 0 0 4px;overflow:hidden;position:relative;width:195px}
#logo span {background:url(images/logo_web-wise.png) left top no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
#logo:hover span {background:url(images/logo_web-wise_grijs.png) left -114px no-repeat}
*/		
	#menu
	{
	float: left;
	margin: 0px 0px 0px 118px;
	padding: 40px 0px 0px 24px;
	color: #eeeeee;
	font-size: 20px;
	}
	#menu a
	{
	font-family: DINCondensed, Arial, sans-serif;
	letter-spacing: 0.04em;
	/*font-family: 'PT Sans Narrow', arial, serif;*/
	/*font-family: Verdana, Arial, "Liberation Sans", sans-serif;*/
	font-size: 20px;
	font-weight: normal;
	color: #eeeeee;
	margin: 10px;
	text-decoration: none;
	text-transform:uppercase;
	}
	.active
	{
	border-bottom: 1px solid #FFF;
	padding-bottom: 1px;
	}
	#menu a:hover
	{
		color: #FFFFFF;
	}
	#submenu
	{
	float: right;
	margin: 0px;
	padding: 44px 0px 0px 0px;
	color: #f8f8f8;
	text-transform: lowercase;
	}
	#submenu a
	{
	font-family: Arial, sans-serif;
	letter-spacing: 0.04em;
	/*font-family: 'PT Sans Narrow', arial, serif;*/
	/*font-family: Verdana, Arial, "Liberation Sans", sans-serif;*/
	font-weight: normal;
	color: #f8f8f8;
	margin: 10px;
	text-decoration: none;
	}
	#submenu a:hover
	{
		color: #FFFFFF;
	}
	
	.menu_actief
	{
	font-family: DINCondensed, sans-serif;
	/*font-family: 'PT Sans Narrow', arial, serif;*/
	/*font-family: Verdana, Arial, "Liberation Sans", sans-serif;*/
	font-size: 20px;
	font-weight: 500;
	color: #f8f8f8;
	margin: 10px;
	text-decoration: underline;
	text-transform:uppercase;
	}
	
#container
{ 	
width: 100%;
min-width: 1000px;
min-height: 90%;
background-color: #ffffff;
vertical-align: middle;	
margin: 0px;
padding: 0px;
text-align: center;
}
#zwartebalk
{
margin: 0px;
width: 100%;
height: 86px;
min-width: 1000px;
background-color: #231f20;
position: fixed;
top: 0;
left: 0;
z-index: 100;
}
#logo_vlak
{ 
width: 115px;
border: 0px solid black;
float: left;
}
#logo_etiket
{ 
margin: 0px 0px -130px 0px;
width: 115px;
position: absolute;
background-color: #f78f1e; 
z-index: 1001;
}
#logo
{ 
padding: 62px 13px 13px 13px;
}

.introfoto_achtergrond
{ 
float: left;	
width: 100%;
height: 364px;
margin: 86px 0px 0px 0px;
border: 0px solid black;
text-align: left;
background: #eeeeee url(images/hout.jpg) center repeat;
overflow: hidden;
z-index: 50;
}
#introfoto_elise
{
/*	background: #eeeeee url(images/bg_bricks.jpg) center repeat;*/
background: #eeeeee url(images/bureau.jpg) center repeat;
}
#introfoto_webredactie
{
background: #eeeeee url(images/bg_gras.jpg) center repeat;
}
#introfoto_webdevelopment
{
	/*background: #eeeeee url(images/bg_wood.jpg) center repeat;*/
	background: #eeeeee url(images/bg_canvas_blauw.jpg) center repeat;
}
#introfoto_onlinemarketing
{
	background: #eeeeee url(images/bg_leer.jpg) center repeat;
}
#introfoto_contact
{
	background: #eeeeee url(images/bg_contact.jpg) center repeat;
}
.pijltje_huidig
{ 
position: fixed;
z-index: 90;
}
#pijltje_huidig_webdesign
{ 
margin: -1px 0px 0px 180px;
}
#pijltje_huidig_webdevelopment
{ 
margin: -1px 0px 0px 315px;
}
#pijltje_huidig_webredactie
{ 
margin: -1px 0px 0px 465px;
}
#pijltje_huidig_onlinemarketing
{ 
margin: -1px 0px 0px 620px;
}
#pijltje_huidig_contact
{ 
margin: -1px 0px 0px 892px;
}
#pijltje_vorig
{ 
margin: 170px 13px 0px -32px;
position: absolute;
z-index: 90;
}

#pijltje_volgend
{ 
margin: 170px 0px 0px 935px;
position: absolute;
z-index: 90;
}

.introfoto_vlak
{ 
width: 936px;
margin: 0px auto;
height: 400px;
border: 0px solid black;
text-align: left;
overflow: hidden;
top: 0;
left: 0;
z-index: 60;
}
.introfoto_highlight
{ 
margin: 50px 0px 0px 480px;
width: 450px;
height: 314px;
overflow: hidden;
position: absolute;
z-index: 70;
}
#highlight_elise
{ 
margin: 60px 0px 0px 33px;
height: 305px;
}
#highlight_webdevelopment
{ 
margin: 20px 0px 0px 570px;
height: 345px;
width: 400px;
}
#highlight_webredactie
{ 
margin: 0px 0px 0px 500px;
height: 305px;
}
#highlight_onlinemarketing
{ 
margin: 130px 0px 0px 160px;
height: 234px;
}
#highlight_contact
{
margin: -31px 0px 0px 520px;
width: 440px;
height: 400px;
}
.quote
{
	text-align:left;
	margin: 117px 0px 0px 39px;
	position: absolute;
	color: #FFFFFF;
	font-size: 36px;
	line-height: 1.2em;	
	/*text-shadow: black 0.1em 0.1em 0.2em*/
	z-index: 80;
}
#quote_elise
{
	margin: 80px 0px 0px 542px;
	color: #333;
}
#quote_webredactie
{
	margin: 117px 0px 0px 72px;
}
#quote_webdevelopment
{
	margin: 40px 0px 0px 152px;
	color: #333;
}
#quote_onlinemarketing
{
	margin: 60px 0px 0px 472px;
}
#quote_contact
{
	margin: 117px 0px 0px 79px;
	color: #333;
}

.quote_tekst
{
	text-align:left;
	margin: 221px 0px 0px 39px;
	position: absolute;
	z-index: 90;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 28px;	
	/*text-shadow: black 0 0 0.2em*/
}
#quote_tekst_elise
{
		margin: 140px 0px 0px 542px;
		color: #333;
}
#quote_tekst_webredactie
{
		margin: 221px 0px 0px 72px;
}
#quote_tekst_webdevelopment
{
		margin: 140px 0px 0px 152px;
		color: #333;
}
#quote_tekst_onlinemarketing
{
		margin: 170px 0px 0px 472px;
}
#quote_tekst_contact
{
		margin: 220px 0px 0px 79px;
		color: #333;
}
#streep
{ 
float: left;	
width: 100%;
height: 8px;
margin:0px;
border: 0px solid black;
text-align: left;
background: #f78f1e;
overflow: hidden;
}

#onderbalk
{
margin: 0px;
width: 100%;
height: 60px;
min-width: 1000px;
background-color: #eeeeee;
font-size: 11px;
color: #666;
line-height: 1.4;
}
#onderbalk a
{
	color: #666;
	text-decoration: none;
	
}
#onderbalk h2
{
	color: #666;
}
/*Social*/
	#onderbalk ul#social {	float:right;font-weight:normal;list-style:none;margin:0;width:260px;margin-top:13px;}
	#onderbalk ul#social li {display:inline;float:left;margin:0 0 0 12px}
	#onderbalk ul#social li#lin a {background:url(images/lin.png) left top no-repeat;float:left;line-height:22px;padding:0 0 0 24px}
	#onderbalk ul#social li#twt a {background:url(images/twt.png) left top no-repeat;float:left;line-height:22px;padding:0 0 0 24px}
	#onderbalk ul#social li#google a {background:url(images/google.png) left 1px no-repeat;float:left;line-height:22px;padding:0 0 0 24px}

.tekstkolom
{ 	
clear:both;
vertical-align: middle;	
margin: 0px auto;
padding: 0px 32px;
width: 936px;
border: 0px solid black;
text-align: left;
/*background-color: #FFFFFF;*/
}
.tekst
{
font-family: Arial, 'PT Sans' serif; 
font-size: 13px;
line-height: 1.5;
color: #333333;
width: 299px;
text-align: left;
float:left;
}
.voorbeeld_opdracht
{
font-family: Arial, 'PT Sans' serif; 
font-size: 13px;
line-height: 1.5;
color: #333333;
width: 600px;
text-align: left;
float:left;
}
.werk
{
font-family: Arial, 'PT Sans' serif; 
font-size: 13px;
line-height: 1.5;
color: #333333;
width: 220px;
text-align: left;
float:left;
}

#tekst1
{
padding: 26px 13px 13px 0px;
}
#tekst2
{
padding: 26px 13px 13px 13px;
}
#tekst3
{
padding: 26px 13px 13px 13px;
}
#tekst4
{
padding: 26px 0px 13px 13px;
}
#tekst5
{
padding: 4px 0px 0px 0px;
}
#tekst_intro
{
padding: 26px 0px 0px 0px;
}
	.footer
	{
	font-size: 14px;
	color: #333333;
	margin:10px;
	text-decoration: none;
	}
	ul
	{
	list-style: url(bullet.gif);
	}
	li
	{
	margin: 0px 0px 0px -25px;
	}

	h1
	{
	font-family: DINCondensed, arial, serif;
	text-transform:uppercase;
	font-size: 24px;
	}
	h2
	{
	font-family: DINCondensed, sans-serif;
	text-transform:uppercase;
	font-size: 20px;
	/*color: #f78f1e;*/
	font-weight: normal;
	margin-top: 0px;
	}
	h3
	{
	font-family: DINCondensed, sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	}


/* GRID */
ul.grid								{ list-style: none;  margin: 0px 0px 0px -39px}
ul.grid li				            { width:300px; height:190px; margin:0px 13px 26px 0; float:left; position:relative; text-decoration: none;}
ul.grid li.last			     	    { margin:0px 0 26px 0; }
ul.grid li div.content	  	        { background: url(images/bg_grid_header.png) no-repeat bottom right; position:absolute; left:0px; bottom:0px;  }
ul.grid li h2			   	        { font-family: DINCondensed, sans-serif; font-size: 18px; color:#333; text-transform:uppercase;  padding:8px 55px 0px 15px; line-height:16px;  width:230px; text-decoration: none;}
ul.grid li p			        	{ padding:0px 13px 13px 13px; color:#333; font-size:12px; line-height:16px; text-decoration:none;   }
ul.home li                          { margin-bottom:120px; }
ul.home                             { height:725px; overflow:hidden; }                
ul.grid li div.exitLink             { border:1px solid #333; color:#333; background:#FFF; padding:5px; line-height:16px; font-size:14px;  width:35px; height:30px; text-align:center; position:absolute; top:10px; right:10px; }
ul.one-item li                      { float:none; }
.icon-exit                          { position:absolute; right:10px; top:10px; }
ul.grid li.no-margin                { margin-bottom:15px; }    
ul.grid a							{ text-decoration: none; }

/* LAYOVER */
#lbOverlay{position:fixed;z-index:9999999999999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer;}#lbCenter,#lbBottomContainer{position:absolute;z-index:9999999999999;overflow:hidden;background-color:#fff;}.lbLoading{background:#fff url(images/default/loading.gif) no-repeat center;}#lbImage{position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;}#lbPrevLink,#lbNextLink{display:block;position:absolute;top:0;width:50%;outline:none;}#lbPrevLink{background:transparent no-repeat 0 15%;left:0;}#lbNextLink{background:transparent no-repeat 100% 15%;right:0;}#lbBottom{font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;font-size:10px;color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none;}#lbCloseLink{display:block;float:right;width:66px;height:22px;margin:5px 0;outline:none;}#lbCaption,#lbNumber{margin-right:71px;}#lbCaption{font-weight:bold;}

.hiddenPic {display:none;}