﻿body {
    padding: 0px;
    margin: 0px;
    height: 100%; 
    background-image: url('Pictures/achtergrond.jpg');
    background-repeat: no-repeat;
    
        
}
p{
    font-family: Arial;
    font-size: 85%;
    color: #000000; 
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px; 
    line-height: 18px;    
}
a{ 
    font-family: Tahoma; 
    font-style: normal;
}
td{
    font-family:Arial;
    font-size: 85%;
    color: #000000; 
    margin-left: 10px;
    margin-right: 10px; 
    line-height: 16px;   
} 
h1{
    font-family:Arial;
    font-size: 120%;
    color: #640000;
    margin-left: 10px;
    margin-right: 10px;     
}
h2{
    font-family:Arial;
    font-size: 110%;
    color: #640000;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    clear: both;     
}
h3{
    font-family:Arial;
    font-size: 12px;
    color: #640000;
    margin-left: 10px;
    margin-right: 10px;     
}
ul{
  margin-top: 5px;
  margin-bottom: 5px;
    
}
li{
  font-family: Arial;
  font-size: 85%;  
  color: #000000;
  line-height: 18px;
  
}
li li{ 
    text-indent: 5px;
    }

ol{
 font-family : Arial;
 font-size: 85%;  

}

ol li ol li ol li ol li{
    list-style-type:lower-alpha;

}
.title {
    font-family: Tahoma;
    font-size: 14px;
    color: #3399ff;
}
#form1{
     height: 100%; 
   }

}       
#menuzone{
    width: 800px; 
    height: 25px; 
    margin-left: 50px; 
    margin-bottom: 10px;
    z-index: 999;
}
#menutop{
    float:right;
    margin-top: 10px;
    width: 425px;
}
#menutop a{
    margin-right: 10px;
    font-family: Tahoma;
    font-size: 10pt;
    color: #3399ff;
}
#functie{
    float:right;
    margin-top: 8px;
    width: 150px;
}
#functie a{
    margin-right: 10px;
    border-right: solid 1px Gray;
    padding-right: 3px;
    font-family: Tahoma;
    font-size: 8pt;
    color: Gray;  
}
#taal{
    float:right;
    margin-top: 10px;
    width: 50px;
}
#taal a{
    margin-right: 10px;
    font-family: Tahoma;
    font-size: 10pt;
    color: Red;  
}
#logo{
    margin-left: 10px;
    margin-top: 5px;
}
#menu2{
    float: left;
    margin-left: 5px;
    padding-top: 0px;
    width: 342px;
    height: 35px;
}
#toollink{
    float: right;

}
#hormenu{
    width: 1024px; 
    height: 35px; 
    margin-left: auto; 
    margin-right: auto; 
    padding-top: 0px; 
    margin-top: 2px;
}
#adres{  
    text-align: center;
    float: right;
    margin-left: 5px;
    padding-top: 0px;
    width: 250px;
    height: 35px;
}
#contentzone{
    width: 1024px; 
    height: 100%;
    clear: both; 
    margin-left: auto; 
    margin-right: auto; 
    padding-top: 0px; 
    margin-top: 2px;    
}
#containerL{
    float:left; 
    background-color: White;
    padding-top: 5px;
    margin-right: 20px;
    width: 700px;
    height: 100%;
    min-height: 900px;
}
#contentboxL{
    float:left; 
    background-color: White;
    width: 400px;
    height: 100%;
    margin-bottom: 15px;
    min-height: 750px;
}
#contentboxR{
    float:right; 
    background-color: White;
    border-left: solid 2px silver;
    width: 285px;
    height: 555px;
    margin-bottom: 15px;
    min-height: 750px;
}
#containerR{
    float:left;
    padding-top: 5px;
    width: 300px;
    height: 900px;
    
}
#footer{
    float:left;
    padding-top: 10px;
    margin-left: 15px;
    width: 900px;    
}
#footer a{
    margin-right: 10px;
    font-family: Tahoma;
    font-size: 8pt;
    color: Gray;  
}
#bottom{
    padding-top: 10px;
    margin-left: 15px;
    width: 1024px; 
    text-align:center;     

}
#adresgeg{
    font-family:Tahoma;
    font-weight:bold;
    font-size: 16px; 
    letter-spacing: 3px;     
    color: #640000; 
    margin-left: 5px;
    margin-right: 5px; 
    line-height: 20px;

}
.tekstballon{
    background-image: url(pictures/tekstballon.png)
}
.formulier{
    font-family:Tahoma;
    font-size: 12px;
    color: #640000; 
    margin-left: 10px;
    margin-right: 10px; 
    line-height: 16px;
 }
 
.stepcarousel{
border-left: 20px solid white;
    border-right: 20px solid white;
    border-top: 2px solid white;
    border-bottom: 20px solid white;
    position: relative; /*leave this value alone*/
    float: left;
    margin-left: 5px;
    overflow: scroll; /*leave this value alone*/
    width: 350px;
    height: 340px;
    top: 0px;
    left: 15px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 15px; /*margin around each panel*/
width: 350px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}
.style1
        {
            width: 42px;
        }
.overflowpanel{
    overflow:auto; 
    height:450px; 
    width:650px;
} 
/*ticker*/
#tickerline{
    margin: 1px 0px 5px 0px;
    height: 18px;
    background: Gray;        
    }
#tickerzone{
    height: 18px;
    width: 1020px; 
    text-align: left;
    }    
    
.tickertitle{
    background-color: #3399ff;
    height:16px;
    width: 250px;
    border: solid 1px white;
    text-indent: 10px;
    text-align: left; 
    color: white;
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
    float: left; 
}
#ticker1{
    background-color: #3399ff;
    border: solid 1px white;
    height:16px;
    width: 754px;
    text-align: left;
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
    color: White;
    float: right; 
}
       
