﻿/*
 
 Kleuren schema
 Lijnen - #4C88BE
 Achtergrond - fff
 Header - #8DC3E9
 
 */
/* 
 ================================================
 Yahoo GUI Reset CSS
 http://developer.yahoo.com/yui/reset/
 ================================================
*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td {
    padding: 0;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border-style: none;
    border-color: inherit;
    border-width: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style-position: outside;
    list-style-image: url(/App_themes/Img/arrow.png);
    list-style-type: square;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}
 
/*
 ================================================
 VBS� template - Layout
 ================================================
 */

body {
   margin: 0;
   padding: 0;
   text-align: center;
   color: #004080;
   font-size: 11px;
   font-family : Verdana, Arial, Sans-Serif;
}
#box {
   width: 802px;
   text-align: center;
   clear: left;
   margin-left: auto ;
	margin-right: auto ;
} 

#main {
   width: 802px;
   text-align: left;
   clear: left;
} 

#general {
   padding: 5px;
   float: left;
   height: 60px;
   width: 580px;
   text-align: left;
}  

#logo {
   background-image:url(../App_Themes/Img/Logo.png);
   cursor: hand;
   background-repeat: no-repeat;
   float: left;
   padding: 5px;
   height: 60px;
   width: 190px;
}   

#topmenu {
   background-repeat: no-repeat;
   clear: left;
} 

#header {
   background-image:url(../App_Themes/Img/Header.png);
   background-repeat: no-repeat;
   clear: left;
   height: 125px;
} 

#breadcrumb {
    clear: left;
    height: 20px;
    background-color: #CEE3EF; 
    margin-bottom: 10px;
    padding-left: 5px;
    padding-top: 3px;
} 

#loginstatus {
    float:left;
    height: 20px;
    background-color: #CEE3EF;
    width: 197px;
    padding-top: 3px;
    text-align:right;
} 

#maincontent {
   float: left;  
   width: 800px;
   min-height: 250px; 
} 

#content_left {
    padding: 5px;
    float: left;
    min-height: 250px;
    width: 160px;
    border: solid 1px #CEE3EF;
    margin-bottom: 10px;
} 

#content_mid {
    padding: 5px;
    float: left;
    min-height: 250px;
    width: 160px;
    border: solid 1px #CEE3EF;
    margin-bottom: 10px;
} 

#content {
    padding: 5px;
    float: left;
    min-height: 250px;
    width: 790px;
    border: solid 1px #CEE3EF;
} 

#content3k {
    padding: 5px;
    float: left;
    min-height: 250px;
    width: 415px;
    border: solid 1px #CEE3EF;
} 

#content2k {
    padding: 5px;
    float: left;
    min-height: 250px;
    width: 603px;
    border: solid 1px #CEE3EF;
} 

#hor_spacer {
    float:left;
    width: 15px;
} 

#ver_spacer {
   width:800px;
   height:20px;
   clear: left;
}  

#footer_boxes {
   width:780px;
   clear: left;
   border: solid 1px #CEE3EF;
   padding: 10px;
   height: 100px;
} 

#box1 {
   float: left;
   border-right: solid 1px #CEE3EF;
   height: 90px;
   width: 180px;  
   padding-top:10px; 
   padding-left:10px;
}  

#box2 {
   float: left;
   height: 76px;
   width: 170px;
   padding-top:10px; 
   padding-left:5px;
}  

#footer {
   width:280px;
   clear: left;
   float: left;
   padding-left: 5px;
   font-size: 10px;
   height: 20px;
   vertical-align: middle; 
   line-height: 200%;
   color: #CEE3EF;
} 

#footer_ri {
    width: 511px;
    float: left;
    padding-left: 5px;
    font-size: 10px;
    height: 20px;
    vertical-align: middle;
    line-height: 200%;
    text-align: right;
    color: #CEE3EF;
}

#Login1 {
    clear: left;
    top: 330px;
    margin: auto;
    text-align: center;
    left: 0px;
    width: 311px ;
}
#login_position {
    height: 500px;
    width: 375px;
    clear: left;
    top: 40px;
    margin: auto;
    text-align: center;
}

/*
 ================================================
 VBS� template - Style - General
 ================================================
*/

a 
{
    text-decoration: none;
    font-weight: 700;
}

h1 {
    font-weight: bold;
    font-size: 14px;
    color : #004f68; 
    padding-bottom:5px;
}

h2 {
    font-weight: bold;
    font-size: 12px;
    color : #004f68;
} 

h3 {
    font-weight: bold;
    font-size: 12px;
    color : #004f68;
}

hr
{
    color: #CEE3EF;
    height:1px;
}

input
{
    font-family:Verdana;
    font-size:11px;
    color : #004f68;
}