/* ################################################## */
/*  Made by: www.DIRECT BASING.com                    */
/*  Semantisch correcte xHTML Basing                  */
/* ################################################## */

.groupWrapper
{
	width: 100%;
	float: left;
	margin-right: 1%;
}
.serializer
{
	clear: both;
}
.groupItem
{

}
.groupItem .itemHeader
{
	cursor: move;
	color: #FFF;

}

.groupItem .itemHeader a
{
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #FFF;
}
.sortHelper
{
	border: 3px dashed #666;
	width: auto !important;
}
.groupWrapper p
{
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/* ### Navigatie ### */
div.jogger {
	font-family: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif;
	padding:2px;
	margin:7px;
}
div.nav {
	margin : 10px 0;
	border-bottom : 2px solid #000;
	overflow : hidden;
	padding-bottom : 20px;
}

div.jogger a {
	margin: 2px;
	padding: 0.5em 0.64em 0.43em 0.64em;
	background-color: #3ab8cd;
	text-decoration: none; /* no underline */
	color: #fff;
}
div.jogger a:hover, div.jogger a:active {
	padding: 0.5em 0.64em 0.43em 0.64em;
	margin: 2px;
	background-color: #3ab8cd;
	color: #fff;
}
div.jogger span.current {
		padding: 0.5em 0.64em 0.43em 0.64em;
		margin: 2px;
		background-color: #f6efcc;
		color: #6d643c;
	}
div.jogger span.disabled {
		display:none;
	}



/* ### general ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: 'Tahoma', arial; font-size: 11px; color: #545454; }
input, select, textarea { font-family: 'Tahoma', arial; font-size: 11px; color: #545454; }
body { background: #2bb6c7 url('../images/body.gif') top repeat-x; }
img { border: 0px; display: block; }
img.no { display: inline; }
img.react_sm { display: inline;}

a, a:visited, a:active {
	font-family: 'Tahoma', arial; font-size: 11px;
	color: #000;
	text-decoration: none;	
}

a:hover {
	font-family: 'Tahoma', arial; font-size: 11px;
	color: #000;	
	text-decoration: underline;
}

div.hidden { 
	display: none; 
} 

div.show   { 
	display: block; 
} 
.textBox #error {width:670px; margin:12px 0 6px 12px; padding:6px 0 6px 12px; background:#f8dddd; border:1px solid #990000; color:#990000; }

/* ### global classes ### */
.clear { clear: both; height: 1px; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; background: url(../images/wrapper.gif) center top no-repeat; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 990px; }

	/* ### menu box ### */
	.menuBox { padding-top: 29px; width: 990px; height: 24px; font-size: 11px; font-weight: bold; }
	.menuBox ul { float: right; list-style: none; }
	.menuBox li { padding-left: 1px; float: left; }
	.menuBox a { width: 105px; height: 24px; line-height: 24px; display: block; text-align: center; color: #fff; text-decoration: none; background: url('../images/menu-a.png') no-repeat; }
	.menuBox a:hover, .menuBox li.selected a { background: url('../images/menu-a-hover.png') no-repeat; }

	/* ### header container ### */
	#headerCntr { position: relative; background: #fff url('../images/mid.gif') left repeat-y; }
	#headerCntr #top { background: url('../images/top.gif') left top no-repeat; }
	#headerCntr #background { width: 990px; height: 132px; overflow: hidden; background: url('../images/header-bg.gif') 3px 3px no-repeat; }
	#headerCntr h1 { position: absolute; top: 46px; left: 43px; }
	#headerCntr h1 a { display: block; width: 244px; height: 44px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
		/* ### comment box ### */
		.commentBox { width: 274px; font-size: 11px; font-weight: bold; float: right; position: relative; }
		.commentBox a { padding-top: 15px; text-decoration: none; width: 146px; height: 66px; color: #fff; text-align: center; display: block; position: absolute; left: 0px; top: 9px; background: url('../images/text-1.png') no-repeat; }
		.commentBox a:hover { text-decoration: underline; }
		.commentBox a span { display: block; }
		.commentBox a.news { padding-top: 12px; width: 104px; color: #3ab8cd; height: 60px; top: 75px; left: 43px; background: url('../images/text-2.png') no-repeat; }
		.commentBox a.contact { padding: 16px 0 0 5px; width: 123px; height: 82px; color: #fff; top: 44px; right: 0px; left: auto; background: url('../images/text-3.png') no-repeat; }
	
		/* ### login box ### */
		.loginBox { font-size: 10px; padding: 12px 27px 12px 130px; width: 247px; float: right; position: relative; }
		.loginBox h3 { padding: 5px 0 8px 0; color: #fff; font-size: 11px; background: url('../images/login-h3.gif') bottom repeat-x; }
		.loginBox fieldset { padding: 7px 0 2px 0; border: none; }
		.loginBox p { padding-bottom: 4px; width: 100%; overflow: hidden; }
		.loginBox label { color: #41bdcf; float: left; }
		.loginBox input { padding: 3px 5px; float: right; width: 142px; height: 14px; color: #fff; border: none; background: url('../images/login-input.gif') no-repeat; }
		.loginBox input.button { padding: 0px; width: 107px; height: 23px; cursor: pointer; color: #24889d; background: url('../images/login-button.gif') no-repeat; }
		.loginBox .topmenu { width: 240px; padding-top: 3px; }
		.loginBox .topmenu .left { float: left; width: 80px; }
		.loginBox .topmenu .right { float: right; width: 160px; }


	/* ### content container ### */
	#contentCntr { overflow: hidden; width: 990px; background: #fff url('../images/mid.gif') left repeat-y; }
	#contentCntr #bottom { padding: 1px 3px; overflow: hidden; width: 984px; background: url('../images/bottom.gif') left bottom no-repeat; }
	
		/* ### left container ### */
		#leftCntr { float: left; width: 194px; }
		
			/* ### user box ### */
			.userBox { width: 192px; border: 1px solid #d6d6d6; overflow: hidden; }
			.userBox h3 { padding-left: 6px; margin: -1px; width: 186px; font-size: 11px; color: #fff; border: 1px solid #888888; border-bottom: 1px solid #d6d6d6; display: block; height: 29px; line-height: 29px; background: url('../images/left-h-bg.gif') center top no-repeat; }
			.userBox h3 img { padding: 6px 7px 0 0; display: inline; float: left; }
			.userBox ul { list-style: none; line-height: 23px; color: #545454; }
			.userBox li { padding-left: 7px; float: left; width: 185px; overflow: hidden; border-bottom: 1px solid #e3e3e3; }
			.userBox li a { text-decoration: none; float: left; color: #545454; }
			.userBox li a:hover { color: #000; }
			.userBox li a span { color: #2299ad; }
			.userBox li img { padding: 3px 0 0 0px; padding-right: 3px; float: left; }
		
			/* ### zoek box ### */
			.zoekBox { padding-bottom: 5px; width: 192px; border: 1px solid #d6d6d6; overflow: hidden; }
			.zoekBox h3 { padding-left: 6px; margin: -1px; width: 186px; font-size: 11px; color: #fff; border: 1px solid #888888; border-bottom: 1px solid #d6d6d6; display: block; height: 29px; line-height: 29px; background: url('../images/left-h-bg.gif') center top no-repeat; }
			.zoekBox h3 img { padding: 6px 7px 0 0; display: inline; float: left; }
			.zoekBox fieldset { border: none; font-size: 9px; }
			.zoekBox p { padding: 4px 3px 3px 7px; overflow: hidden; }
			.zoekBox p label { float: left; line-height: 17px; }
			.zoekBox p select { padding: 2px; float: right; width: 130px; height: 17px; color: #a3a3a3; font-size: 9px; border: none; background: url('../images/zoek-select.gif') no-repeat; }
			.zoekBox p.radio { padding: 7px 3px 5px 7px; }
			.zoekBox p.radio label { width: 95px; overflow: hidden; }
			.zoekBox p.radio label.right { width: 80px; }
			.zoekBox p.radio label input { margin-right: 4px; width: 9px; height: 9px; background: url('../images/radio.gif') no-repeat; }
			.zoekBox a.zoeken { padding-right: 10px; float: right; color: #2bb6c7; cursor: pointer; font-size: 9px; border: none; text-decoration: underline; background: none; }
			.zoekBox a.zoeken:hover { text-decoration: none; }
			.zoekBox input.match { margin: 5px 3px 0 0; width: 107px; height: 23px; cursor: pointer; float: right; color: #24889d; font-size: 11px; border: none; background: url('../images/match.gif') no-repeat; }
		
		/* ### center container ### */
		#centerCntr { padding-left: 1px; float: left; width: 591px; }
		
			/* ### text box ### */
			.textBox { margin-bottom: 1px; width: 591px; border: 1px solid #d6d6d6; overflow: hidden; }
			.textBox h2 { padding-left: 6px; margin: -1px -1px 6px -1px; width: 591px; font-size: 11px; color: #fff; border: 1px solid #888888; border-bottom: 1px solid #d6d6d6; display: block; height: 29px; line-height: 29px; background: url('../images/center-h.gif') left top no-repeat; }
			.textBox h2 img { padding: 6px 7px 0 0; display: inline; float: left; }
			.textBox h2 a { color: #FFF; }
			.textBox img.right { padding: 0 3px 0 7px; float: right; }
			.textBox p { padding: 0px 7px 12px 7px; line-height: 18px; }
			.textBox p.last { padding-bottom: 3px; }
			.textBox p span { color: #3ab8cd; }
			.textBox p a { text-decoration: none; font-weight: bold; color: #3ab8cd; }
			.textBox p a:hover { text-decoration: underline; }
			.textBox .close { float: right; margin-top: -30px; margin-right: 20px; color: #FFF; }
			.textBox .close a { color: #FFF; }
		
			.textBox .reactie { background-color: #efeded; margin-left: 9px; width: 569px; border: 1px solid; border-color: #d8d8d8; }
			.textBox .reactie .afbeelding { border: 0px; float: left; width: 100px; }
			.textBox .reactie .info { margin-top: 3px; border: 0px; float: right; width: 469px; }
			.textBox .reactie .info .linfo { float: left; width: 389px; }
			.textBox .reactie .info .rinfo { float: right; width: 80px; }
			.textBox .reactie .info .rinfo img { display: inline; }

			.textBox .reactie .bericht { padding-left: 3px; padding-top: 5px; width: 560px; }
			.textBox .reactie img.react { margin-top: 2px; margin-left: 2px; padding-left: 2px; padding-top: 2px; padding-bottom: 2px; padding-right: 2px; border: 1px solid; border-color: #d8d8d8; display: inline; float: left; }

		
			.textBox .freactie { background-color: #efeded; margin-left: 9px; width: 569px; border: 1px solid; border-color: #d8d8d8; }
			.textBox .freactie .afbeelding { border: 0px; float: left; width: 100px; }
			.textBox .freactie .info { margin-top: 3px; border: 0px; float: right; width: 469px; }
			.textBox .freactie .info .linfo { float: left; width: 349px; }
			.textBox .freactie .info .rinfo { float: right; width: 120px; }
			.textBox .freactie .info .rinfo img { display: inline; }

			.textBox .freactie .bericht { padding-left: 3px; padding-top: 5px; width: 560px; }
			.textBox .freactie img.react { margin-top: 2px; margin-left: 2px; padding-left: 2px; padding-top: 2px; padding-bottom: 2px; padding-right: 2px; border: 1px solid; border-color: #d8d8d8; display: inline; float: left; }
			.textBox .freactie img.react_sm { display: inline;}

				/* ### Blogs ### */
				.textBox .blog { padding-left: 20px; width: 590px; }


				/* ### Afbeeldingen op profiel ### */
				.textBox .albumP { width: 60px; float: left; padding-left: 40px; padding-bottom: 10px; }
				.textBox .albumP img { display: inline; }


				/* ### Albums ### */
				.textBox .album { padding-left: 20px; width: 590px; }
				.textBox .album .ainfo { font-weight: bold; width: 150px; float: left; }
				.textBox .album .aafb { width: 390px; float: right; }
				.textBox .album .aafb img { display: inline; }

				/* ### Album bekijken ### */
				.textBox .albumR { width: 150px; float: left; padding-left: 40px; padding-bottom: 10px; height: 100px; }
				.textBox .albumR img { display: inline; }

				/* ### Afb bekijken ### */
				.textBox .afb { padding-left: 3px;  }
				.textBox .afb img {display: inline; }

			/* ### text box ### */
			.textBox_ { width: 591px; height: 160px; border: 1px solid #d6d6d6; overflow: hidden; }
			.textBox_ h2 { padding-left: 6px; margin: -1px -1px 6px -1px; width: 591px; font-size: 11px; color: #fff; border: 1px solid #888888; border-bottom: 1px solid #d6d6d6; display: block; height: 29px; line-height: 29px; background: url('../images/center-h.gif') left top no-repeat; }
			.textBox_ h2 img { padding: 6px 7px 0 0; display: inline; float: left; }
			.textBox_ img { padding: 0 3px 0 7px; float: right; }

			.textBox_ p { padding: 0px 7px 12px 7px; line-height: 18px; }
			.textBox_ p.last { padding-bottom: 3px; }
			.textBox_ p span { color: #3ab8cd; }
			.textBox_ p a { text-decoration: none; font-weight: bold; color: #3ab8cd; }
			.textBox_ p a:hover { text-decoration: underline; }


			/* ### update box ### */
			.updateBox { padding-bottom: 5px; margin-bottom: 1px; width: 591px; border: 1px solid #d6d6d6; overflow: hidden; }
			.updateBox h2 { padding-left: 6px; margin: -1px; width: 591px; font-size: 11px; color: #fff; border: 1px solid #888888; border-bottom: 1px solid #d6d6d6; display: block; height: 29px; line-height: 29px; background: url('../images/center-h.gif') left top no-repeat; }
			.updateBox h2 img { padding: 6px 7px 0 0; display: inline; float: left; }
			.updateBox ul { padding-left: 7px; list-style: none; line-height: 25px; }
			.updateBox li span { color: #3ab8cd; font-weight: bold; }
			.updateBox li a { text-decoration: none; color: #3ab8cd; }
			.updateBox li a:hover { text-decoration: underline; }

			/* ### thumb box ### */
			.thumbBox { padding-bottom: 10px; margin-bottom: 1px; width: 591px; border: 1px solid #d6d6d6; overflow: hidden; }
			.thumbBox h2 { padding-left: 6px; margin: -1px; width: 591px; font-size: 11px; color: #fff; border: 1px solid #888888; border-bottom: 1px solid #d6d6d6; display: block; height: 29px; line-height: 29px; background: url('../images/center-h.gif') left top no-repeat; }
			.thumbBox h2 img { padding: 6px 7px 0 0; display: inline; float: left; }
			.thumbBox a.more { padding-right: 8px; text-decoration: underline; float: right; font-weight: bold; color: #3ab8cd; }
			.thumbBox a.more:hover { text-decoration: none; }
			.thumbBox ul { padding-left: 8px; margin: 10px 0; list-style: none; }
			.thumbBox li { padding-right: 19px; float: left; }
			.thumbBox li.last { padding-right: 0px; }
			.thumbBox li a { text-decoration: none; color: #545454; }
			.thumbBox li a span { display: block; text-align: center; font-size: 9px; line-height: 15px; }
			.thumbBox li a:hover span { color: #000; }

		/* ### right container ### */
		#rightCntr { float: right; width: 194px; }
	
			/* ### blog box ### */
			.blogBox { padding-bottom: 2px; width: 192px; border: 1px solid #d6d6d6; overflow: hidden; }
			.blogBox span.separator { display: block; height: 1px; width: 190px; background: #d6d6d6; }
			.blogBox h3 { padding-left: 6px; margin: -1px; width: 186px; font-size: 11px; color: #fff; border: 1px solid #888888; border-bottom: 1px solid #d6d6d6; display: block; height: 29px; line-height: 29px; background: url('../images/left-h-bg.gif') center top no-repeat; }
			.blogBox h3 img { padding: 6px 7px 0 0; display: inline; float: left; }
			.blogBox h4 { padding-left: 7px; color: #3ab8cd; font-size: 10px; line-height: 25px; }
			.blogBox h4 span { color: #545454; font-weight: normal; }
			.blogBox p { padding: 5px 7px 2px 7px; line-height: 14px; color: #545454; }
			.blogBox p span { font-weight: bold; display: block; }
			.blogBox a { margin: 0px 7px 7px 7px; overflow: hidden; display: block; text-decoration: none; color: #3ab8cd; font-weight: bold; }
			.blogBox a:hover { text-decoration: underline; }
	
	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 990px; height: 204px; background: url('../images/footer.gif') no-repeat; }
	#footerCntr ul { padding: 20px 0 0 23px; list-style: none; float: left; line-height: 30px; }
	#footerCntr li { padding-right: 28px; background: url('../images/footer-li.png') bottom repeat-x; }
	#footerCntr li.last { background: none; }
	#footerCntr li h3 { padding: 0 0px 8px 0; color: #3ab8cd; font-size: 12px; }
	#footerCntr li a { text-decoration: none; color: #fff; }
	#footerCntr li a:hover { text-decoration: underline; }