﻿*{padding: 0px;margin: 0px;}
.body{background: #F9F9F7 url('/images/website/a1.png') repeat-x;}
body{font-size: 0.8em;font-family: "trebuchet ms", helvetica, sans-serif;color: #8C8C73;line-height: 18px;}
h1,h2,h3,h4{color:#3B4368;}
a{color: #3B4368;text-decoration: underline;}
a:hover{text-decoration: none;}
sup{font-size: 0.5em;}
p{margin-bottom: 14px;text-align: justify;}
/*template stuff*/
#topbg{position: absolute;top: -3px;left: 0px;background: #fff url('/images/website/topbg.gif') no-repeat;width: 747px;height: 264px;z-index: 1;}
#wrapper{position: relative;width: 747px;margin: 0 auto;background: #fff url('/images/website/wrapper.gif') repeat-y;}
#innerwrapper{position: relative;padding: 1px 30px 1px 30px;z-index: 2;}
#activeuserinfo{text-align:right;margin: 0px 0px 4px 0px;font-size: 0.9em;}
/*form*/
label, .error, .success, input[type="submit"], input[type="reset"], .submit   {	font-weight:bold;}
a:hover {	text-decoration:none;}
a.edit, a.delete,a.createfile, a.createfile,a.update,a.add,a.save,a.copy,a.cancel {	padding:4px 4px 4px 20px;	background-repeat:no-repeat;	background-position :2px 50%;}
.submit{text-decoration:none;}
.actions{margin: 15px 0px 0px 0px;}

label {	display:inline-block;	font-size:14px;	margin:6px  0 2px; padding: 0px 5px 0px 0px;width:175px; text-align:right}
small {	font-size:12px;	font-weight:normal;	}
input, textarea, select{	border:1px solid;	font-family:inherit;	font-size:inherit;	padding:1px;width:250px;margin: 2px; }
select {	padding-top:3px;padding-bottom:3px;}
input[type="submit"], input[type="reset"] {	cursor:pointer;	width:auto !important;}
small {	color:#888}
th,.active,input[type=submit],.pagination a:hover,.datepicker td a:hover,.submit {	background:#434A48;	color:#fff}
select, textarea, input, td{	background:#fff url(/images/website/gradient.png) repeat-x 0 -28px}
input[type=submit],.submit {	color:#fff;}
input, select, textarea {	border-color:#ddd}
.datepicker {width:100px !important;}
a.edit {background-image:url(/images/icons/edit.png)}
a.delete {background-image:url(/images/icons/delete.png)}
a.createdir{background-image:url("/images/icons/add.png")}
a.createfile{background-image:url("/images/icons/add.png")}
a.update{background-image:url("/images/icons/recycle.png")}
a.add{background-image:url("/images/icons/add.png")}
a.save{background-image:url("/images/icons/check_alt_16x16.png")}
a.copy{background-image:url("/images/icons/copy.png")}
a.cancel{background-image:url("/images/icons/cancel.png")}
input, textarea, select{color:#a8a88d;}

 
/*header*/
#header{position: absolute;background: #3B4368 url('/images/website/headerbg.png') repeat-x;width: 202px;height: 92px;color: #fff;padding-left: 20px;}
#header span{font-weight: normal;}
#header h1{position: absolute;font-size: 1.4em;letter-spacing: -1px;top: 25px;height: 92px;left:120px;color:#fff;}
#header div{position: absolute;font-size: 0.8em;font-weight: normal;top: 45px;left:120px;}
#header sup{color: #FCE2CA;}
#header img{position: absolute;left: 10px;}
#banner{position: absolute;right: 30px;background: #EAEAE2 url('/images/website/menubglogo.png') no-repeat;width: 458px;height: 92px;}
#banner .search{display:none;}
/*menu*/
#topmenu{position: relative;background: #006633;height: 28px;padding: 0px 20px 0px 5px;margin: 98px 0px 20px 0px;}
.nav, .nav ul { list-style: none;margin: 0;padding: 0;}
.nav { z-index: 100; position: relative;}
.nav li {   float: left; margin: 0; padding: 0; position: relative;}
.nav li a,.nav li a:link, .nav li a:active,.nav li a:visited{background:transparent;color:#ffffff;display:block;padding:5px 10px 5px 10px; text-transform:lowercase;text-decoration: none;}
.nav li a:hover {  background: #022514;  color: #ccc;}
#nav li:hover a, #nav-one li.sfHover a {  background: #022514;  color: #ccc;}
#nav li:hover ul a, #nav-one li.sfHover ul a {  background: #022514;  color: #959595;}
#nav li:hover ul a:hover,#nav-one li.sfHover ul a:hover {background: #022514;  color: #ccc;}
.nav ul {  background: #006633;  list-style: none;  margin: 0;  width: 100px;  position: absolute;top: -999em;left: -1px;}
.nav li:hover ul,.nav li.sfHover ul {  top: 28px;}.nav ul li {  border: 0;  float: none;}
.nav ul a {   padding-right: 20px;  width: 80px;  white-space: nowrap;}
.nav ul a:hover {  background: #022514;  color: #ccc;}
.active:hover{background: #022514 !important;  color: #ccc !important;}
.active{color: #022514;  background: #a8a88d !important;}

/*content*/
#rightcontent{position: relative;width: 180px;float: right;margin-bottom:10px;}
#maincontent{position: relative;width: 495px;float: left;margin-bottom:10px;}
#maincontent .content{margin: 8px 0px ;padding:0; font-size:1.1em;}
#maincontent .content ul{margin: 0px 0px 0px 0px;padding:0px 0px 0px 25px;}
/*general*/
.noiamge{background: url('/images/website/logoSmall.png');width:100px;height:100px;}
#rightcontent h2{font-size:1.5em;}
.inform{background:url("/images/icons/information.png") no-repeat scroll 5px 5px #fbf9ee;border:1px solid #fcefa1;color:#36363 !important;font-size:1em;letter-spacing:normal;line-height:normal;margin:10px 0px 10px 0px;padding:5px 5px 5px 25px;text-transform:none;}
.pic{float: left; padding:8px;}
.ToTop{background:url("/images/icons/arrow_up_alt1_16x16.png") no-repeat scroll 0 2px transparent;padding-left:18px; float:right;}
 
/*list*/
.list{list-style:none outside none;margin: 5px 0px 5px 0px;padding:0; font-size:1.1em;}
.list .header{position:relative;}
.list h2,.list h3{letter-spacing: -1px;padding:5px 0px 10px 10px;font-size:1.3em;}
.list h2 {font-size:1.3em;color: #656551;background: url('/images/website/a22.gif') bottom repeat-x;}
.list h3 a{color: #656551;letter-spacing: -1px; text-decoration:none;}
.list .content, #maincontent .detail{margin-bottom: 15px;padding: 0px 15px 0px 15px;min-height:105px; overflow:hidden;}
.list .footer, #maincontent .footer{position: relative;top: -10px;background: url('/images/website/lstfooter.gif') repeat-x;height: 64px;}
.list .date, #maincontent .date{position: absolute;right: 15px;top: 0px;line-height: 35px;color: #AFAFA4;font-weight: bold;}
.list .footer div, #maincontent .footer div{bottom:15px;position:absolute;right:15px;}
.links li,.summary li{margin:0px 10px 0px 10px;}

/*pres members*/
ul.lstfunctions{list-style:none outside none;margin: 10px 0 10px 0;}
ul.lstfunctions li{float:left; margin: 0 22px 0 0 ; width:25px; height:25px;}
ul.lstfunctions li a{ width:25px; height:25px;opacity:0; text-indent: -999em;   overflow: hidden;}
ul.lstfunctions li.praeses{background:url("/images/icons/star_24x24.png") no-repeat scroll 0px 0px ;}
.personbase h2.praeses{background:url("/images/icons/star_16x16.png") no-repeat scroll 0px 0px ;}
ul.lstfunctions li.vice-praeses{background:url("/images/icons/award_fill_12x24.png") no-repeat scroll 0px 0px ;}
.personbase h2.vice-praeses{background:url("/images/icons/award_fill_8x16.png") no-repeat scroll 0px 0px ;}
ul.lstfunctions li.feest-praeses{background:url("/images/icons/heaphones_24x21.png") no-repeat scroll 0px 0px ;}
.personbase h2.feest-praeses{background:url("/images/icons/heaphones_16x14.png") no-repeat scroll 0px 0px ;}
ul.lstfunctions li.pr{background:url("/images/icons/chat_alt_fill_24x24.png") no-repeat scroll 0px 0px ;}
.personbase h2.pr{background:url("/images/icons/chat_alt_fill_16x16.png") no-repeat scroll 0px 0px ;}
ul.lstfunctions li.quaestor{background:url("/images/icons/chart_alt_24x24.png") no-repeat scroll 0px 0px ;}
.personbase h2.quaestor{background:url("/images/icons/chart_16x16.png") no-repeat scroll 0px 0px ;}
ul.lstfunctions li.zedenmeester{background:url("/images/icons/link_24x24.png") no-repeat scroll 0px 0px ;}
.personbase h2.zedenmeester{background:url("/images/icons/link_16x16.png") no-repeat scroll 0px 0px ;}
ul.lstfunctions li.cantor{background:url("/images/icons/mic_18x24.png") no-repeat scroll 0px 0px ;}
.personbase h2.cantor{background:url("/images/icons/mic_12x16.png") no-repeat scroll 0px 0px ;}
ul.lstfunctions li.schachtentemmer{background:url("/images/icons/eye_24x18.png") no-repeat scroll 0px 0px ;}
.personbase h2.schachtentemmer{background:url("/images/icons/eye_16x12.png") no-repeat scroll 0px 0px ;}
ul.lstfunctions li.sportpraeses{background:url("/images/icons/heart_fill_24x21.png") no-repeat scroll 0px 0px ;}
.personbase h2.sportpraeses{background:url("/images/icons/heart_fill_16x14.png") no-repeat scroll 0px 0px ;}
ul.lstfunctions li.cultuurpraeses{background:url("/images/icons/movie_24x24.png") no-repeat scroll 0px 0px ;}
.personbase h2.cultuurpraeses{background:url("/images/icons/movie_16x16.png") no-repeat scroll 0px 0px ;}


/*users pres*/
ul.ppl img {max-width:100%;}
ul.ppl a.fotolink {padding-bottom:11px;background:url("/images/default/shadow.png") no-repeat bottom center;}
ul.ppl h2.name {margin-bottom:0;}
ul.ppl li {width:225px;margin:0 10px 10px 0;float:left;height:100%;}

ul.ppl ul.function {margin-bottom:0.5em;}
ul.ppl ul.function li {height:auto;margin:0;width:100%;float:none;text-transform:uppercase;}
ul.ppl li .label {background:url("/images/default/hrhard.png") repeat-x bottom center;display:block;padding:4px 0;}
ul.ppl li .label span {display:inline-block;width:45px;color:#4E4950;font-weight:bold;text-transform:uppercase;}
ul.ppl li .perswrap {height:120px;}

.presusers{width:100%;}
.presusers .persitem{float:none;clear: both; margin: 20px 0 0 0; padding: 10px 0 0 0; border-top:1px dotted #AFAFA4;}
#F_Praeses{border:none;}
.personbase{width:220px;margin: 0px 20px 0px 0px;float:left;}
.personinfo{float:left;  padding-top: 43px;}
.personbase a.pic, .personbase img{ padding:5px 0 5px 0;border:none;} 
.personbase h2{color:#555555;padding-left: 20px;}
.personinfo .street{background:url("/images/icons/home_16x16.png") no-repeat scroll 0px 5px ;padding-left:22px;}
.personinfo .city{background:url("/images/icons/map_pin_fill_16x16.png") no-repeat scroll 2px 5px ;padding-left:22px;}
.personinfo .mobile{background:url("/images/icons/hash_14x16.png") no-repeat scroll 0px 5px ;padding-left:22px;}
.personinfo .mobile{background:url("/images/icons/share_16x16.png") no-repeat scroll 0px 5px ;padding-left:22px;}
.personinfo .birthday{background:url("/images/icons/calendar_alt_fill_16x16.png") no-repeat scroll 0px 2px ;padding-left:22px;}
.personinfo .email{background:url("/images/icons/at_16x16.png") no-repeat scroll 0px 2px ;padding-left:22px;}
/*home */
.home #maincontent{width:100%;}
.home #rightcontent{display:none;}
.home #slideshow { height: 300px;    width: 685px ;position:relative; margin: 0 0 0px 0;}
.home #slideshow img{    border: medium none;}
.home #slideshow #ssbottom { position:absolute;background:#000000; top:260px;width:685px;height:40px;z-index:6999;color:#ffffff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.home #slideshow #ssbottom .left{width:380px;height:40px;float:left; font-size:20px; padding:6px 15px 6px 15px;}
.home #slideshow #ssbottom .right{float:right; padding:10px 15px 10px 15px; }
.home #slideshow #ssbottom .right a {  background:#444444; border-radius: 2.5px 2.5px 2.5px 2.5px; margin: 0 6px; padding: 2px 5.5px; color:#ffffff;}
.home #slideshow #ssbottom .right a.activeSlide{background:#999999;}
.home .slideshow{    position: absolute;}
.home .slideshow .pic{ padding:0px; }

.home #infoblocks{margin: 10px 0 0 0;}
.home #infoblocks h2{font-size:18px; background-color:#006633;color:#ffffff;margin:0  0  15px 0; padding:5px;}
.home #infoblocks .item{ float: left;margin: 0 20px 00px 0;padding: 0 0 5px;width: 215px;}
.home #infoblocks .lastitem{margin:0 0px 0px 0px}
.home #binnenkort{background:none;}
.home #infoblocks .item .goto {font-size: 12px;}
    #binnenkortBlock.item div.cal div.act{padding:0px;}
.home .addthis_toolbox{padding-top:20px;}
#BDBlock .person{width:150px;overflow:hidden;display:inline-block;}
#BDBlock .birthday{float:right;overflow:hidden;}
#BDBlock .item, #infoblocks .nws li{padding: 0 0 5px 0; border-bottom:1px dotted #afafa4;margin: 0 20px 00px 0;}
#nwsBlock .date{display:none;}
.home #footer{margin-top:20px;}
/*detail*/
#maincontent h1{padding:0 0 10px 0;font-size:1.5em;}
/*actlst*/
.actlst .title{font-weight: bold;}
.actlst .date{position: relative !important;right: 0 !important;top: 0 !important;line-height:normal !important;color: #AFAFA4;font-weight: normal; clear:both;float:right;}
.actlist .readmore{float:right;text-align:right;}
.actlst li{padding: 5px 5px 8px 5px;}
.actlst .alternate{background-color:#eaeae2;}
/*guestbook*/
.guestbook .content{min-height:25px;}
.guestbook li .footer .website{right: 60px !important;}
.signgb{margin:10px 0px 10px 0px;}
.signgb .goto{background:url("/images/icons/chat_alt_fill_16x16.png") no-repeat scroll 0 2px transparent;padding-left:20px;}

/*calendar*/
#actFTCBlock, #birthdaysBlock{background:#E1E1E1 url('/images/website/topact.png') no-repeat;padding:5px;margin-bottom:15px;}
.cal h1{font-size:1.3em;color:#AFAFA4;text-align:center; margin-bottom:10px;}
.actdetail .metadata{margin:10px 0 10px 180px;}
.cal h3{background:url("/images/icons/star_16x16.png") no-repeat scroll 0 2px transparent;font-size:1.2em;text-align:left;margin:0px 0px 5px 0px;padding-left:20px;}
.actdetail .date{background:url("/images/icons/calendar_alt_stroke_16x16.png") no-repeat scroll 0 2px transparent;padding-left:20px;position:relative !important;line-height:normal !important; right:0px !important;}
.actdetail .hour{background:url("/images/icons/sun_alt_fill_16x16.png") no-repeat scroll 0 2px transparent;padding-left:20px;}
.actdetail .location{background:url("/images/icons/target_16x16.png") no-repeat scroll 0 2px transparent;padding-left:20px;}
.actdetail .website{background:url("/images/icons/share_16x16.png") no-repeat scroll 0 2px transparent;padding-left:20px;}
.actdetail .organisation{background:url("/images/icons/user_12x16.png") no-repeat scroll 2px 2px transparent;padding-left:20px;}
.actdetail .readmore{background:url("/images/icons/info_8x16.png") no-repeat scroll 4px 2px transparent;padding-left:20px;}

/*galabal history*/
 #slideshowg { height: 300px;    width: 495px ;position:relative; margin: 0 0 0px 0;}
 #slideshowg img{    border: medium none;}
 #slideshowg #ssbottom { position:absolute;background:#000000; top:260px;width:495px;height:40px;z-index:6999;color:#ffffff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
 #slideshowg #ssbottom .left{width:380px;height:40px;float:left; font-size:20px; padding:6px 15px 6px 15px;}
 #slideshowg #ssbottom .right{float:right; padding:10px 15px 10px 15px; }
#slideshowg #ssbottom .right a {  background:#444444; border-radius: 2.5px 2.5px 2.5px 2.5px; margin: 0 6px; padding: 2px 5.5px; color:#ffffff;}
 #slideshowg #ssbottom .right a.activeSlide{background:#999999;}
.slideshowg{    position: absolute;}
 .slideshowg .pic{ padding:0px; }
/*footer*/
#footer{position: relative;clear: both;height: 66px;text-align: center;line-height: 66px;background-image: url('/images/website/a50.gif');color: #A8A88D;}
#footer a{color: #8C8C73;}

.poll{margin: 5px 0 0 0;}
.poll input{width:auto;}
#birthdaysBlock .birthday{background:url("/images/icons/calendar_alt_fill_16x16.png") no-repeat scroll 0px 2px transparent;padding-left:20px; margin:0 0 5px 2px;}
#birthdaysBlock .person{background:url("/images/icons/user_12x16.png") no-repeat scroll 4px 2px transparent;padding-left:20px;font-weight:bold;color:#555555;}
#birthdaysBlock .item{padding: 0 0 5px 0; border-bottom:1px dotted #afafa4;}
.NotattendButton,.attendButton{-moz-border-radius-bottomright:0px;padding-left:20px;-moz-border-radius-topleft:0px;float: right;margin: -4px 0px 0px 0px; }
.NotattendButton{background:url("/images/icons/x_14x14.png") no-repeat scroll 4px 3px #bb0000 !important;}
.attendButton{background:url("/images/icons/check_alt_16x16.png") no-repeat scroll 4px 3px #4477aa !important;}
.usersact{margin: 5px 0 15px 0;}
.usersact .item{background:url("/images/icons/user_12x16.png") no-repeat scroll 2px 2px transparent;padding: 0  10px 0px 20px;}
.facebooklogin{margin:5px;}
.fb_edge_widget_with_comment{padding:  0 0 5px 0 !important;}
#___plusone_0{display:inline !important;}
.addthis_toolbox{padding: 0 0 5px 0;}

/*loading animation*/

.barlittle {
	background-color:#3b4368;  
	background-image: -moz-linear-gradient(45deg, #3b4368 25%, #3b4368); 
	background-image: -webkit-linear-gradient(45deg, #3b4368 25%, #3b4368);
	border-left:1px solid #3b4368; border-top:1px solid #3b4368; border-right:1px solid #3b4368; border-bottom:1px solid #3b4368; 
	width:10px;
	height:10px;
	float:left;
	margin-left:5px;
        opacity:0.1;
	-moz-transform:scale(0.7);
	-webkit-transform:scale(0.7);
	-moz-animation:move 1s infinite linear;
	-webkit-animation:move 1s infinite linear;
}
.block_1{
 	-moz-animation-delay: .4s;
	-webkit-animation-delay: .4s;
 }
.block_2{
 	-moz-animation-delay: .3s;
	-webkit-animation-delay: .3s;
}
.block_3{
 	-moz-animation-delay: .2s;
	-webkit-animation-delay: .2s;
}
.block_4{
 	-moz-animation-delay: .3s;
	-webkit-animation-delay: .3s;
}
.block_5{
 	-moz-animation-delay: .4s;
	-webkit-animation-delay: .4s;
}
@-moz-keyframes move{
	0%{-moz-transform: scale(1.2);opacity:1;}
	100%{-moz-transform: scale(0.7);opacity:0.1;}
}
@-webkit-keyframes move{
	0%{-webkit-transform: scale(1.2);opacity:1;}
	100%{-webkit-transform: scale(0.7);opacity:0.1;}
}
.loadingbox{margin-left:40px;height:12px;}
#loadinganimation{padding: 120px 300px;}
