/*-------------------------------------------------
  General layout
-------------------------------------------------*/
body
{
	background: #252525 url(images/achtergrond.jpg);
        background-attachment: fixed;
        color: #ffffff;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 14px;
	padding: 15px 0;
	margin: 0;
}
img
{
	border: 0;
}
p {color:#ffffff;}

#veldvoetbal_include {word-spacing:4px;font-size:11px;line-height:180%;}




.plaatje {border: 1px solid #990000;}
#linkedit a:link, #linkedit a:visited {color: #ffffff;font-size:9px;text-decoration:none;}
#linkedit a:hover {color: #ffffff;font-size:9px;text-decoration:none;}

#linkedit2 {text-align:right;}
#linkedit2 a:link, #linkedit2 a:visited {color: #ffffff;font-size:9px;text-decoration:none;}
#linkedit2 a:hover {color: #ffffff;font-size:9px;text-decoration:none;}

#bericht img{float:right; clear:right;margin-left: 10px;margin-bottom: 5px;margin-right:5px; border: 1px #91403C solid;}

#bericht {text-align:left;width:468px;}
#smilies {border: 1px solid #D4D2CF; width:292px;margin: 10px 0px 20px 0px;padding: 4px;}

.datum {float:right;margin-top:-22px;font-size:11px;margin-right:0px;color:#B6B6B6;}

#reacties { border:0px solid #990000; color: #ffffff; height: auto; padding:0px 0px 0px 0px; width: 464px;  margin: 0px 0px 20px 0px;  } 
#reacties img {float: none;align:bottom; margin-top: 4px;border: 0px;}

.bericht {float: none;align:bottom; border: 0px;}
#navigation{ padding:5px 10px 5px 10px; color:#FFD7FF; text-align:right}

#nn {line-height:17px;}

#nn a:link, #nn a:visited, #nn a:hover, #nn a:visited, #nn a:active {text-decoration:underline;}


.titel {font-size:17px;font-weight:bolder;font-face:Trebuchet MS;}

#reacties .bericht{
	border: 0px solid #999;
	display: block;
	padding: 5px;
	word-wrap: break-word;}

#reacties .info {
	color: #A28780;
	border-top: 1px solid #990000;
	margin-top: 8px;
	font-size:9px;
	padding-top: 5px;
	display: block;
	text-align: right;}
	#sterk {	float: left;}
		

#reacties p {color: #ffffff;font-size:11px;line-height:17px;font-family: Arial, Verdana, Helvetica, sans-serif;}		



form
{
	margin: 0;
}

.moderationselect {size: 5px;font-size:6px;float:right;}
.moderation {size: 5px;font-size:6px;float:right;}

/* Headings */
h1,h2,h3,h4,h5,h6
{
    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-weight: normal;
	margin: 0;
}

/* Lists */
ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
li
{
	background: url(images/arrow.gif) left 5px no-repeat;
	padding: 0 0 0 10px;
	margin: 0 20px;
}

/* Links */
a:link, a:visited
{
	color: #ffffff;
	text-decoration: text-decoration:underline;

}
a:hover, a:active
{
	color: #ffffff;text-decoration:underline;
}


.menu a:link, a:visited
{
	color: fffffff;
	text-decoration: none;
}
.menu a:hover, a:active
{
	color: #ffffff;text-decoration:underline;
}




.info {margin-top:8px;}


/*-------------------------------------------------
  Header
-------------------------------------------------*/
#header
{
	position: relative;
	border-bottom: -1px;
	border-top: 1px #000000 solid;
	width: 960px;
	height: 190px;
 	background: #000000;
	color: #ffffff;
  	margin: auto;
}
#header img {border: 5px #000000 solid;}

}
#copyrights a:link, #copyrights a:visited {color: #990000;}
#copyrights a:hover, #copyrights a:active {color: #990000;}

/* Basic classes */
.hidden
{
	display: none;
}

.clearing
{
	width: 511px;
	height: 0;
	clear: both;
}
               
small {font-size:11px;}

#pagelink {color:#990000;size:10px}

#pagelink a:link, #pagelink a:visited
{
	color: #990000;text-decoration:none;}
	
#pagelink a:hover
{
	color: #ffffff;text-decoration:none;}
	



#reacties a:link, #reacties a:visited
{
	color: #ffffff;text-decoration:underline;}
	
#reacties a:hover
{
	color: #990000;text-decoration:underline;}
	
	

#rechts a:link, a:visited
{
	color: #ffffff;
	text-decoration:underline;
}
#rechts a:hover, a:active
{
	color: #ffffff;text-decoration:underline; }
			
/*-------------------------------------------------
  Content wrappers
-------------------------------------------------*/
#mainwrapper
{
	width: 958px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #000000;
	margin: auto;
}
#wrapper
{
	width: 960px;
	background: #990000;
	margin: auto;
}

/*-------------------------------------------------
  Main content
-------------------------------------------------*/
#container
{
  	width: 511px;	height: 1%;	overflow: visible;
	float: left;
	margin-right: -223px;	
	padding: 0px;
	margin: 0px;
}

#content
{
   background:#000000;
	padding: 6px 24px 30px 20px;
	margin: 0px;
  	height:auto;
  }

#inhoud {
	margin: 6px 44px 30px 20px;
	}

#rechts
{
	float: right;
	color: #ffffff;
	background: #990000;
	width: 223px;heigh:auto;
	padding: 0px 0 0 0;
        overflow:hidden;
}

#links
{
	float: left;
	color: #ffffff;
	background:#990000;
	width: 223px;heigh:auto;
	padding: 0 0 0 0;
        overflow:hidden;
}


#menu a:hover {border-bottom: 2px solid #000000;}
#menu {overflow:hidden;}
#toplinks {margin-top:28px;text-align:center;color:#000000;}
#toplinks a:link, #toplinks a:visited {text-decoration:none;font-size:10px;color:#000000;}
#toplinks a:hover, #toplinks a:active {text-decoration:underline;font-size:10px;color:#ffffff;}

#footer
{
	width: 960px;
	background: #ffffff;
	text-align: center;
	padding: 0px 0 10px 0;
	border-width: 0px 0px 2px 0px;
	border-style: solid;
	border-color: #000000;
	margin: 0 auto;
}

/*-------------------------------------------------
  Item styles
-------------------------------------------------*/

.contenttitle h2
{
	clear: both;
	font-size: 16px;
	padding: 0 0 3px 0;
	margin: 0;
	font-variant: small-caps;
	font-family: arial black;
	color:#222021;
}
.contentbody
{
	font-size:12px;
	text-align: justify;
	padding: 0 0 16px 4px;
	background: #F4F4F4;
}

/*-------------------------------------------------
  Item info
-------------------------------------------------*/
.contentitemcategory
{
	background: url(images/bgcategory.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 14px;
}
.contentitempostedby
{
	background: url(images/bgpostedby.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 12px;
}
.contentitemcomments
{
	background: url(images/bgcomment.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 13px;
}
.contentitemedit
{
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 11px;
}

.contentitem
{
	padding: 3px 0 0 0;
	margin: 10px 0 16px 0;
	font-size: 10px;
	color:grey;
}
.contentitem1
{
	display: inline;
	
}
.contentitem2
{
	display: inline;
	background: url(images/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem3
{
	display: inline;
	background: url(images/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem4
{
	display: inline;
	padding: 0 0 0 10px;
	background: url(images/dotv.gif) left repeat-y;
}

/*-------------------------------------------------
  Comments
-------------------------------------------------*/
.itemcomment
{
	background: url(images/commentquote01.gif) no-repeat;
	background-position: 6px 9px;
	padding: 6px 42px;
	border: 1px solid white;
	margin: 10px 0 0 0;
}

.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
{
  background: url(images/commentquote01.gif) no-repeat;
	background-position: 6px 9px;
	padding: 6px 42px;
	border: 1px solid white;
	margin: 10px 0 0 0;
}
.id1:hover
{
		background: url(images/commentquote01.gif) no-repeat;
	background-position: 6px 9px;
	padding: 6px 42px;
	border: 1px solid white;
	margin: 10px 0 0 0;
}
.itemcomment h3
{
	font-size: 12px;
}

/*-------------------------------------------------

  Menu
-------------------------------------------------*/

.menu
{
	margin: 0 10px 4px 10px;
        overflow:hidden;
}


.sidebardl dd
{
	background: #EEEEEE;
	padding: 2px 10px;
	margin: 1px 0 0 0;
}
.sidebardl dd:hover
{
	background: #E7E7E7;
	padding: 2px 10px;
	margin: 1px 0 0 0;
}

/*-------------------------------------------------
  Footer
-------------------------------------------------*/


#copyrights
{
	color: #990000;
}

/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.loginform, .searchform
{
	margin: 3px 0;
}
.commentform, .mailform
{
	margin-top: 10px;
    padding: 2px;
 
    /* Rounded borders, for Mozilla browsers */
    /* -moz-border-radius: 10px; */
}
.commentform img{
    margin: 5px 0 0 0;
}
.formfield
{
	font-size: 14px;
	background:transparent;
	color: #ffffff;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	margin: 1px 0 0 0;
}
.formbutton
{
	font-size: 9px;
	background: white;
	color: #494949;
	height:16px;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
	margin-bottom: 2px;
	}
.searchform .formfield
{
	width: 100px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 1px 0;
	margin: 0 2px 2px 0;
}

.formfield2 {
	width: 160px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 1px 0;
	margin: 0 2px 2px 0;
}

.formfield2
{
	font-size: 11px;
	background:transparent;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	margin: 1px 0 0 0;
}


.searchform .formbutton
{
	width: 20px;
   font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.loginform .formfield
{
	width: 100px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 1px 0px 0px 3px;
	margin: 0 2px 2px 0;
}
.loginform .formbutton
{
	width: 26px;
  font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	
}
.mainform .formfield
{
	width: 280px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.mailform .formbutton
{
	width: 100px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
#nucleus_cf_name, #nucleus_cf_mail
{
    width: 300px;
    margin-right: 105px;
    font-family: Arial, Trebuchet MS, Verdana, sans-serif;
}
.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield
{
    width: 300px;
}
.commentform .formbutton
{
	width: 100px;
	height: 22px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
}

.error
{
	color: red;
	font-weight: bold;
}


/*-------------------------------------------------
  Miscelaneous
-------------------------------------------------*/
/* VBlog image onion skin shadow - From AListApart.com*/
.wrap1, .wrap2, .wrap3
{
	display:inline-table;
	/* \*/display:block;/**/
}
.wrap1
{
	float:left;
	background:url(images/shadow.gif) right bottom no-repeat;
	margin: 0 5px 3px 0;
}
.wrap2
{
	background:url(images/corner_br.gif) left bottom no-repeat;
}
.wrap3
{
	background:url(images/corner_tr.gif) right top no-repeat;
	padding:0 5px 5px 0;
}
.wrap3 img
{
	display:block;
	border: 3px solid white;
}

/* Search highlight color */
.highlight
{
	background: #DEFFA9;
}


/* Leftbox and Rightbox toolbar buttons */
.leftbox, .rightbox {
	margin: 3px;
	padding: 3px;
	font-size: larger;
	width: 20%;
}
.leftbox {
	float: left;
	border-right: 2px solid #ccc;
}
.rightbox {
	float: right;
	border-left: 2px solid #ccc;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	margin-bottom:0px;	
 	font-size: 18px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 22px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 18px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

.sIFR-hasFlash small {
	visibility: hidden;
	letter-spacing: 0px;
	margin-left:2px;
	font-size: 18px;
	
	
}

/* for member profile table */
.profiletable {
	width: 390px;
	/*background-color: #eeeeee;*/
	border: 0px solid black;
}
.profilecol1 {
	width:90px;
	background-color:#ddddee;
	border:0px solid black;
	vertical-align: top;
	color: #333399;
}
.profilecol2 {
	width:280px;
	background-color:#F2F2F9;
	border:0px solid black;
}
.profileeditlink {
	background-color:#ddddee;
	border: 1px outset #dddddd;
	padding: 1px;
}

#profiel img { 
	border: 1px solid #E6DDDB; margin-right: 8px;float:left;width:45px;height:45px;
}


