/*************************************************************
  
  Author:       Miel Vandevelde
  Company:      thien.be
  Version:      1.0
  Created on:   13.05.2009
  
  CONTENT STYLESHEET
  ------------------
  PAGE
  HEADER
  NAVIGATION
  SIDEBAR
  CONTENT
  FOOTER
  -
  CLEARFIX
  
*************************************************************/



/*************************************************************
  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: #fff url(../art/bg.gif) left top repeat-x scroll }

body { background: url(../art/bg2.jpg) center top no-repeat scroll; color: #000; font: 11px/1.64em "Trebuchet MS", Arial, Helvetica, sans-serif }

#wrapper { margin: 0 auto; width: 956px }



/*************************************************************
  H E A D E R
*************************************************************/
#header { background: url(../art/bgHeader2.jpg) center top no-repeat; height: 159px; position: relative }

#header a { background: url(../art/logo.gif) left top no-repeat; display: inline-block; float: left; height: 80px; margin: 38px 0 0 42px; text-indent: -9999em; width: 230px }

#header #polaroid { display: none; background: url(../art/polaroid.png) left top no-repeat; bottom: auto; height: 159px/*218px*/; left: auto; position: absolute; right: 0; top: 0; width: 417px }



/*************************************************************
  N A V I G A T I O N
*************************************************************/
#navigation { background: url(../art/bgNavigation2.jpg) center top no-repeat; }

/* Horizontal menu */
#navigation a { color: #fff; display: block; font-size: 1.27em /*14px*/; float: left; height: 73px; line-height: 5.21em /*73px*/; text-align: center; text-decoration: none; width: 120px }
#navigation a:hover, #navigation a:active { background: #181818 }



/*************************************************************
  S I D E B A R
*************************************************************/
#sidebar { display: inline; float: left; margin: 50px 0 50px 42px; width: 198px }

/* Subnavigation */
#sidebar a.subNavigation2 { border-top: 1px dashed #f91a09; color: #8f0000; display: block; font-size: 1.18em /*13px*/; line-height: 2.69em /*35px*/; text-decoration: none; width: 198px }
#sidebar a.subNavigation2:hover{ background: url(../art/arrow.gif) 0 6px no-repeat; color: #f91a09; font-weight: bold; padding: 0 0 0 38px; width: 160px }
#sidebar a.subNavigation2HL { border-top: 1px dashed #f91a09; background: url(../art/arrow.gif) 0 6px no-repeat; color: #f91a09; font-weight: bold; padding: 0 0 0 38px; width: 160px; font-size: 1.18em /*13px*/; line-height: 2.69em /*35px*/; text-decoration: none; display:block }

#sidebar img.facebook { margin: 50px 0 0 }



/*************************************************************
  C O N T E N T 
*************************************************************/
#content { display: inline; float: right; margin: 50px; width: 616px }

#content h1 { color: #8f0000; font: normal 3.09em/1 /*34px*/ Georgia, "Times New Roman", Times, serif }
#content h2 { color: #8f0000; font: normal 2.55em/1 /*28px*/ Georgia, "Times New Roman", Times, serif; margin: 0.45em 0 /*5px*/ }
#content h3 { color: #8f0000; font: normal 2em/1 /*22px*/ Georgia, "Times New Roman", Times, serif; margin: 0.45em 0 /*5px*/ }

#content p { margin: 1.82em 0 /*20px*/ }

#content ol, #content ul { margin: 1.82em 0 /*20px*/ }
#content ol { list-style: decimal outside; margin-left: 25px }
#content ul { list-style: disc outside; margin-left: 25px }

#content table { margin: 1.82em 0 /*20px*/ }

#content a { color: #000 }

/* modules */
#content .fotoreeks { } /* fotoreeks lightbox */
#content .module fototekst { } /* foto + tekst */
#content .BeeldRechts { float: right; margin: 0 0 20px 10px } /* beeld rechts */
#content .BeeldLinks { float: left; margin: 0 20px 10px 0 } /* beeld links */
#content .portal { } /* 2 kolommen */
#content .portal .kolom1 { border-right: 1px solid #000; 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 { } /* link met tekst */
#content a.ankerlijst { } /* ankerlijst */
#content input, #content textarea { border: 1px solid #000; color: #000; font: 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 2px 0; padding: 3px } /* formulier elementen */
#content input { width: 300px }
#content input.checkbox { border: 0; width: auto }
#content textarea { height: 100px; overflow: auto; width: 450px }
#content .knop { background: #8f0000; border: 0; color: #fff; text-align: center; width: 70px } /* button formulier */
#content .sitemap { } /* sitemap */



/*************************************************************
  F O O T E R
*************************************************************/
#footer { border-top: 1px dashed #000; clear: both; line-height: 1.45em /*16px*/; padding: 10px 0 }

#footer .left { float: left; margin: 0 10px 0 0 }
#footer .right { float: right }

#footer a { color: #000 }



/*************************************************************
  C L E A R F I X  =  clears floating elements
*************************************************************/
.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 */