body {
	background-color:#DAE1F0;
	background-image:url(../art/graphics/bg.png);
	text-align:center;
	font-family:"Courier New", Courier, monospace;
	font-size:13px;
	color:#333333;
	margin:0;
}


/* ### POSITIONERING */
#wrapper{
	width:990px;
	margin:100px auto 0 auto;
	text-align:left;
	position:relative;
}
#logo{
	position:absolute;
	left:10px;
	top:0;
}
#socials{
	position:absolute;
	left:28px;
	top:170px;
}
#nav{ /* div om ul hoofdnavigatie */
	width:100%;
	margin:0;
}
#hoofdmenu{ /* ul hoofdnavigatie */
	position:absolute;
	font-size:14px;
	left:140px;
	top:60px;
	padding:0;
	margin:0;
	height:35px;
	list-style-type:none;
}
#hoofdmenu li{
	height:30px;
	float:left;
	padding:0px;
}
#hoofdmenu li a, #submenu li a{
	text-decoration:none;
	font-weight:bold;
	display: block;
	height:22px;
	padding:6px 10px;
	background-image:url(../art/graphics/hmenubg.png);
	background-repeat:repeat-x;
}

#hoofdmenu li a.stamvader, #hoofdmenu li a.current, #submenu ul li a.current{
	color:#CC0000;
}

#hoofdmenu li #id_1{
	padding-left:30px;
	background-image:url(../art/graphics/hmenubgleft.png);
}

#hoofdmenu li #id_6{
    padding-right:15px;
	background-position:right top;
	background-image:url(../art/graphics/hmenubgright.png);
}

#submenu{
	position:absolute;
	right:0;
	bottom:0;
	padding:0;
	margin: 0 250px 30px 0;
}
#body4 #submenu{ margin:0 150px 30px 0; }
#submenu ul{
	padding:15px;
	margin:0;
	list-style-type:none;
}
#submenu ul li{
	float:left;
	font-size:1.1em;
	padding:0px;
}

#submenu li #id_7{
	background-image:url(../art/graphics/submenubgleft.png);
}

#submenu li #id_11{
    padding-right:40px;
	background-image:url(../art/graphics/submenubgright.png);
	background-position:right top;
}

#logo{
	position:absolute;
	padding:10px 0 0 20px;
	top:0;
}
#contenttop{
	width:600px;
	height:20px;
	margin:120px 0 0 150px;
	background-image:url(../art/graphics/contenttop.png);
}
#content{
	width:556px;
	padding:1px 20px;
	margin:0 0 0 150px;
	background-color:#ffffff;	
	border-left:2px solid #8E8E8E;
	border-right:2px solid #8E8E8E;
}
#contentbottom{
	width:600px;
	height:40px;
	margin:0 0 0 150px;
	background-image:url(../art/graphics/contentbottom.png);
}
#contentbreed{
}
h1{
	margin:0 0 10px 0;
	font-weight:normal;
	font-size:1.7em;
}
hr.clearboth{
	visibility:hidden;
}
img{ border:none; }
.img_right{
	margin:2px 0 6px 10px;
}
.img_left{
	margin:2px 10px 6px 0;
}
#body10 #content img{
	margin-bottom:6px;
}
a{
	color:#7884A2;
	text-decoration:none;
	font-weight:bold;
}
ul{
	list-style-type:none;
	padding:0;
}
#bitnieuws li, #content ul li{ 
	background-image:url(../art/graphics/li_type.png);
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	margin-bottom:5px;
}





/* ballonnetjes op opdrachtgever pagina */
.ballon1{
	height:28px;
	margin:5px;
	font-family: Courier, Helvetica, sans-serif;
	float:left;
	overflow:visible;
}

.ballon2{
	height:28px;
	margin:10px;
	font-family: Courier, Helvetica, sans-serif;
	float:left;
	overflow:visible;
}

.ballon3{
	height:42px;
	margin:20px;
	font-family: Courier, Helvetica, sans-serif;
	float:left;
	overflow:visible;
}
#contentbreed .midden{
	padding-top:7px;
	background-repeat:repeat-x;
}

.links{ 
height:28px;
float:left;
background-repeat:no-repeat;
}

.rechts{ 
height:28px;
float:left;
background-repeat:no-repeat;
}

.ballon1 .links{ 
background-image:url(../art/graphics/submenubgleft.png);
width:10px;
}

.ballon2 .links{ 
background-image:url(../art/graphics/hmenubgleft.png);
width:2px;
padding-left:25px;
}

.ballon3 .links{
background-image:url(../art/graphics/submenubgleft.png);
width:0px;
padding-left:10px;
}

.ballon1 .midden{
background-image:url(../art/graphics/hmenubg.png);
padding-left:20px;
float:left;
height:25px;
}

.ballon2 .midden{
background-image:url(../art/graphics/hmenubg.png);
padding-left:20px;
float:left;
height:25px;
}

.ballon3 .midden{
background-image:url(../art/graphics/middenwolk.png);
padding-left:20px;
float:left;
height:40px;
background-position:center top;
background-repeat:no-repeat;
}

.ballon1 .rechts{ 
background-image:url(../art/graphics/submenubgright.png);
width:40px;
background-position:right top;
}

.ballon2 .rechts{ 
background-image:url(../art/graphics/hmenubgright.png);
width:40px;
background-position:right top;
}

.ballon3 .rechts{ 
background-image:url(../art/graphics/hmenubgright.png);
width:40px;
background-position:right top;
}

/* en dezelde ballonnetjes op WEBHELDEN */
#webhelden .ballon1, #webhelden .ballon2, #webhelden .ballon3{ z-index:50; }

/* PORTFOLIO  + MISSION (op home) + CONTACT */
#portfoliomenu{
	width:240px;
	float:right;
	padding:0;
	margin:30px 20px 0 0;
}
#adresballon{
	width:240px;
	position:absolute;
	left:650px;
	top:50px;
}
#routeballon{
	width:240px;
	position:absolute;
	left:60px;
	top:40px;
}
#mission{
	width:360px;
	float:right;
	padding:0;
	margin:30px 20px 0 0;
	font-size:12px;
}
.top, .bottom{ background-repeat:no-repeat; }
#mission .top{
	background-image:url(../art/graphics/top360.png);
	height:15px;
}
#mission .bottom{
	background-image:url(../art/graphics/bottom360.png);
	height:40px;
}
#portfoliomenu .top, #adresballon .top, #routeballon .top{
	background-image:url(../art/graphics/top240.png);
	height:15px;
}
#portfoliomenu .bottom, #adresballon .bottom{
	background-image:url(../art/graphics/bottom240.png);
	background-position:left top;
	height:50px;
}
#routeballon .bottom{
	background-image:url(../art/graphics/bottom240_nopoint.png);
	background-position:left bottom;
	height:20px;
}
#portfolioitem .top{
	background-image:url(../art/graphics/top480.png);
	height:15px;
}
#portfolioitem .bottom{
	background-image:url(../art/graphics/bottom480.png);
	height:50px;
}
#bitnieuws .top{
	background-image:url(../art/graphics/top480_2.png);
	height:35px;
}
#bitnieuws .bottom{
	background-image:url(../art/graphics/bottom480_2.png);
	background-position:left top;
	height:15px;
}
#portfoliomenu .midden, #portfolioitem .midden, #mission .midden, #bitnieuws .midden, #adresballon .midden, #routeballon .midden{
	background-color:#fff;
	padding:5px 20px;
	border-left:2px solid #8E8E8E;
	border-right:2px solid #8E8E8E;
}
#portfolioitem{
	width:480px;
	float:left;
	display:inline;
	padding:0;
	margin:60px 0 0 130px ;
}
#bitnieuws{
	width:480px;
	display:inline;
	float:left;
	padding:0;
	margin:60px 0 0 70px ;
}
#portfoliomenu h3{ margin:2px 0 5px 0; }
#portfoliomenu img{
	width:30px;
	height:30px;
	margin:0 2px 2px 0;
}
#portfoliomenu .midden div{
	padding-bottom:5px;
	width:200px;
}
#portfolioitem .midden img{ margin:2px 0 3px 10px; }

#flickrpics img{
	margin:0 11px 11px 0;
}