/*
 GENERAL CSS
 */
 body {
	font: normal 12px/15px Arial;
	/*overflow-y: auto;*/
	padding: 0 !important;

  background: #f7f7f7 url(background.png);
 }

body a:hover{text-decoration: underline;}
a{
    color: #34abe1;
}
textarea{
    width: 85%;
}
/*
#s1,#sl, #sr, #components{
    width: 1200px;
}*/
#slider{
    height: 300px;
}
 #wrapper{
	width:1200px;
        margin: 0 auto 0;

	padding: 0 0 0 15px;

	/*min-width: 980px;
	max-width: 1200px;
	width:auto !important;*/
	
 }
.specialtd { color: #906f28; font-weight: bold; }
 .shadow {
	 background: url(shadows.png) repeat-y;
 }
	 #sl {
		padding: 0 0 0 10px;
	 }
	 #sr {
		background-position: top right;
		padding: 0 10px 0 0;
	 }
.nomargin { margin: 0!important }
#header {
  background: #070707 url(top.jpg) repeat-x top;
  height: 110px;
	/*min-width: 960px;*/
	/*max-width: 1200px;*/
	/*width:auto !important;*/
	width:1180px;
		position: relative;
		overflow: hidden;
}
	#logo {
		float: left;
		margin: 31px 0 0 10px;
		position: relative;
		z-index: 10;
	}
	#banner {
		position: absolute;
		right: 10px;
		top: 25px;
		z-index: 1;
	}
	#extra li { height: 350px; }

#footer,
#menu {
	background: url(menu.jpg) repeat-x;
	display: block;
	height: 43px;
}
	#footer { margin-bottom: 10px; background: #ccc; }
	#footer li,
	#menu li {
		display: inline;
	}
		#footer li a,
		#menu li a {
			color: #fff;
			display: block;
			font-size: 15px;
			font-weight: bold;
			height: 28px;
			padding: 8px 11px 1px;
			margin: 6px 7px 0;
			text-decoration: none;
			width: auto;
			float: left;
		}
		#footer li a { color: #666; font-size: 12px; font-weight: normal; padding-top: 9px; margin-right: 4px; }
		#footer li a.l,
		#menu li a.l { margin-right: 0; }
			#footer li a:hover,
			#menu li a:hover { text-decoration: underline; }
			#footer li a.c,
			#menu li a.c {
				height: 25px;
				padding: 11px 11px 1px;
				background: #eeece3;
				background: #f7f7f7;
				color: #34abe1;
					border-top-right-radius: 5px;
					-moz-border-radius-topright: 5px;
					-webkit-border-top-right-radius: 5px;
					border-top-left-radius: 5px;
					-moz-border-radius-topleft: 5px;
					-webkit-border-top-left-radius: 5px;
					text-shadow: #fff 1px 1px 0;
			}
		#menu li a:hover span,
		#menu li a span {
			background: url(rondje.jpg) no-repeat;
			font-size: 11px;
			height: 19px;
			display: block;
			width: 23px;
			font-weight: bold;
			text-align: center;
			float: right;
				margin-left: 5px;
				border: 0 !important;
				border-color: #f00;
				text-decoration: none !important;
		}

#components {
	background: #eeece3;
	background: #f7f7f7;
}

	#left {
		display: block;
		float: left;
		width: 66%;
	}
	#right {
		display: block;
		float: right;
		width: 34%;
	}
		.column {
			/*min-height: 500px;
			padding: 15px 0 25px;*/
			display: inline-block;
			min-height: 500px;
			padding: 0 0 25px;
		}

		.page .component {
			border: 1px solid #654e04;
                        border: 1px solid #e6e6e6;

			margin: 10px 0 10px 10px;
				border-bottom-right-radius: 5px;
				-moz-border-radius-bottomright: 5px;
				-webkit-border-bottom-right-radius: 5px;
				border-bottom-left-radius: 5px;
				-moz-border-radius-bottomleft: 5px;
				-webkit-border-bottom-left-radius: 5px;
				/*height:395px;*/
				background: #fff; /* url(../images/widget_gradient.jpg) repeat-x bottom;*/
		}
                .page .widgetcomponent {
			border: 0;
			margin: 0;
				border-bottom-right-radius: 5px;
				-moz-border-radius-bottomright: 5px;
				-webkit-border-bottom-right-radius: 5px;
				border-bottom-left-radius: 5px;
				-moz-border-radius-bottomleft: 5px;
				-webkit-border-bottom-left-radius: 5px;
				/*height:395px;*/
				background: #fff; /* url(../images/widget_gradient.jpg) repeat-x bottom;*/
		}

			#c0 { display: block }
			#c1 { float: left;  width: 50%; }
			#c2 { float: right; width: 50%; *width: 49.9% /* ie7 */; }
			#c3 { width: 100%;  }

			li.widget, .widget-placeholder {
				background: #fff; /* url(../images/widget_gradient.jpg) repeat-x bottom;*/
				border: 1px solid #e6e6e6;
				display: block;
				position: relative;
					-webkit-border-radius: 5px;
					-khtml-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
			}
				.widget-placeholder {
					border: 1px solid #ccc;
					background: #ccc;
					padding: 0 0 10px;
				}
				#c0 li.clean,
				#c0 li.widget,
				#c0 .widget-placeholder { margin: 10px 0  0 10px; }
				#c1 li.widget,
				#c1 .widget-placeholder  { margin: 10px 0 10px 10px; }
				#c2 li.widget,
				#c2 .widget-placeholder  { margin: 10px 0 10px 10px; }
				#c3 li.widget,
				#c3 .widget-placeholder  { margin: 10px 10px 10px 10px; }

		/*

		.component {
			background: #fff url(../images/widget_gradient.jpg) repeat-x bottom;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
			border: 1px solid #654e04;
			display: block;
			margin: 5px 10px 5px 0;
			position: relative;
		}
			.widget-placeholder {
				background:  #ccc;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				margin: 5px 10px 5px  0;
			}
			.empty{ width: 100; background: #000; }
			.single {  }*/
		.component .h {
			background: url(widget_head.jpg) repeat-x 0 0;
			height: 34px;
			position: relative;
			z-index: 100;
				z-index: 1;
		}
			.component .h h2 {
				color: #2a2a2a;
				cursor: pointer;
				float: left;
				font: bold 15px/15px Arial;
				padding: 9px 0 0 15px;
					text-shadow: #ffffff 0 1px 0;
			}
			.component .h h2 a {
				color: #fff;
				text-decoration: underline;
			}
			.component .ctr {
				padding: 11px 10px 0;
				position: absolute;
				right: 0;
				top: 0;
				height: 23px;
				background: url(zebra.png) no-repeat top right;
				width: 266px;
			}
				.component .collapse,
				.component .edit,
				.component .delete {
					background: url(controls.png) no-repeat 1px 3px;
					cursor: pointer;
					display: block;
					float: right;
					height: 15px;
					margin: 0 0 0 10px;
					width: 15px;
				}
				.component .collapse {
					background-position: -11px 3px;
				}
				.component .delete {
					background-position: -26px 3px;
				}
				.component .ctr .edit:hover { background-position:   3px -12px; }
				.component .ctr .collapse:hover		{ background-position: -11px -12px; }
				.component .ctr .delete:hover	{ background-position: -26px -12px; }

		.component .e {
			display: none;
			/*position: absolute;
			top: 34px;*
			left: 0;
			width: 100%;*/
		}
		.component .c {
			/*padding: 0 10px 0 14px;*/
			z-index: 10;
		}

		/*#content { margin-left: 10px; }*/
		/*#c1 { float: left;  width: 50%; }
		#c2 { float: right;  width: 50%; *width: 49.9% /* ie7 *; }
		#c3 { width: 100%;  }


			#extra { margin: 0 10px; }
			#c1 .component { margin-left : 10px; }
			#c3 .component { margin-right: 10px; }

			#c1 .widget-placeholder { margin-left : 10px; }
			#c3 .widget-placeholder { margin-right: 10px; }*/


		.g {
			border-color: #e6e6e6 !important;
			/*background: #fff url(../images/widget_gradient_g.jpg) repeat-x bottom !important;*/
		}
		.g .h {
			background: url(widget_head_gray.jpg) repeat-x 0 0;
		}

.button,
.leftbtn,
.rightbtn,
a.button {
	background: url(buttons.jpg) repeat-x 0 -1px;
	border: 1px solid #b0b0b0;
	color: #1E1E1E !important;
	display: block;
	height: 21px !important;
	font-size: 12px !important;
		text-shadow: none !important;
		-webkit-border-radius: 2px;
		-khtml-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		padding: 0 5px;
		line-height: 20px;
		margin: 1px 5px 5px 0;
		float: left;
		text-decoration: none;
}
	.button:hover,
        .leftbtn:hover,
.rightbtn:hover,
	a.button:hover {
		background-position: 0 -26px;
		text-decoration: none;
	}
        .leftbtn:focus,
        .leftbtn:active,
.rightbtn:focus,
.rightbtn:active,
	.button:focus,
	.button:active,
	a.button:focus,
	a.button:active {
		color: #fff;
		background-position: 0 -51px;
		text-shadow: none;
	}
	input.button {
		 padding-bottom: 4px
	}

	.relative { position: relative; }
	.absolute {position: absolute;}
	.absolute.right { right: 0; }
	.button.absolute{ top: -4px; }

.clear{
	clear: both;
}
.arrow {
	padding-left: 12px;
	background: url(sidebarbullet.png) 0 5px no-repeat;
}

/*
 QUOTE SPECIFIC CSS
 */
 body {
	 /*background:#ae9b56 url(../images/body.jpg) repeat-x top;*/
	 /*background: #e2e2e2;*/
 }


 /* TABS
  */

  .berichten {
   }
	ul.tabs .hidden {
		display: none;
	}

	ul.tabs {
		background: #d1d1d1;
		display: block;
		height: 32px;
		overflow: hidden;
		margin: 1px;
		padding: 0 0 0 5px;
	}
		ul.tabs li {
			border: 1px solid #e6e6e6;
			border-bottom: 0;
			background: url(menu.jpg) repeat-x;
			cursor: pointer;
			color: #fff;
			display: block;
			font-size: 13px;
			font-weight: normal;
			height: 20px;
			margin: 6px 6px 0 0;
			padding: 5px 9px 0;
			text-decoration: none;
			width: auto;
			float: left;
		}
			ul.tabs li a {
				color: #fff;
				text-decoration: none;
			}
			ul.tabs li:hover { text-decoration: underline; }
			ul.tabs li.cur {
				color: #363636;
				/*background: #fff url(menu_tab.jpg) repeat-x top;*/
                                background: #fff repeat-x top;
			}
			ul.tabs li.cur a {
				color: #363636;
			}

.tab { clear: left; }

.berichten .tab {
	padding: 15px 15px 0 15px;
}

.noborder { border: 0 !important; }

.table {
}
	thead th, th {
		border-bottom: 1px solid #ccc;
		color: #8c8c8c;
		font-size: 15px;
		padding: 13px 0;
		text-align: left;
	}
		thead th a { text-decoration: none; color: #8c8c8c; }
	tbody td {
		border-bottom: 1px solid #ccc;
		vertical-align: top;
			vertical-align: middle;
		padding: 13px 0;
		font-size: 12px;
	}
.link {
	color: #8c8c8c;
	margin-left:10px;
	margin-top: 4px;
	font-size: 11px;
}
.color {
	color: #34abe1;
}
.floatleft {
	float: left;
}
.berichten .thumb {
	border: 1px solid #ccc;
	height: 88px;
	padding: 3px;
	width: 88px;
}
#profile h2,
.berichten h2 {
	height: 23px;
	overflow: hidden;
	color: #363636;
	font-size: 19px;
	font-weight: normal;
	line-height: 24px;
	margin: 2px 0 3px;
}
.berichten h2 span { color: #737373; }
#profile h3,
.berichten h3,
.berichten h3 a {
	color: #34abe1;
	font-size: 15px;
	line-height: 19px;
	text-decoration: none;
	margin: 0 0 3px;
}
#profile a {
	color: #333;
	font-size: 12px;
	text-decoration: none;
}
#profile em,
.berichten em,
label {
	color: #363636;
	/*display: block;*/
	font-size: 12px;
	font-style: italic;
	margin: 0 0 3px;
}
#profile small,
.berichten small {
	color: #8c8c8c;
	display: block;
	font-size: 11px;
	font-style: italic;
}
#profile p,
.berichten p {
	color: #363636;
	font-size: 12px;
	margin: 5px 0 0;
	/*height: 33px;*/
	overflow: hidden;
}
.noheight p { height: auto !important; }
.berichten ul.links {
	/*float: right;*/
	margin: 5px 0 0;
}
	.berichten ul.links li {
		float: left;
	}
	/*.berichten ul.links a {
		background: #efefef;
		color: #666;
		display: block;
		border: 1px solid #ccc;
		padding: 2px 5px;
		text-decoration: none;
			-webkit-border-radius: 2px;
			-khtml-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
	}
	.berichten ul.links a:hover {
		color: #333;
		border: 1px solid #666;
	}*/

.pagination {
	clear: both;
	height: 30px;
	padding: 10px 0 0;
    float: right;
    }

	.pagination a {
		color: #0983d1;
		display: block;
		float: left;
		height: 21px;
	}
	.pagination a.first{
		width: 9px;
		background: url(pagination.gif) 0 -18px no-repeat;
		margin-right: 11px;
	}
		.pagination a.first.dead{
			background-position: 0 7px;
			cursor: default;
		}
	.pagination a.prev{
		width: 6px;
		background: url(pagination.gif) -3px -18px no-repeat;
	}
		.pagination a.prev.dead{
			background-position: -3px 7px;
			cursor: default;
		}
	.pagination a.next{
		width: 6px;
		background: url(pagination.gif) -11px -18px no-repeat;
		margin-right: 11px;
	}
		.pagination a.next.dead{
			background-position: -11px 7px;
			cursor: default;
		}
	.pagination a.last{
		width: 9px;
		background: url(pagination.gif) -11px -18px no-repeat;
		margin-right: 11px;
	}
		.pagination a.last.dead{
			background-position: -11px 7px;
			cursor: default;
		}
	.pagination div{
		width: 35px;
		margin: 0 5px;
		float: left;
	}
		.pagination div input{
			width: 31px;
			height: 13px;
			font: normal bold 14px Helvetica, Arial, sans-serif;
			text-align: center;
			padding: 3px 2px 3px 2px;
			border: 1px solid #ccc;
			color: #92712b;
		}
		.remaining {
			color: #666666;
			padding: 3px 0 0;
			text-shadow: #ffffff 0 1px 0;
		}

		table {
			width: 100%;
		}

.text {
	border-color:#AAADB2 #DBDEE3 #E2E9EF #E3E3ED;
	border-style:solid;
	border-width:1px;
	margin:2px 0 5px;
	width:100%;
}
select {
	margin:2px 0 5px;
}

.msg {
	padding: 7px 15px 5px;
	margin: 10px 10px 5px 10px;
	border:1px solid #ccc;
	background: #fff;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		font-size: 12px;
}
	.msg-error {
		background: #FFCECE;
		border-color: #DF8F8F;		
	}
		.msg-error p { color: #665252 !important; }
	.msg-ok {
		background: #D5FFCE;
		border-color: #9ADF8F;
	}
		.msg-error p { color: #556652 !important; }
	.msg-info {
		margin-left: 0;
		margin-right: 0;
		background: #FFFBCC;
		border-color: #E6DB55
	}
	.msg p {
		height: auto;
		padding: 0 0 2px;
		margin: 0;
	}
.floatleft { float: left !important; }
.floatright { float: right !important; }


.box{
	margin: 0 auto;
}
.head{
	background: url('vline.gif') center repeat-y;
	height:15px;
	padding: 0 !important;
}
.footer{
	background: url('vline.gif') center no-repeat;
	height:10px;
	padding: 0 !important;
}
.noborder { padding: 0 !important }

.profileul {
	display: block;
	width: 350px;
}
	.profileul li {
		display: block;
		border-top: 1px dotted #ccc;
		float: left;
		width: 165px;
		height: 33px;
		margin: 0 15px 1px 0;
	}
	.profileul li.nm  { margin-right: 0 !important }
	.profileul li a {
		background: url(arrows_profile.jpg) no-repeat 1px 12px;
		display: block;
		padding: 7px 0 0 18px;
		height: 27px;
	}
	.profileul li a:hover {
		background: #f4f2eb url(arrows_profile.jpg) no-repeat 0 -23px;
	}
		.profileul li a span {
			color: #c10015;
			font-weight: bold;
		}

		.profb {
			border-top-right-radius: 0 !important;
			-moz-border-radius-topright: 0 !important;
			-webkit-border-bottom-top-radius: 0 !important;
			border-top-left-radius: 0 !important;
			-moz-border-radius-topleft: 0 !important;
			-webkit-border-top-left-radius: 0 !important;
		}

                h3 form{
                    right: 0;
                    margin:0;
                    padding:0;
                    float: right;
}
.member {
overflow:hidden;
padding-left:60px;
padding-right:20px;
width:145px;
}
.membertable {
width:245px;
border: 0;
}
.membertable td{
    border: 0;
}
.membertablepiccell {
width:50px;
}
.membertablecell {
overflow:hidden;
width:150px;
}
#secureOver {
overflow:hidden;
width:145px;
}
.member a.profilepiclink {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
float:left;
margin-left:-60px;
padding:0;
position:relative;
}
.membertable a.profilepiclink {
float:left;
position:relative;
width: 75px;
height: 75px;
overflow: hidden;
text-decoration: none;

}
.membertable td {
padding:2px !important;
}
.member a.profilepiclink span, .membertable a.profilepiclink span {
background-color:#FFFFFF;
bottom:0;
color:#000000;
font-size:7pt;
font-weight:bold;
line-height:7pt;
padding:0 1px 1px;
position:absolute;
right:0;
text-decoration: none;
}
.member img, .membertable img {
/*float:left;*/
}
.member ul, .membertable ul {
/*float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;*/
}
.member ul {
margin:0 -20px 0 0;
}
.membertable ul {
margin:0;
}
/*.member ul a:first-child, .membertable ul a:first-child {
float:left;
margin:0;
}
.member ul img, .membertable ul img {
float:left;
margin:0;
}*/
.membertable ul li {display:inline;
margin: 5px;
padding: 0px;}


#calendarcontainer {
	width: 98%;
	margin: auto;
        height: 200px;
}
#calendar {
	background-color: white;
	padding: 8px;
        width: 98%;
        height: 165px;
}
#calendar:before {
	content: url(img/calendar_top.png);
	display: block;
	line-height: 0;
	margin: -8px -8px 2px -8px;
}
#calendar:after {
	content: url(img/calendar_bottom.png);
	display: block;
	line-height: 0;
	margin: 2px -8px -8px -8px;
}
#calendar table {
	margin-bottom: 0.8em;
        float: left;
        width: 179px;
        margin: 10px 10px 0 10px;
}
#calendar caption {
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.5em;
}
#calendar th {
	background-color: transparent;
	color: #000;
	padding: 0 0 6px 0;
	text-align: center;
}
#calendar td {
	background-color: #F0EFEF;
	border-bottom: 3px #FFF solid;
	padding: 0;
	height: 18px;
	line-height: 18px;
	text-align: center;
}
#calendar .month1 td {
	background: url(calendartable_active_row.png) repeat-x;
	font-weight: bold;
	color: white;
}
#calendar #curday {
	background-color: #95CBF6;
	background-image: none;
}
#calendar a {
	font-weight: bold;
}
#calendarnav {
	margin: 15px 0 5px 0;
	height: 14px;
	background: url(img/groove.png) 0 6px repeat-x;
	list-style: none;
	text-align: center;
	line-height: 0;
	font-size: 0;
}
#calendarnav li {
	display: inline;
	width: 14px;
	height: 14px;
	margin-left: 16px;
	line-height: 0;
}
#calendarnav li:first-child {
	margin-left: 0;
}
#calendarnav a {
	line-height: 0;
}

.upbtn, .downbtn {
	display: -moz-inline-box;
	display: inline-block;
	width: 14px;
	height: 14px;
}
.upbtn {
	background: url(btn_arrowup.png) no-repeat;
}
.downbtn {
	background: url(btn_arrowdown.png) no-repeat;
}
.upbtn span, .downbtn span {
	display: none;
}
#tree table, #tree td{
    border: 0;
}
table.efficient td{
    padding: 5px 0;
}
#photos {
height:160px;
width: 737px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 1em;
overflow:auto;
}
#thumbborder{
    padding: 3px; border: 1px solid #ccc; float: left; width:75px;height:75px; overflow: hidden;
}
td.nobordertd{
    border: 0px;
    padding: 13px 0;
}
h6{
    font-size: 12px;

}
        #poll label span {
color:#0090D7;
float:right;
font-weight:bold;
width:auto;
}
#poll label{
    display: block;
}
#poll{
    padding: 5px 15px;
}
#poll h4{
    padding: 5px 0;
}
#warning {
	padding: 5px;
	margin-bottom: 2px;
	background-color: #F00;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}

.notice {
	padding: 5px;
	background-color: #F8F8F8;
	border: 1px #337ADA solid;
	text-align: center;
}
.error {
	padding: 5px;
	background-color: #F8F8F8;
	border: 1px #F00 solid;
	text-align: center;
}
label {
display:block;
margin-bottom:0.2em;
}
label span {
float:left;
width:50%;
}
.listbox{
    padding: 12px;
    background: #f7f7f7;
}
.listbox td{
    padding: 4px;
    margin: 0;
    border: 0;

}
.listbox h3{

    background: #D1D1D1;
    
    margin: -12px -12px 0 -12px;
    padding: 12px 8px;
}
#zoekresults {
    margin: 0;
    padding: 0;
}
.chatboxtitle td{
    border: 0;
    padding: 5px;
}
#actnbutt ul.actnbutt li,#actnbutt ul.actnbutt li a,#actnbutt li.actnbutt,#actnbutt li.actnbutt a{
    display: inline;
}
#actnbutt table.membertable li{
    display: inline;
}
#actnbutt{
    padding: 0;
    margin: 0;
}
#thumbborder span{
    border: 0;
    padding: 0 1px 1px;
}
.profileul em{
    font-weight: bold;
}
#notes {
	float: right;
	width: 437px;
}
#notes:after {
	margin-top: 50px;
}
#notes li {
	padding-left: 20px;
	background: url(/includes/img/sidebarbullet.png) 8px 9px no-repeat;
}
#notes h3 {
	background-image: url(/includes/img/h3pin.png);
	background-position: 8px 4px;
	background-repeat: no-repeat;
	padding-left: 25px;
}
#notes h3:before {
	margin-left: -25px;
}
h3 span {
	font-weight: normal;
	font-size: 7pt;
}
.listbox span {
font-weight:bold;
position:absolute;
right:8px;
top:4px;
}