/* BODY HTML */

	html{
	height:auto;/* voor moderne browsers */
	height:100%; /* voor IE */
	}

	body {
	height:auto;/* voor moderne browsers */
	height:100%; /* voor IE */
	margin: 0;
	text-align: center;
	}
	
	.main {
	height:auto;/* voor moderne browsers */
	height:100%; /* voor IE */
 	background-image:url(images/BG_Main.jpg);
	background-repeat:no-repeat;
	background-position:center;
	margin: 0;
	text-align: center;
	}
	
	.main_klein {
	height:auto;/* voor moderne browsers */
	height:100%; /* voor IE */
 	background-image:url(images/BG_Main_Klein.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	margin: 0;
	text-align: center;
	}

	.sub {
	height:auto;/* voor moderne browsers */
	height:100%; /* voor IE */
	margin: 0;
	background-color:#d3007a;
	text-align: center;
	}
	
	
	
	h1 {
	font:"Tahoma";
	font-size:18px;
	color:#FFFFFF;
	}
	
	h2 {
	font:"Tahoma";
	font-size:13px;
	margin:0px;
 
	color:#FFFFFF;
	}
	
	p {
	margin:0px 0px 15px 0px;
	}

	#container_main {
	width:780px;
	height:780px;	
	margin-top: 25px;	
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	clear:both;
	}
	
	#container_sub {	
	margin-top: 25px;	
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	clear:both;
	height:700px;
	width:900px;
	background-image:url(images/BG_Sub2011.jpg);
	}
	
	#container_portfolio{	
	margin-top: 25px;	
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	clear:both;
	height:700px;
	width:900px;
	background-image:url(images/BG_Portfolio.jpg);
	background-repeat:no-repeat;
	}
	
 	#content {	
	margin: 50px 0px 50px 50px;	
 	text-align: left;
	clear:both;
	height:400px;
	width:500px;
	float:left;
	font-family:"Tahoma";
	font-size:12px;
	letter-spacing:1pt;
	line-height:125%;
	color:#FFFFFF;
	}
	
	#content a {	
	font-family:"Tahoma";
	font-size:12px;
	letter-spacing:1pt;
	color:#FFFFFF;
	text-decoration:none;
	}
	
	#content a:hover {	
	font-family:"Tahoma";
	font-size:12px;
	letter-spacing:1pt;
	color:#FFFFFF;
	text-decoration:underline;
	}
	
	#fotos {	
	margin: 80px 51px 50px 0px;	
 	text-align:left;
	width:235px;
	float:right;
	}
	
	.fotos {	
	margin: 0px 0px 43px 0px;	
 	height:175px;
	width:235px;
	float:right;
	}
	
	.fotos_opdrachten a {	
	background-image:url(images/opdrachten.jpg);
	background-position: 0 175;
	margin: 0px 0px 43px 0px;	
 	height:175px;
	width:235px;
	float:right;
	}
	
	.fotos_opdrachten a:hover {
	background-image:none;
	margin: 0px 0px 43px 0px;	
 	height:175px;
	width:235px;
	float:right;
	}
	
	
	.portfolio_link a {
	background-image:none;

 
	}
		.portfolio_link a:hover{
	background-image:none;
 
	}
	
	#portfolio {	
	margin: 0px 0px 0px 52px;	
	width:850px;
	float:left;
	}
	
	#fotos_portfolio {	
	margin: 80px 45px 0px 0px;	
 	text-align:left;
	width:235px;
	float:left;
	}
	
	.home_knop {	
	margin: 100px 0px 0px 0px;	
 	height:80px;
	width:110px;
	float:right;
	display:block;
	}
	
	
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop11.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.preload1 {background: url(tab.png.gif);}
.preload2 {background: url(tabb_on.png.gif);}

.menu_container {padding:125px 0px 25px 50px; z-index:999; width:725px; float:left;}

 

.menu2 { display:block; padding:0 0 0 0px; margin:0; list-style:none; height:30px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;   }
.menu2 li.top {display:block; float:left; padding:0px 0px 0px 0px;  height:30px; font-size:14px; font-weight:bold; text-align:left; color:#fff;}

.menu2 li.top a {display:block; float:left; padding:5px 25px 0px 0px; height:30px; color:#fff; text-decoration:none; font-size:14px; text-align:left; font-family:arial, verdana, sans-serif; }

.menu2 li.top a:hover {display:block; float:left; padding:5px 25px 0px 0px; height:30px; color:#d3007a; text-decoration:none; font-size:14px; text-align:left; font-family:arial, verdana, sans-serif; }




.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */





.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:-10px; top:25px; white-space:nowrap; width:170px; height:auto; z-index:300; }
.menu2 :hover ul.sub li {display:block; height:40px; float:left; width:170px; font-weight:normal;  background: url(images/BG_Menu_rood.png);}
.menu2 :hover ul.sub li.fly {background: url(images/BG_Menu_rood.png); }

.menu2 :hover ul.sub li a {display:block; position:relative; height:20px; width:135px; line-height:35px; text-indent:10px; color:#FFFFFF; text-decoration:none; font-size:11px; text-transform:uppercase; }
.menu2 :hover ul.sub li a:hover {color:#FFFFFF; font-weight:bold;}

.menu2 :hover ul.sub :hover > a {color:#fff;}

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:135px; top:0; white-space:nowrap; width:135px; z-index:400; height:auto; }

.menu2 :hover ul.sub li.subtop,
.menu2 :hover ul :hover ul li.subtop,
.menu2 :hover ul :hover ul :hover ul li.subtop,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subtop
{background:url(images/BG_Menu_rood.png); }

.menu2 :hover ul.sub li.flytop,
.menu2 :hover ul :hover ul li.flytop,
.menu2 :hover ul :hover ul :hover ul li.flytop,
.menu2 :hover ul :hover ul :hover ul :hover ul li.flytop
{background: url(images/BG_Menu_rood.png);}

.menu2 :hover ul.sub li.subbot,
.menu2 :hover ul :hover ul li.subbot,
.menu2 :hover ul :hover ul :hover ul li.subbot,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subbot
{height:30px; margin-left:20px; background:url(images/BG_Menu_blauw.png)}

.menu2 :hover ul.sub li.flybot,
.menu2 :hover ul :hover ul li.flybot,
.menu2 :hover ul :hover ul :hover ul li.flybot,
.menu2 :hover ul :hover ul :hover ul :hover ul li.flybot
{height:30px; background: url(images/BG_Menu_blauw.png);}

	

	
	
	/* FOOTER BRAAP */
	

	.footer_braap {
		 
	width:900px;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-image:none;
	}
	
	.footer_braap a { 
	font-family:"Verdana";
	font-size:10px;
	text-align:left;
	color:#fff;
	text-decoration:none;
	}
	
	.footer_braap a:hover {
	font-family:"Verdana";
	font-size:10px;
	text-align:left;
	color:#333333;
	}