/*General style and markup*/
body 
{
    margin:0;
    background-image:url(../images/bg.png);
    background-repeat:repeat-x;
    font-family:Arial;
    padding-bottom:25px;
}
#pagina
{
    width:960px;
    margin:auto;
    background-color:White;
}

#banner
{
    background-color:#969494;
}

#content
{
    padding:20px 0px 0px 0px;
    color:#4F4F4F;
    font-size:0.9em;
    line-height:1.3em;
    overflow:hidden;
    padding-bottom:2em;
}
#inhoud{
    width:480px;
    float:left;
    margin-right:10px;
}
#footer{
    background-color:#E87817;
    height:0.5em;
    margin-bottom:1em;
}
/* navigatie */
/* main navigatie */
#navigatie
{
    list-style:none;
    margin:0;
    padding:0;
    float:left;
    width:960px;
    border-bottom:1px solid #969494;
}
#navigatie li
{
    display:inline-block;
    border-right:1px solid #969494;
    float:left; 
}
#navigatie a, #navigatie a.selected
{
    text-decoration:none;
    display:inline-block;
    padding:7px 10px;
    color:#828282;
    font-size:0.9em;   
}
#navigatie a.selected{
    background-color:#e87817;
    color:White;
}
#navigatie a:hover
{
    background-color:#e87817;
    color:White;
}

/* subnavigatie */
#subNavigatie{
    float:left;
    width:310px;
    height:350px;
}
.sub-navigatie
{
    list-style:none;
    padding:0;
    margin:0;
    display:block;
    border-right:1px solid #DFDFDF;
    float:left;
    width:144px;
    padding-left:5px;
    height:350px;
    font-size:0.7em; 
    line-height:1.5em;  
    text-transform:uppercase;
}
.sub-navigatie ul{
    list-style:none;
    padding-left:15px;
}
.sub-navigatie ul li{
    padding:0;
    margin:0;
    margin-top:5px;
}
.sub-navigatie li{
    margin-bottom:10px;
}
.sub-navigatie a
{
    text-decoration:none;
    color:Black;
}
.sub-navigatie a.selected
{
    text-decoration:none;
    color:#e87817;
}
.sub-navigatie a:hover
{
    color:#e87817;
}

/* right side */
#rightBar
{
    float:left;
    width:139px;
    padding-left:10px;
    border-left:1px solid #DFDFDF;
    padding-bottom:1em;
}

#rightBar h2{
    font-size:0.8em;
    padding:0;
    margin:0;
    margin-bottom:5px;
}
#portfolioLink{
    display:block;
    background-color:#4C4C4C;
    color:White;
    margin-bottom:1em;
    height:20px;
    padding-bottom:5px;
}
#portfolioLink img{
    border:0px none;
}

/*Content styles*/
#linksContainer
{
    width:160px;
    float:left;
    border-right:1px solid #969494;
    height:335px;
    margin-right:35px;
}

#links
{
    padding:15px 15px;
    font-size:0.7em;
}

.btStyle{
    width:100%;
    padding:2px;
    border:0px none;
    margin-top:5px;
    background-color:#4C4C4C;
    color:White;
    font-size:0.8em;
}

/* general tags */
/*general tags and styles*/
h1, h2, h3, p, adress{
    padding:0;
    margin:0;
    font-size:1em;
    margin-bottom:0.5em;
    margin-top:1em;
}
h1{font-size:1.2em;color:#FF7800;text-transform:uppercase;margin-top:0;}
h2{font-size:1.1em;}
h3{font-size:1em;margin-bottom:3px;}
p{
   
}

#inhoud ul{
    list-style:none;
    margin:0;
    padding:0;
    margin-top:1em;
    margin-bottom:1em;
}
#inhoud li{
    font-size:0.9em;
    background-image:url(../images/bullet.png);
    background-repeat:no-repeat;
    background-position:5px 3px;
    padding-left:25px;
    margin-bottom:5px;
    
}
adress{

}
a{
    color:#E87817;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}

input[type=text], input[type=password]{
    border:1px solid #DFDFDF;
    padding:3px 3px;
    font-size:1em;
    color:#6F6F6F;
    margin-bottom:5px;
}
input[type=submit]{
    border:0px none;
    background-color:#4C4C4C;
    color:White;
    padding:3px 5px;
}
select{
 border:1px solid #DFDFDF;
    padding:3px;
    font-size:1em;
    color:#6F6F6F;
}

/* news styles */
#newsContainer{
    margin-top:1em;
}

#newsItemContainer{
    list-style:none;
    padding:0;
    margin:0;
    border-bottom:1px solid #EFEFEF;
}

#newsItemContainer li{
    font-size:0.8em;
    display:block;
    border-top:1px solid #EFEFEF;
    padding-bottom:0.5em;
}
#newsItemContainer a{
 font-size:0.8em;
}
/* newsletter */
#webView
{
    width: 600px; 
    font-family: arial; 
    float: left; 
    margin-left: 150px; 
    margin-right: 15px; 
    font-size: 0.9em; 
    border: 1px solid #DFDFDF; 
    padding: 15px;
}