/*************************************************************
  
  Author:       Miel Vandevelde
  Company:      foto-rombouts.be
  Version:      1.0
  Created on:   21.04.2009
  
  CONTENT STYLESHEET
  ------------------
  PAGE
  HEADER
  NAVIGATION
  CONTENT
  SIDEBAR
  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 */

body { background: #2f2d29 url(../art/bg.gif) center top no-repeat; color: #000; font: 11px/1.45em /*11px/16px*/ Verdana, Geneva, sans-serif }

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



/*************************************************************
  H E A D E R
*************************************************************/
#header { height: 204px; margin: 0 0 20px; position: relative }

#header a.index { background: url(../art/logo.png) left top no-repeat; display: inline-block; float: left; height: 170px; margin: 25px 0 0 25px; text-indent: -9999em; width: 186px }



/*************************************************************
  N A V I G A T I O N
*************************************************************/
#navigation { bottom: 0; left: auto; position: absolute; right: 0px; top: auto }

#navigation { color: #fff; font-size: 13px; line-height: 1.33em /*20px*/ }
#navigation a { border-left: 1px solid #fff; color: #fff; display: block; float: left; height: 60px; padding: 6px 0 0 5px; text-decoration: none; width: 138px }
#navigation a:hover, #navigation a:active { background: #fff; color: #000; }



/*************************************************************
  C O N T E N T
*************************************************************/
#content { background: #fff; float: right; min-height: 600px; padding: 40px; width: 638px }

#content h1 { font: bold 2.18em/1 /*24px/1*/ Arial, Helvetica, sans-serif }
#content h2 { font: bold 1.91em/1 /*21px/1*/ Arial, Helvetica, sans-serif }
#content h3 { font: bold 1.64em/1 /*18px/1*/ Arial, Helvetica, sans-serif }

#content p { margin: 1.45em 0 /*16px*/ }

#content ol, #content ul { margin: 1.45em 0 1.45em 40px /*16px*/ }
#content ol { list-style: decimal outside }
#content ul { list-style: disc outside }

#content table { margin: 1.45em 0 /*16px*/ }

#content a { color: #000 }

/* modules */
#content .fotoreeks { } /* fotoreeks lightbox */
#content .module fototekst { } /* foto + tekst */
#content .BeeldRechts { float: right; margin: 0 0 8px 8px } /* beeld rechts */
#content .BeeldLinks { float: left; margin: 0 8px 8px 0 } /* beeld links */
#content .portal { } /* 2 kolommen */
#content .portal .kolom1 { border-right: 1px solid #ccc; 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 Verdana, Geneva, sans-serif; margin: 2px 0; padding: 3px } /* formulier elementen */
#content input[type="text"] { width: 300px }
#content input[type="checkbox"] { border: 0; width: auto }
#content textarea { height: 100px; overflow: auto; width: 450px }
#content .knop { background: #000; border: 0; color: #fff; text-align: center; width: 70px } /* button formulier */
#content .sitemap { } /* sitemap */



/*************************************************************
  S I D E B A R
*************************************************************/
#sidebar { color: #fff; float: left; text-align: right; width: 227px }

/* Subnavigation */
#sidebar a.subNavigation2 { background: #fff; color: #000; display: inline-block; font-size: 1.18em /*13px*/; line-height: 2.85em /*37px*/; margin: 0 0 1px; padding: 0 20px 0 0; text-decoration: none; width: 207px }
#sidebar a.subNavigation2:hover { font-weight: bold }

#sidebar a.subNavigation2HL { background: #fff; color: #000; display: inline-block; font-size: 1.18em /*13px*/; line-height: 2.85em /*37px*/; margin: 0 0 1px; padding: 0 20px 0 0; text-decoration: none; width: 207px; font-weight: bold}

#sidebar h4 { font: bold 1.64em/1 /*18px/1*/ Arial, Helvetica, sans-serif }

#sidebar p { margin: 1.45em 0 /*16px*/ }

#sidebar img { border: 4px solid #fff; margin: 20px 0 }

#sidebar a { color: #fff }



/*************************************************************
  F O O T E R
*************************************************************/
#footer { clear: both; color: #fff; font-size: 0.91em /*10px*/; line-height: 1.4em /*14px*/; padding: 10px 0 10px 242px }

#footer a { color: #fff }

#footer .left { float: left; margin: 0 0 0 10px }
#footer .right { float: right; text-align: right; width: 150px }



/*************************************************************
  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 */