/* 
    Created on : 21-jul-2014, 16:53:38
    Author     : Lisa Berkhuysen
*/

body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    font-family: arial;
    font-size: 12pt;
    overflow-y: scroll;
    overflow-x: auto;
    background-color: #FFF;
    background-image: URL('../img/paper2.png')
}

h1 {
    font-family: arial;
    font-size: 20pt;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

h1 a:link,
h1 a:visited {
    color: #000;
    text-decoration: underline;
}

h1 a:hover {
    color:#000;
    text-decoration: none;
}

h3 {
    font-family: arial;
    font-size: 10pt;
    font-weight: bold;
    margin: 20px 0px 3px 0px;
    padding: 0px;
    color: #1f79d2;
}

p {
    font-family: arial;
    font-size: 10pt;
    margin: 0px;
    padding: 0px;    
    line-height: 20px;
}

p a:link,
p a:visited {
    color: #000;
    text-decoration: underline;
}

p a:hover {
    color: #1f79d2;
    text-decoration: none;
}

#wrapper {
    margin: 0px auto;
    padding: 0px;
    width: 960px;
}

#container-header {
    display: block;
    position: relative;
    float: left;
    height: 200px;
    width: 950px;
    background-color: #FFF;
    border-left: #DDD 2px solid;
    border-right: #DDD 2px solid; 
    background-image: URL('../img/header.png');
}

#logo {
    margin: 40px 0px 0px 60px;
    padding: 0px;
}

#container-content {
    display: block;
    position: relative;
    float: left;
    min-height: 450px;
    width: 950px;
    background-color: #FFF;  
    border-left: #DDD 2px solid;
    border-right: #DDD 2px solid; 
}

#menu {
    margin: 20px 0px 20px 50px;
    padding: 0px;
    display: block;
    position: relative;
    float: left;
    width: 150px; 
}

#menu ul {
    margin: 0px;
    padding: 0px;
}

#menu ul li {
    margin: 10px 0px 0px 0px;
    list-style: none;
    display: block;
    float: left;
    position: relative;
    text-align: center;
}

#menu li a:link,
#menu li a:visited {
    width: 150px; 
    padding: 10px;
    min-height: 10px;
    text-decoration: none;
    color: #000;
    position: relative;
    display: block;
    float: left;
    background-color: #8fbce8;
}

#menu li a:hover {
    color: #FFF;
}

#menu li.active a:link, 
#menu li.active a:visited {   
    background-color: #1F79D2;
    color: #FFF;
}  

#menu li.active a:hover {   
    color: #FFF;
    background-color: #1F79D2;
    text-decoration: underline;
}



#menu li.submenu {
    background-color: #8fbce8;
    margin: 0px;
    font-size: 10pt;
    width: 150px; 
} 

#menu li.submenu a:link, 
#menu li.submenu a:visited {   
    color: #000;
    padding: 10px;
}  

#menu li.submenu a:hover {   
    color: #FFF;
    padding: 10px;
    text-decoration: none;
}

#menu li.submenua {
    background-color: #8fbce8;
    margin: 0px;
    font-size: 10pt;
    color: #FFF;
} 

#menu li.submenua a:link, 
#menu li.submenua a:visited {   
    color: #FFF;
    padding: 10px;
}  

#menu li.submenua a:hover {   
    color: #FFF;
    padding: 10px;
    text-decoration: underline;
}



#menu li.image {
    margin: 20px 0px 0px 0px;
    padding: 0px;
    display: block;
    position: relative;
    float: right;
    width: 145px;
    height: 145px;   
    background-image: URL('../img/glas2.png');
    background-repeat: no-repeat;
    background-position: center;
    
}

#content {
    margin: 50px 40px 50px 60px;
    padding: 0px;
    display: block;
    position: relative;
    float: left;
    width: 620px;
    min-height: 200px;    
}

#content ul {
    margin: 0px;
    padding: 0px;
}

#content ul li {
    margin: 0px;
    padding: 0px;
    float: left;
    display: block;
    position: relative;
    font-family: arial;
    font-size: 10pt;
    margin: 0px;
    padding: 0px;    
    line-height: 20px;
}

#content li a:link,
#content li a:visited {
    color: #000;
}

#content li a:hover {
    color: #1f79d2;
    text-decoration: none;
}

#content li.active a:link,
#content li.active a:visited {
    color: #1f79d2;
    text-decoration: none;    
}

#content li.active a:hover {
    color: #1f79d2;
    text-decoration: underline;    
}

#image {
    margin: 0px;
    padding: 0px;
    display: block;
    position: relative;
    float: right;
    width: 200px;
    height: 200px;   
    background-image: URL('../img/glas.png');
    background-repeat: no-repeat;
    background-position: center;
}

#image-fraud {
    margin: 0px;
    padding: 0px;
    display: block;
    position: relative;
    float: right;
    width: 300px;
    height: 300px;   
    background-image: URL('../img/fraud.png');
    background-repeat: no-repeat;
}

#image-asv {
    margin: 0px;
    padding: 0px;
    display: block;
    position: relative;
    float: right;
    width: 300px;
    height: 300px;   
    background-image: URL('../img/asv.png');
    background-repeat: no-repeat;
}

#image-owners {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    display: block;
    position: relative;
    float: right;
    width: 220px;
    height: 130px;   
    background-image: URL('../img/owners.png');
    background-repeat: no-repeat;
}

#image-logo {
    margin: 55px 0px 0px 35px;
    padding: 0px;
    display: block;
    position: relative;
    float: right;
    width: 150px;
    height: 130px;   
    background-image: URL('../img/logo.png');
    background-repeat: no-repeat;
}

#image-larcar {
    margin: 0px;
    padding: 0px;
    display: block;
    position: relative;
    float: right;
    width: 420px;
    height: 200px;   
    background-image: URL('../img/larcar.png');
    background-repeat: no-repeat;
}

#berichten {
    margin: 0px 0px 0px 50px;
    padding: 0px;
    display: block;
    position: relative;
    float: left;
    width: 905px;
    height: 200px;  
}

.blok {
    margin: 0px 50px 0px 0px;
    padding: 10px 15px 9px 10px;
    display: block;
    position: relative;
    float: left;
    height: 150px;
    width: 220px;
    border: #8fbce8 2px solid;    
}

#berichten h2 {
    margin: 0px 0px 8px 0px;
    padding: 0px;
    font-size: 14pt;
}

#berichten a:link,
#berichten a:visited {
    color: #000;
    text-decoration: none;
}

#berichten a:hover {
    color: #000;
    text-decoration: none; 
    color: #1f79d2;
}

#berichten p a:link,
#berichten p a:visited {
    color: #000;
    text-decoration: underline;
}

#berichten p a:hover {
    color: #000;
    text-decoration: none; 
    color: #1f79d2;
}

#berichten p {
    margin: 0px;
    padding: 0px;
    font-size: 10pt;
    line-height: 20px;
}

#footer {
    margin: 0px;
    padding: 0px;
    display: block;
    position: relative;
    float: left;
    height: 60px;
    width: 950px;
    background-color: #FFF;   
    border-left: #DDD 2px solid;
    border-right: #DDD 2px solid; 
    border-bottom: #DDD 2px solid; 
}

#footer ul {
    margin: 0px 0px 0px 50px;
    padding: 0px;
}

#footer ul li { 
    margin: 7px 20px 0px 0px;
    display: block;
    position: relative;
    float: left;
    font-size: 8pt;
}


#footer li a:link,
#footer li a:visited {
    color: #000;
    text-decoration: none;
}

#footer li a:hover {
    color: #1f79d2;
    text-decoration: underline;
}

#footer li.active a:link,
#footer li.active a:visited {
    font-weight: bold;
}

#footer li.active a:hover {
    font-weight: bold;
}