/*************************************************************
  
  Author:       Miel Vandevelde
  Company:      jongebaliehasselt.be
  Version:      1.0
  Created on:   31.08.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; border: 0 } /* Makes resized images in IE look better */

html { background: #fff url(bg.gif) left top repeat-x }

body { background: url(bg2.gif) center top repeat-y; color: #666; font: 12px/1.25em /*12px/15px*/ Arial, Helvetica, sans-serif }

#wrapper { margin: 0 auto; width: 960px }
td{	font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

hr { color:#CCC;height: 1px; background-color:#CCCCCC }


/*************************************************************
  H E A D E R
*************************************************************/
#header { float: left; height: 174px; width: 251px }

#header a { background: url(logo.gif) left top no-repeat; display: inline-block; float: left; height: 136px; margin: 19px 70px; text-indent: -9999em; width: 110px }



/*************************************************************
  N A V I G A T I O N
*************************************************************/
#navigation { float: right; height: 140px; overflow: hidden; padding: 34px 0 0 48px; width: 661px }

#navigation ul { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; float: left; width: 80px }
#navigation ul li { margin: 0 0 15px }
#navigation ul li a { color: #006699; font-size: 1.167em /*14px*/; font-weight: bold; text-decoration: none; text-transform: uppercase }
#navigation ul li a:hover { color: #978d79 }

#navigation ul#sub { display: inline; float: right; margin: 0 29px 0 0; width: 552px }
#navigation ul#sub li { background: url(subBg.gif) left top repeat-y; float: left; height: 102px; margin: 0; padding: 0 0 0 13px; width: 125px }

#navigation ul#sub li ul { margin: 7px 0 0; width: 125px }
#navigation ul#sub li ul li { background: none; float: none; height: auto; padding: 0; width: auto }
#navigation ul#sub li ul li a { color: #666; font-size: 1em; font-weight: normal; line-height: 1.5em /*18px*/; text-decoration: none; text-transform: none }



/*************************************************************
  C O N T E N T
*************************************************************/
#content { clear: right; float: right; padding: 200px 47px 30px; position: relative; width: 615px }

#content #spherephoto { background: url(spherephoto.jpg) left top no-repeat; bottom: auto; height: 200px; left: 0; position: absolute; right: 0; top: 0; width: 709px }

#content #breadcrumb { padding: 30px 0 40px }
#content #breadcrumb a { color: #006999 }

#content h1, #content h2, #content h3 { color: #006999; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1; margin: 7px 0; margin-bottom: 20px; font-weight: bold; }
#content h1 { font-size: 1.333em /*16px*/; text-transform: uppercase }
#content h2 { font-size: 1.333em /*16px*/ }
#content h3 { font-size: 1.167em /*16px*/ }

#content p { margin: 0.583em 0 /*7px*/ }

#content ol, #content ul { margin: 0.583em 0 0.583em 20px /*7px*/ }
#content ol { list-style: decimal outside }
#content ul { list-style: disc outside }

#content table { margin: 0.583em 0 /*7px*/ }

#content a { color: #006999 }

/* 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 #666; 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 #666; 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: 300px }
#content .knop { background: url(subLinkBg.gif) left center no-repeat; color: #006999; display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.25em /*15px*/; height: 20px; linfe-height: 20px; padding: 0 0 0 27px; text-decoration: none; border: 0; font-weight: bold; margin:0; text-transform:capitalize;} /*background: #006999; border: 0; color: #fff; text-align: center; width: 70px } /* button formulier */
#content .sitemap { } /* sitemap */



/*************************************************************
  S I D E B A R
*************************************************************/
#sidebar { clear: left; float: left; width: 251px }

/* CALENDAR */
#sidebar #calendar { background: #006999 url(calendarBg.gif) left top repeat-y; /*height: 170px;*/ overflow: hidden; padding: 15px 25px; width: 201px }

#sidebar #calendar h4 { color: #fff; font: bold 14px/1 "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase }

#sidebar #calendar #divkalender span { border: 1px dotted #fff; color: #fff; display: block; font-size: 1.083em /*13px*/; margin: 12px 0 0; padding: 5px; text-align: center; width: 100% }
#sidebar #calendar #divkalender span a { margin: 0 20px }
#sidebar #calendar #divkalender span a img { vertical-align: middle }
#sidebar #calendar #month table { color: #fff; font-size: 0.917em /*11px*/; width: 100% }
#sidebar #calendar #month table th { color: #ccc; font-weight: normal }
#sidebar #calendar #month table td { text-align: center }
#sidebar #calendar #month table td.month { color: #fff; height: 16px; line-height: 16px; text-decoration: none; width: 16px; cursor: pointer }
#sidebar #calendar #month table td.month:hover { background: #96927b }
#sidebar #calendar #month table td.month:active { background: #96927b }
#sidebar #calendar #month table td.month:visited { background: #96927b }
#sidebar #calendar #month table td.day { background: #96927b }

/* ACTIVITY */
#sidebar #calendar #divkalenderitems { background: #96927b; color: #fff; margin: 30px -25px -15px -25px; padding: 12px 25px }
#sidebar #calendar #divkalenderitems a { color: #fff }

/* SUBNAVIGATION */
#sidebar #subNavigation { background: url(subNavigationBg.gif) left bottom repeat-x; padding: 20px 0 }
#sidebar #subNavigation ul { margin: 0 0 0 22px }
#sidebar #subNavigation ul li { margin: 5px 0 }
#sidebar #subNavigation ul li a { background: url(subLinkBg.gif) left top no-repeat; color: #006999; display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.25em /*15px*/; line-height: 20px; padding: 0 0 0 27px; text-decoration: none; font-weight: bold; }

/* POSTS */
#sidebar #posts { margin: 40px 0 40px 1px }
#sidebar #posts ol {}
#sidebar #posts ol li { margin: 18px 25px }
#sidebar #posts ol li h5 { color: #96927b; font: normal 1.25em/1 /*15px/1*/ "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; }
#sidebar #posts ol li p { margin: 8px 0 }
#sidebar #posts ol li a { color: #006999 }

/* BANNER */
#sidebar #banner { margin: 0 0 0 1px }
#sidebar #banner img { display: block } /* Clears space between DIV and IMG on the bottom */



/*************************************************************
  F O O T E R
*************************************************************/
#footer { clear: both; color: #333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 80px 0 10px 251px; text-align: center }

#footer a { color: #006999 }



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



/*************************************************************
  PDF MODULE
*************************************************************/
#pdf {
	/*height:auto;*/
	padding-top:5px;
}
#pdf img {
	float: left;
	margin: 0px 10px -2px 0;
	vertical-align: middle
}
.pdfopmerking {
	margin: 0 5px;
	float: left;
	color:#666;
	}


/*************************************************************
  SITEMAP
*************************************************************/

#sitemap a:link, #sitemap a:visited, #sitemap a:active{
	 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 color:#006999;
	 font-size:13px;
}
#sitemap a:hover{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 color:#006999;
	 font-size:14px;
	 text-decoration:none;
}
	
#sitemap .level1 {
	font-weight: bold;
	text-decoration: none;
	color: #006999;

} 
#sitemap .level2 {
	padding-left: 30px;
	text-decoration: none;
	color: #006999;
} 
#sitemap .level3 {
	padding-left: 60px;
	text-decoration: none;
	color: #006999;
} 
#sitemap .level4 {
	padding-left: 90px;
	text-decoration: none;
	color: #006999}
	
td{	font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

hr { color:#CCC;height: 1px; background-color:#CCCCCC }

#logos { margin-top:20px }