﻿/* hoofd donker grijs   : #8A97A2 */
/* lichtgrijs           : #D6DBE0 */
/* rood                 : #F63008 */
/* Blauw grijze headers : #407196 */
body {
    font-family:  Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    /*line-height: 12px ;*/
    color: #0F1F30;   
    margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;    
	background-color: white;
}
.HeaderMenuBar
{
    font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
     	
	border: 0px;
	padding: 2px;
	/*border-collapse: collapse;*/
}
A.HeaderMenuBar:link 
{
    text-decoration:    none;
    color:  white;
    font-size:  13px;
}
A.HeaderMenuBar:visited
{
    text-decoration:    none;
    color:  white;
    font-size:  13px;
}	
A.HeaderMenuBar:active
{
    text-decoration:    none;
    color:  white;
    font-size:  13px;
}
A.HeaderMenuBar:hover 
{
    text-decoration:    none;
    color: black;
    font-size:  13px;
}
.SiteHeaderLarge
{
    font-size: 34px;
    font-weight: bolder;
}
.SiteHeaderMedium
{
    font-size: 18px;
    font-weight: bold;
}
A.SiteHeaderMedium:link
{
    text-decoration:    none;
    color:  Black;
    font-size:  18px;
}
A.SiteHeaderMedium:visited
{
    text-decoration:    none;
    color:  Black;
    font-size:  18px;
}
.SiteHeaderSmall
{
    color: #F63008; 
    font-size: 16px;
    font-weight: bold;
    
}
.SiteHeaderExtraSmall
{
    color: #407196; 
    font-size: 14px;
    font-weight: bold;
    
}
.SiteHeaderExtraSmallRed
{
    color: #F63008; 
    font-size: 14px;
    font-weight: bold;
}
.FontRed
{
    color: #F63008; 
    font-size: 11px;    
}
.tableNoBorder
{
	padding: 0px;
	border: 0px;
	border-collapse: collapse;
}
.tdGreen
{
    vertical-align: top;
    background-color:#D6DBE0;
}
.tdBorder
{
    vertical-align: top;
    border: 1px solid #D6DBE0 ;
}
.tableSearch
{	border: 1px solid #fff;
	display: block;
	
	margin: 0 5px 5px 12px;
	padding: 2px 5px 2px 2px;
	height: 60px;
	width: 270px;
    
	background-image: url(Images/search-bck.gif);
	
}
.GreenTable
{
    border: 1px solid #407196;
	display: block;
	margin: 0 5px 5px 12px;
	padding: 2px 5px 2px 2px;
	width: 375px;
}
.GreenTableHeader
{
    background-color:#B7D430;
    height:23px;
	background-image: url(Images/pin_yellow.png);
    background-repeat: no-repeat;
    background-position:right;

}
.OrangeTable
{
    border: 1px solid #F86616;
	display: block;
	margin: 0 5px 5px 12px;
	padding: 2px 5px 2px 2px;
	width: 375px;
}
.OrangeTableHeader
{
    background-color:#F86616;
    height:23px;
	background-image: url(Images/pin_blue.png);
    background-repeat: no-repeat;
    background-position:right;
}
.BlueTable
{
    border: 1px solid #4FA4B1;
	display: block;
	margin: 0 5px 5px 12px;
	padding: 2px 5px 2px 2px;
	width: 375px;
}
.BlueTableHeader
{
    background-color:#4FA4B1;
    height:23px;
	background-image: url(Images/pin_green.png);
    background-repeat: no-repeat;
    background-position:right;
}
.PurpleTable
{
    border: 1px solid #CD6E89;
	display: block;
	margin: 0 5px 5px 12px;
	padding: 2px 5px 2px 2px;
	width: 375px;
}
.PurpleTableHeader
{
    background-color:#CD6E89;
     height:23px;
	background-image: url(Images/pin_grey.png);
    background-repeat: no-repeat;
    background-position:right;

}
.YellowTable
{
    border: 1px solid #FFFF40;
	display: block;
	margin: 0 5px 5px 12px;
	padding: 2px 5px 2px 2px;
	width: 375px;
}
.YellowTableHeader
{
    background-color:#FFFF40;
    height:23px;
	background-image: url(Images/pin_red.png);
    background-repeat: no-repeat;
    background-position:right;
}
.CellMainPic
{
    width: 824px;
    height: 203px;
    vertical-align:bottom;
	background-image: url(Images/MainPicture2.gif);
	background-repeat: no-repeat;
}
.voetregel
{
    text-decoration:    none;
    color:  #776F69;
    font-size:  10px;
    border-top-color: #776F69;
    border-top-width: 1px;
}
A:link  {
    text-decoration:    none;
    color:  #F63008;
}

A:visited   {
    text-decoration:    none;
    color:  #F63008;
}

A:active    {
    text-decoration:    none;
    color:  #776F69;
}

A:hover {
    text-decoration:    none;
    color:  #407196;
}
.super
{
    color: #407196; 
    font-size: 36px;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 5px;
}
h1
{
    color: #407196; 
    font-size: 18px;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 5px;
}
h2
{
    color: #407196; 
    font-size: 16px;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 5px;
}
h3
{

    color: #407196; 
    font-size: 14px;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 5px;
}
hr
{
    color: #F63008;
    height: 1pt;
}
.hrGreen
{
    color: #407196;
    height: 1pt;
}
.hrGray
{
    /* color: #E4E0E0;*/
    color: #EDF3CD;
    height: 1pt;
}
.hrWhite
{
    color: White;
    height: 1pt;
}
.Footerlink
{
    font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: white;  	
	border: 0px;
	padding: 2px;
	/*border-collapse: collapse;*/
}
A.Footerlink:link 
{
    text-decoration:    none;
    color:  #776F69;
    font-size:  10px;
}
A.Footerlink:visited
{
    text-decoration:    none;
    color:  #776F69;
    font-size:  10px;
}	
A.Footerlink:active
{
    text-decoration:    none;
    color:  #776F69;
    font-size:  10px;
}
A.Footerlink:hover 
{
    text-decoration:    none;
    color: #776F69;
    font-size:  10px;
}
.LeftContentImage
{
    float:left;
}
.RightContentImage
{
    float:right;
}
.photo_198 {
	border: 4px solid #FFFFFF;
}
.sidebar
{
   width: 196px; 
   float: right; 
   padding: 0 0 0 4px; 
   margin: 0 0 0 0; 
   text-align: left; 
   background: transparent; 
   color: #333; 
   border-right: 2px solid #F63008; 
   }
.maincontent
{
   width: 800px; 
   float: right; 
   padding: 0 0 0 15px; 
   margin: 15px 0 0 0px; 
   text-align: left; 
   background: transparent; 
   color: #333; 
   /*border-left: 3px solid #F63008; */
   }
.roundedPanel
{	
	background-color:#EDF3CD;
    /*background-color:#FA882F;*/
    border-color: #F63008;
    border-width:1px;
}
.wallpaperthumb 
{ 
    float: left; 
    display: block; 
    width: 170px; 
    height: 170px; 
    margin: 8px 8px; 
    border: 1px solid #407196; 
    padding: 0; 
    text-align: center; 
}

.wallpaperimg 
{ 
    float: left;
    width: 150px; 
    height: 100px; 
    border: 1px solid #999; 
    clear: both; 
    margin: 10px 10px 5px 10px; 
}
.wallpaperimg:hover
{ color: #fff; background: #f0f0f0; border: 1px solid #666; }

.wallpaperovz 
{ 
    float: left; 
    display: block; 
    width: 360px; 
    height: 120px; 
    margin: 4px 6px; 
    border: 1px solid #EDF3CD; 
    padding: 0; 
    text-align: center; 
}
.wallpaperovz:hover
{ color: #fff; background: #f0f0f0; border: 1px solid #666; }

.wallpaperview
{ 
    display: block; 
    width: 610px; 
    height: 500px; 
    margin: 8px 8px 8px 100px; 
    border: 1px solid #EDF3CD; 
    padding: 0; 
    text-align: center; 
}
.wallpaperviewimg 
{ 
    float: left;
    width: 590px; 
    height: 450px; 
    border: 1px solid #999; 
    clear: both; 
    margin: 10px 10px 5px 10px; 
}
.avatarsovz 
{ 
    float: left; 
    display: block; 
    width: 380px; 
    height: 160px; 
    margin: 4px 6px; 
    border: 1px solid #D6DBE0; 
    padding: 0; 
    text-align: right; 
}
.avatarimg 
{ 
    border: 1px solid #999; 
    clear: both; 
    margin: 5px 5px 5px 5px; 
}
.avatarimgsmall 
{ 
    width: 100px; 
    height: 100px; 
    border: 1px solid #999; 
    clear: both; 
    margin: 5px 5px 5px 5px; 
}

.avatarthumb-cont 
{ 
    float: left; 
    display: block; 
    width: 148px; 
    height: 180px; 
    margin: 8px 8px; 
    border: 1px solid #407196; 
    padding: 0; 
    text-align: center; 
}
.avatarthumb 
{ 
    width: 130px; 
    height: 140px; 
    margin: 8px 8px; 
    padding: 0; 
    text-align: center; 
}
.emoticonsovz 
{ 
    float: left; 
    display: block; 
    width: 380px; 
    height: 120px; 
    margin: 4px 6px; 
    border: 1px solid #D6DBE0; 
    padding: 0; 
    text-align: right; 
}
.emoticonimg 
{ 
    border: 1px solid #999; 
    clear: both; 
    margin: 5px 5px 5px 5px; 
}
.emoticonimgsmall 
{ 
    border: 1px solid #999; 
    clear: both; 
    margin: 5px 5px 5px 5px; 
}
.emoticonsovz 
{ 
    float: left; 
    display: block; 
    width: 380px; 
    height: 175px; 
    margin: 4px 6px; 
    border: 1px solid #D6DBE0; 
    padding: 0; 
    text-align: right; 
    cursor:pointer; 
}
.emoticonthumb_cont
{ 
    float: left; 
    display: block; 
    width: 148px; 
    height: 180px; 
    margin: 8px 8px; 
    border: 1px solid #407196; 
    padding: 0; 
    text-align: center; 
}
.emoticonthumb 
{ 
    float: left; 
    display: block; 
    width: 140px; 
    height: 140px; 
    margin: 5px 5px 5px 5px; 
    padding: 0; 
    text-align: center; 
}

.maindiv 
{ 
    width: 100px; 
    height: 100px; 
    border: 1px solid #999; 
    clear: both; 
    margin: 5px 5px 5px 5px; 
}
.imgmain
{
    float: right;
    width: 150px; 
    height: 120px; 
    border: 1px solid #999; 
    margin: 0px 3px 0px 0px; 
}
.mainheader-container
{
    background-color: #8A97A2;
    height: 30px;
        width:600px;
}
.mainheader
{
    color: White;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 5px 5px 5px;
}
.main-tekst
{
    margin: 0px 0px 0px 0px;
}

}
.mainheader:link  {
    text-decoration:    none;
    color:  White;
}
.mainheader:vistited  {
    text-decoration:    none;
    color:  White;
}
.mainheader:active  {
    text-decoration:    none;
    color:  White;
}
.mainheader:hover  {
    text-decoration:    none;
    color:  White;
}

.main-container
{
    margin: 15px 15px 15px 15px;
    width: 600px;
}
.main-container-small
{
    margin: 15px 15px 15px 15px;
    width: 290px;
}
.main-right-container
{
    float:right;
    width: 160px;
    height: 800px;
    
    margin: 5px 5px 5px 5px;
}

.PageSubContainer { width:800px;}
.Kol4_Left      { width:530px; float:left; position:relative;}
.Kol2_Left_Border   { width:260px; float:left; position:relative; border:solid 1px #EEEEEE;}
.Kol2_Content {width:240px; padding-top: 10px; padding-left:10px; padding-right:10px; position:relative;}