/* handig voor javascript-os */
.hide { display: none; }
.display { display: block; }

/* overgenomen van 1024px breed website */
body {
	font:76% verdana,tahoma,arial,sans-serif;
	background-color: #FFFFFF; /* #ffffff; */
	color: #404040;
    margin: 0;
    padding: 0;
}

/* WERKT VOOR IE6, IE7, FF, OPERA (SLEEP-BUGGY) */
#wrap {
	color: #404040;
	background-color: transparent;
	min-width: 990px; /* getest */
    /* hack for stupid IE6 */
    width: expression(document.body.clientWidth < 1000 ? "990px" : "auto" );
    /* max-width: 1100px; */
	/* width: 100%; */
    padding: 2px;
}

/* default tag */
p {
	font-family : verdana, arial, helvetica, sans-serif;
	color : #404040;
	font-size: 9pt;
	margin: 8px 4px 8px 4px;
	line-height: 10pt;
}

/* voor inhoud in de diverse divjes, nodig voor padding */
.padding5 {
	padding: 5px;
}

.padding10 {
	padding: 10px;
}

/* achtergrond voor menu's rechts en gastenboekje */
.bg {
	/* background-color: #faf0e6; */
	background-color: transparent;
}

/* achtergrond middenboven informatie venstertje */
.bg_top {
	/* background-color: #f6f6ff; */
	background-color: transparent;
}

/* achtergrond voor inhoud per pagina */
.bg_inhoud {
    /* background-color: #f6f6f6; */
	background-color: transparent;
}

td.left_side {
	border-bottom: 1px solid #FFFFFF; /* #ffffff; */
    /* background-color: #F4D7C3; */
    background-color: #02FD99;
	width: 200px;
}

td.nav_side {
    background-color: #FF0198;
    /* background-color: #61B8DE; */
	border-top: 1px solid #FFFFFF; /* #ffffff; */
	border-bottom: 1px solid #FFFFFF; /* #ffffff; */
}

td.center_side {
    background-color: #D2E0F4;
    /* background-color: #02FD99; */
	border-bottom: 1px solid #FFFFFF; /* #ffffff; */
	border-right: 1px solid #FFFFFF; /* #ffffff; */
	border-left: 1px solid #FFFFFF; /* #ffffff; */
}

td.right_side {
    border-bottom: 1px solid #FFFFFF; /* #ffffff; */
    /* background-color: #F4D7C3; */
    background-color: #02FD99;
	width: 200px;
}

/* voor overzicht fouten bij invoer */
blockquote {
	border-top:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	border-left:4px solid #4a8ee2;
	margin:16px;
	padding:7px 7px 7px 11px;
    	/* background-color: #F2F3FF; */
    background-color: #FFFFCC;
	color: #505050;
}

blockquote p {
	font-size:1.1em;
	line-height:1.3em;
	margin:0;
}

/* website header (container, zelf invullen) */
#header {
    clear: both;
	color:#505050;
    background-color: transparent;
	margin: 0 0 0 0;
	margin-bottom: 1px;
	height: 130px;
}

#header img {
	width: 100%;
	height: 130px;
}

/* menu-navigator andreas */
/*** Horizontal menu ***/

#nav {
    height: 24px;   /* 30 */
    margin: 0;
    /* background-color: #A3B348; */
    /* background-color: #61B8DE; */
    background-color: #81903F;
    /* border: 1px solid #808080; */
    /* border-right: 0px; */
    margin-bottom: 1px;
    font-family: Tahoma;
    font-weight: bold;
}

.navigation {
    float:left;
    margin: 0;
    padding: 0;
}

.navigation ul {
    font-size:16px;
    margin:0;
    padding:0;
}

.navigation li {
    float:left;
    height:25px; /* 31 */
    list-style:none;
    margin:0;
    padding:0;
}

.navigation a, .navigation a:visited {
    border-right:1px solid #808080;
    color:#FCFCFC;
    display:block;
    font-size:0.7em;
    /* padding: 9px 10px 8px 0; */
    padding: 6px 10px 5px;
    text-transform:uppercase;
}

.navigation a:hover {
    background:#f0f0f0 url(../img/menuhover.jpg) repeat-x left top;
    color:#505050;
    text-decoration:none;
}

.navigation a.current {
    background:#f0f0f0 url(../img/menuhover.jpg) repeat-x left top;
    color:#505050;
    text-decoration:none;
}

/* Extra informatie balk met zoek opties */
.zoekbalk {
	 display: block;
    margin-bottom: 1px;
    background-color: #61B8DE;
	 color: #FFFFFF;
    height: 24px;
    padding-top: 2px;
    padding-left: 5px;
	 padding-right: 3px;
    font-size: 10pt;
}   

/* foto boven gastenboek overzicht */
.cfoto {
  	clear: none;
  	float: none;
  	margin: 0;
	padding: 6px 3px 5px 3px;
    text-align: center;
	border-bottom: 1px solid #FFFFFF; /* #ffffff; */
}

.cfoto img {
	border: 1px solid purple;
	width: 186px;
}

/* linkerkant (o.a. gastenboekje) */
#leftside {
	width: 200px;
	border-top: 0px solid #c0c0c0;
  	clear: left;
  	float: left;
	margin: 0;
	padding: 0;
}

/* hoort bij infoblok.tpl (middenboven) */
.container {
   float: none;
	margin: 0px;
    /* background-color: #E4E8EA; */
    background-color: #F4D7C3;
	border: 0px solid #c0c0c0;
	border-bottom: 1px solid #FFFFFF; /* #ffffff; */
}

.container p {
	font-size: 1.0em;
	padding: 0;
	margin: 4px 2px 0 0;
	line-height: 11pt;
}

.container .linkje {
	color: #303030;
	margin: 5px 10px 5px 5px;
	font-style: italic;
}

.container h3 {
	margin: 0px 0 0px 0;
	padding:0;
	color: navy;
	font-size: 1.1em;
    font-weight: bold;
}

/* menu's weergeven */
.menu {
	border: 0px solid #c0c0c0;
	background-color: transparent;
	margin: 0 0 6px 0;
	display: block;
}

.menu ul {
   font-size: 1.0em;
   margin: 5px 0 10px 0;
   padding: 0;
   /* color: Blue; */
}

.menu li {
	margin: 0px 0 2px 7px;
	padding: 0px;
	/*
    list-style-type: square;
	display: list-item;
    */
    list-style-position: inside;
}

/*
.menu a, .menu a:visited {
	text-decoration: none;
    color: #404040;
}
*/

/* Overzicht gebruikers... */
.gebruikers {
	font-family: verdana, serif;
	font-size: 1.1em;
	line-height: 11pt;
	padding-left: 6px;
}

.gebruikers a, .gebruikers a:visited {
	text-decoration: none;
    /* color: #800080; */
}

/* titelbalkje, voor inhoud te gebruiken */
.titel {
    clear: both;
    position: relative;
    font-family: Tahoma;
    height: 23px;
    /* display: block; DEFAULT!! */
    background: url(/img/sliver_forumkopie1.png) left top repeat-x;

    vertical-align:     bottom;
    font-size:          13px;
    font-weight:        bold;
	text-decoration:	none;

    /* background-color: #D9D9D9; */
    background-color: #6092DF;
	border: 0px solid #808080;
    border-bottom: 1px solid #FFFFFF;
	color: #D8E4F8;
	/* font-family: verdana, arial, helvetica, sans-serif; */
	/* font-size: 1.2em; */
	/* font-weight: normal; */
	padding: 2px 1px 0 5px;
    /* margin: 3px; */
    margin: 0;
	text-align: left;
    line-height: 22px;
}

.titel img {
  float: left;
  /* width: 13px;
  height: 17px; */
  margin-right: 6px;
  margin-top: 2px;
}

/* titelbalkje, voor leftside en extras te gebruiken */
.titel_menu {
    clear: both;
    position: relative;
    font-family: Tahoma;
    height: 23px;
    /* display: block; DEFAULT!! */
    background: url(/img/sliver_forumkopie1.png) left top repeat-x;

    vertical-align:     bottom;
    font-size:          13px;
    font-weight:        bold;
	text-decoration:	none;

    background-color: #6092DF;
	border: 0px solid #808080;
    border-bottom: 1px solid #FFFFFF;
   	color: #D8E4F8;
	/* font-family: verdana, arial, helvetica, sans-serif; */
	/* font-size: 1.2em; */
	/* font-weight: normal; */
	padding: 2px 1px 0 5px;
    /* margin: 3px; */
    margin: 0;
	text-align: left;
    line-height: 22px;
}

.titel_menu img {
  float: left;
  /* width: 13px;
  height: 17px; */
  margin-right: 6px;
  margin-top: 2px;
}

/*
.titel_menu {
    background-color: #D9D9D9;
	border: 1px solid #808080;
	color: #400080;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	padding: 1px 1px 0 5px;
    margin: 3px;
	text-align: left;
    line-height: 21px;
}
*/

/* middengedeelte van de websitea */
#inhoud {
  	float: none;
	border: 0px solid black;
	margin: 0 0px 0 0px;
	padding: 0;
	background-color: transparent;
}

/* container rechts, gebruiken met .menu en .content */
#extras {
	float: right;
	background-color: transparent;
	width: 200px;
	padding: 0;
	border-top: 0px solid #c0c0c0;
}

/***** footer *****/
#footer {
	clear: both;
	margin: 0 0 0 0;
	padding: 5px;
	text-align: center;
	height: 14px;
    color: #000000;
	font-size: 0.9em;
    background-color: #F4D7C3;
	border-top: 0px solid #c0c0c0;
}

/***** footer *****/
#fotoalbum {
	clear: both;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	color: #404040;
	display: block;
    background-color: #61B8DE;
    /* background-color: #DAE3E9; */
	border-bottom: 1px solid #FFFFFF; /* #ffffff; */
}

#fotoalbum img {
	float: none; /* doe ik aan de hand van de foto zelf */
	margin: 5px 0 0 0;
	border: 1px solid purple;
}

#fotoalbum p {
	margin: 2px 5px 0px 5px;
	padding: 5px;
	color: #00008b;
	text-align: center;
}

#fotoalbum a, #fotoalbum a:visited {
    color: #404040;
}

/* form controle */
form {
	background-color: transparent;
	border: 0px solid #4a8ee2;
	padding: 5px;
	margin: 5px;
}

/* class voor stelling v/d week. nodig voor ie 6 en 7 pffff */
.form-button {
	/* background-color: #faf0e6; */
	/* border: 1px solid #303030; */
	/* font:12px arial;
	color:#000066; */
	width: 80px;
}

button {
	width: 80px;
}

label {
	font-size:1.1em;
    color: #606060;
    padding-top: 5px;
}

legend, input { /* textarea, select, option */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
	margin: 2px 0 0 0;
	padding: 1px;
}

textarea {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.0em;
	margin: 2px 0 0 0;
	padding: 1px;
}

/* gastenboekje overzicht algemeen links */
.gastenboek {
	font-family: "trebuchet ms", tahoma, arial, verdana, serif;
  	margin: 5px 5px 5px 5px;
	background-color: transparent;
	/* width: 170px; 	*/
}

.gastenboek p {
	font-size: 1.0em;
	line-height: 14px;
	margin: 0px 4px 0px 2px;
	color: #404040;
}

.gastenboek .header {
   font-size: 1.1em;
   color: #800080;
}

.gastenboek .date {
   font-size: 0.9em;
   font-weight: normal;
   color: #FF00FF;
}

/* voor weergave in twee kolommen, zoals gastenboek compleet */
.kolommen {
 	margin: 5px 5px 5px 5px;
	padding: 5px;
	/* width: 270px;	*/
	border: 0px solid #808080;
	background-color: transparent;
}

.kolommen p {
  	font-size: 1.1em;
	line-height:1.2em;
	margin: 2px 2px 2px 5px;
	padding: 0;
	color: #505050;
}

.kolommen .header {
	padding: 0;
  	font-size: 1.0em;
  	font-weight: bold;
	background-color: transparent;
	color: #00008b;
}

.kolommen .date {
   font-size: 0.8em;
   font-weight: normal;
	color: #00008b;
}

.kolommen .line {
   padding: 2px 0 0 0;
	border-top: 1px solid #c0c0c0;
}

/* overzichten van het kletshoekje en forumberichten */
.kletshoek {
   float: none;
	margin: 0 8px 10px 8px;
	background-color: transparent;
	border-bottom: 0px solid #c0c0c0;
	border-top: 0px solid #c0c0c0;
	border-left: 0px solid #c0c0c0;
	border-right: 0px solid #c0c0c0;
}

.kletshoek p {
    font-family : verdana, arial, helvetica, sans-serif;
  	font-size: 10pt;
	line-height: 12pt;
	/* margin: 14px 30px 14px 10px; */
    margin: 10px 12px 4px 10px;
	color: #202020;
}

.kletshoek .content {
    font-family : verdana, arial, helvetica, sans-serif;
  	font-size: 10pt;
	line-height: 12pt;
	/* margin: 14px 30px 14px 10px; */
    margin: 10px 12px 4px 10px;
	color: #202020;
}

.kletshoek .header {
	padding: 2px 3px 2px 3px;
  	font-size: 1.1em;
  	font-weight: normal;
	color: #000080;
	border-bottom: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	background-color: #E0E0E0;
}

.kletshoek .eerste {
	padding: 2px 3px 2px 3px;
  	font-size: 1.1em;
  	font-weight: normal;
	color: #000080;
	border-bottom: 1px solid #c0c0c0;
	border-top: 0px solid #c0c0c0;
	/* background-color: #E0E0E0; */
}

.kletshoek .quote {
    padding: 2px 3px 2px 3px;
  	font-size: 1.0em;
    font-weight: normal;
	color: #000080;
	border-bottom: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
    background-color: #E0E0E0;
}

.kletshoek .laatste {
	/* font-family: "trebuchet ms", tahoma, arial, verdana, serif; */
    font-family : verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	color: #FF00FF;
	font-weight: normal;
}

.kletshoek .discussie {
   font-family : verdana, arial, helvetica, sans-serif;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	color: #FF00FF;
	font-weight: normal;
}

/* informatie over de website */
.webinfo {
   float: none;
	margin: 0 8px 10px 8px;
	border-bottom: 0px solid silver;
	background-color: transparent;
}

.webinfo p {
	font-family: "trebuchet ms", tahoma, arial, verdana, serif;
  	font-size: 1.1em;
	line-height: 12pt;
	margin: 6px 10px 10px 0;
	/* color: #202020; */
	color: #404040;
}

.webinfo .header {
	padding: 0 0 2px 0;
  	font-size: 1.1em;
  	font-weight: normal;
	background-color: transparent;
	color: #FF00FF;
	border-bottom: 1px solid #c0c0c0;
}

/* rubriek en discussie overzicht bij forum */
.rubriek {
   float: none;
	margin: 4px 14px 10px 14px;
	/* border: 1px solid #c0c0c0; */
	border-bottom: 1px solid #c0c0c0;
	padding-bottom: 8px;
}

.rubriek .header {
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 2px;
	background-color: transparent;
	border: 0px solid #d3d3d3;
	color: #00008b;
	padding: 2px 2px 2px 2px;
}

.rubriek .eduard {
	font-family : verdana, arial, helvetica, sans-serif;
	font-size: 1.2em;
	word-spacing: 1px;
	letter-spacing: 0;
	font-weight: normal;
	line-height: 14pt;
}

.rubriek .omschrijving {
	font-size: 1.1em;
	color: fuchsia;
	line-height: 13pt;
	word-spacing: 2px;
}

.rubriek .datum {
	font-size: 0.9em;
}

.rubriek .count {
	font-size: 0.9em;
	font-weight: normal;
	color: green;
}

.rubriek p {
	font-family : verdana, arial, helvetica, sans-serif;
	color : #404040;
	font-size: 9pt;
	padding: 0;
	line-height: 10pt;
}

/* overzichten van laatste nieuwe forumberichten */
.overzicht {
   float: none;
	margin: 0 8px 20px 8px;
	border: 0px solid #c0c0c0;
	background-color: transparent;
}

.overzicht p {
  	font-size: 1.1em;
	line-height: 11pt;
	margin: 8px 30px 6px 8px;
	color: #303030;
}

.overzicht .header {
	padding: 0 0 0 0;
  	font-size: 1.1em;
  	font-weight: bold;
	background-color: transparent;
	/* background-color: #d2e0f4;
	background-color: #d0e0f0;  */
	color: #00008b;
	border-bottom: 1px solid #c0c0c0;
	/* border-top: 1px solid #c0c0c0; */
	padding-left: 5px;
}

.overzicht .topic {
	font-size: 1.0em;
	font-family: "trebuchet ms", tahoma, arial, verdana, serif;
	font-weight: normal;
}

/* standaard profiel overzicht, prive als openbaar... */
.profiel {
	background-color: transparent;
	padding: 0 0 0 0;
	color: #505050;
	font-size: 1.0em;
	margin: 0 10px 0 10px;
}

.profiel p {
	font-size: 1.1em;
	line-height: 12pt;
	margin: 0;
	padding: 0;
	color: #303030;
}

.profiel ul {
   font-size: 1.0em;
	margin:0 0 16px 20px;
	padding:0;
}

.profiel img {
	background-color: transparent;
}

.profiel .verhaal {
	float: none;
	margin: 10px 0 0 5px;
	font-family : "courier new", verdana, arial, helvetica, sans-serif;
}

.profiel .extra {
   font-size: 0.9em;
   font-weight: normal;
	color: #00008b;
}

/* navigatie kader voor paginering */
.navkader {
	margin: 6px;
	border: 0px solid #808080;
	padding: 6px;
	background-color: transparent;
	font-size: 0.9em;
}

/* berichtheader voor boven berichtenoverzicht, zoals gastenboek en forum */
.bheader {
    clear: both;
	float: none;
	border: 0px solid #c0c0c0;
	padding: 4px 8px 6px 8px;
}

.bheader img {
	float: right;
	margin: 5px 0 0 0;
}

.bheader h2 {
    color: #FF00FF;
}


.bheader p {
  	font-size: 1.1em;
	margin: 4px 90px 5px 6px;
	line-height: 11pt;
	color: #505050;
}

/* standaard (handige) dingetjes... */
.small {
	font-size: 0.8em;
}

.bigger {
	font-size: 1.2em;
}

.floatleft {
   clear: left;
	float: left;
}

.floatright {
	clear: right;
	float: right;
}

.clearboth {
   clear: both;
}

.textright {
	text-align: right;
	margin: 12px 10px 8px 0;
	font-size: 0.9em;
}

hr {
 height: 1px;
 color: #c0c0c0;
 background-color: #c0c0c0;
 border: 0px solid #00008b;
}

/* h1, h2, h3, h4 */
h1 {
	font-family : verdana, arial, helvetica, sans-serif;
	font-size:2.8em;
	font-weight: lighter;
    color: #FF00FF;
	margin: 0;
}

h2 {
    font-family : verdana, arial, helvetica, sans-serif;
	font-size:2.0em;
	font-weight: lighter;
    color: #FF00FF;
	margin: 0;
}

h3 {
	font-family : verdana, arial, helvetica, sans-serif;
	font-size:1.6em;
	font-weight: lighter;
    color: #FF00FF;
	margin: 0;
}

/* gebruikt in diverse titel pagina's */
h4 {
	font-family : verdana, arial, helvetica, sans-serif;
	font-size:1.2em;
	font-weight: lighter;
    color: #FF00FF;
	margin: 0;
}

/* global hyperlinks tag */
a {
	text-decoration:none;
	color: #404040;
	background-color: transparent;
}

a:hover {
	text-decoration:underline;
	/* color: #404040; */
	background-color: transparent;
}

a:visited {
    color: #656565;
    background-color: transparent;
}

a img {
	border:0;
}

/* box: simpel kadertje om tekst zetten */
.box {
	float: none;
	background-color: #fAf0E6;
	border: 1px solid #c0c0c0;
	padding: 5px;
	display: block;
	height: 100%;
    line-height: 16px;
}

.box img {
    float: left;
    margin-right: 5px;
}

/* voor weegave bold, italics en underscore bij invoer */
.fontweight {
	width: 26px;
	height: 22px;
	float: left;
	text-align: left;
	cursor: pointer;
	border: 0px solid #ffecff;
	margin: 0 0 3px;
} 

/* voor weergave avatars in profiel */
.avatar_popup {
	border: 0px solid #c0c0c0;
	text-align: center;
	width: 570px; /* 400 */
	height: 100%;
	margin: 0;
}

/* super 56x56 */
.popup_avatar56 {
	width: 46px;
	height: 46px;
	float: left;
	border: 1px solid #FF00FF;
	padding: 0;
    margin: 0;
}

/* breedte van td.kolom voor plaatje */
.avatar56 {
  width: 50px;
  /* background-color: #C0C0C0; */
  padding: 0;
  margin: 0;
}

/* nodig voor mooie weergave in het beheer menu */
.beheer {
 	margin: 5px 10px 5px 10px;
	padding: 5px;
	background-color: transparent;
	border: 0px solid black;
	height: 60px;
}

.beheer img {
	float: left;
	margin-right: 10px;
	margin-bottom: 6px;
}

.beheer p {
	font-size: 1.0em;
	line-height:1.2em;
	padding: 0;
	margin: 0 0 10px 0;
}

/* extra's */
td.table_cell
{
	height: 20px;
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 3px;
	border: 0px solid #d9d9d9;
   	border-bottom: 1px solid #d6d6d6;
	background-color: transparent;
    font-family: tahoma, arial, verdana, serif;
	font-size: 1.1em;
	/* color: #303030; */
	/* vertical-align: middle; */
}

td.table_header
{
	/* height: 10px; */
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #c0c0c0;
	/* background-color: #fAf0E6; */
    background-color: #00FFFF;
    font-family: tahoma, arial, verdana, serif;
	font-size: 1.1em;
	/* color: #008080; */
	vertical-align: middle;
}

/* kolom voor de foto's op het voorblad */
.voorblad {
 	margin: 0px 3px 5px 5px;
	padding: 5px;
	/* width: 270px; */ /* 2 coulmn , maar dan uitgeschakeld */
	height: 100%;
	border: 0px solid #808080;
	background-color: transparent;
}

.voorblad img {
	float: none; /* doe ik aan de hand van de foto zelf */
	margin-bottom: 1px;
	border: 0px solid purple;
}

.voorblad p {
	font-family: "trebuchet ms", tahoma, arial, verdana, serif;
	font-size: 1.2em;
	line-height: 16px;
	padding: 0;
	margin: 0 0 3px 0;
	letter-spacing: 0em;
}

.voorblad h3 {
	margin: 0;
	font-family : verdana, arial, helvetica, sans-serif;
	color: #800080;
	font-size: 1.5em;
    font-weight: normal;
}

.voorblad .author {
	margin: 0 0 7px 0;
	font-family : verdana, arial, helvetica, sans-serif;
	font-size:1.1em;
	font-weight: lighter;
    color: #808080;
}

.voorblad .group {
	font-size: 8pt;
	font-weight: lighter;
    color: #FF00FF;
}

.voorblad .laatste {
	/* font-family: "trebuchet ms", tahoma, arial, verdana, serif; */
	font-family : verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
	margin: 3px 0 0 0;
	padding: 0;
}

.voorblad .reageer {
	font-size: 1.0em;
    font-weight: normal;
	color: #00008b;
}



/* ========================================================== */

/* bewaar...
.intro p:first-line   {
    font-weight: bold;
}

.intro p:first-letter {
	font-size: 160%;
	font-weight: bold;
	line-height: 11pt;
	padding: 0;
	color: #b0b0b0;
	float: left;
	color: white;
	background-color: #c0c0c0;
    padding: 2px 2px 2px 2px;
	margin: 2px 2px 0 0;
}
*/

/* ie fix vertical scrollbar */
/*
html {
	overflow: auto;
}
*/

/*
<!--[if lte ie 6]>
<style type="text/css">
</style>
<![endif]-->
*/

/*
input:focus, textarea:focus, select:focus
{
	background-color: #faf0e6;
	# border: 1px solid #303030;
	padding: 1px;
}
*/

/*
	opacity: .5;
	filter: alpha(opacity=50);
*/

/*
input:focus, select:focus {
  background-color:#FFFFE6;
  border-color:#423724;
 }
*/

/* persoonlijke berichten */
.pb {
    float: none;
	margin: 0 10px 0 10px;
    background-color: #DAEAFD;
}

.pb p {
    font-family : verdana, arial, helvetica, sans-serif;
  	font-size: 10pt;
	line-height: 12pt;
	/* margin: 14px 30px 14px 10px; */
    margin: 8px 12px 4px 5px;
	color: #404040;
}

.pb .header {
	padding: 2px 3px 1px 2px;
  	font-size: 1.1em;
  	font-weight: normal;
	color: #FF00FF;
	border-bottom: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	background-color: #D8D8D8;
}

.pb .laatste {
	font-size: 0.9em;
	margin: 0;
	padding-left: 5px;
	color: #707070;
	font-weight: normal;
}

/* foto-tentoonstelling bij profiel */
.tentoonstelling {
    padding: 10px;
    display: block;
}

.tentoonstelling img {
   	border: 1px solid purple;
    margin-bottom: 3px;
	width: 130px;
    height: 130px;
}

.tentoonstelling .topic {
    font-size: 8pt;
}

/* Een paar kleur codes */
.gast_color_view { color: #404040; } /* kleur van een gast in header bericht */
.link_color_view { color: #404040; } /* kleur van link in header van normaal lid */

.color_recent_self { color: Green; } /* kleur recent overzicht van jezelf */
.color_recent_last { color: Fuchsia; } /* kleur leden die na jou waren ingelogd */

/* Buttons, Input, Text */
.button_remove {
   color: red;
}

.button_opslaan {
   color: blue;
}

.button_cancel {
   color: green;
}

.input_velden {
   border: 1px solid #c0c0c0;
   padding: 3px;
}
/* Buttons, Input, Text */

.ledenlijst {
    font-family : verdana, arial, helvetica, sans-serif;
	line-height: 10pt;
    margin-bottom: 8px;
    margin-right:4px;
    background: transparent;
}

.ledenlijst .nickname {
    font-size: 9pt;
    font-weight: bold;
    color: #CC00CC;
}

.ledenlijst .overige {
    color: #505050;
    font-size: 8pt;
    font-weight: normal;
}

.ledenlijst a {
    font-size: 9pt;
    color: #CC00CC;
    text-decoration: none;
}

.ledenlijst a:hover {
    font-size: 9pt;
	text-decoration: none;
}

.ledenlijst img {
    float: left;
    border: 1px solid #909090;
}

/* TEST TEST TEST TEST */

.sidelink {
    display:block;
    /* width:140px; */
    /* margin:3px 10px 2px 0; */
    padding:5px 0 5px 8px;
    font-size:1.1em;
    font-weight:bold;
    text-align:left;
    /* background:#eee url(../img/gradient1.png) repeat-x; */
    background: #D2E0F4;
    color:#26c;
    border-top:1px solid #ddd;
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
    border-left:1px solid #ddd;
}

.sidelink:hover {
    /* background:#fff url(../img/gradient2.png) repeat-x; */
    /* background: #F4D7C3; */
    background:#eee url(../img/gradient1.png) repeat-x;
    color:#222;
    border-top:1px solid #ddd;
    border-right:1px solid #888;
    border-bottom:1px solid #888;
    border-left:1px solid #ddd;
    text-decoration:none;
}

/* Form classes */
.form_submit {
	/* font-size: 12px; */
    vertical-align: bottom;
    font-family : verdana, arial, helvetica, sans-serif;
    /* padding: 0; */
    /* margin: 0; */
    /* margin-top: 3px; */
}

.form_text {
	font-size: 12px;
    /* height: 16px; */
    vertical-align: bottom;
    font-family : verdana, arial, helvetica, sans-serif;
    /* padding: 0; */
    /*  margin: 0; */
    /* margin-top: 2px; */
}

.form_select {
    font-size: 13px;
    vertical-align: bottom;
    font-family : verdana, arial, helvetica, sans-serif;
    /* padding: 0; */
    /* margin: 0; */
    /* margin-top: 2px; */
}

/* Weergeven linkjes sponsors, etc */
.links {
	 font-family: tahoma, arial, verdana, serif;
    font-size: 9pt;
    padding: 5px;
    line-height: 13pt;
}

.links a {
    color: teal;
}