@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:						0px;
	padding:					0px;
	outline:					0px;
}


html, body, #docwrap {height: 100%;}
body > #docwrap {height: auto; min-height: 100%;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



html, body {
	width: 100%;
	font-family: "lucida sans", verdana, arial, helvetica, sans-serif;
	background-color:#ffffff;
	/*margin: 0;*/
	/*background-image:url(../images/q.jpg);*/
	background-position: top left;
	background-repeat:no-repeat;
}


a:link {
  color:#6d000b;
  }

a:visited {
  color:#6d000b;
  text-decoration:none;
  }

a:hover {
  color:#99232f;
  text-decoration:underline;
  }
ul{
	list-style-type: none;
	text-indent: 10px;
}

img {
	border: 0;
}

.ui-tabs-hide {
        display: none;
   }
	


#content{
	margin-right:auto;
	margin-left:auto;
	width: 980px;
	background-color:#ffffff;
	
	margin-bottom:10px;
	position: relative;
}

.side { vertical-align:absbottom; display:inline }

h1{
	font-family:trebuchet MS, Arial, Helvetica, Sans Serif; 
	font-size:36px;
	font-weight:normal;
	letter-spacing:-3px;
}


h2{
	font-family: trebuchet MS, Arial, Helvetica, Sans Serif; 
	font-size:24px;
	font-weight:normal;
	letter-spacing:-2px;

}


h3{
	font-family: trebuchet MS, Arial, Helvetica, Sans Serif; 
	font-size:18px;
	font-weight:normal;
	letter-spacing:-1px;

}


h4{
	font-family:trebuchet MS, Arial, Helvetica, Sans Serif; 
	font-size:16px;
	font-weight:normal;
	
}

.marg20{
	margin-bottom:20px;
	margin-left:20px;
}

.blacktext{
	color:#000000;
	}
	
.centeralign{
		text-align:center;
}

.attendlist{
	list-style-type: disc !important;
	text-indent:10px;
}

#headerfade a * {
  display: none;
}

#headerfade a,
#headerfade a .hover {
  height: 220px;
  position: relative;
  display: block;
  background: url(../images/header.jpg) 0 0 no-repeat;
}

#headerfade a.header {
  background-position: 0 0;
  width: 980px;
}

/* .highlight will be remove if JS is enabled */
#headerfade .highlight a.header:hover, 
#headerfade a.header .hover {
  background-position: 0 -220px;
  width: 980px;
}


.tabNavigation {
	position: absolute;
	top: 190px;
	right: 240px;
	width: 490px;
	height: 30px;
	overflow: hidden;
	list-style: none;
}


.tabNavigation li {
	min-height: 30px;
	float: left;
	list-style: none;
}
	
.tabNavigation li a {
	position: relative;
	display: block;
	height: 30px;
	background-image: url(../images/navsprite.png);
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -2000em;
}



#btn_home a {width: 90px; background-position: 0 0; }
#btn_home a:hover { background-position: 0 -30px; }
#btn_home a.selected { background-position: 0 -30px; } 

#btn_meet a { width: 90px; background-position: -90px 0; }
#btn_meet a:hover { background-position: -90px -30px; }
#btn_meet a.selected { background-position: -90px -30px; }

#btn_gallery a { width: 90px; background-position: -180px 0; }
#btn_gallery a:hover { background-position: -180px -30px; }
#btn_gallery a.selected { background-position: -180px -30px; }

#btn_register a { width: 90px; background-position: -270px 0; }
#btn_register a:hover { background-position: -270px -30px; }
#btn_register a.selected { background-position: -270px -30px; }


#btn_contact a { width: 90px; background-position: -360px 0; }
#btn_contact a:hover { background-position: -360px -30px; }
#btn_contact a.selected { background-position: -360px -30px; }

#home {		
	padding-bottom:20px;
	width:970px;
}

#meet{	
	
	
	padding-bottom:20px;
	width:970px;
}

#gallery {	
	
	
	padding-bottom:20px;
	width:970px;
}

#register {	
	
	
	padding-bottom:20px;
	width:970px;
}

#contact {	
	
	
	padding-bottom:20px;
	width:970px;
}


.homecols{
		
}
	.homecols #homeleft{width:300px;float:left;}
	.homecols #homecenter{width:300px;margin-left:30px;float:left;}
	.homecols #homeright{width:300px;margin-left:30px;float:left; height:350px;}

.recent {
	float:left;
	/*border-bottom:1px dotted #c1c1c1;*/
	}

	.recent .recentleft {width:75px;float:left; color:#333333;}
	.recent .recentright {width:225px;float:right;text-align:right;}

.webcols{
	
}

.webcols #webleft{
	float:left;
	width:480px;
}

.webcols #webright{
	float:right;
	width:480px;
}

.webcols #webcenter{
	float:left;
	margin-top:5px;
	width:980;
	border-top:1px solid #c1c1c1;
	
}
.photocols{
	
}

.photocols .photoleft{
	float:left;
	width:280px;
	margin-right:20px;
}

.photocols .photoright{
	float:right;
	width:600px;
}

.conceptcols{
		width:300px;
		float:left;
	
}

.contentblock{
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
	
	}
	


.imagepost {
	margin-top:5px;
	margin-bottom:5px;
	
	}

	.imagepost .imagepostleft {width:150px;float:left; color:#333333;}
	.imagepost .imagepostright {width:150px;float:right;text-align:right;}

	
.imageleft{
	/*padding:5px;*/
	float:left;
	margin-right:20px;
	margin-top:10px;
	/*border:1px solid #c1c1c1;*/
	background-color:#141414 ;

}

.imageright{
	padding:5px;
	width:220px;
	float:right;
	margin-left:20px;
	margin-top:10px;
	/*border:1px solid #FB8400;*/
	background-color:#141414 ;

}
.textheader{
	/*background-color:#333333;*/
	border-bottom:1px solid #c1c1c1;
	margin-top:10px;
	/*border-top:1px solid #FB8400;*/
	color:#333333;
}

.subtextheader{
	border-bottom:1px solid #c1c1c1;
	margin-top:5px;
	padding-bottom:15px;
	color:#333333;
}

.textblock{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333333;
	
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #000000;
padding: 5px;
left: -1000px;
border: 1px dashed #FB8400;
visibility: hidden;
color: white;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */


}

/*knoppen voor carousel*/

#main {padding-bottom: 20px;}  /* must be same height as the footer */
#footer {position: relative;
	margin-top: -20px; /* negative value of footer height */
	height: 20px;
	clear:both;} 
	
	#footer {
		background-color:#333;
	color:#ffffff;
	font-size:11px;
	font-family:Verdana, Arial, sans-serif;}


#foot {width:980px;
	margin:0 auto;
	
	
	}

#foot #left {width:770px;float:left;}
#foot #right {width:210px;float:right;text-align:right;}


/* blogger Header

----------------------------------------------- */

#blog-title {
  margin:10px;
  padding:20px 20px;
  border:1px solid #004c28;
  color:#004c28;
  }

#blog-title a {
  color:#004c28;
  text-decoration:none;
  }

#blog-title a:hover {
  color:#c60;
  }

#description {
  margin:0 5px 5px;
  padding:0 20px 20px;
  border:2px solid #004c28;
  border-width:0 1px 1px;
  max-width:700px;
  }

/* Posts

----------------------------------------------- */

.date-header {
	margin:1.5em 0 .5em;
}

.post {

margin:.5em 0 1.5em;

border-bottom:1px dotted #ccc;

padding-bottom:1.5em;

}

.post-title {

  margin:.25em 0 0;

  padding:0 0 4px;

  color:#cfb53b;

  }

.post-title a, .post-title a:visited, .post-title strong {

  display:block;

  text-decoration:none;

  color:#cfb53b;

  }

.post-title strong, .post-title a:hover {

  color:#cfb53b;

  }

.post div {

  margin:0 0 .75em;

  }

p.post-footer {

  margin:-.25em 0 0;

  color:#ccc;

  }

.post-footer em, .comment-link {

  }

.post-footer em {
  color:#999;

  margin-right:.6em;

  }

.comment-link {

  margin-left:.6em;

  }

.post img {

  padding:4px;

  border:1px solid #ddd;

  }

.post blockquote {

  margin:1em 20px;

  }

.post blockquote p {

  margin:.75em 0;

  }

/* Comments

----------------------------------------------- */

#comments h4 {

  margin:1em 0;

  color:#999;

  }

#comments h4 strong {

  font-size:130%;

  }

#comments-block {

  margin:1em 0 1.5em;

  line-height:1.6em;

  }

#comments-block dt {

  margin:.5em 0;

  }

#comments-block dd {

  margin:.25em 0 0;

  }

#comments-block dd.comment-timestamp {

  margin:-.25em 0 2em;
  }

#comments-block dd p {

  margin:0 0 .75em;

  }

.deleted-comment {

  font-style:italic;

  color:gray;

  }

.paging-control-container {

  float: right;

  margin: 0px 6px 0px 0px;

  font-size: 80%;

}

.unneeded-paging-control {

  visibility: hidden;

}



/* Sidebar Content

----------------------------------------------- */

#sidebar ul {

  margin:0 0 1.5em;

  padding:0 0 1.5em;

  border-bottom:1px dotted #ccc;

  list-style:none;

  }

#sidebar li {

  margin:0;

  padding:0 0 .25em 15px;

  text-indent:-15px;

  line-height:1.5em;

  }

#sidebar p {

  color:#666;

  line-height:1.5em;

  }





/* Profile

----------------------------------------------- */

#profile-container {

  margin:0 0 1.5em;

  border-bottom:1px dotted #ccc;

  padding-bottom:1.5em;

  }

.profile-datablock {

  margin:.5em 0 .5em;

  }

.profile-img {

  display:inline;

  }

.profile-img img {

  float:left;

  padding:4px;

  border:1px solid #ddd;

  margin:0 8px 3px 0;

  }

.profile-data {

  margin:0;

  letter-spacing:.1em;

  }

.profile-data strong {

  display:none;

  }

.profile-textblock {

  margin:0 0 .5em;

  }

.profile-link {

  margin:0;

  letter-spacing:.1em;

  }


/* Feeds

----------------------------------------------- */

#blogfeeds {

  }

#postfeeds {

  }




