@charset "utf-8";

/* ALGEMENE ELEMENTEN */

* {
	padding:0;
	margin:0;
	border:0;
}

HTML {
	width:100%;
	height:100%;
}

BODY {
	z-index:0;
	background:url(../images/backgrounds/back-main.png) no-repeat top center #F9FBFB;
	font-size:12px;
	font-family:Arial;
	color:#333333;
}

A {
	color:#ED7036;
	text-decoration:underline;
}
A:hover {
	text-decoration:none;
}

P {
	line-height:200%;
	margin-bottom:12px;
}

LI {

}

H1 {

}

H2 {

}

/* SITE OPBOUW */

#site {
	position:absolute;
	left:50%;
	top:0;
	width:920px;
	height:100%;
	margin-left:-460px;
}

#header {
	width:100%;
	height:210px;
}

#tussen {
	width:100%;
	height:50px;
}

#content {
	width:100%;
	min-height:400px;
}

#content-left {
	float:left;
	width:214px;
	min-height:400px;
	margin-right:25px;
}

#content-right {
	float:left;
	width:214px;
	min-height:400px;
	margin-left:25px;
}

#content-main {
	float:left;
	width:442px;
	min-height:400px;
}

#content-main-right {
	float:left;
	width:681px;
	min-height:400px;
}

#content-main-left {
	float:left;
	width:681px;
	min-height:400px;
}


/* FOOTER */

#footer {
	margin:20px 0 20px 0;
	width:100%;
	border-top:1px solid #D0DBDD;
	font-size:11px;
	color:#999999;
}

#footer-left {
	float:left;
	width:675px;
	margin-top:15px;
}

#footer-left UL LI {
	list-style:none;
	float:left;
	margin:0 5px;
}

#footer A {
	color:#999999;
	text-decoration:none;
}
#footer A:hover {
	text-decoration:underline;
}

#footer-right {
	float:left;
	margin-top:15px;
}

/* MENU */

#menu {
	position:absolute;
	left:5px;
	top:100px;
}

#menu UL {
}

#menu UL LI {
	list-style:none;
	float:left;
	margin-right:4px;
}

#inloggen-frame {
	position:absolute;
	left:605px;
	top:0;
	width:290px;
	height:170px;
	font-size:11px;
	color:white;
}

/* INLOGGEN KOLOM */

#inloggen-titel {
	position:absolute;
	left:5px;
	top:5px;
}

#inloggen-username-label {
	position:absolute;
	left:10px;
	top:60px;
}

#inloggen-password-label {
	position:absolute;
	left:10px;
	top:100px;
}

#inloggen-username-input {
	left:100px;
	top:52px;
}

#inloggen-uitloggen {
	position:absolute;
	right:-16px;
	top:0px;
}

#inloggen-password-input {
	left:100px;
	top:92px;
}

#inloggen-uitgebreid-zoeken {
	position:absolute;
	left:120px;
	top:92px;
}

#inloggen-uitgebreid-zoeken A {
	color:white;
	text-decoration:none;
}

#inloggen-uitgebreid-zoeken A:hover {
	text-decoration:underline;
}


#inloggen-onthouden {
	position:absolute;
	left:120px;
	top:140px;
}

#inloggen-onthouden A {
	color:white;
	text-decoration:none;
}

#inloggen-onthouden A:hover {
	text-decoration:underline;
}

.inloggen-input-frame {
	position:absolute;
	width:170;
	height:29px;
}

.inloggen-input-frame-left {
	background:url(../images/backgrounds/input-white-left.png);
	height:29px;
	width:13px;
	float:left;
}

.inloggen-input-frame-main {
	width:130px;
	height:29px;
	float:left;
	background:white;
}

.inloggen-input-frame-main INPUT {
	width:100%;
	height:27px;
	border-width:0;
	background:white;
	line-height:200%;
}

.inloggen-input-frame-right {
	background:url(../images/backgrounds/input-white-right.png);
	height:29px;
	width:13px;
	float:left;
}

#inloggen-submit {
	position:absolute;
	left:270px;
	top:75px;
}

/* MIJN PROFIEL */

#mijn-profiel {
	position:absolute;
	top:25px;
	left:320px;
	width:200px;
	text-align:right;
	font-size:11px;
}

#mijn-profiel-naam {
	position:absolute;
	top:22px;
	right:0;
	text-align:right;
	font-size:12px;
}

#mijn-profiel-menu {
	position:absolute;
	top:25px;
	right:0;
	text-align:right;
}


#mijn-profiel-menu UL LI {
	list-style:none;
	float:left;
	margin:0 5px;
}

#mijn-profiel-menu A {
	color:#999999;
	text-decoration:none;
}
#mijn-profiel-menu A:hover {
	text-decoration:underline;
}

/* BREADCRUMB */

#breadcrumb {
	margin-left:10px;
	width:680px;
	float:left;
	height:100%;
	font-size:11px;
	line-height:300%;	
}

/* TEKENGROOTTE */

#tekengrootte {
	float:left;
	height:100%;
	font-size:11px;
}

#tekengrootte SPAN {
	line-height:300%;
	margin-right:20px;
	float:left;
}

#tekengrootte UL {
	float:left;
	list-style:none;
}

#tekengrootte UL LI {
	float:left;
	list-style:none;
	margin-right:2px;
}


/* MAIN KOLOM */

.column-main {
	width:442px;
	min-height:50px;
	margin-bottom:25px;
}

.column-main-content-rows A {
	color:#666666;
	text-decoration:none;
}
.column-main-content-rows A:hover {
	text-decoration:underline;
}

.column-main-header {
	width:100%;
	height:35px;
	background:url(../images/backgrounds/column-main-header.png) no-repeat;
	text-indent:50px;
	line-height:290%;
}

.column-main-content {
	width:100%;
	min-height:10px;
	background:url(../images/backgrounds/column-main-content.png);
	line-height:200%;
}

.column-main-content-rows {
	width:100%;
	min-height:38px;
	background:url(../images/backgrounds/column-main-content-rows.png);
}

.column-main-content-rows TD {
	text-indent:20px;
	height:38px;
}

.column-main-footer {
	width:100%;
	height:7px;
	background:url(../images/backgrounds/column-main-footer.png) no-repeat;
}

/* SMALLE KOLOM */

.column-small {
	width:214px;
	min-height:50px;
	margin-bottom:25px;
}

.column-small-header {
	width:100%;
	height:35px;
	background:url(../images/backgrounds/column-small-header-green.png) no-repeat;
	text-indent:10px;
	line-height:290%;
	color:white;
	font-weight:bold;
}

.column-small-content {
	width:100%;
	min-height:10px;
	background:url(../images/backgrounds/column-small-content.png);
}

.column-small-content-header {
	height:35px;
	width:100%;
}

.column-small-content-header A {
	background:url(../images/backgrounds/column-small-header-middle-green.png) no-repeat; 
	width:100%;
	height:35px;
	display:block;
	text-indent:10px;
	line-height:290%;
	color:white;
	font-weight:bold;
	text-decoration:none;
}

.column-small-content-header A:hover {
	background:url(../images/backgrounds/column-small-header-middle-blue.png) no-repeat; 
}


.column-small-content-rows {
	width:100%;
	min-height:10px;
	background:url(../images/backgrounds/column-small-content-rows.png);
}


.column-small-content-rows A {
	color:#666666;
	text-decoration:none;
}
.column-small-content-rows A:hover {
	text-decoration:underline;
}

.column-small-content-rows DIV {
	height:38px;
	line-height:300%;
}

.column-small-content-rows DIV * {
	margin-left:20px;
}


.column-small-footer {
	width:100%;
	height:6px;
	background:url(../images/backgrounds/column-small-footer.png) no-repeat;
}

.column-small-footer-gray {
	width:100%;
	height:24px;
	background:url(../images/backgrounds/column-small-footer-gray.png) no-repeat;
}


.column-small-image {
	width:145px;
	border:1px solid #B8C3C6;
	margin-left:32px;
}

.column-small-image IMG {
	margin:1px;
}


/* GROTE KOLOM */


.column-big {
	width:681px;
	min-height:50px;
	margin-bottom:25px;
}

.column-big-content-rows A {
	color:#666666;
	text-decoration:none;
}
.column-big-content-rows A:hover {
	text-decoration:underline;
}


.column-big-header {
	width:100%;
	height:35px;
	background:url(../images/backgrounds/column-big-header.png) no-repeat;
	text-indent:50px;
	line-height:290%;
}

.column-big-content {
	width:100%;
	min-height:10px;
	background:url(../images/backgrounds/column-big-content.png);
	line-height:200%;
}

.column-big-content-rows {
	width:100%;
	min-height:38px;
	background:url(../images/backgrounds/column-big-content-rows.png);
}

.column-big-content-rows DIV {
	height:38px;
	line-height:300%;
	text-indent:20px;
}

.column-big-content-rows TD {
	text-indent:20px;
	height:38px;
}

.column-big-footer {
	width:100%;
	height:7px;
	background:url(../images/backgrounds/column-big-footer.png) no-repeat;
}


.column-big-single {
	width:100%;
	height:35px;
	background:url(../images/backgrounds/column-forum-single.png) no-repeat;
	line-height:35px;
	margin-bottom:25px;
}

.column-big-single-left {
	float:left;
	text-indent:50px;
}

.column-big-single-right {
	margin:0 5px;
	float:right;
}

.column-big-single-right A {
	text-decoration:none;
	font-size:11px;
	color:#666666;
}



/* FORUM KOLOM */

.column-forum-single {
	width:100%;
	height:35px;
	background:url(../images/backgrounds/column-forum-single.png) no-repeat;
	text-indent:50px;
	line-height:35px;
	margin-bottom:25px;
}


.column-forum-fora {
	width:681px;
	min-height:50px;
	margin-bottom:25px;
}

.column-forum-fora-content-rows A {
	color:#666666;
	text-decoration:none;
}
.column-forum-fora-content-rows A:hover {
	text-decoration:underline;
}


.column-forum-fora-header {
	width:100%;
	height:26px;
	background:url(../images/backgrounds/column-forum-fora-header.png) no-repeat;
	font-size:11px;
}

.column-forum-fora-header TD {
	line-height:26px;
	font-size:11px;
}

.column-forum-fora-content {
	width:100%;
	min-height:10px;
	background:url(../images/backgrounds/column-forum-fora-content.png);
	line-height:200%;
}

.column-forum-fora-content-rows {
	width:100%;
	min-height:37px;
	background:url(../images/backgrounds/column-forum-fora-content-rows.png);
}

.column-forum-fora-content-rows DIV {
	height:37px;
	line-height:37px;
	text-indent:20px;
}

.column-forum-fora-content-rows TD {
	height:37px;
}

.column-forum-fora-footer {
	width:100%;
	height:7px;
	background:url(../images/backgrounds/column-forum-fora-footer.png) no-repeat;
}

/* FORUM TOPIC */

.column-forum-topic {
	width:681px;
	margin-bottom:25px;
}

.column-forum-topic-header {
	background:url(../images/backgrounds/column-forum-topic-header.png) no-repeat left bottom;
	width:100%;
	height:7px;
}

.column-forum-topic-content {
	background:url(../images/backgrounds/column-forum-topic-content.png);
	width:100%;
	min-height:130px;
	font-size:11px;
}

.column-forum-topic-content TABLE TD {
	line-height:35px;
	vertical-align:top;
}

.column-forum-topic-content TABLE TD A {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}

.column-forum-topic-content-left {
	float:left;
	width:105px;
}

.column-forum-topic-content-right {
	float:right;
	width:570px;
}

.column-forum-topic-footer {
	background:url(../images/backgrounds/column-forum-topic-footer.png);
	width:100%;
	height:26px;
}

.column-forum-topic-footer-left {
	float:left;
	width:105px;
	height:26px;
	line-height:26px;
	text-align:center;
}

.column-forum-topic-footer-left A, .column-forum-topic-footer-center A, .column-forum-topic-footer-right A {
	color:#4090B3;
	font-size:11px;
	text-decoration:none;
}

.column-forum-topic-footer-left A:hover, .column-forum-topic-footer-center A:hover, .column-forum-topic-footer-right A:hover {
	text-decoration:none;
}


.column-forum-topic-footer-center {
	float:left;
	width:350px;
	height:26px;
	line-height:26px;
	margin-left:20px;
	color:#999999;
	font-size:11px;
}

.column-forum-topic-footer-right {
	float:right;
	height:26px;
	line-height:26px;
	margin-right:10px;
}

.column-forum-topic-avatar {
	margin:10px;
	width:85px;
	height:85px;
}

.column-forum-topic-avatar IMG {
	postion:absolute;
	clip:rect(0 85px 85px 0);
}

.column-forum-topic-name {
	margin:10px;
	width:85px;
	text-align:center;
}

.column-forum-topic-name A {
	color:#4090B3;
	font-size:11px;
	text-decoration:none;
}

.column-forum-topic-name A:hover {
	text-decoration:none;
}


/*	FORUM NAVIGATIE */

.column-forum-navigation {
	width:100%;
	height:40px;
	line-height:40px;
	color:#999999;
	font-size:11px;
	margin-top:-20px;
}

.column-forum-navigation-page {
	float:left;
	margin-right:80px;
	margin-left:10px;
}

.column-forum-navigation-sort {
	float:left;
}

.column-forum-navigation-previous {
	float:right;
}

.column-forum-navigation-next {
	float:right;
	margin-right:10px;
	margin-left:20px;
}



/* HULP ELEMENTEN */

.container {
	width:100%;
	height:100%;
	position:relative;
}

.clear {
	clear:both;
}

.kantlijn {
	padding:15px;
}

.hor-bar {
	margin:10px;
	background:url(../images/common/hor-bar.png) repeat-x;
	height:2px;
}

.tussenruimte {
	height:10px;
	width:100%;
}

.left {
	float:left;
}

.right {
	float:right;
}

/* LOSSE ELEMENTEN */

#gratis-aanmelden {
	margin-bottom:25px;
	width:214px;
	height:50px;
}

.sponsor-thumb-left {
	float:left;
	margin-bottom:14px;
}

.sponsor-thumb-right {
	float:right;
	margin-bottom:14px;
}


/* ACCORDION */

#accordion { 
	background:url(../images/backgrounds/back-accordion.png) left bottom no-repeat; 
	width:214px;
}

#accordion SPAN {
	display:block;
	width:100%;
	height:30px;
	background:url(../images/backgrounds/column-small-header-middle-green.png) no-repeat; 
	line-height:30px;
	color:white;
	text-decoration:none;
	text-indent:10px;
	font-weight:bold;
	cursor:pointer;
}

#accordion DIV { 
	width:214px;
	text-align:center;
	line-height:250%;
	display:block;
}

#accordion DIV IMG {
	padding:1px;
	border:1px solid #cccccc;
}

#accordion DIV A {
	display:inline;
	background:none;
	color:#ED7036;
	font-weight:normal;
	text-decoration:none;
}


/* PROFIEL AVATAR */

.profile-avatar {
	width:214px;
	height:214px;
	margin-bottom:20px;
}

.profile-avatar-frame {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:2;
	background:url(../images/backgrounds/avatar-frame.png);
}

.profile-avatar-image {
	position:absolute;
	left:1;
	top:1;
	z-index:1;
	width:214px;
	height:214px;
}

.profile-avatar-image IMG {
	position:absolute;
	left:0;
	top:0;
	clip:rect(0 214px 214px 0);
}

/* FORMULIEREN */

.input-text {
	border:1px solid #D5D5D5;
	height:18px;
	padding:3px;
	font-family:Arial;
	font-size:12px;
	color:#666666;
	width:220px;
}

.submit-button {
	color:white;
	background:#ED9032;
	height:23px;
	padding:0 10px;
}

SELECT {
	font-family:Arial;
	font-size:12px;
	color:#666666;
}

TEXTAREA {
	border:1px solid #D5D5D5;
	padding:3px;
	font-family:Arial;
	font-size:12px;
	color:#666666;
}

/* ALMANAK OVERZICHT */

.almanak-contact {
	width:100px;
	height:130px;
	float:left;
	margin:0 20px 28px 0;
}

.almanak-contact-image {
	width:100px;
	height:100px;
}

.almanak-contact-image-frame {
	position:absolute;
	z-index:2;
	width:100px;
	height:100px;
	top:0;
	left:0;
	background:url(../images/backgrounds/contact-frame.png) no-repeat;
}

.almanak-contact-image IMG {
	position:absolute;
	z-index:1;
	top:1px;
	left:1px;
	clip:rect(0 98px 98px 0);
}

.almanak-contact-name {
	margin-top:5px;
	text-align:center;
	width:100%;
	font-size:11px;
	color:#666666;
}

/* LINKJES */

A.plus {
	display:block;
	width:100%;
	height:100%;
	background:url(../images/icons/plus.png) no-repeat right bottom;
	line-height:24px;
	text-indent:20px;
	color:#333333;
	text-decoration:none;
	font-size:11px;
}

A.forum-start {
	display:block;
	width:137px;
	height:35px;
	line-height:38px;
	text-align:left;
	text-indent:37px;
	color:white;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	background:url(../images/icons/reageer.png) no-repeat;
	margin:0;
	padding:0;
}