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

/* MAIN */
html, body	{ margin: 0; padding: 0; background: url(../images/background.gif) repeat-x top #949494; font-family: Verdana, Arial, Helvetica, sans-serif; }
a img		{ border: 0; }

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}

/* STRUCTURE */
#wrapper	{ width: 826px; margin: 0 auto; padding: 15px; }

#header, #body, #footer		{ background: #FFF; padding: 5px 5px 0 5px; }

div.left	{ width: 212px; float: left; padding: 0 5px 0 0; }
div.right	{ width: 599px; float: left; }
#body div.left	{ background: url(../images/stripe-vertical-gradient.gif) no-repeat right; }

/* HEADER */
#header img	{ float: left; }
#header img.logo	{ margin: 0 0 5px 0; }

/* MENU */
ul#menu			{ min-height: 320px; margin: 12px 0; padding: 0; list-style: none; }
ul#menu li a	{ display: block; color: #898989; font-size: 15px; text-decoration: none; border-top: 1px solid #ccc; margin: 0 30px 0 10px; padding: 2px 0 2px 35px; }
ul#menu li a.first	{ border: 0; }
ul#menu li a.active	{ color: #000000; background: url(../images/list-image-menu.gif) no-repeat 17px 9px; }
ul#menu li a:hover	{ color: #000000; background: url(../images/list-image-menu.gif) no-repeat 17px 9px; }

ul.submenu		{ list-style: none; margin: 0 0 0 10px; padding: 0; display: none; }
ul.visible		{ display: block; }
ul#menu ul.submenu li a	{ border: none; font-size: 13px; }

/* CONTENT */
#language	{ float: right; }
#language ul	{ list-style: none; padding: 0; margin: 0; }
#language li	{ float: left; margin: 0 0 0 5px; }

#content	{ padding: 10px 0 10px 20px; }

h1	{ font-weight: normal; font-size: 30px; margin: 0 20px 8px 0; }
h2	{ font-weight: normal; font-size: 30px; margin: 0 20px 8px 0; }
h3	{ font-size: 18px; margin: 0 20px 5px 0; }
#footer h3	{ font-weight: normal; font-size: 18px; margin: 0 0 5px 0; }

p, li	{ font-size: 12px; line-height: 18px; color: #686868; }
p		{ margin: 0 20px 20px 10px; text-align: justify; }
p a, li a	{ color: #000000; }
p a:hover, li a:hover	{ text-decoration: none; }
.overview p a	{ color: #686868; text-decoration: none; }

.grid_1	{ width: 400px; float: left; margin: 0; }
.grid_2	{ width: 155px; float: right; margin: 0; }

span.large	{ font-size: 16px; }

/* portfolio */
.block	{ width: 270px; float: left; margin: 0 9px 30px 10px; }
.block h2	{ font-size: 13px; font-weight: bold; color: #cf2127; }
.block ul	{ margin: 0; padding: 0; list-style: none; }
.block li	{ width: 75px; height: 45px; float: left; text-align: center; background: #d1d1d1; padding: 5px; margin: 0 5px 5px 0; font-size: 9px; line-height: 11px; font-weight: normal; }
.block li a	{ color: #000000; }
.block li img	{ height: 45px; }

ul#portfolio	{ margin: 15px 0 20px 10px; padding: 0; list-style: none; }
ul#portfolio li	{ width: 158px; height: 108px; float: left; background: #000000; margin: 0 10px 10px 0; padding: 2px; color: #FFFFFF; font-size: 11px; }
ul#portfolio li a	{ height: 100px; display: block; border: 1px solid #FFF; color: #FFF; font-size: 12px; text-decoration: none; padding: 3px; text-align: center; }
ul#portfolio li a img	{ max-height: 100px; }

#content .logo		{ width: 158px; height: 108px; float: left; background: #000000; margin: 0 10px 10px 10px; padding: 2px; }
#content .logo a	{ height: 100px; display: block; border: 1px solid #FFF; color: #FFF; font-size: 12px; text-decoration: none; padding: 3px; text-align: center; }

.realisatie	p	{ margin: 0; color: #000000; font-weight: bold; }
.realisatie ul	{ float: left; margin: 0 0 0 18px; padding: 0; list-style: square; color: #cdcdcd; }
.realisatie ul li	{ color: #686868; font-size: 12px; }

/* media */
ul.media	{ margin: 15px 10px; padding: 0; list-style: none; }
ul.media li	{ float: left; font-size: 11px; color: #FFFFFF; margin: 0 10px 10px 0; text-align: center; }
ul.media li img	{ width: 50px; cursor: pointer; }

/* nieuws */
ul.teasers		{ margin: 0; padding: 0; list-style: none; }
ul.teasers li	{ width: 175px; float: left; margin: 0 15px 20px 0; }
ul.teasers a h2	{ font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; }
ul.teasers p a, ul.teasers p	{ margin: 0; font-size: 11px; text-decoration: none; color: #686868; }
ul.teasers a span	{ display: block; text-align: right; font-size: 11px; color: #686868; margin: 10px 0 0 0; }
ul.teasers a:hover span	{ color: #000; }

p.notice	{ font-size: 14px; text-align: center; }

ul.left-align		{ margin: 0; padding: 0; list-style: none; }
ul.left-align li	{ float: left; margin: 0 10px 20px 0; }
ul.left-align img	{ width: 50px; }

p.info	{ font-style: italic; text-align: right; font-size: 11px; font-weight: bold; }
p.info a	{ color: #cf2127; text-decoration: none; } 
p.info a:hover	{ color: #000000; }

ul.archive		{ margin: 0 0 0 10px; padding: 0; list-style: none; }
ul.archive li a	{ font-size: 12px; text-decoration: none; color: #000000; }
ul.archive li a:hover	{ color: #cf2027; }
a span.title	{ display: inline-block; width: 450px; }
a span.date		{ display: inline-block; width: 100px; color: #c4c4c4; }
a span.author	{ display: none; width: 185px; color: #c4c4c4; }

p.paging		{ margin: 20px 10px 20px 0; text-align: center; color: #000000; }
p.paging a			{ text-decoration: none; }
p.paging a:hover	{ text-decoration: underline; }

/* form */
form		{ margin: 0 0 0 10px; padding: 0; }
form div	{ clear: both; }
label	{ float: left; width: 200px; font-size: 12px; color: #686868; margin: 0 0 10px 0; }
input, select, textarea	{ width: 200px; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px 2px; border: 1px solid #cecece; background: #ececec; }
input.submit	{ width: auto; font-size: 11px; margin: 10px 0 20px 200px; }
input.submit:hover	{ background: #cecece; cursor: pointer; }
label.error		{ color: #cf2027; margin: 2px 0 5px 0; }

/* FOOTER */
#footer	{ margin: 5px 0 0 0; }
#footer .left	{ width: auto; padding: 10px 15px 15px; }
#footer .right	{ width: auto; float: right; text-align: right; padding: 10px 15px 15px; }

#footer ul		{ margin: 0; padding: 0; list-style: none; }
#footer li		{ float: left; margin: 0 5px 0 0; }
#footer ul.people li	{ width: 145px; margin: 0; text-align: center; }

#footer ul.people img		{ width: 125px; }
#footer p		{ margin: 0; font-size: 9px; color: #000000; }
#footer p a		{ color: #000000; text-decoration: none; }
#footer p a:hover	{ color: #cf2127; }

a.icon	{ display: block; width: 41px; height: 39px; text-decoration: none; }

a.youtube	{ background: url(../images/icon-youtube.gif) no-repeat; }
a.youtube:hover	{ background: url(../images/icon-youtube-hover.gif) no-repeat; }
a.hyves		{ background: url(../images/icon-hyves.gif) no-repeat; }
a.hyves:hover		{ background: url(../images/icon-hyves-hover.gif) no-repeat; }
a.linkedIn	{ background: url(../images/icon-linkedIn.gif) no-repeat; }
a.linkedIn:hover	{ background: url(../images/icon-linkedIn-hover.gif) no-repeat; }
a.facebook	{ background: url(../images/icon-facebook.gif) no-repeat; }
a.facebook:hover	{ background: url(../images/icon-facebook-hover.gif) no-repeat; }
a.twitter	{ background: url(../images/icon-twitter.gif) no-repeat; }
a.twitter:hover	{ background: url(../images/icon-twitter-hover.gif) no-repeat; }

/* J-QUERY */
.simple_overlay { 
    display:none; 
    z-index:10000; 
    background-color:#333; 
    width:560px;     
    min-height:200px; 
    border:1px solid #666; 
}
.simple_overlay object	{ display: block; }
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background:url(../images/close.png) #000;
    position:absolute;
    right:-15px;
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}