/* REGULAR HTML */

html, body {
	height: 100%;
}

body {
	margin-right: 1px;
	font-family: verdana, arial, sans serif;
	font-size: 1em;
	background-color: #000000;
	color: #ffffff;
	text-align: center;
	background: #000000 url(../img/back_body.jpg) repeat-y center top;
}

a {
	color: #ffffff;	
	text-decoration: underline;
}
	a:hover {
		text-decoration: none;
	}

input, textarea, button {
	border: 1px solid #000000;
	background-color: #ffffff;
	color: #000000;
}
	input[type="radio"], input[type="checkbox"] {
		float: left;
	}

button {
	background-color: #181818;
}

a.button {
	padding: 0px 12px 0px 12px;
	border: 1px solid #000000;
	background-color: #181818;
	color: #ffffff;
}
	a.button:hover
	{
		background-color: #282828;
	}

/* CONTAINER */
div.container {
	width: 959px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px auto;
	text-align: left;
}

	/* HEADER */
	div.header {
		background: transparent url(../img/header_new.jpg) no-repeat top left;
		width: 590px;
		height: 142px;
		float: left;
		position: relative;
	}
		div.header.nieuwsbrief {
			background: transparent url(../img/header_kmail.jpg) no-repeat top left;
		}
	
	/* LOGIN */
	div.login {
		position: relative;
		background: transparent url(../img/login_back_new.jpg) no-repeat top left;
		width: 370px;
		height: 107px;
		float: right;
		margin: -1px -1px 0px 0px;
		padding-top: 6px;
	}
		div.error span {
			display: none;
		}
		div.login div.profiel {
			font-size: 0.8em;
			padding: 12px 12px 12px 20px;
		}
		div.login div.avatar {
			position: absolute;
			top: 0px;
			right: 0px;
			margin: 6px 6px 6px 6px;
		}
			div.login div.avatar {
				width: 90px;
				height: 90px;
				border: 1px solid #000000;
			}
	
	/* CONTENT */
	div.content {
		position: relative;
		width: 590px;
		min-height: 477px;
		float: left;
		background: transparent url(../img/back_content_new.jpg) no-repeat top left;
	}
		div.content ul {
			font-size: 0.8em;
			line-height: 140%;
			list-style: square;
			margin: 0px 12px 12px 12px;
		}
			div.content ul li {
				margin: 0px 0px 0px 12px;
			}
		div.content ul.fotoalbumlist {
			list-style: none;
			margin: 0px 0px 10px 6px;
		}
			div.content ul.fotoalbumlist li {
				display: inline;
				margin: 0px 0px 0px 6px;
			}
				div.content ul.fotoalbumlist li a {
					width: 130px;
					height: 130px;
				}
					div.content ul.fotoalbumlist li a img{
						width: 130px;
						height: 130px;
						border: 2px solid #000000;
					}				
		ul#kruimelpad {
			margin: 0px 0px 0px 12px;
			font-size: 0.65em;
			position: absolute;
			bottom: 16px;
			left: 150px;
		}
			ul#kruimelpad li {
				display: inline;
				margin: 0px 3px 0px 0px;
			}
		div.content h1 {
			font-size: 1.2em;
			padding: 12px 12px 12px 12px;
		}
			div.content.home h1 {
				font-size: 0.9em;
				padding: 12px 12px 12px 12px;
			}
		
			div.content h1.nopaddingtop {
				padding: 0px 12px 12px 12px;
			}
		div.content h2 {
			font-size: 1em;
			padding: 12px 12px 0px 12px;
		}
		div.content h3 {
			font-size: 0.8em;
			padding: 6px 12px 0px 12px;
		}
		div.content h4 {
			font-size: 0.8em;
			padding: 14px 12px 0px 12px;
			font-style: italic;
		}
		div.content hr {
			border: none;
			color: #ffffff;
			background-color: #ffffff;
			height: 1px;
			margin: 0px 12px 0px 12px;
		}
		div.content p {
			font-size: 0.8em;
			line-height: 140%;
			padding: 0px 12px 12px 12px;
		}
		div.content div.contentitemwrapper {
			margin: 0px 12px 12px 12px;
			border: 1px solid #000000;
			background: #383838 url(../img/back_content_listitem.jpg) no-repeat right bottom;
		}
			div.content div.contentitem {
				position: relative;
				padding-bottom: 12px;
				background: transparent url(../img/back_content_listitem_inside.png) no-repeat top left;
			}
				div.content div.contentitem h2 {
					font-size: 0.8em;
					padding: 12px 12px 0px 12px;
					max-width: 400px;
					margin: 0px 0px 12px 0px;
				}
				div.content div.contentitem h3 {
					font-size: 1em;
					padding: 6px 12px 12px 12px;
				}
					div.contentitem h2 a, div.contentitem h3 a {
						text-decoration: none;
					}
				div.content div.contentitem span.topright {
					position: absolute;
					right: 0px;
					top: 0px;
					padding: 12px 12px 0px 12px;
					text-align: right;
					font-size: 0.7em;
					line-height: 140%;
					max-width: 300px;
				}
				div.content div.contentitem img {
					border: 1px solid #000000;
					float: left;
					width: 85px;
					margin: 0px 12px 12px 12px;
				}
				div.content div.contentitem p.itembottom {
					position: absolute;
					font-size: 0.7em;
					line-height: 100%;
					bottom: 0px;
					right: 0px;
				}
				div.content div.contentitem ol {
					list-style-type:decimal;
					list-style-position: inside;
				}
					div.content div.contentitem ol li {
						margin-left: 12px;
					}
		div.content div.intro {
			font-weight: bold;
		}
		div.content p.introimg {
			float: left;
		}
			div.content p.introimg img {
				border: 1px solid #000000;
				width: 85px;
			}
		div.content div#nickname_notavailable, div.content div#nickname_available, div.content div#emailadres_notavailable, div.content div#emailadres_available {
			line-height:70%; 
			float:right; 
			height:15px; 		
			border: 1px solid #333333; 
			display:none;
		}
			div.content div#nickname_notavailable, div.content div#emailadres_notavailable {
				background: #383838 url(../img/cross.png) no-repeat top left;
				margin: 21px 110px 0px 0px; 
			}
			div.content div#nickname_available, div.content div#emailadres_available {
				margin: 21px 180px 0px 0px; 
				background: #383838 url(../img/tick.png) no-repeat top left;
			}
				div.content div.notavailable p, div.content div.available p {
					margin-left: 8px; 
					padding-right: 2px; 
					line-height: 120%; 
				}
					div.content div.notavailable p {
						color:#bb0000;
					}
					div.content div.available p {
						color:#00bb00;
					}
		div.content div.contentitem form
		{
			padding-top: 12px;
		}
		div.content form fieldset
		{
			padding: 0px 12px 0px 12px;
		}
			div.content form fieldset label {
				font-size: 0.7em;
				display: block;
				margin: 0.5em 0px 0px 0px;
			}
				div.content form fieldset legend {
					font-size: 1em;
					font-weight: bold;
					display: block;
					border-bottom: 1px solid #ffffff;
					margin: 1.5em 0px 8px 0px;
				}
				div.contentitem form fieldset label {
					display: inline;
				}
			div.content form button, div.content form input[type="submit"] {
				min-width: 100px;
				clear: left;
				color: #ffffff;
				cursor: pointer;
				margin: 0.8em 0px 0px 0px;
				background-color: #181818;
			}
				div.contentitem form button {
					margin: 0.8em 8px 8px 8px;
				}
		div.reactieimg {
			float: left;
			width: 60px;
			margin: 0px 0px 0px 12px;
		}
			div.reactieimg img {
				width: 50px;
				height: 50px;
				border: 1px solid #000000;
			}
		div.reactie {
			padding: 0px 0px 18px 0px;
			float: right;
			width: 518px;
		}
			div.reactie p.reactiefooter {
				color: #666666;
				padding-bottom: 0.3em;
			}
				div.reactie p.reactiefooter a, p.reactiefooter a:hover, p.reactiefooter a:visited, p.reactiefooter a:active {
					color: #666666;
				}
				span.notok {
					float: right;
					display: block;
					width: 10px;
					height: 10px;
					margin: 5px 0px 0px 0px;
					cursor: pointer;
					background: url(../img/notok.gif) no-repeat left top;
					display: none;
				}
			div.reactie hr {
				border: none;
				color: #212121;
				background-color: #212121;
				height: 1px;
				padding: 0px 12px 0px 12px;
			}
		div.bladeren_bottom, div.bladeren_top {
			margin: 12px;
			text-align: right;
			font-size: 0.7em;
		}
			div.bladeren_bottom div.bladeren div.vorige {
				float:left;
			}
			div.bladeren_bottom div.bladeren div.volgende {
				float: right;
			}
			div.bladeren_bottom a, div.bladeren_top a {
				font-weight: bold;
				font-size: 1.2em;
				text-decoration: none;
			}
			
		form.reactie fieldset {
			padding: 0px 12px 0px 12px;
		}
			form.reactie fieldset label {
				font-size: 0.7em;
				display: block;
				margin: 0.3em 0px 0px 0px;
			}
			form.reactie fieldset input {
			}

			form.reactie fieldset textarea {
				float: left;
				clear: both;
				width: 279px;
				height: 200px;				
			}
			form.reactie button {
				width: 100px;
				clear: left;
				color: #ffffff;
				cursor: pointer;
				margin: 0.5em 0px 0px 0px;
			}
		form.loginform {}
			form.loginform fieldset {
				position: relative;
				padding: 4px 20px 10px 20px;
			}
				form.loginform fieldset label {
					display: block;
					text-transform: lowercase;
					font-size: 0.7em;
					font-weight: bold;
					line-height: 80%;
				}
				form.loginform fieldset label.onthouden {
					position: absolute;
					right: 41px;
					top: 15px;
				}
					form.loginform fieldset label.onthouden input {
						float: right;
						height: 15px;
						width: 15px;
						margin: -3px 0px 0px 5px;
						border: 0px;
						background-color: transparent;
					}
				form.loginform fieldset input {
					width: 199px;
					font-weight: bold;
					height: 18px;
					padding: 0px 2px 0px 2px;
					margin: 0px 0px 0px 0px;
					color: #383838;
				}
				form.loginform fieldset label input {
					position: relative;
					padding: 0px;
					margin: 0px;
				}
				form.loginform p {
					position: absolute;
					right: 20px;
					top: 50px;
				}
					form.loginform p input[type="submit"] {
						color: #ffffff;
						font-weight: bold;
						height: 18px;
						font-size: 0.7em;
						width: 109px;
						background-color: #383838;
						cursor: pointer;
					}
				form.loginform a.button {
					color: #aaaaaa;
					background-color: #383838;
					display: block;
					float: left;
					border: 1px solid #000000;
					height: 18px;
					font-size: 0.67em;
					line-height: 180%;
					width: 159px;
					text-align: center;
					margin: 5px 8px 0px 0px;
					padding: 0px;
					text-decoration: none;
				}
					form.loginform a.rechts {
						margin-right: 0px;
					}
		form#logoutform {}
			form#loginform fieldset {
				position: relative;
				padding: 10px 20px 10px 20px;
			}
				form#logoutform button {
					position: absolute;
					left: 20px;
					bottom: 12px;
					color: #ffffff;
					font-weight: bold;
					font-size: 0.7em;
					width: 109px;
					background-color: #383838;
					cursor: pointer;
				}
		form#zoekenform {}
			form#zoekenform fieldset {
				position: relative;
			}
				form#zoekenform fieldset input {
					width: 136px;
					font-weight: bold;
					height: 18px;
					padding: 0px 2px 0px 2px;
					margin: 0px 0px 1px 0px;
					color: #383838;
				}
				form#zoekenform button {
					color: #ffffff;
					width: 142px;
					background-color: #383838;
				}
				
		form.sidecontent_form {}
			form.sidecontent_form fieldset {
				position: relative;
			}	
			form.sidecontent_form fieldset label {
				font-size: 0.7em;
				line-height: 160%;
			}		
			form.sidecontent_form fieldset input {}
				form.sidecontent_form fieldset input[type="radio"], form.sidecontent_form fieldset input[type="checkbox"] {
					float: none;
				}
			form.sidecontent_form button {
				margin: 6px 0px 0px 0px;
				color: #ffffff;
				width: 142px;
				background-color: #383838;
			}
	
	img.avatar {
		width: 90px;
		height: 90px;
	}		
			
	/* PROFIEL */
	table.profile {
		max-width: 460px;
		margin: 12px;
	}		
		table.profile th {
			background: #383838; 
			border-top: 1px solid #ffffff;
			border-bottom: 1px solid #ffffff;
		}
		table.profile td {
			border-bottom: 1px solid #222222;
			padding: 2px;
			vertical-align: top;
		}
			table.profile td.label {
				padding-right: 24px;
			}			
.mainmenu {
    position: relative;
    height: 30px;
    width: 949px;
    background: transparent url(../img/menu_back.jpg) repeat-x top left;
    padding: 4px 5px 5px 5px;
    margin: 0px;
    color: #ffffff;
    overflow: hidden;
    border: 1px solid #000000;
}
        .mainmenu li {
            float: left;
            list-style: none;
            padding: 0px;
            margin: 0px;
        }
            .mainmenu li.back {
                border: 1px solid #000000;
                background: transparent url(../img/menu_item_selected.jpg) repeat-x left -5px;
                width: 9px;
                height: 30px;
                z-index: 8;
                position: absolute;
            }
            .mainmenu li a {
                text-decoration: none;
                color: #ffffff;
                outline: none;
                text-align: center;
                top: 0px;
                letter-spacing: 0;
                z-index: 10;
                display: block;
                float: left;
                height: 23px;
                position: relative;
                overflow: hidden;
                margin: 1px -1px 0px 1px;
                padding: 9px 11px 0px 11px;
                font-size:0.65em;
				font-weight:bold;
            }			
			
/* SIDECONTENT */
div.sidecontent {
	position: relative;
	float: left;
	padding-bottom: 12px;
	margin-top: -36px;
	width: 369px;
}
	div.sidecontent h3 {
		font-size: 0.7em;
		margin-bottom: 0.3em;
		line-height: 150%;
		font-weight: bold;
	}
	div.sidecontent h4 {
		font-size: 0.7em;
		line-height: 100%;
		font-weight: normal;
		padding-top: 4px;
		clear: left;
	}
	div.sidecontent p {
		font-size: 0.7em;
		line-height: 150%;
		clear: left;
	}
	div.sidemenu {
		float: left;
		width: 185px;
		min-height: 150px;
		margin: 0px 0px 0px 0px;
		padding: 0px 12px 1px 0px;
		background: url(../img/sideblock_back.jpg) no-repeat left top;
	}
		div.sidemenu h3 {
			padding: 20px 12px 0px 20px;
		}
		div.sidemenu ul {
			padding: 0px 0px 0px 20px;
			margin: 0px 12px 0px 0px;
		}
			div.sidemenu ul li {
				font-size: 0.7em;
				margin: 0px 0px 0.3em 0px;
			}
				div.sidemenu ul li.hier {
					font-weight: bold;
				}
		div.sidemenubottom {
			float: left;
			background: url(../img/sideblock_bottom.jpg) no-repeat left top;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;	
			height: 23px;
			width: 185px;	
		}
	div.sidetopcontainer {
		float: right;
		margin: -164px 8px 0px 0px;
		width: 180px;
	}
		div.sidetopcontainer.nosubmenu{
			margin: 12px 0px 0px 0px;
			width: 369px;
		}
	div.sidecontentitem {
		width: 339px;
		min-height: 184px;
		margin: 0px 0px 0.8em 12px;
		background: url(../img/back_sidecontent_item.gif) no-repeat left top;
	}
		div.sidecontentitem.small {
			margin: 0px 0px 0px 12px;
			width: 164px;
			min-height: 78px;
			background: url(../img/back_sidecontent_item_small.jpg) no-repeat left top;
			float: left;
		}
			div.sidetopcontainer.nosubmenu div.sidecontentitem.small {
				margin-bottom: 0.8em;
			}
		div.sidecontentitem.small.rss {
			background: url(../img/back_sidecontent_item_rss.jpg) no-repeat left top;
		}
		div.sidecontentitem.twitter, div.sidecontentitem.hyves, div.sidecontentitem.lastfm {
			min-height: 90px;
			margin: -12px 0px 0.8em 11px;
			padding-top: 10px;
		}
			div.sidecontentitem.twitter h3, div.sidecontentitem.hyves h3, div.sidecontentitem.lastfm h3 {
				margin-bottom: 0.8em;
				padding-left: 30px;
			}
			div.sidecontentitem.twitter {
				background: url(../img/back_sidecontent_item_twitter.jpg) no-repeat left top;
			}
				div.sidecontentitem.twitter ul {
					font-size: 0.7em;
					display: block;
					width: 300px;
				}
					div.sidecontentitem.twitter ul li a {
						text-decoration: none;
						color: #bbbbbb;
						display: block;
					}
			div.sidecontentitem.hyves {
				background: url(../img/back_sidecontent_item_hyves.jpg) no-repeat left top;
			}
			div.sidecontentitem.lastfm {
				background: url(../img/back_sidecontent_item_lastfm.jpg) no-repeat left top;
			}
		div.sidecontentitem div.padding {
			position: relative;
			padding: 10px 11px 0px 11px;
		}
			div.sidecontentitem.small div.padding {
				position: relative;
				padding: 4px 8px 0px 11px;
			}
			div.sidecontentitem div.padding p {
				font-size: 0.7em;
			}
			div.sidecontentitem div.padding div.columns {
				position: relative;
			}
				div.sidecontentitem div.padding div.columns div.left {
					position: absolute;
					top: 0px;
					left: 0px;
					padding: 10px 0px 0px 0px;
				}
				div.sidecontentitem div.padding div.columns div.right {
					position: absolute;
					top: 0px;
					left: 167px;
					padding: 10px 0px 0px 0px;
				}
		div.sidecontentitem span.topright {
			position: absolute;
			right: 0px;
			top: 0px;
			padding: 10px 11px 0px 11px;
			text-align: right;
			font-size: 0.7em;
		}
		div.sidecontentitem div.fotos {
			position: relative;
		}
			div.sidecontentitem div.fotos div.left {
				position: absolute;
				top: 0px;
				left: 0px;
			}
			div.sidecontentitem div.fotos div.right {
				position: absolute;
				top: 0px;
				left: 167px;
			}
			div.sidecontentitem div.fotos img{
				width: 148px;
				height: 148px;
				border: 1px solid #000000;
				z-index: 1;
			}
			div.sidecontentitem div.fotos div.image {
				position: relative;
			}
				div.sidecontentitem div.fotos div.image span.overlay {
					position: absolute;
					top: 124px;
					left: 1px;
					line-height: 200%;
					font-size: 0.7em;
					font-weight: bold;
					color: #ffffff;
					width: 143px;
					height: 25px;
					opacity: 0.7;
					z-index: 2;
					padding: 0px 0px 0px 5px;
					background-color: #000000;
				}
		span.percentage {
			position: relative;
			display: block;
			float: right;
			padding: 0px 8px 0px 2px;
		}
		span.result {
			position: absolute;
			height: 15px;
			left: 10px;
			display: block;
			z-index: 0;
			background: url(../img/poll_result.gif) repeat-x left top;
			border: 1px solid #000000;
		}
		span.question {
			font-size: 0.7em
		}
	
		div.sidecontentitemsmall div.padding {
			position: relative;
			padding: 10px 11px 0px 11px;
		}

div.poll {
	font-size: 0.7em;
	padding: 12px 0px 0px 0px;
}
	div.poll.ownpage {
		font-size: 0.8em;
		padding: 12px 12px 12px 12px;
	}
	.poll dl dt {
		clear:both;
		float:left;
		padding:3px 0;
		width: 250px;
	}
	.poll dl dd {
		margin:0;
		padding:3px 0;
		text-align:right;
	}
		.poll dl dd .scoreBar {
			clear:both;
			float:none;
			margin:0;
		}
.scoreBar {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#E3E3E3 url(../img/score_colors.gif) repeat-x scroll 0 0;
	border:1px solid #D2D2D2;
	float:left;
	font-size:0;
	height:5px;
	margin-top:5px;
	overflow:hidden;
}
.scoreGreen {
	background-color:#74BF00;
	background-position:0 -15px;
	border-color:#04610e;
}
.scoreGrayDark {
	background-color:#B2B2B2;
	background-position:0 -5px;
	border-color:#9A9A9A;
}
		
/* FOOTER */
div.footer, div.push {
	height: 54px;
	clear: both;
}
	div.footer {
		background: transparent url(../img/footer.jpg) no-repeat center bottom;
		width: 961px;
		margin: 0px auto 0px auto;
		text-align: center;
	}
		div.footer p {
			padding: 12px 0px 0px 0px;
			font-size: 0.7em;
		}

/* Sitemap */
div.sitemap ul {
	font-size: 0.8em;
	line-height: 140%;
	list-style: square;
	margin: 0px 12px 12px 12px;
}
	div.sitemap ul ul {
		font-size: 1em;
	}
	div.sitemap ul li {
		margin: 0px 0px 0px 12px;
	}
	
.screenreader {
	display: none;
}	

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.clearboth {
	clear: both;
}

.contentitem:after,
.clearfloat:after {
	content: ".";
	display: block;
	height: 0;
	visibility:hidden;
	clear: both;
}

.error, .systemfeedback_error
{
	color: #ff0000;
	font-weight: bold;
}
	.error span {
		display: block;
	}
	input.error {
		border: 1px solid #ff0000;
		background-color: #ffbbbb;
		font-weight: normal;
	}
	
div.content div.googlemap {
	color: #000000;
}
	div.content div.googlemap p {
		padding: 0;
	}
	div.content div.googlemap em {
		font-weight: bold;
	}

#calendarDiv {
	color: #000000;
}

div.socialbookmarks {
	clear: both;
	margin: 0px 0px 12px 0px;
}
	div.socialbookmarks ul {
		list-style: none;
		padding: 0px;
		height: 16px;
	}
		div.socialbookmarks ul li {
			float: left;
			height: 16px;
			margin: 0px 10px 0px 0px;
		} 
			div.socialbookmarks ul li a {
				display:block;
				height: 16px;
				width: 16px;
				text-decoration: none;
			}
				div.socialbookmarks ul li a span {
					display: none;
				}
				div.socialbookmarks ul li a img {
					width: 16px;
					height: 16px;
				}	
.noie6 {
	display: none;
}