/*000000 = grijstint uit logo*/
html, body, select {

scrollbar-face-color:#ffffff;
scrollbar-arrow-color:#bf1e2d;
scrollbar-track-color:#f1f1f1;
scrollbar-shadow-color:#000;
scrollbar-highlight-color:#555;
scrollbar-3dlight-color:#dddddd;
scrollbar-darkshadow-Color:#dddddd;
}

body {
background-image:url(../../../layout/1/images/bottomstroke.png);
background-repeat: repeat-x;
background-position:top;
font-family: Verdana;
color: #000000;
margin-top:opx;
}

p {
line-height: 170%;
margin-bottom: 10pt;

}

#font_size .small
{
  font-size: 14px;
  
}

#font_size .default
{
  font-size: 16px;	
}


#font_size .largest
{
  font-size: 20px;
}
/*----------------------------------------------------------------------*/


div#header{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 125px;
background-color: #fff;
z-index: 100;
}

div#footer{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 30px;
z-index: 100;
}

div#kolom_links{
position: fixed;
top: 0;
left: 0;
width: 250px;
height: 100%;
padding: 125px 0 0 0;
z-index: 0;
border-right: 1px dotted #DDD;
background-color: #fff;
background-image:url(../../../layout/1/images/bg.png);
background-repeat:repeat-x;
background-attachment:fixed;
overflow: auto;
}

div#kolom_rechts{
position: fixed;
top: 0;
right: 0;
width: 250px;
height: 100%;
padding: 125px 0 0 0;
z-index: 0;
border-left: 1px dotted #DDD;
background-image:url(../../../layout/1/images/bg.png);
background-repeat:repeat-x;
background-attachment:fixed;
overflow: auto;
}

div#content{
padding: 135px 280px 20px 280px;
vertical-align:top;
background-image:url(../../../layout/1/images/bg2.png);
background-repeat:repeat-x;
background-attachment:fixed;
}

div#print {
 position:fixed;
 top:140px;
 right:275px;
 width:20px;
 z-index: 100;

}

/*----------------------------------------------------------------------*/



ul {
margin-left:0px;
font-family: Verdana;
margin-left:-20px;
}

li {
line-height:170%;
font-family: Verdana;
color: #000;
list-style-image: url(../../../layout/1/images/menuarrow2.gif);
list-style-type:none;
letter-spacing:1px;
}

h1 {
font-family: Verdana;
font-weight:lighter;
color: #bf1e2d;
letter-spacing:1px;
background-image:url(../../../layout/1/images/arrow.png);
background-repeat:no-repeat;
text-indent: 20px;
}

h2 {
font-family: Verdana;
font-weight:lighter;
color: #bf1e2d;
letter-spacing:1px;
background-image:url(../../../layout/1/images/arrow.png);
background-repeat:no-repeat;
text-indent: 20px;
}

h3 {
font-family: Verdana;
font-weight:lighter;
color: #bf1e2d;
letter-spacing:1px;
background-image:url(../../../layout/1/images/arrow.png);
background-repeat:no-repeat;
text-indent: 20px;
margin-bottom:30px
}


h4 {
font-family: Verdana;
font-weight:lighter;
color: #bf1e2d;
letter-spacing:1px;
background-image:url(../../../layout/1/images/arrow.png);
background-repeat:no-repeat;
text-indent: 20px;
}

h5 {
font-family: Verdana;
font-weight:lighter;
color: #bf1e2d;
letter-spacing:1px;
background-image:url(../../../layout/1/images/arrow.png);
background-repeat:no-repeat;
text-indent: 20px;
}


.ondermenu {
color: #000;
text-decoration: none;
letter-spacing:1px;
}

.ondermenu a {
color: #fff;
text-decoration: none;
background-position:left;
background-repeat:no-repeat;
letter-spacing:1px;

}

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

.ondermenu2 {
color: #bf1e2d;
text-decoration: none;
letter-spacing:1px;
}

.ondermenu2 a {
color: #FFF;
text-decoration: none;
background-position:left;
background-repeat:no-repeat;
letter-spacing:1px;

}

.ondermenu2 a:hover {
color: #bf1e2d;
text-decoration: none;
}



a {
color: #bf1e2d;
text-decoration: none;
outline: none;
}

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

input, textarea {
font-family: Arial, sans-serif;
font-size: 11px;

}

td{
line-height:14px;
}



.content img {
border: solid 1px #cccccc;
}

.date{
font-size:11px;
color:#808080;
}

.tel{
font-weight:bold;
color:#bf1e2d;
letter-spacing:1px;
}

.adres{
font-size:12px;
color:#bf1e2d;
letter-spacing:1px;
line-height:20px;
}

.someclass{ //class to apply to your scroller(s) if desired
}

.textfield_effect    { border-width: 1px;    border-style: solid;    border-color: #DDDDDD;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
width: 125px;    height: 15px;
} 

.area_effect    { border-width: 1px;    border-style: solid;    border-color: #DDDDDD;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666;
} 

.select_effect    { border-width: 1px;    border-style: solid;    border-color: #DDDDDD;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666;
} 


.textfield_effect:hover    {    border-color: #bf1e2d;    border-width: 1px;    }
.textfield_effect:focus    {    border-color: #bf1e2d;    border-width: 1px; color:#000;    } 
legend    {    font-family: sans-serif;    font-size: 18px;    color: #097bc3;    font-weight: bold;    }
 
 
.textfield_effect:hover    {
    border-color: #424240;
    border-width: 1px;
	color:#bf1e2d;
    }
 
.textfield_effect:focus    {
    border-color: #bf1e2d;
    border-width: 1px;
    }
 
.area_effect:hover    {
    border-color: #424240;
    border-width: 1px;
	color:#F00;
    }
 
.area_effect:focus    {
    border-color: #bf1e2d;
    border-width: 1px;
    }
 
.select_effect:hover    {
    border-color: #424240;
    border-width: 1px;
	color:#F00;
    }
 
.select_effect:focus    {
    border-color: #bf1e2d;
    border-width: 1px;
    }
 
legend    {
    font-family: sans-serif;
    font-size: 18px;
    color: #097bc3;
    font-weight: bold;
    }

.button {
	background-color:#999;
	border:1px solid #424240;
	color:#FFF;
	width: 50px;
	height: 20px;
    padding: 2px 8px;
	margin-left:10px;
}

.button:hover {
    border: none;
	background-color:#424240;
	border:1px solid #000;
	color:#FFF;
	width: 50px;
	height: 20px;
    padding: 2px 8px;
	margin-left:10px;
}

.button:focus {
    border: none;
	background-color:#bf1e2d;
	border:1px solid #999;
	color:#FFF;
	width: 50px;
	height: 20px;
    padding: 2px 8px;
	margin-left:10px;
}