/*
 * Basics
 */
body{color:#000000; background:#FFFFFF none; font-size:12px; font-family: Arial;}
div.container{background:#FFFFFF none;}
h1{color:#123256; font-size:2.4em; margin-bottom:0.7em}
.detail h1{margin-bottom:0.4em;}
h2{color:#123256; margin-bottom:0.2em; clear:both;}
h2 a{color:#123256; text-decoration:none;}
h2 a:hover{color: #123256; border-bottom:1px dotted #123256;}
h5{margin-bottom:0.5em;}
p{margin-bottom:1.2em;}
ul{margin:-0.2em 0 1.2em 2.5em; list-style-type:square; line-height:1.8em;}
form p{clear:both;}
form p label{float:left; display:block; margin-right:15px; line-height:2.4em;}
form p input{float:left; width:200px; padding:2px 4px;}
form p input[type="submit"]{width:auto; margin-top:1.3em;}
.error, .notice, .success{margin-bottom:0.8em; padding:0.3em;}

/*
 * Navigation
 */
#navigation{background:none; font-size:1.2em; font-weight:bolder; margin:30px 0 10px;}
#navigation ul{margin:0 0 0 5px;}
#navigation ul li{display:inline; float:left; margin:0 15px 0 0; font-weight:bolder;}
#navigation ul li.right{float:right; margin-right:5px;}
#navigation ul li a{text-decoration:none; color:#999999; height:20px; padding:0 5px;}
#navigation ul li a:hover, #navigation ul li a.active{color:#123256; text-decoration:none;}

/*
 * Header
 */
#header{height:300px; margin:0 0 20px 0; overflow:hidden; position:relative; border:10px solid #123256; width:850px;}
#header #logo{margin:35px 0; position:absolute; z-index:10; background:#123256 none; width:275px; height:210px;}
#header #pagetitle{position:absolute; z-index:12; color:#123256; font-size:4em; text-transform:uppercase; font-weight:bolder; margin:260px 10px 0 0; text-align:right; width:825px;}
#header #logo a{width:180px; height:180px; display:block; float:right; margin:15px;}

/*
 * Content
 */
#content{margin:0 0 0 10px;}

#content span.small_info{margin:0 0 10px 0; display:block; font-size:1em; color:#999999;}
#content span.small_info a{color:#123256; text-decoration:none;}

#content p a, #content ul a{color:#123256; text-decoration:none;}
#content p a:hover, #content ul a:hover{border-bottom:1px dotted #123256; color:#123256;}
#content p a.img:hover{border:none;}

#content p.readmore{margin-right:0px; margin-top:10px; text-align:right; padding:0;}
#content p.readmore a{font-weight:bolder; padding:3px 3px 3px 0; border:none; color:#000000}
#content p.readmore a:hover{color:#123256; border-bottom:1px dotted #123256;}

#content p.pagination{text-align:center; margin:25px 0 0;}
#content p.pagination strong{color:#123256;}
#content p.pagination a#next{margin-left:10px;}
#content p.pagination a#previous{margin-right:10px;}

#content table{width:95%;}
#content table thead tr th{background-color:#D6E5f6; color:#000;}

/*
 * Nieuws
 */
#content div.newsitem{margin:0 25px 15px 0;}
#content div.newsitem h2{line-height:1.3em;}
#content div.newsitem p.event_link{margin:0 0 15px 0; display:block; font-style:italic;}
#content div.newsitem img{float:right; max-width:250px; margin:0 0 6px 6px;}
#content div.newsitem #fb-comments{margin-top:25px;}

/*
 * Ploegen
 */
#content div.ploeg{margin-bottom:25px;}
#content div.ploeg h3{margin:1em 0 1em 0; font-weight:bold; font-size:1em;}

/*
 * Activiteiten
 */
body.kalender #content h2{margin:0 0 10px;}
body.kalender #content h3{margin-top:25px;}
body.kalender #content h2{margin:0 0 10px;}
body.kalender #content div.details div.text{width:300px; float:left; margin: 10px 0 15px 15px;}
body.kalender #content div.details div.text p span.label{margin-right:0.4em;}
body.kalender #content div.details div.map{width:250px; float:right; margin-right:5px;}
body.kalender #content ul.activiteiten{margin:10px 0 15px 0; line-height:26px;}
body.kalender #content ul.activiteiten li{margin:4px 0 0; border-bottom: #000000 dotted 1px; list-style-type:none; height:26px;}
body.kalender #content ul.activiteiten li a{color:inherit;text-decoration:none; line-height: 26px; display:block; position:relative; float:left;}
body.kalender #content ul.activiteiten li a:hover{color:#123256; text-decoration:none; border:none;}
body.kalender #content ul.activiteiten li span.label{margin-left:5px; padding:2px 4px; background:#E3E3E3; color:#000000; float:right; cursor:default; line-height:18px; display:block; position:relative;}
body.kalender #content ul.activiteiten li span.dames{background-color:#FF0099; color:#FFFFFF;}
body.kalender #content ul.activiteiten li span.junioren{background-color:#009900; color:#FFFFFF;}
body.kalender #content ul.activiteiten li span.senioren{background-color:#123256; color:#FFFFFF;}
body.kalender #content ul.activiteiten li span.events{background-color:#FFCC00; color:#000000;}
body.kalender #content ul.activiteiten li span.matchen{background-color:#CC6600; color:#FFFFFF;}
body.kalender #content ul.activiteiten li span.trainingen{background-color:#990000; color:#FFFFFF;}
body.kalender #content div.event ul.rsvp a.active{font-weight:bold;}

/*
 * Foto's
 */
#content div.album{margin-bottom:30px;}

/*
 * Forum
 */
.forum #content p.noresults{font-style: italic;}
.forum #content hr{margin-top:20px; height:1px;}
.forum #content div.forumpost{margin:12px 0; padding:10px 10px 0 10px; overflow:hidden; background-color:#f6f6f6;}
.forum #content div.even{background-color:#e4eef9;}
.forum #content div.forumpost p{margin-bottom:0.7em;}
.forum #content div.forumpost span.small_info{font-size:0.9em; font-style:italic; text-align:right; margin-bottom:4px;}
.forum #content form p{overflow:hidden; margin:0;}
.forum #content form p textarea{height:100px; font-family:"Lucida Grande"; font-size:11px;}
.forum #content form p span.spamtip{float:left; width:50px; line-height:2.2em;}
.forum #content form p span.text{float:left; width:100px; line-height:2.2em;}
.forum #content form p #spamprotect{width:50px;}

/*
 * Inschrijven
 */
.inschrijven #content form p label{width:180px;}
.inschrijven #content form p input#zip{width:32px; margin-right:5px;}
.inschrijven #content form p input#city{width:156px;}
.inschrijven #content form p input[type="radio"]{width:20px;}
.inschrijven #content form p label.radio_label{width:20px;}

/*
 * Shop
 */
.shop #content div.product{height:200px; margin-bottom:20px; overflow:hidden;}
.shop #content div.product div.image{width:200px;height:150px; float:left; background-color:#F6F6F6;}
.shop #content div.product div.info{float:left; margin-left:20px; height: 150px; width:300px;}
.shop #content #shopform p textarea{height:100px; font-family:"Lucida Grande"; font-size:11px;}
.shop #content #orders_text{margin-bottom:25px;}
.shop #content #orders_text p{display:block; height:25px; margin:0 0 5px; padding:2px 10px; line-height:24px; background:#e4eef9 none;}
.shop #content #orders_text p span.price{float:right; font-weight:bold;}
.shop #content #orders_text p span.delete{float:right; width:20px; background:url("/images/layout/cart_delete.png") #e4eef9 no-repeat left; height:20px; display:block; cursor:pointer; margin:2px 6px 0 0; padding:0;}
.shop #content #orders_text p span.delete em{display:none;}
.shop #content #orders_text p span.edit{float:right; width:20px; background:url("/images/layout/cart_edit.png") #e4eef9 no-repeat left; height:20px; display:block; cursor:pointer; margin:2px 6px 0 0; padding:0;}
.shop #content #orders_text p span.edit em{display:none;}
.shop #content #orders_text p#total{background:#ffffff; font-weight:bold; text-align:right;}

/*
 * Sponsors
 */
.sponsors #content div.sponsor{margin-bottom:25px;}
.sponsors #content div.sponsor img{float:left; width:250px; height:150px; margin-right:20px; background-color:#f9f8f8;}
.sponsors #content div.sponsor p{float:left;overflow:hidden;}

/*
 * Nieuwsbrief
 */
.nieuwsbrief h2{margin-top:2em;}
.nieuwsbrief .campaign a{color:#123256; text-decoration:none;}
.nieuwsbrief .campaign a:hover{border-bottom:1px dotted #123256; color:#123256;}
/*
 * Widget-column
 */
#right_column{background:none; width:250px; margin:5px 10px 0 25px;}
#right_column div.widget{margin: 0 0 30px 0;}
#right_column div.widget .flickr_container{margin:0 2px; height:155px;}
#right_column div.widget h4{font-size:1.1em; padding:4px 10px; text-transform:uppercase; color:#FFFFFF; background:#123256; margin-bottom:10px;}
#right_column p{margin-bottom:5px;}
#right_column p a{color:#123256; text-decoration:none; border-bottom:1px dotted #123256;}
#right_column p.readmore{margin:10px 0; text-align:right;}
#right_column p.readmore a{font-weight:bolder; text-align:right; border:none;}
#right_column p.readmore a:hover{border-bottom:1px dotted #123256;}
#right_column p img{float:left; padding:4px 8px 0 0;}
#right_column ul{margin:0}
#right_column ul li{list-style:none; padding:5px;}
#right_column ul li a{color:#000000; text-decoration:none;}
#right_column ul li a:hover{color:#123256; text-decoration:none; border-bottom:1px dotted #123256;}
#right_column #fb-fans{display:none;}
#right_column span.button{margin: 0 0 0 5px; padding: 15px 0 0; float:left;}
#right_column p label.small{font-weight:normal; line-height:2.2em; margin-bottom:5px;}
#right_column p #remember{width: 20px;}

/*
 * Filter
 */
#filter{display:none; margin:20px 0;}
#filter span{margin:2px; padding:2px 4px; background:#E3E3E3; color:#000000; cursor:pointer;}
#filter span#dames{background-color:#FF0099; color:#FFFFFF;}
#filter span#junioren{background-color:#009900; color:#FFFFFF;}
#filter span#senioren{background-color:#123256; color:#FFFFFF;}
#filter span#events{background-color:#FFCC00; color:#000000;}
#filter span#matchen{background-color:#CC6600; color:#FFFFFF;}
#filter span#trainingen{background-color:#990000; color:#FFFFFF;}

/*
 * Flickr
 */
div.flickr_container a{margin:0 5px 5px 0; display:inline; float:left; width:75px; height:75px; overflow:hidden; border: 1px solid #FFFFFF; position:relative; padding:0;}
div.flickr_container a:hover{border: 1px solid #123256;}
div.flickr_container a.last{margin-right:0;}
div.flickr_container a img{border:none;}

/*
 * Footer & footprint
 */
#footer{border-top:#E3E3E3 1px solid; border-bottom:#E3E3E3 1px solid; margin:25px 0 0 0;}
#footer img{margin:5px 0 0 0;}

#footprint{margin:5px 0; color:#000000;}
#footprint a{color:#000000; text-decoration:none;}
#footprint a:hover{color:#123256; text-decoration:none;}

/*
 * Home
 */
.home #header{height:400px;}

/*
 * Extra
 */
p.addthis_toolbox{margin-top:25px;}
p.addthis_toolbox a{margin-right:2px;}
p.addthis_toolbox img{display:none;}

/*
 * Javascript enabled
 */
.js #filter{display:block;}
.js #right_column #fb-fans{display:block;}
.js p.addthis_toolbox img{display:block;}

/*
 * Javascript disabled
 */
noscript p{display:block; margin:0; padding:10px !important; font:13px Arial,sans-serif;}