/*GENERAL*/
* { padding:0; margin:0; }
form, fieldset, img { border:0; }
a {cursor:pointer; text-decoration:none; outline:none; }
li { list-style:none; }
html  { background:#fff; }
body {  position:relative; font:75% Verdana, Arial, Helvetica, sans-serif; margin-top: 25px; }

#container { width:1024px; }

.home .logo  { background:url(../images/home_logo.png) no-repeat 0 0; top:215px; }

h1.logo { position:absolute; left:0; top:53px; z-index:100; }
h1.logo a { background:url(../images/transparent.gif) repeat 0 0; display:block; width:235px; height:105px; }

a.rightlink { width:21px; height:22px; display:block; position:absolute; z-index:100; right:19px; top:0px; background:url(../images/transparent.gif) repeat 0 0;  }

.content:after, #menu li:after, .header:after, #singleImage:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
.content, #menu li, .header, #singleImage, #fase li  { display:inline-block; }
.content, #menu li, .header, #singleImage, #fase li { display:block; }

.header { background:url(../images/copyright.gif) no-repeat 982px 0px; position:relative; z-index:50; clear:both; }
#menu  { padding-bottom:5px; position:relative; z-index:40; }
#menu li.active a, #menu li a:hover { color:#7d9600; }
#menu li.active ul a  { color:#a5cc00; }
#menu { padding-left:10px;  }
#menu li { width:150px; }
#menu li a { color:#a5cc00; font-weight:normal; display:block; float:left; width:150px; text-align:right; }
#menu li ul { float:left; display:none; }
#menu li.active, #menu li.over { width:auto; }
#menu li.active ul, #menu li.over ul { display:block!important; width:auto; }
#menu li ul li { float:left; padding-left:15px; width:auto; }
#menu li ul a { float:none; display:inline; }
#menu li ul li.active a, #menu li ul a:hover  { color:#7d9600; }

.content { background:url(../images/background.gif) no-repeat 0 0; min-height:443px; border-top:0px solid #fff; color:#786e64; line-height:25px; position:relative; z-index:60; }
.content h1 { font-size:1.5em; color:#786e64; font-weight:normal; padding:9px 0 25px; }
.content h2, .content h2 a { color:#a9b603; font:1.5em Verdana, Arial, Helvetica, sans-serif; padding-bottom:3px; }
.content p { padding-bottom:26px; }
.content a { color:#7d9600; }
.content p strong { color:#646464; }
.data { padding:65px 0 0 318px; }
.data  .inner { background:#fff; width:570px; padding:15px 14px 0 8px; height:362px; overflow-y: auto; overflow-x:hidden;}
#infoData  { background:#fff; width:566px; padding:0 14px 0 8px; height:376px; overflow: auto; }
.homecont  { position:absolute; color:#fff; left:297px; top:98px; width:645px; font-size:1.833em; line-height:1.666em; }


.data ul li  { list-style:inside disc; } 
.date { color:#a9b603; font-family: Verdana; padding-bottom:3px; }
.content .more { font-weight:bold; color:#a9b603; text-align:right; padding-bottom:0; }
.team li { padding-bottom:21px; }
.team li p { padding-bottom:0; }
.contact  { width:207px; float:left; color:#666; }
.contact a { color:#666; }
.download a { color:#A5CC00; font-size:1.166em; }
.event  { padding-bottom:58px; }
.event p { padding-bottom:0; display:inline; }
.event a { color: #acd016; font-weight:bold; padding-left:3px; }
.event h2 a { font-size: 1em; padding-left:0; }
.event_img { float:left;float:left; height:83px; margin-right:19px; overflow:hidden;width:83px;  }
.event_img img {padding:0;}
.event .date { color: #acd016; line-height:15px; padding:2px 3px 0 0; }
.event_title{margin-left:106px;}
.event_text{margin-left:106px;}

.job  { padding-bottom:58px; }
.job p { padding-bottom:0; display:inline; }
.job a { color: #acd016; font-weight:bold; }
.job h2 a { font-size: 1em; padding-left:0; }
.job .date { color: #acd016; padding:2px 3px 0 0; }
#main_architects  { margin-left:320px; }
#main_architects li { width:220px; float:left; margin-right:14px; position:relative; text-align:center; cursor:pointer; }
#main_architects li .showpic { background:#000; height:221px; line-height:221px; text-align:center; display:block; overflow:hidden; }
#main_architects li .showpic img { vertical-align:middle;}
#main_architects li .name { background:#fff; filter:alpha(opacity=50); opacity:.5; -moz-opacity:.5; height:111px; display:block; padding-top:110px; font-size:20px; color:#636900; padding-left:13px; line-height:190%; }
#main_architects li i { font-weight: bold; width:220px; display:block; font-size:16px; color:#636900; padding-left:11px; line-height:190%; position:absolute; top:325px; left:0; font-style:normal; }
#main_architects li a { display:block; }
#visie #main_architects { margin-left:465px; }
#visie #main_architects li .showpic { background:none; }
#visie #main_architects li .showpic img {   }
#visie #main_architects li.li1 i { top:315px; }
#visie #main_architects li.li2 i { top:243px; }

#fase { display:table; font-size:0.75em; padding-left:40px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#fase li { height:90px; margin-bottom:17px; display:table-row; position:relative; list-style:outside none; }
#fase li div { height:55px; width:90px; padding-top:35px; text-align:center; float:left; display:table-cell; vertical-align:middle; }
#fase li div i { font-style:normal; }
#fase span { vertical-align:middle; }
.fase1 span { color:#646464; }
.fase1 ul li span a { color:#ffffff; }
.fase2 span { color:#646464; }
.fase2 ul li span a { color:#ffffff; }
.fase3 span { color:#646464; }
.fase3 ul li span a { color:#ffffff; }
#fase ul  { float:left;}
#fase ul li  { float:left; padding-right:8px; width:90px; cursor:help; }
#fase ul div { background:url(../images/fase1.jpg) no-repeat 0 0; float:none; height:90px; padding:0; }

#tooltip { background:#fff; position:absolute; z-index:100; width:500px; border:0; padding:5px; border:1px solid #ccc; color:#646464; }
#tooltip h3  { font:bold 1.090em Verdana, Arial, Helvetica, sans-serif; color:#646464; }

.gallery { background:#fff url(../images/borderTop.gif) repeat-x 0 0; padding-top:1px; min-height: 440px; border-top:1px solid #fff; border-bottom:1px solid #000; zoom:1; overflow:auto}
.leftpic { float:left; width:320px; height:440px; overflow:hidden; border-right:1px solid #fff; }
.projects  { overflow:hidden; width:702px; }
.projects img, .leftpic img { display:block; }
.pagemove {/*margin-top:-26px; float:right;*/ font-size:1.666em; color:#A5CC00; position:absolute; right:0; top:-26px}
.pagemove * { position:relative; z-index:1000; }
span.logoimg { background:url(../images/logoimg.png) no-repeat 0 0; width:236px; height:107px; display:block; position:absolute; left:0; top:59px; z-index:50; }
#infoData  { position:absolute; top:33px; left:321px; margin:0; height:409px; font-size:0.500em; color:#646464; line-height:170%; }
#infoData dl { padding-bottom:12px; }
#infoData dl dt { width:105px; float:left; }
#infoData .sluiten  { font-size:1.818em; text-align:right; padding:8px 0 5px; }

#mycarousel li.actual, #mycarousel li.firstli { width:320px!important; overflow:hidden; }
#mycarousel { width:1024px; overflow:hidden; cursor:url(http://www.ibbm.nl/fileadmin/images/hand.cur), e-resize; }
#mycarousel ul { height:440px; overflow:hidden; position:relative; }
#mycarousel li { float:left; margin-right:1px; }
.img_caption { color:#666600; font-size:2em; padding-top:10px; }
.img_caption span  { text-align:left; display:block; width:322px; padding-left:320px; }
.img_caption div  { float:right; padding-top:3px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:-1px; }
.img_caption div strong { font-weight:normal; float:left; *margin-top:-2px; }
.img_caption ul li { float:left; font-size:0.833em; padding-left:2px; }
.jcarousel-control { float:left; }
.img_caption ul li span { display:none; }
.img_caption ul li a.wactive { color:#660; }
.img_caption span img { padding-top:2px; }
.singleImage { float:left; padding:0 10px 0 0; }
.singleImage img { display:block; }
#singleImage { clear:both; padding:10px 0 0 7px; }
#singleImage  span { float:left; padding:0 32px 5px 0; }


/*CSC MAILFORM*/
.csc-mailform-field { clear: both; margin-bottom: 25px; } 
.csc-mailform input { background:#fff!important; border: 1px solid #646464; width: 280px; padding: 1px 4px; } 
.csc-mailform textarea { border: 1px solid #646464; overflow: auto; padding: 1px 4px; width: 280px; } 
.csc-mailform label { float: left; width: 55px; padding:3px 10px 0 0; color:#666; }
.csc-mailform-submit { float:right; font:1em Verdana, Arial, Helvetica, sans-serif; color: #646464; cursor:pointer; width:auto!important; border:0!important; overflow:visible; }

/*SITEMAP*/
.csc-sitemap { padding:0 15px; }
.csc-sitemap li ul { padding:5px 15px; }

.footer { text-align:center; padding:20px 0 0 180px; color:#646464; font-size:0.916em; display: none; }
.footer a { color:#646464; }

/*FLASH*/
.flash { border-top: 1px solid #000; border-bottom: 1px solid #000;  }
.flash object  { display:block;  }

table.contenttable p.bodytext { padding:0px; }
table.contenttable tbody tr td { vertical-align: top; }

body.projecten div.content {border: 0px solid #000000!important;}
body.projecten div.gallery {}

.csc-header img { display:block; }
.csc-header { padding-bottom:13px; }