/*************************************************************
  
  Author:       Miel Vandevelde
  Company:      De Coster NV
  Version:      1.0
  Created on:   18.09.2009
  
  CONTENT STYLESHEET
  ------------------
  PAGE
  HEADER
  NAVIGATION
  CONTENT
  SIDEBARS
  FOOTER
  -
  CLEARFIX = clears floating elements
  
*************************************************************/



/*************************************************************
  P A G E
*************************************************************/
* { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0 } /* Resets elements */
ol, ul { list-style: none }
big { font-size: 130% }
small, sup, sub { font-size: 80% }

img { -ms-interpolation-mode: bicubic } /* Makes resized images in IE look better */

html { background: #ececea url(bg1.gif) center top repeat-y scroll }

body { background: url(bg2.gif) left top repeat-x scroll; color: #666; font: 12px/1.583em /*12px/19px*/ Arial, Helvetica, sans-serif }

.left { float: left }
.right { float: right }

#page { margin: 0 auto; width: 960px }

hr { background-color:#333 }

/*************************************************************
  H E A D E R
*************************************************************/
#header { height: 120px; position: relative }

#header a#index { background: url(logo.gif) left top no-repeat; display: inline-block; float: left; height: 107px; text-indent: -9999em; width: 324px }

#header #searchbox { display: inline; float: right; margin: 9px 17px 0 0 }
#header #searchbox * { vertical-align: middle }
#header #searchbox input { border: 1px solid #ccc; color: #666; font: 11px/16px Verdana, Geneva, sans-serif; height: 16px; margin: 0 7px 0 0; width: 168px;  }
#header #searchbox button { background: url(searchButton.gif) left top no-repeat; cursor: pointer; height: 34px; width: 34px; cursor:pointer;  }



/*************************************************************
  N A V I G A T I O N
*************************************************************/
#navigation { float: left; margin: 10px 0 0 37px }

#navigation ul { font-family: Verdana, Geneva, sans-serif; line-height: 1.5em /*18px*/ }
#navigation ul li { }
#navigation ul li a { color: #fff; text-decoration: none }
#navigation ul li a:hover { color: #CA240D }

#mainnavigation { bottom: 15px; left: auto; position: absolute; right: 0; top: auto }
#mainnavigation ul { font-family: Verdana, Geneva, sans-serif; font-size: 1.167em /*14px*/ }
#mainnavigation ul li { float: left; margin: 0 0 0 40px }
#mainnavigation ul li a { color: #fff; text-decoration: none }
#mainnavigation ul li a:hover { color: #CA240D }



/*************************************************************
  C O N T E N T
*************************************************************/
#activities { background: #ccc; font-family: Verdana, Geneva, sans-serif; padding: 1px }
#activities ul { }
#activities ul li { float: left }
#activities ul li a { color: #fff; display: block; height: 30px; font-size: 1.167em /*14px*/; line-height: 30px; margin: 0 2px 0 0; padding: 170px 0 0 22px; text-decoration: none; width: 168px }
#activities ul li a#id1 { background: #303030 url(grondwerk.jpg) left top no-repeat }
#activities ul li a#id2 { background: #303030 url(afbraakwerk.jpg) left top no-repeat }
#activities ul li a#id3 { background: #303030 url(funderingswerken.jpg) left top no-repeat }
#activities ul li a#id4 { background: #303030 url(infrastructuurwerken.jpg) left top no-repeat }
#activities ul li a#id5 { background: #303030 url(recycling.jpg) left top no-repeat; margin: 0 }
#activities ul li a:hover#id1 { background-color: #CA240D }
#activities ul li a:hover#id2 { background-color: #CA240D }
#activities ul li a:hover#id3 { background-color: #CA240D }
#activities ul li a:hover#id4 { background-color: #CA240D }
#activities ul li a:hover#id5 { background-color: #CA240D }

#breadcrumb { color: #666; font: 0.917em/2.727em /*11px/30px*/ Verdana, Geneva, sans-serif; height: 30px; padding: 0 25px }
#breadcrumb a { color: #CA240D }

#content { float: left; margin: 0 42px; width: 476px }

#content h1, #content h2, #content h3 { color: #CA240D; font-family: Verdana, Geneva, sans-serif; font-weight: normal; line-height: 1 }
#content h1 { font-size: 1.5em /*18px*/; margin-bottom: 15px }
#content h2 { font-size: 14px; margin-bottom: 7px; margin-top: 7px; }
#content h3 { font-size: 12px; margin-bottom:7px; margin-top:7px; color:#666; font-weight:bold }

#content p { margin: 0.833em 0 /*10px*/ }

#content ol, #content ul { margin: 0.833em 0 0.833em 15px /*10px*/ }
#content ol { list-style: decimal inside }
#content ul { list-style: disc inside }

#content table { margin: 0.833em 0 /*10px*/ }

#content a { color: #CA240D }

#content_NoBanner{ float: left; margin: 0 42px; width: 636px; color:#303030 }

#content_NoBanner h1, #content_NoBanner h2, #content_NoBanner h3 { color: #CA240D; font-family: Verdana, Geneva, sans-serif; font-weight: normal; line-height: 1 }
#content_NoBanner h1 { font-size: 1.5em /*18px*/; margin-bottom: 15px }
#content_NoBanner h2 { font-size: 14px; margin-bottom: 7px; margin-top: 7px; }
#content_NoBanner h3 { font-size: 12px; margin-bottom:7px; margin-top:7px; color:#666; font-weight:bold }

#content_NoBanner p { margin: 0.833em 0 /*10px*/ }

#content_NoBanner ol, #content_NoBanner ul { margin: 0.833em 0 0.833em 15px /*10px*/ }
#content_NoBanner ol { list-style: decimal inside }
#content_NoBanner ul { list-style: disc inside }

#content_NoBanner table { margin: 0.833em 0 /*10px*/ }

#content_NoBanner a { color: #CA240D }

/* modules */
#content .fotoreeks { } /* fotoreeks lightbox */
#content .module fototekst { } /* foto + tekst */
#content .BeeldRechts { float: right; margin: 0 0 10px 20px } /* beeld rechts */
#content .BeeldLinks { float: left; margin: 0 20px 10px 0 } /* beeld links */
#content .portal { } /* 2 kolommen */
#content .portal .kolom1 { border-right: 1px solid #303030; padding: 0 25px 0 0; vertical-align: top; width: 50% } /* 2 kolommen > kolom1 (links) */
#content .portal .kolom2 { padding: 0 0 0 25px; vertical-align: top; width: 50% } /* 2 kolommen > kolom2 (rechts) */
#content .box { display: block;	clear: right; height:auto; } /* link met tekst */
#content a.ankerlijst { } /* ankerlijst */
#content input, #content textarea { border: 1px solid #303030; color: #000; font: 11px/16px Verdana, Geneva, sans-serif; margin: 2px 0; padding: 3px } /* formulier elementen */
#content input[type="text"] { width: 300px; margin-left:10px; float:right; }
#content input[type="checkbox"] { border: 0; width: auto }
#content textarea { height: 100px; overflow: auto; width: 300px; float:right}
#content .label { text-align:right; width:150px; float:left; height:auto }
#content .knop { background: #CA240D; border: 0; color: #fff; text-align: center; width: 70px; display:block; clear:both; float:right; margin: 15px 238px 0px 0px; cursor:pointer } /* button formulier */
#content .sitemap { } /* sitemap */
#content #page_news_year_navigation { } /* nieuws items */
#content #page_news_item { border-bottom: 1px solid #ccc; margin: 25px 0; padding: 0 0 15px }
#content #page_news_navigation { text-align: right }

#content #zoekresultaat { float:left; margin-right:106px; margin-bottom:10px } 

#content_NoBanner .fotoreeks { } /* fotoreeks lightbox */
#content_NoBanner .module fototekst { } /* foto + tekst */
#content_NoBanner .BeeldRechts { float: right; margin: 0 0 10px 20px } /* beeld rechts */
#content_NoBanner .BeeldLinks { float: left; margin: 0 20px 10px 0 } /* beeld links */
#content_NoBanner .portal { } /* 2 kolommen */
#content_NoBanner .portal .kolom1 { border-right: 1px solid #303030; padding: 0 25px 0 0; vertical-align: top; width: 50% } /* 2 kolommen > kolom1 (links) */
#content_NoBanner .portal .kolom2 { padding: 0 0 0 25px; vertical-align: top; width: 50% } /* 2 kolommen > kolom2 (rechts) */
#content_NoBanner .box { display: block;	clear: right; height:auto; } /* link met tekst */
#content_NoBanner a.ankerlijst { } /* ankerlijst */
#content_NoBanner input, #content_NoBanner textarea { border: 1px solid #303030; color: #000; font: 11px/16px Verdana, Geneva, sans-serif; margin: 2px 0; padding: 3px } /* formulier elementen */
#content_NoBanner input[type="text"] { width: 300px; float:right; }
#content_NoBanner input[type="checkbox"] { border: 0; width: auto }
#content_NoBanner textarea { height: 100px; overflow: auto; width: 300px; float:right}
#content_NoBanner .label { text-align:right; width:150px; float:left; height:auto }
#content_NoBanner .knop { background: #CA240D; border: 0; color: #fff; text-align: center; width: 70px; display:block; clear:both; float:right; margin: 15px 238px 0px 0px; cursor:pointer } /* button formulier */
#content_NoBanner .sitemap { } /* sitemap */
#content_NoBanner #page_news_year_navigation { } /* nieuws items */
#content_NoBanner #page_news_item { border-bottom: 1px solid #ccc; margin: 25px 0; padding: 0 0 15px }
#content_NoBanner #page_news_navigation { text-align: right }

#content_NoBanner #zoekresultaat { float:left; margin-right:150px; margin-bottom:10px } 

/* homepage */
#info { display: inline; float: left; height: 310px; margin: 0 0 0 25px; position: relative; width: 420px }
#info h1 { color: #CA240D; font-family: Verdana, Geneva, sans-serif; font-size: 1.667em /*20px*/; line-height: 1.3; margin: 20px 0 0 }

#info #news { line-height: 1.167em /*14px*/; margin: 25px 0 25px 30px }
#info #news h1 { background: url(news.gif) left center no-repeat; color: #CA240D; font: normal 1.167em/18px /*14px/18px*/ Verdana, Geneva, sans-serif; margin: 0 0 5px -30px; padding: 0 0 0 30px }
#info #news #home_news_item { margin: 10px 0 } /* nieuws module */
#info #news #home_news_item strong { display: block }
#info #news a.newslink { color: #CA240D }

#info #jobs { line-height: 1.167em /*14px*/; margin: 25px 135px 25px 30px }
#info #jobs h1 { background: url(jobs.gif) left center no-repeat; color: #CA240D; font: normal 1.167em/18px /*14px/18px*/ Verdana, Geneva, sans-serif; margin: 0 0 5px -30px; padding: 0 0 0 30px }
#info #jobs p.nieuwsitem { margin: 10px 0 } /* jobs module */
#info #jobs a.newslink { color: #CA240D }

#info img#labels { bottom: 0; left: auto; position: absolute; right: 0; top: auto }


#reference { background: url(referenceBg.gif) left top no-repeat; color: #fff; float: right; height: 270px; line-height: 1.167em /*14px*/; padding: 20px; position: relative; width: 440px }
#reference h1 { color: #fff; font-family: Verdana, Geneva, sans-serif; font-size: 1.167em /*14px*/; font-weight: bold; line-height: 1 }
#reference img { margin: 8px 0 }
#reference p { margin: 0 0 0 120px }
#reference a { color: #fff }
#reference a#link { background: url(linkRef.png) left top no-repeat; bottom: 10px; height: 91px; left: 5px; position: absolute; right: auto; top: auto; width: 109px }

/* SITEMAP */
#content #sitemap a { color: #CA240D; padding: 0 0 0 15px }
#content #sitemap a:hover { color: #CA240D; font-weight:bold; padding: 0 0 0 15px }
	
#content #sitemap .level1 { }
#content #sitemap .level2 { margin: 0 0 0 30px }
#content #sitemap .level3 { margin: 0 0 0 60px }
#content #sitemap .level4 { margin: 0 0 0 90px }

/* PDF */
#content #pdf { height: 40px; padding: 5px 0 0 }
#content #pdf a { color: #CA240D }

#content #pdf .IkoonLinks { float: left; margin: 0 10px 0 0 }
#content #pdf .box { clear: right; display: block; height: 32px }


/*************************************************************
  S I D E B A R S
*************************************************************/
/* leftside */
#sidebar { background: #303030; float: left; min-height: 600px; height: auto !important; height: 600px; width: 240px }

#sidebar #subnavigation { font-family: Verdana, Geneva, sans-serif; margin: 0 0 45px }
#sidebar #subnavigation a { border-bottom: 1px solid #676767; color: #fff; display: block; height: 23px; line-height: 23px; padding: 0 0 0 50px; text-decoration: none }
#sidebar #subnavigation a:hover { background: #CA240D }

#sidebar #subnavigation .subNavigation3  { font-family: Verdana, Geneva, sans-serif; }
#sidebar #subnavigation a.subNavigation3 { border-bottom: 1px solid #676767; color: #fff; display: block; height: 23px; line-height: 23px; padding: 0 0 0 60px; text-decoration: none; }
#sidebar #subnavigation a.subNavigation3HL { background: #CA240D; padding: 0 0 0 60px; }

#sidebar #news { color: #ccc; line-height: 1.167em /*14px*/; margin: 25px 20px }
#sidebar #news h1 { background: url(news.gif) left center no-repeat; color: #CA240D; font: bold 1.167em/18px /*14px/18px*/ Verdana, Geneva, sans-serif; margin: 0 0 5px; padding: 0 0 0 30px }

#sidebar #news #home_news_item { margin: 10px 0 } /* nieuws module */
#sidebar #news #home_news_item strong { display: block }
#sidebar #news a.newslink { color: #CA240D }

#sidebar #jobs { color: #ccc; line-height: 1.167em /*14px*/; margin: 25px 20px }
#sidebar #jobs h1 { background: url(jobs.gif) left center no-repeat; color: #CA240D; font: bold 1.167em/18px /*14px/18px*/ Verdana, Geneva, sans-serif; padding: 0 0 0 30px }

#sidebar #jobs p.nieuwsitem { margin: 10px 0 } /* jobs module */
#sidebar #jobs a.newslink { color: #CA240D }

/* rightside */
#banner { float: right; height: 600px; width: 160px }



/*************************************************************
  F O O T E R
*************************************************************/
#footer { clear: both; color: #999; line-height: 1.167em /*14px*/; padding: 12px 0 }

#footer .right { text-align: right }

#footer a { color: #999; text-decoration: none }
#footer a:hover { text-decoration: underline }



/*************************************************************
  C L E A R F I X
*************************************************************/
.clearfix       { display: inline-block }
.clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden }

/* Hides from IE-mac \*/
* html .clearfix { height: 1% }
.clearfix { display: block }
/* End hide from IE-mac */