/*  
Theme Name: BV Huizen 96
Theme URI: http://www.bvhuizen96.nl/
Description: Het standaard thema van de site www.bvhuizen96.nl
Version: 2.0
Author: Niels Jongerden

*/

* { margin: 0; padding: 0; }
body { font-size: 62.5%; font-family: Verdana, Sans-Serif; color: #400400; background: url(images/header_bg.gif) repeat-x top center; }

h1, h2, h3, p { margin-bottom: 10px; }
h1 { font-size: 2em; font-family: Georgia; }
h2 { font-size: 1.7em; font-family: Georgia; font-weight: bold; letter-spacing: 0.02em; }
h2 a:hover, h3 a:hover { background-color: #cae8f9; }
h3 { font-size: 1.4em; font-family: Arial; }
p, table, address { font-size: 1.2em; }
address { font-style: normal; }
ul li { list-style-type: none; }

a { color: #0f7bba; text-decoration: none; }
a:hover { text-decoration: underline; }

img { border: none; }
img.alignright { padding: 0 0 10px 10px; }
.center { text-align: center; clear: both; }

#searchform #s { border: 1px solid #888888; background: #ffffff url(images/loep.gif) left top no-repeat; padding: 4px 0 4px 23px; }
.search-excerpt { background: yellow; }

.lotsensurrt { display: none; visibility: hidden; }

#page { width: 970px; margin: 0 auto; line-height: 175%; position: relative; }
#content { padding: 165px 0 25px; background: url(images/zijmenu_bg.gif) right 150px repeat-y; position: relative; float: left; width: 100%; }
#header { height: 150px; width: 970px; position: absolute; top: 0; left: 0; background: url(images/header_name.jpg) no-repeat top center; }

#nav { position: absolute; top: 123px; width: 970px; height: 27px; }
#nav li { float: left; display: inline; margin-left: 2px; height: 27px; overflow: hidden; width: 137px; }
#nav a { display: block; background-position: 0 27px; height: 0px; padding-top: 27px; }
#nav a:hover { background-position: 0 54px; }
#nav a.active { background-position: 0 81px !important; }
#nav .tab_home { background-image: url(images/tabs_home.gif); }
#nav .tab_nieuws { background-image: url(images/tabs_nieuws.gif); }
#nav .tab_agenda { background-image: url(images/tabs_agenda.gif); }
#nav .tab_fotos { background-image: url(images/tabs_fotos.gif); }
#nav .tab_vereniging { background-image: url(images/tabs_vereniging.gif); }
#nav .tab_sponsoring { background-image: url(images/tabs_sponsoring.gif); }

#footer-wrapper { clear: both; height: 150px; background: #ffffff url(images/voettekst_bg.gif) top left repeat-x; border-top: 1px solid #777777; }
#footer h5 { margin: 20px 0 10px 0; font-family: Verdana; color: #666666; font-size: 1.1em; }
#footer-wrapper ul#footer { margin: 0 auto; padding: 0; width: 970px; }
#footer li.column { padding-right: 20px; float: left; width: 215px; display: block; }
#footer ul li { padding: 2px 0; }
#footer a { color: #888888; font-family: Verdana; font-size: 1.1em; text-decoration: underline; }
#footer a:hover { text-decoration: none; background: none; }
#footer #searchform #s { width: 143px; }

.clear { clear: both; top: 30px; margin-top: 30px; }

#secondary-nav { position: absolute; top: 0; right: 0; text-align: right; margin-right: 10px; }
#secondary-nav li { list-style-type: none; margin-left: 10px; }
#secondary-nav li a { color: #000000; text-decoration: none; font-weight: bold; padding-left: 10px; }
#secondary-nav li a:hover { text-decoration: underline; background-color: transparent; }

.home #content { background-image: none; }
.home .top-section { height: 140px; margin: 5px 0 20px 0; }
.home .top-section h2 { font-size: 2.7em; font-family: Georgia; font-weight: normal; color: #ffffff; }
.home .top-section p { color: #f8f8f8; }
.home .top-section .welcome { width: 620px; float: left; background: #cc0000 url(images/homelinks_background.jpg) top left no-repeat; padding: 10px; height: 120px; }
.home .top-section .welcome p { width: 430px; }
.home .top-section .campaign { width: 290px; margin-left: 20px; float: right; background: #cc0000 url(images/rackets.gif) bottom right no-repeat; padding: 10px; height: 120px; }
.home .top-section a { color: #ffffff; text-decoration: underline; font-size: 1.2em; }
.home .top-section a:hover { text-decoration: none; background-color: transparent!important; }

.home .bottom-section { width: 310px; margin-right: 20px; float: left; }
.home ul.last-column { margin-right: 0; }

.home .bottom-section h2 { display: block; border-bottom: 3px groove #dfdfdf; padding: 0 0 10px 10px; font-size: 2em; font-family: Georgia; font-weight: normal; color: #cc0000; margin-bottom: 0; }

.home .laatste-nieuws,
.home .belangrijke-links,
.home .laatste-reacties { background: url(images/homepage_div_background.gif) top right repeat-y; padding: 10px; margin-bottom: 20px; }

.home .laatste-nieuws h3 { font-weight: normal; font-family: Georgia; }
.home .laatste-nieuws h3 a { display: block; }
.home .laatste-artikel-inhoud { margin-bottom: 10px; }
.home .laatste-artikel-inhoud a { font-size: 1.2em; }

.home .belangrijke-links li { font-size: 1.1em; }
.home .belangrijke-links a { font-size: 0.9em; }

.home dl { font-size: 1.2em; }
.home dl dt { float: left; height: 1%; width: 40px; text-align: right; }
.home dl dd { margin-left: 50px; height: 1%; }
.home dl dd a { display: block; height: 1%; }
.home dl dd a:visited { font-weight: normal; }
.home a:hover { background-color: #cae8f9; text-decoration: underline; }

.home .laatste-reacties li { display: block; padding: 0 0 10px 25px; background: url(images/double_quotes.gif) no-repeat top left; }
.home .laatste-reacties li a { display: block; clear: right; font-size: 1.2em; }
.home .laatste-reacties li cite { font-style: normal; display: block; float: right; font-size: 1em; margin-top: -8px; }

.home .kalender { width: 44px; height: 44px; background: transparent url(images/kalender.gif) top left no-repeat; line-height: 0; position: relative; float: left; margin: 0 10px 5px 0; }
.home .kalender .kalendermaand { height: 15px; width: 34px; position: absolute; line-height: 1em; top: 0px; left: 4px; text-align: center; color: #ffffff; font-size: 1.1em; font-family: Arial; text-transform: uppercase; padding-top: 7px; }
.home .kalender .kalenderdag   { height: 21px; width: 34px; position: absolute; line-height: 1em; top: 21px; left: 4px; text-align: center; font-size: 1.8em; }

.fotolink { margin-bottom: 10px; position: relative; }
.fotolink .fotosliderlink { width: 100%; height: 40px; position: absolute; bottom: 0; }
.fotolink .fotosliderlink a { position: absolute; font-family: Georgia; font-size: 1.5em; bottom: 15px; right: 80px; display: block; padding: 3px 5px; background: #ffffff; border: 1px solid #cc0000; }
.fotolink .fotosliderlink a:hover { background-position: 0 0; background-color: #cae8f9; }
.fotolink .fotoslider { width: 318px; height: 287px; background: url(images/foto_home_bg.jpg) no-repeat top left; margin: 0 auto; text-align: center; }
.fotolink .fotoslider #fotoslidercontent { width: 220px; height: 165px; color: #888888; left: 47px; top: 91px; overflow: hidden; position: absolute; text-align: center; }
.safari .fotolink .fotoslider #fotoslidercontent { top: 90px; }
.fotolink .fotoslider .fotoslidercontent img { margin: 0; max-width: 220px; max-height: 165px; }

#aside { float: right; clear: right; width: 288px; font-family: Arial; margin-top: 10px; }
#aside ul.menu  li a { display: block; padding: 5px 20px; height: 1%; font-size: 1.4em; }
#aside ul.menu  li ul li a { padding: 3px 0 3px 20px; }
#aside ul.menu  li ul li { padding-left: 20px; }
#aside ul.menu  li a:hover { background-color: #e2e2e2; text-decoration: none; color: #cc0000; }
#aside .menu li.current,
#aside .menu li.current-cat,
#aside .menu li.current_page_item { background-color: #ffffff; border: 1px solid #cc0000; border-left: none; }
#aside .menu li.current h3,
#aside .menu li li.current-cat,
#aside .menu li li.current_page_item { font-weight: bold; }
#aside .menu li.current h3 a:hover,
#aside .menu li li.current-cat a:hover,
#aside .menu li li.current_page_item a:hover { background-color: transparent; color: #0f7bba; }
#aside .menu h3 { margin-bottom: 0; font-weight: normal; font-size: 1.1em; }

#aside .sponsoren { margin-top: 15px; text-align: center; }
#aside .sponsoren li { margin-bottom: 5px; }

.hoofdsponsor { text-align: center; background-image: none; margin-top: 20px; }
.hoofdsponsor a { display: block; }
.hoofdsponsor a:hover { background-color: transparent!important; }
.hoofdsponsor strong { clear: both; }

.page-template-links-php #article h2 { font-weight: normal; }
.page-template-links-php #article li { font-size: 0.9em; }
.page-template-links-php #article li.linkcat { list-style-type: none; background: none!important; }

#article { width: 660px; float: left; position: relative; margin-bottom: 25px; }
.home #article { width: 970px; padding: 0; }

#article table { margin: 0 auto; width: 95%; border-collapse: collapse; }
#article table * { text-align: left; vertical-align: top; }
#article table tr.oneven { background-color: #ffffff; }
#article table tr.even { background-color: #f1f1f1; }
#article table tr td, #content table tr th { padding: 1px 2px; }

#article.post, #article.page { padding: 10px; }
#article h1, #article h1 { font-size: 2.6em; clear: both; font-weight: normal; color: #cc0000; padding-bottom: 10px; line-height: 1.1em; }
#content .post h1 { margin-top: 30px; }
#article.post ul.metadata { position: absolute; top: 0; margin: 0 0 10px 0; width: 660px; }
#article.post ul.metadata li.date { float: left; display: block; padding: 0 0 5px 0; list-style-type: none; background: none; }
#article.post .metadata li.category { float: right; list-style-type: none; background: none; }
#article.post ul, #article.page ul, #article.post ol, #article.page ol { margin-bottom: 10px; margin-left: 16px; font-size: 1.2em; }
#article a:hover { background-color: #cae8f9; }
#article .auteur { margin-top: 10px; font-size: 1.2em; text-align: right; }
#article.post ul li, #article.page ul li { list-style-type: none; background: url(images/bullet.gif) no-repeat left 5px; padding-left: 1em; }
.postmetadata { border: 1px solid #bbbbbb; background-color: #f8f8f8; padding: 5px; margin-top: 10px; }

table#contactformulier { border: none; }
#reacties, #contactformulier { padding: 10px; }
#contactformulier div { margin-bottom: 5px; }
#contactformulier label { margin-right: 15px; font-size: 1.2em; vertical-align: top; }
#reacties .name, #contactformulier .name { display: none; }
/* #reacties input, #reacties textarea, #contactformulier input, #contactformulier textarea { border: 1px solid #999999; } */
#contactformulier input#kopie { border: none; }
#reacties input#submit, #contactformulier input#contactsubmit { background: url(images/submit_bg.gif) no-repeat bottom right; border: 1px solid #999999; text-align: center; }
#reacties input#submit:hover, #contactformulier input#contactsubmit:hover { cursor: pointer; border-color: #666666; }
#reacties ol.reactielijst { list-style-type: decimal; list-style-position: inside; font: italic 1.8em Georgia; }
#reacties hr { border-top: 1px solid #bbbbbb; margin-bottom: 10px; }
.reactielijst li { margin-bottom: 10px; padding: 5px; background: url(images/reactie_bg.gif) repeat-x 0px 0px; border-top: 1px solid #cc0000; }
.reactielijst li.alt { background-color: #fceeee; background: url(images/reactie_alt_bg.gif) repeat-x 0px 0px; border-top: 1px solid #cc0000; }
.reactielijst li cite { font-size: 0.8em; color: #222222; font-style: normal; font-weight: bold; }
.reactielijst li div { margin: 15px 0; font: normal 0.6em verdana; }
.reactiestatistieken { text-align: right; }
.reactiestatistieken a { color: #444444; }

form#commentform label, form#commentform input, form#commentform textarea { display: block; width: 250px; float: left; margin-bottom: 11px; }
form#commentform label { text-align: right; width: 220px; padding-right: 20px; font-size: 1.2em; }
form#commentform div { clear: left; }

.pagina { padding: 10px; }
.pagina .inhoud ul { margin-bottom: 10px; }
.bericht .inhoud li { list-style-position: inside; padding-left: 1em; }
.bericht table, .pagina table { border: 1px solid #e1e1e1; }


ul#recent-nieuws li { width: 275px; float: left; border: 1px solid #dddddd; padding: 10px; margin: 0 10px 10px 0; }
ul#recent-nieuws h2 { font-size: 1.3em; }
ul#recent-nieuws h2 a { font-weight: normal; text-align: left; }
ul#recent-nieuws a { display: block; font-size: 1.2em; text-align: right; }
ul#recent-nieuws p.date { display: block; text-align: right; margin-bottom: 2px; font-size: 1.1em; }

#article .archief ul { margin-left: 0; padding: 0; }
#article .archief ul li { background: none; }

.inhoud .slideshow { background: url(images/slideshow_bg.gif) no-repeat top left; width: 688px; height: 528px; padding: 21px 0 0 22px; text-align: left; }

.alignright { float: right; }

.ngg-gallery-thumbnail img { height: 100px; width: auto; }

.printonly {display: none; }
.thickboxNav { width: 100%; text-align: center; }
#TB_caption { padding-left: 0!important; padding-right: 0!important; text-align: center; }
#TB_secondLine a { color: #0f7bba!important; text-decoration: none!important; }
#TB_secondLine a:hover { text-decoration: underline!important; background-color: #cae8f9!important; }
#TB_secondLine a:focus { color: #0f7bba!important; }
#TB_closeWindow { bottom: 10px!important; right: 20px!important; position: absolute!important; padding: 0!important; }
.pictureDownloadLink { left: 20px; position: absolute; font-size: 1.2em; }
#TB_next, #TB_prev { font-size: 1.2em; }

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev,
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev { line-height: 2em; }
.ngg-albumoverview .ngg-thumbnail a:hover { background: none!important; }

.pagina .ngg-navigation { padding: 0!important; margin: 0.5em; }
.ngg-galleryoverview h3 { margin-bottom: 0; }
.ngg-album-compact { width: 150px!important; }
.ngg-album-compact h4 { font-size: 1.2em!important; }
.ngg-album-compact h4 a { display: block; }
.ngg-album-compact .ngg-album-compactbox { margin: 0!important; }

.groepA { color: #ff0000; }
.groepB { color: #0000ff; }
.groepC { color: #009900; }

/* PRINT VIEW */
@media print { 
	body { font-size: 62.5%; font-family: Verdana, Arial, Sans-Serif; color: #000000; }
	
	h1, h2, h3, p { margin-bottom: 10px; }
	h1 { font-size: 1.6em; font-family: Arial; }
	h2 { font-size: 1.4em; font-family: Arial; letter-spacing: 0.02em; }
	h3 { font-size: 1.2em; font-family: Arial; }
	
	a { color: #0066CC; text-decoration: underline; }
	
	img { border: none; }
	
	div#nav ul li a { color: red; }
	div#nav, div#nav *, #aside, #koptekst, .reageer, form, #voettekst, #hosting { display: none; }
	.printonly { display: block; }
	#content a:link:after, #content a:visited:after {content: " (" attr(href) ") "; }
	#content a[href^="/"]:after { content: " (http://www.bvhuizen96.nl" attr(href) ") "; }
}