A:link    { color: #000000; text-decoration: underline; }
A:visited { color: #000000; text-decoration: underline; }
A:hover   { color: #000000; text-decoration: none; }
A:active  { color: #000000; text-decoration: none; }

html, body  
{ 
    margin:0;
    padding:0;
    height:100%;
    color:#000000; 
    font-family: Arial, Verdana; 
    font-size:12px; 
    line-height:18px;
    background-color:#CCCCCC;
}

body {
    background-image: url(/App_Themes/Website/images/layout/main_background.gif);
}

h1   
{ 
    color:#000000; 
    font-size:12px; 
    font-weight: bold;
}
h1.selectedMenu {
    color:#FFFFFF;  
	margin: 0px 0px 10px 5px;
	padding: 0px 0px 0px 0px;   
}

h1.HeaderHome
    {
    color:#000000; 
    font-size:12px; 
    font-weight: bold;
    text-align: center; 
    }
    
h1.HeaderContent
    {
    color:#000000; 
    font-size:12px; 
    margin:5px 0px 5px 0px;
    font-weight: bold;
    }    

h2  
{ 
    color:#FFFFFF; 
    font-size:12px; 
}
h2.overigesubMenu {
    color:#FFFFFF;  
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;   
}


A:link.menuwhite, A:visited.menuwhite {
    color:#FFFFFF; 
    text-decoration: none;
}
A:hover.menuwhite {
    color:#FFFFFF; 
    text-decoration: underline;
}

A:link.submenuwhite, A:visited.submenuwhite {
    color:#FFFFFF; 
    text-decoration: none;
}
A:hover.submenuwhite {
    color:#FFFFFF; 
    text-decoration: underline;
}

.bullet {
	margin: 0px 0px 0px 1px;
	padding: 2px 0px 0px 0px;   
}

.bullet li {
    list-style:none;
    margin: 5px 0px 4px 0px;
    padding: 0px 0px 0px 0px;
    text-indent:19px;
    line-height:18px;
    background: url(/App_Themes/Website/images/bulletvp.png) no-repeat;


} 
.referentiebullet {
    list-style: square;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 0px;    
}

h1.referentie {
    color:#B5383D;  
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;       
}

.breadcrumtext A, .breadcrumtext  {
    color: #B5383D; 
    font-size: 8pt;
    text-decoration: none;
}

.tbDefault 
    {
    padding                     : 3px;
    border                      : solid 1px #b9b9b9;
    background-color            : #FFFFFF;
    font-size                   : 12px;
    font-family                 : Arial, Verdana; 
    }
      
.ddlDefault 
    {
    font-size                   : 12px;
    font-family                 : Arial, Verdana;  
    }
    
.btnDefault 
    {
    border                      : solid 1px #b9b9b9;
    font-size                   : 12px;
    font-family                 : Arial, Verdana; 
    color                       : #000000;
    font-weight                 : bold;
    padding                     : 3px;
    }
    
/* ============ Onderstaande styles zijn nodig voor de custum paging =========== */ 
 .cppages
{
    color: #686868; 
    border:solid 1px #686868;
    height:20px;
    width:22px;
    cursor:pointer;
    text-align:center;
 }
 
.cppages:hover 
{
   background-color: #686868;
   color: #FFFFFF; 
   cursor:pointer;
   height:20px;
   width:22px;
   text-align:center;
}

.cpcurrent
{
    color: #ffffff;
    background-color: #DD8B88;
    height:20px;
    width:22px;
    text-align:center;
 }
 
 .cpinactive
{
    color: #EAEAEA;
    border:solid 1px #EAEAEA;
    height:20px;
    width:79px;
    text-align:center;
 }

.cpbutton
{
    color: #686868; 
    border:solid 1px #686868;
    height:22px;
    width:79px;
    cursor:pointer;
    text-align:center;
 }
  
.cpbutton:hover 
{
   background-color: #686868;
   color: #FFFFFF; 
   cursor:pointer;
   height:22px;
   width:79px;
   text-align:center;
}


/* ============ Onderstaande styles zijn nodig voor de DIV layout =========== */ 
#container {
	padding: 0px;
	margin: 0px auto 0px auto;
	width: 956px;	
	clear: left;
}

#submenu {
    background-image: url(/App_Themes/Website/images/layout/submenu_background.gif);
	height: 36px;
	margin-top: 25px;
}

#photoback {
    background-image: url(/App_Themes/Website/images/layout/photo_background.gif);
	height: 198px;
    width: 956px;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
    text-align: center;
}

#logo_vosenpartners {
    width: 950px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

#topmenu {
    background-image: url(/App_Themes/Website/images/layout/topmenu_background.gif);
	height: 39px;
}

#white {
    background-image: url(/App_Themes/Website/images/layout/white_background.png);
	padding-left: 8px;
	padding-right: 12px;
}

#whiteclose {
    background-image: url(/App_Themes/Website/images/layout/bottom_background.png);
	height: 25px;
}

#nosubmenulinks {
    background-image: url(/App_Themes/Website/images/layout/nosubmenu_links_background.gif);
    width: 185px;
	padding-top: 1px;
	padding-left: 15px;

}

#submenulinks {
    background-image: url(/App_Themes/Website/images/layout/submenu_links_background.gif);
    width: 185px;
	min-height: 145px;
	padding-top: 1px;
	padding-left: 10px;
	padding-right: 5px;

}
#submenulinksbottom {
    background-image: url(/App_Themes/Website/images/layout/submenu_links_bottom_background.gif);
    width: 200px;
	height: 15px;
}
#submenurechts, #submenurechtsBlue {    
    width: 185px;
	min-height: 100px;
	padding-top: 15px;
	padding-left: 15px;
}
#submenurechtsbottom, #submenurechtsBluebottom {    
    width: 200px;
	text-align: right;
	font-weight: bold;
}
#submenurechts {
    color: #FFFFFF;
    background-color:#5f5f5f;
    background-image: url(/App_Themes/Website/images/layout/submenu_rechts_background.gif);
    background-repeat:no-repeat;
}
#submenurechtsbottom {
    color: #FFFFFF;
    background-image: url(/App_Themes/Website/images/layout/submenu_rechts_bottom_background.gif);
    padding:1px;
    background-repeat:no-repeat;
}

#submenurechtsBlue {
    color: #5F5F5F;
    background-image: url(/App_Themes/Website/images/layout/submenu_rechtsblue_background.gif);
}
#submenurechtsBluebottom {
    color: #5F5F5F;
    background-image: url(/App_Themes/Website/images/layout/submenu_rechtsblue_bottom_background.gif);
}

.content {
    padding-top: 10px; 
    padding-left: 10px; 
    width: 520px;
    background-image: url(/App_Themes/Website/images/layout/content_background.gif); 
    background-repeat: no-repeat;
}



.menuitem, .menuitemL, .menuitemR {
    float: left; 
    color: #FFFFFF; 
    font-weight: bold;
}
.menuitem {
    border-right: solid 1px #B5383D; 
    padding: 9px 60px 0px 60px; 
}
.menuitemL {
    border-right: solid 1px #B5383D; 
    padding: 9px 55px 0px 55px;
}
.menuitemR {
    padding: 9px  0px 0px 55px;
}


.submenuitem, .submenuitemL, .submenuitemR {
    float: left; 
    color: #FFFFFF; 
}
.submenuitem {
    border-right: solid 1px #5E5E5E; 
    padding: 9px 48px 0px 48px;
}
.submenuitemL {
    border-right: solid 1px #5E5E5E; 
    padding: 9px 54px 0px 75px;
}
.submenuitemR {
    padding: 9px  5px 0px 45px;
}


#footer {
    text-align: center;
    padding-bottom: 20px;
    width: 956px;
    height:20px;
    float: left;
}

.vline {
    color: #666666;
    margin: 0px 10px 0px 10px;
}

a.menuOnder, .menuOnder {
    color: #666666;
    text-decoration: none;
}
a:hover.menuOnder {
    color: #666666;
    text-decoration: underline;
}

.TelEmail
    {
    position: relative;
    background-color: Transparent;
    margin-left: 18px;
    top: -40px;
    width: 188px;
    color: #FFFFFF;
    }

/* ==== Begin GridView ==== */
.HeaderStyle th {
	font-size					: 9pt;
	font-family                 : Arial, Helvetica;
	height						: 20px;
    background					: #686868; 
    color                       : #FFFFFF;
}   

.RowStyle td {
	font-size					: 9pt;
	font-family                 : Arial, Helvetica;
	height						: 20px;
	border-bottom				: 1px solid #686868; /* NORMAALDONKER */
    background					: #F6F6F6;
}

.RowStyleAlternate td {
	font-size					: 9pt;
	font-family                 : Arial, Helvetica;
	height						: 20px;
	border-bottom				: 1px solid #686868; /* NORMAALDONKER */
    background					: #EDEDED; 
}   

.tblRow {
    vertical-align              : top;
    text-align                  : left;
}

/* ==== Einde GridView ==== */

/* ==== Begin Vacatures ==== */

a.vacatureTitel, .vacatureTitel{
    color: #B5383D;
    font-weight: bold;
}
.vacatureDatum{
    color: #666666;
    font-style: italic;
}
.vacatureTekst{
    color: #000000;
}

/* ==== Einde Vacatures ==== */

/* ==== Begin Publicaties ==== */

a.publicatieTitel{
    color: #B5383D;
    font-weight: bold;
}
h2.publicatieTitel{
    color: #B5383D;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
}
.publicatieDatum{
    color: #666666;
    font-style: italic;
}
.publicatieTekst{
    color: #000000;
}

/* ==== Einde Publicaties ==== */

/* ==== Begin Nieuws ==== */

.nieuwsHomepage{
    color: #FFFFFF;
    font-weight: normal;
}
a.nieuwsHomepageLeesverder{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
a:hover.nieuwsHomepageLeesverder{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
}
.nieuwsMaand{
    color: #B5383D;
    font-weight: bold;
}
a.nieuwsTitel{
    color: #B5383D;
    font-weight: bold;
}
h1.nieuwsTitel{
    color: #B5383D;
    font-weight: bold;
    margin: 10px 0px 0px 0px;
}
.nieuwsDatum{
    color: #666666;
    font-style: italic;
    float:left;
}
.nieuwsTekst{
    color: #000000;
    float:left;
    width:500px;
}

/* ==== Einde Nieuws ==== */


/* ==== Begin Evenementen ==== */

.evenementHomepage{
    color: #FFFFFF;
    font-weight: normal;
}
a.evenementHomepageLeesverder{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
a:hover.evenementHomepageLeesverder{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
}
.evenementMaand{
    color: #B5383D;
    font-weight: bold;
}
a.evenementTitel{
    color: #B5383D;
    font-weight: bold;
}
h2.evenementTitel{
    color: #B5383D;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
}
.evenementDatum{
    color: #666666;
    font-style: italic;
}
.evenementTekst{
    color: #000000;
}

/* ==== Einde Evenementen ==== */

/* ==== Begin Referenties ==== */

a.referentieTitel{
    color: #B5383D;
    font-weight: bold;
}
h2.referentieTitel{
    color: #B5383D;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
}
.referentieLink{
    color: #666666;
    font-style: italic;
}
.referentieTekst{
    color: #000000;
}
.referentieTekstkort {
    color: #666666;
}

/* ==== Einde Referenties ==== */