/*site basics*/
body{position:relative; margin:0; padding:0; line-height:18px; font-size:14px; font-family:Trebuchet MS,Geneva,Kalimati,sans-serif; color:#979797;}
.header{position:relative; margin:auto; padding:0; width:100%; height:253px; overflow:hidden; text-align:center;}
.logo{position:relative; margin:auto; padding:0; width:980px;}
.logo img{position:absolute; z-index:2; top:40px; left:0; display:block; float:left;}
.menu {clear:both; width:980px; height:39px; background:transparent; margin:auto; padding:0;}
.menu li.active {background-color:#000;}
.menu li.active a {color:#ec008c;}
.content, .footer-content{position:relative; margin:auto; padding:0; width:980px; overflow:hidden;}
.content-left{float:left; width:374px; margin:0; padding:15px 0 0 0; background-color:#262626;}
.content-right{float:right; width:570px; margin:40px 0 0 0;}
img.content-img{float:left; margin:0 15px 0 0;}
.footer{ height:40px; position:relative; margin:30px auto 0 auto; padding:0; width:100%; background-color:#262626;}

.copyright{padding:0 0 0 33px; margin:0; width:340px; height:20px; color:#fff; background-color:#000;}
.copyright p{color:#fff; font-size:9px; padding:0; margin:0;}
.copyright p a:link, .copyright p a:visited{color:#fff; font-size:9px; font-weight:normal;}

.caption{color:#fff; font-size:9px; font-style:italic;}
.caption a{font-size:9px!important;}
.date{display:block; float:left; width:80px; margin:0; padding:0;}

object{margin:0;}

img{border:none;}
a:link, a:visited{font-weight:normal; text-decoration:none; color:#fff; }
a:hover, a:active{text-decoration:underline;}
a.button{color:#ec008c; background-color:#000; padding:2px 10px;}
p{color:#979797; font-size:13px; line-height:20px; margin: 10px 15px;}
h1{color:#fff; font-size:26px; line-height: 28px; padding:0 0 0 15px; margin:0 0 15px 0; font-weight:normal}
h3, h2{color:#fff; font-size:22px; line-height: 24px; padding:0 0 0 15px; margin:0 0 15px 0; font-weight:normal}
h4{color:#fff; font-size:18px; line-height: 20px; padding:0 0 0 15px; margin:0; font-weight:normal}
h3.black{display:block; background-color:#000; margin:0; padding: 15px 0 15px 15px;}
strong{color:#fff;}

/*blog*/
.blog-home{position:relative; margin-top:30px; clear:both;}
.blog-home img{margin:0 0 0 15px; padding:0;}
.blog-home h3{position:absolute; top:15px; left:15px; padding:10px; background:rgba(0, 0, 0, 0.7);}
.blog-home a{text-decoration:none;}
.blog-home p.teaser{position:absolute; width:490px; top:140px; left:0; padding:10px; background:rgba(0, 0, 0, 0.7); color:#fff; font-size:12px;}
.blog-home span.caption{margin:0; padding:0;}

.blog-archive li{list-style-type:none; list-style-position:outside; font-size:13px; margin:0 0 0 -20px; padding:0;}
.message-teaser{color:#fff}
.reaction{margin:25px 15px;}

.blog-tags{list-style-type:none; margin:0 0 0 15px; padding:0 0 15px 0; display:block; clear:both;}
.blog-tags li{margin:0 10px 10px 0; padding:5px 10px; float:left; display:inline; background-color:#262626; font-size:12px;}
.blog-tags li.active a{color:#ec008c;}

.teaser-body{color:#fff;}

/*members*/
ul.members{display:block; height:140px; margin:0 0 15px 0; padding:0; overflow:visible; clear:both;}
.members li{display:block; background:#fff; width:97px; height:115px; float:left; color:#000; padding:8px 0 0 8px; margin:15px 0 0 15px;}
.content-right .members li{display:block; background:#fff; width:97px; height:115px; float:left; color:#000; padding:7px 0 0 7px; margin:10px 0 15px 10px;}
.members a:link, .members a:visited{display:block; width:89px; text-align:center; padding:0; margin:0; color:#000; font-weight:normal; font-size:11px;}
.members li a.active{text-decoration:underline;}

.member{display:block; overflow:visible; background:#fff; width:158px; height:160px; float:right; color:#000; padding:8px 5px 18px 5px; margin:5px 0 10px 20px; text-align:center;}
.member a:link, .member a:visited{color:#000; font-weight:normal; font-size:11px;}
.member a.active{text-decoration:underline;}

/*agenda*/
.agenda{margin:0; padding:15px 0 0 15px;}
.agenda li{list-style-type:none; list-style-position:outside; font-size:13px; margin:0; padding:0;}
.agenda a:link, .agenda a:visited{padding:2px 0; margin:10px 0; font-weight:normal; font-size:13px;}
.agenda li a.active{text-decoration:underline;}
.agenda a.past{color:#979797;}

/*meetings list*/
ul.meetings{display:block; margin:0 0 15px 0; padding:0; overflow:visible;}
.meetings li{display:block; background:#262626; float:left; color:#fff; width:100%; padding:5px 0; margin:15px 0 0 15px;}
.meeting-data{color:#fff;}

/*supply*/
ul.supply{list-style-type:none; margin:15px; padding:0;}
.supply li{font-size:13px; margin: 0 0 5px 0;}
.supply a:link, .supply a:visited{padding:2px 0; margin:10px 0; font-weight:normal; font-size:13px;}
.supply li a.active{text-decoration:underline;}

/*new theme home*/
.utility {position:absolute; z-index:3; top:0; left:0; width:374px; height:40px; color:#fff; background-color:#262626;}
.menu{margin:10px; padding:0; list-style:none;}
.menu li{margin:0; padding:0 10px; list-style:none; display:inline; float:left; text-align:center;}
.menu a:link, .menu a:visited{color:#fff; font-size:13px;}
.menu li a.active{text-decoration:underline;}
.theme-date{margin-top:0;}

/*themes list*/
ul.themes{display:block; margin:0 0 15px 0; padding:0; overflow:visible;}
.themes li{display:block; background:#262626; float:left; color:#fff; text-align:center; width:270px; padding:5px 0; margin:15px 0 0 15px;}
.themes li img{margin:5px 0 2px 0;}
.themes a:link, .themes a:visited{display:block; text-align:center; padding:0; margin:0; color:#fff; font-weight:normal; font-size:11px;}
.themes a:hover, .themes a:active{text-decoration:none;}
.list-theme-name{font-weight:bold; font-size:14px;}

.year{list-style-type:none; margin:0 0 0 15px; padding:15px 0 0 0; display:block; clear:both;}
.year li{margin:0 10px 10px 0; padding:2px 10px; float:left; display:inline; background-color:#262626; font-size:12px;}
.year li.active a{color:#ec008c;}

/*cities list*/
ul.cities{display:block; margin:0 0 15px 0; padding:0; overflow:visible;}
.cities li{display:block; background:#262626; float:left; color:#fff; text-align:center; width:270px; height:276px; padding:5px 0; margin:15px 0 0 15px;}
.cities li img{margin:2px 0 2px 0;}
.cities li h2{margin-top:10px; padding:0; font-size:14px}
.cities a:link, .cities a:visited{display:block; text-align:center; padding:0; margin:0; color:#fff; font-weight:normal; font-size:14px;}
.cities a:hover, .cities a:active{text-decoration:none;}
.list-city-name{font-weight:bold; font-size:14px;}
.city-meetup{dispay:block; clear:both;}

/*activiteiten - blok home*/
.activiteiten{list-style:none; list-style-position:inside; margin:0; padding:0; display:block;}
.activiteiten li h2{font-size:18px; font-weight:normal; display:block; float: left; width: 375px; height:18px; margin:5px 0; padding:0;}
.activiteiten li p{margin:0 20px 0 0; padding: 0 0 20px 0; display:block; }
.activiteiten li img{float:left; margin: 0 10px 0 0;}

/*list*/
.pages{display: block; float: left; clear:both; margin: 30px 0; padding: 0; height:24px; width:100%;}
.pages li{display: block; float: left; overflow: hidden; margin: 0 2px; padding: 0; width: auto; height: 18px; list-style-type: none; border: 1px solid #d7d6d5; background-image: none;}
.pages li.ammount{display: inline; margin-right: 10px; padding: 2px 10px 3px; height: 20px; color: #fff; border: none; background:#000;}
.pages li.numbers, .pages li.backforward{height: 22px; padding: 0; text-align: center; color: #a2a09c; text-transform: none;}
.pages li.backforward a:link, ul.pages li.backforward a:visited{display: block; padding: 3px 7px 2px 7px; height: 18px;  font-size: 11px; }
.pages li.numbers a:link, ul.pages li.numbers a:visited{display: block; padding: 2px 0 3px 0; width: 22px; height: 18px; font-size: 9px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; color: #a2a09c; text-decoration:none;}
.pages li.numbers a:hover, ul#number_pages li.numbers a:visited, ul.number_pages li.numbers a.active, .pages li.backforward a:hover, ul#number_pages li.backforward a:visited, ul.number_pages li.backforward a.active {text-decoration: none; background:#262626;}
.pages li.active {background:#262626; color:#ec008c; border-color:#ec008c;}

/*endorsment*/
.endorsment .caption {float: right; margin-top: 5px;}

