/* copyright De Stijlerij ontwerp & redactie - Jeannette Nieuwenhuizen */


body {
background-color:#e9e9e9; /* grijs */
font-family: "Trebuchet MS", "Lucida Sans Unicode", Helvetica, Serif;
font-size:62.5%; /* 1em = 10px */
color:#000; /* tekstkleur zwart */
padding:0;
margin:0;}

/* alle divs */
* {margin:0; padding:0;}


img.download {vertical-align:middle;}

/* container */
#container { 
width:960px;
min-height:570px;
height:auto !important;
height:570px;
margin-left:auto;
margin-right:auto;
background:#fff url(../images/bg-container.jpg) repeat-y;
margin-top:0px;}

/* header */
#header {
width:960px;
height:85px;
text-align:left;
background:#e9e9e9 url(../images/header.jpg) no-repeat;}



/* navigatie */
#navigatie{
float:left;
width:198px;
min-height:470px;
height:auto !important;
height:470px;
border-right:1px solid rgb(204,51,0);
border-left:1px solid rgb(204,51,0);  /* rood */
background:#fff url(../images/bg-navigatie.jpg) no-repeat;} /* wit */


#navigatie-home{
float:left;
width:198px;
min-height:470px;
height:auto !important;
height:470px;
border-right:1px solid rgb(204,51,0);
border-left:1px solid rgb(204,51,0);  /* rood */
background:#fff url(../images/bg-navigatie-home.jpg) no-repeat;} /* wit */




#menu{
width:178px;
position:relative;
list-style-type:none;
font: 11px  Verdana, Tahoma, Arial, "Trebuchet MS", "Lucida Sans Unicode", Helvetica, Tahoma, Sans-Serif;
text-align:left;
margin:20px 0 0 10px;
line-height:2em;} 
 
 
#menu a{
text-decoration:none;
color:rgb(204,51,0);
display:block;
border-bottom:1px solid #e9e9e9; /* grijs */
padding:0 5px 0 0;
background-color:transparent;} 

#menu a:hover{border-bottom:1px solid rgb(204,51,0);} /* rood */
#menu .actief{font-weight:bold; font-size:1.1em;}


#submenu{
width:158px;
position:relative;
list-style-type:none;
font: 1em Arial, "Trebuchet MS", "Lucida Sans Unicode", Helvetica, Tahoma, Sans-Serif;
font-style:italic;
text-align:left;
margin:0 0 0 5px;
line-height:2em;} 
 
 
#submenu a{
text-decoration:none;
color:#333;
display:block;
border-bottom:1px solid #fff; /* grijs */} 

#submenu a:hover{border-bottom:1px solid rgb(204,51,0);} /* rood */
#submenu .actief{font-weight:bold; font-size:1em;}





/* content */
#content{
width:459px;
min-height:470px;
height:auto !important;
height:470px;
float:left;
position:relative; 
background:#fff;
border-right:1px solid rgb(204,51,0);}


h1{border:1px solid rgb(204,51,0); 
color:#000;
background:#e9e9e9 url(../images/bg-h1.jpg); 
font:1em "Trebuchet MS", "Lucida Sans Unicode", Helvetica, Sans-serif;
padding:3px; margin-top:30px; margin-bottom:30px;}
h2 {padding:0; font:1.3em "Lucida Sans Unicode", Verdana, serif; color:#333; font-weight:normal; margin-bottom:12px;} 
h3 {padding:0; font:1.1em "Trebuchet MS", "Lucida Sans Unicode", Verdana, serif; color:#333; font-weight:bold;} 
h4 {padding:0; font:1.1em "Trebuchet MS", "Lucida Sans Unicode", Verdana, serif; color:#fff; background-color:rgb(204,51,0);} 

	
/* tekst */
#tekst{padding:20px 25px; /* t/r: tegenoverliggende idem */	font-size:1.2em; line-height:1.5em;}

a {color:rgb(204,51,0); text-decoration:none;} /* rood */
a:visited {color:rgb(204,51,0);} 
a:hover {color:rgb(204,51,0); text-decoration:none;}
a:active {color:rgb(204,51,0);}

#tekst ul{
list-style-type:square;
list-style-position:outside;
margin:0px 0px 15px 15px;}

#tekst ul li{margin-bottom:0px;}


#tekst ol{
color: #c10435;
list-style-type: decimal;
list-style-position: outside;
margin: 0px 0px 15px 22px;} 


p{margin-bottom:18px;}
p i{font-style:italic;}
p b{font-weight:bold;}
.kop{font-weight:bold;}
.comment{color: blue;}	



.pijltjes{color:#f30; font-size:1.4em; font-weight:bold;}
.voorbeeld{font-variant: small-caps;}
.terug{font-style:italic;}	
.rood{color:rgb(204,51,0);}


#tabel-contact td{vertical-align:top; width:50%;}


#foto-index, #foto-wat, #foto-aanpak, #foto-voorbeeld1, #foto-voorbeeld2, #foto-verzekeren, #foto-aansprakelijkheid, 
#foto-productaansprakelijkheid, #foto-bedrijfsaansprakelijkheid, #foto-bestuurdersaansprakelijkheid, #foto-wetgeving, #foto-calamiteit, 
#foto-kredietwaardigheid, #foto-contact
{float:right;
width:299px;
height:auto !important;
min-height:470px;
height:470px;
background-color:#fff;
border-right:1px solid rgb(204,51,0);  /* rood */}






#foto-index{background-image: url(../images/foto-index.jpg);}
#foto-wat{background-image: url(../images/foto-wat.jpg);}
#foto-aanpak{background-image: url(../images/foto-aanpak.jpg);}
#foto-voorbeeld1{background-image: url(../images/foto-voorbeeld1.jpg);}
#foto-voorbeeld2{background-image: url(../images/foto-voorbeeld2.jpg);}
#foto-verzekeren{background-image: url(../images/foto-verzekeren.jpg);}
#foto-aansprakelijkheid{background-image: url(../images/foto-aansprakelijkheid.jpg);}
#foto-bedrijfsaansprakelijkheid{background-image: url(../images/foto-bedrijfsaansprakelijkheid.jpg);}
#foto-productaansprakelijkheid{background-image: url(../images/foto-productaansprakelijkheid.jpg);}
#foto-bestuurdersaansprakelijkheid{background-image: url(../images/foto-bestuurdersaansprakelijkheid.jpg);}
#foto-wetgeving{background-image: url(../images/foto-wetgeving.jpg);}
#foto-calamiteit{background-image: url(../images/foto-calamiteit.jpg);}
#foto-kredietwaardigheid{background-image: url(../images/foto-kredietwaardigheid.jpg);}
#foto-contact{background-image: url(../images/foto-contact.jpg);}



#praktijkvoorbeelden-01, #praktijkvoorbeelden-02{margin-top:12px; margin-bottom:12px;}
#voorbeelden-01, #voorbeelden-02
{display:none; margin-top:12px; margin-bottom:12px;}




/* footer */
#footer{
clear:both;
width:960px;
height:15px;
text-align:right;
background-color:rgb(204,51,0);}

#credits{color:rgb(204,51,0); 
font-size:1.1em;
text-align:center;
background-color:#e9e9e9;
}

#credits a{
color:rgb(204,51,0);
}