/* CSS Document */
/*  Stylesheet | Author: Marjolein KFB Design 2010 */

/* main */
body {margin: 0; padding: 0; background-color: #d9d6fb; background-image: url(images/site_bg.png); background-repeat:repeat-x; font-family: Century Gothic, Verdana; font-size: 12px; color: #3b3b3b; width: 100%; height: 100%;}

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

#container {width: 1000px;  margin: 0 auto;}
#header {width: 1000px; height: 130px; background-image:  url(images/header.png); margin:0;}
#content_top {width: 1000px; height: 153px; background-image:  url(images/main_top.png); margin:0;}
#login {width: 385px; height: 135px; float: left;  text-align: left; margin: 5px 0 0 100px; font-size: 9pt; color: #3b3b3b;}
#login_tekst { font-size: 14pt; font-weight: bold; float: left; margin-top: 50px;}
#login_form { width: 240px; float: right; margin-top: 1px;}
	.log_user{ background: url(images/login_user.png) no-repeat; height: 30px; width: 200px; margin: 0; padding-top: 6px; padding-left: 5px; font-size: 10pt; color: #3b3b3b; border: none; }
	.ww_user{ background: url(images/login_pass.png) no-repeat; height: 30px; width: 200px; margin: 0; padding-top: 6px; padding-left: 5px; font-size: 10pt; color: #3b3b3b; border:none;}
	.login_button{ background: url(images/login_ok.png) no-repeat; border: 0; padding: 0; height: 30px; width: 30px; }
#stats {width: 385px; height: 135px; float: left;  text-align: left; margin: 5px 0 0 35px; font-size: 9pt; color: #3b3b3b;}
#stats_tekst {font-size: 14pt; font-weight: bold; float: right; margin-top: 50px;}
#menu {width:1000px; height: 45px; background-image:  url(images/menu.png); margin:0;}
#menuitems {width: 1000px; margin: 0 0 0 3px; text-align:center;}
#main {width: 867px; margin:5px 0 10px 65px; background-color:#d9d6fb; border: solid 1px #565555; overflow: hidden; }
 
#content {width: 860px; margin:2px;}
#content a {font-family:Century Gothic; font-size:10pt; color:#276484; text-decoration: none;}
#content a:hover {font-family:Century Gothic; font-size:10pt; color:#0e3e57;}
/*#tijd {margin:0; font-size: 8pt; color: #3b3b3b; text-align: center;} outcommented laten*/
#homevak  { width: 830px; margin: 0 0 0 13px;  overflow:hidden;}
.homevak_left  { width: 410px; margin: 0 0 0 5px; float:left;}
#homevak_right  { width: 410px; margin: 0 0 0 5px; float:left;}
.timebar  { width: 820px; height: 28px; background: url(images/timebar.png) no-repeat; margin: 0 0 0 20px; padding: 4px 0 0 10px;}
.rating  { width: 820px; height: 28px; background: url(images/timebar.png) no-repeat; margin: 0 0 0 20px; padding-left:10px;}
#webshop {width: 140px; overflow:hidden; border: 1px dotted #484848; margin-left: 10px; padding-left: 5px;}

.cadretop_home{width: 830px; height: 40px; background-image:  url(images/cadretop2.png); margin:5px 0 0 0;}
.cadretop_home h1 {font-size: 10pt; color: #d9d6fb; padding: 8px 0 0 10px;}
.cadrebg_home{width: 820px; background-image:  url(images/cadrebg2.png); margin:0; overflow: hidden; padding: 5px;}
.cadrebg_home a {font-family:Century Gothic; font-size:10px; color:#276484; text-decoration: none;}
.cadrebg_home a:hover {font-family:Century Gothic; font-size:10px; color:#0e3e57;}
.cadrebottom_home{width: 830px; height: 5px; background-image:  url(images/cadrebottom2.png); margin:0;}

.cadretop_home2{width: 410px; height: 40px; background-image:  url(images/cadretop22.png); margin:5px 0 0 0;}
.cadretop_home2 h1 {font-size: 10pt; color: #d9d6fb; padding: 8px 0 0 10px;} 
.cadrebg_home2{width: 400px; height:162px; background-image:  url(images/cadrebg22.png); background-repeat:no-repeat; margin:0; padding: 5px;}
.cadrebg_home2 a {font-family:Century Gothic; font-size:10px; color:#276484; text-decoration: none;}
.cadrebg_home2 a:hover {font-family:Century Gothic; font-size:10px; color:#0e3e57;}
.cadrebg_home23{width: 400px; height:212px; background-image:  url(images/cadrebg23.png); background-repeat:no-repeat; margin:0; padding: 5px;}
.cadrebg_home23 a {font-family:Century Gothic; font-size:10px; color:#276484; text-decoration: none;}
.cadrebg_home23 a:hover {font-family:Century Gothic; font-size:10px; color:#0e3e57;}

h2.trigger { text-align: center; padding-top: 3px; width: 150px; margin:0; float:left;}
h2.trigger a {font-family:Century Gothic, Verdana, Tahoma; font-size:12px;color: #276484;text-decoration: none;}
h2.trigger a:hover { color: #0e3e57; }
.togglebox {border: 1px solid #555555; overflow:hidden; margin:5px 0 5px 0; width: 790px; display: block;}
.togglebox .left {width: 240px; float:left; margin:0; padding-top: 10px; text-align:center;}
.togglebox .right {width: 540px; float:left; margin:0; padding: 2px;}
.togglebox span {font-size: 10px; color:#707070;}
h3.trigger { text-align: center; padding-top: 3px; width: 150px; margin:0; float:left;}
h3.trigger a {font-family:Century Gothic, Verdana, Tahoma; font-size:12px;color: #276484;text-decoration: none;}
h3.trigger a:hover { color: #0e3e57; }
.commentbox {overflow:hidden; margin:5px 0 5px 0; width: 400px; display: block;}
.commentbox span {font-size: 10px; color:#707070;}

#footer {width: 100%; height: 100px; background-image:  url(images/footer.png); background-repeat:repeat-x;}
#footer #vak {width: 1000px; margin:0 auto;}
#footer #tekst {float: left; width: 510px; color: #d9d6fb;line-height:32px; font-size: 10px; margin-left:65px; padding-top: 40px;}
#footer #menuu { float: left; width: 200px; margin:0; padding-top: 15px; line-height:20px;}
#footer #menuuu { float: left; width: 200px; margin:0; padding-top: 15px; line-height:20px;}
#schema_left {width: 200px; float: left; margin: 0 0 0 50px;}
#schema_right {width: 200px; float: left; margin: 0 0 0 50px;}
#schema2_left {width: 300px; float: left; margin: 0 0 0 5px;}
#schema2_right {width: 300px; float: left; margin: 0 0 0 5px;}
#bar_1 {
            border-left: 1px solid #484848;
            border-right: 1px solid #484848;
            border-bottom: 1px solid #484848;
            background: url('img/bar2.png') repeat-x;
            height: 20px;
        }	
.divider { background: url('images/divider.png'); width: 600px; height:2px;}

/* menu items */
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 3px 0 0 0;
	padding: 0;
	display: inline-block;
	list-style: none;
	font-size: 11px;
	font-weight: bold;
	font-family: Century Gothic, Verdana;}

#sddm li a
{	display: block;
	margin: 0;
	padding-top: 5px;
	width: 133px;
	height: 28px;
	background: url(images/button.png) no-repeat;
	color: #d9d6fb;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: url(images/button_hover.png) no-repeat;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: -5px 0 0 0;
	padding: 0;
}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding-top: 2px;
		width: 131px;
		height: 18px;
		white-space: nowrap;
		text-align: center;
		text-decoration: none;
		border: solid #3b3b3b 1px;
		background: url(images/button2.png)no-repeat;
		color: #d9d6fb;
		font-size: 10px;
		font-weight: bold;
		font-family: Century Gothic, Verdana;}

	#sddm div a:hover
	{	background: url(images/button_hover2.png) no-repeat;
		color: #d9d6fb}
		
a {font-family:Century Gothic; font-size:11px; color:#d9d6fb; text-decoration: none;}
a:hover {font-family:Century Gothic; font-size:11px; color:#c3c0e1;}

a.link {	font-family: Century Gothic; font-size: 12px; font-weight: normal; height: 15px; width: 130px; color:#d9d6fb; text-decoration: none;
			background-color: #938ec4;
			border: dotted #3b3b3b 1px;
			display: inline-block;  
			padding-top: 0px; 
			margin: 0 0 3px 3px; text-align: center;	}

a.link:hover {	font-family: Century Gothic; font-size: 12px; font-weight: normal; height: 15px; width: 130px; color:#d9d6fb; text-decoration: none;	
				background-color: #938ec4;
				border: solid #3b3b3b 1px;
				display: inline-block; 
				padding-top: 0px;
				margin: 0 0 3px 3px; text-align: center;	}
														

/* content */
img a{
    border: none;
}

a img{
    border: none;
}

h1 {
    font-size: 15px;
    margin: 0px;
    padding: 0px 0px 5px 0px;
}

table, tr, td {
    margin: 0px;
    padding: 0px;
}

h2 {
font-size: 8pt;; font-weight: bold; color: #b2948e; text-decoration: none; text-align: center;
margin: 0; padding: 10px 0 0 0; 
}

h3 {
font-size: 14px; font-weight: bold; color: #dfd5c9; text-decoration: none; text-align: left;
margin: 0; padding: 7px 0 0 10px; 
}

h4 {
font-size: 8pt; font-weight: normal; color: #45282e; text-decoration: none; text-align: left;
margin: 0; padding: 2px 2px 2px 5px; 
}

h5 {
font-size: 8pt; font-weight: bold; color: #e1d9ca; background-image: url(images/button_inside.png); width: 100px; height: 14px; text-decoration: none; text-align: left;
margin: 0 0 0 11px; padding: 0 0 0 2px; 
}

.rederror, .greenerror {
    width: 600px;
    text-align: center;
    margin: 0px auto; 
}

.rederror {
    border: 1px dotted #3b3b3b; 
    border-bottom: 2px solid #3b3b3b;
    background-color: #938fc3;
}

.greenerror {
    border: 1px dotted #3b3b3b; 
    border-bottom: 2px solid #3b3b3b; 
    background-color: #81c69d;
}

.comment, .nieuwsdiv, .profieldiv  {
    border: 1px solid #3b3b3b;
    margin-right: 5px;
    padding: 5px;
    width: 850px;
    overflow: hidden;
}
.nieuws_main  { 
	margin:0;
	padding: 5px 0 0 4px;
	width: 272px;
	overflow:hidden;
}
.update_main  { 
	margin:0;
	padding: 5px 0 0 10px;
	width: 276px;
	overflow:hidden;
}
.topic_main {
	margin:0;
	padding: 5px 0 0 10px;
	width: 278px;
	overflow:hidden;
}
.comment_heading, .nieuws_heading, .profiel_heading {
    border-bottom: 1px solid #3b3b3b;
}
.tussen_heading {
	width: 75%;
	height: 3px;
    border-bottom: 1px dotted #3b3b3b;
	margin:0 auto;
}
.profiel_heading {
    text-align: center;
}

#comment_box {
    width: 600px;
    padding-top: 10px;
    text-align: center;
	margin: 0 auto;
}

#forum {
    margin: 10px 10px 10px 10px;
    border: 1px solid #3b3b3b;
}

.contentdiv{
    float: left;
    position: inherit; /*leave as is*/
    padding: 5px;
    background: white;
    width: 389px;
    height: 100%;
}
input{
	border:1px solid #3b3b3b;
	background:#e7e5fc;
}
select{
	border:1px solid #3b3b3b;
	background:#e7e5fc;
}
/***************
	  Forms
***************/
form#form fieldset {
	border:1px solid #3b3b3b;
}
form#form legend {
	border:1px solid #3b3b3b;

	color:#375b91;
}
form#form input {
	border:1px solid #3b3b3b;

}
form#form textarea {
	border:1px solid #3b3b3b;

}
form#form option {
	background:#d9d6fb;
}
form#form optgroup {
	background:#d9d6fb;
}
form#form optgroup option {

}
form#form #button1, form#form #button2 {
	color:#3b3b3b;
}
form#form #button1:hover, form#form #button2:hover {
	color:#3b3b3b;
}

/***************/
/******UBB******/
/***************/
span.bbcode_acronym
{
border-bottom:1px dashed black;
}
span.bbcode_acronym:hover
{
color: green;
border-bottom:1px dashed gray;
}
span.bbcode_spoiler
{
background-color: black;
color: black;
}
table.bbcode_columns
{
border-collapse: collapse;
margin-top: 1em;
margin-bottom: 1em;
}
table.bbcode_columns td.bbcode_column
{
padding: 0 1em;
vertical-align: top;
}
table.bbcode_columns td.bbcode_firstcolumn
{
border-left: 0;
padding-left: 0;
}
div.bbcode_quote
{
border: 1px dotted #555555;
margin: 2px auto;
width: 90%;
}
div.bbcode_quote_head
{
background-color: #d5d2fb;
border-bottom: 1px dotted #555555;
color: #000000;
font-weight: bold;
padding: 0.25em 0.5em;
}
div.bbcode_quote_head a:link
{
color: yellow;
}
div.bbcode_quote_head a:visited
{
color: yellow;
}
div.bbcode_quote_head a:hover
{
color: white;
text-decoration: underline;
}
div.bbcode_quote_head a:active
{
color: white;
text-decoration: underline;
}
div.bbcode_quote_body
{
background-color: #d5d2fb;
color: #000000;
padding: 0.5em 1em;
}
div.bbcode_code
{
border: 1px dotted #555555;
margin: 0.5em 0;
}
div.bbcode_code_head
{
background-color: #d5d2fb;
border-bottom: 1px dotted #555555;
color: #000000;
font-weight: bold;
padding: 0.25em 0.5em;
}
div.bbcode_code_body
{
background-color: #d5d2fb;
color: #000000;
font: 10pt monospace;
padding: 0.5em 1em;
overflow: auto;
}

a.bbcode_url
{
text-decoration: underline;
}

.mod_warn {
background: #FFDACC url(../images/mod_warn.png) no-repeat;
background-position: left center;
padding: 20px 10px 20px 120px;
border-color: #FF6633;
border-width: 1px 1px 2px;
border-style: solid;
color: #493435;
margin: 0px auto;
width: 450px;
overflow: hidden;
min-height: 100px;
}