/* extern stijlblad voor annotatie.nl - copyright 2006-2009: mr F.J. Van Eeckhoutte Amersfoort Holland */

html {
scrollbar-face-color: 		#517CD3; /*#609; */
scrollbar-highlight-color:	#517CD3; /*#609; */
scrollbar-shadow-color: 	white;
scrollbar-3dlight-color:	#0000CD; /* #800080; */
scrollbar-arrow-color: 		red;
scrollbar-track-color: 		silver; /* #800080; */
scrollbar-darkshadow-color: 	green;
}

body {
background: 		#white;/* silver; /*#c60;*/
/*background-image:url('../image/bg08.gif'); */
text-align:			left;
}

.search {
width:		23%;
height:		100px;
/*background:		#517CD3;  #517CD3; #800080; #9b11b8; #8b0088 #c06; #fcc; */
background-image:url('../image/blauwezee13.jpg');
font-family:	helvetica, sans-serif;
}

.title {
text-align: 	center;
color:		#517CD3; /* #020C6E; */
font:			small-caps 2.0em helvetica, garamond, serif;
text-decoration:	none;
}

a, a:active, a:visited {
color:	brown;
text-decoration:	none;
}
a:hover {
color: 	navy;
text-decoration:	underline;
}

div.navigatietop a {
margin-top: 	10px;
color:		black;
font-variant:	small-caps;
padding-left:	10px;
font-size: 		0.8em; 
font-family: 	helvetica, garamond, serif;
letter-spacing:	0.05em;
}

/* stijl voor kwaliteit, waarborgen, kosten etc */
.subbanner {
width:		99%;
height:		40px;
background:		brown;
color:		white;
font:			small-caps 1.1em arial;
vertical-align:	bottom;
font-weight:	bold;
text-decoration:	none;
padding:		3px;
}
.subbanner a {
color:		white;
text-decoration:	none;
}

.navigatie a {
color:		black;
text-decoration:	none;
}
div.navigatie a:hover {
background:		#517CD3; ; /* #9b11b8; #8b0088 #c06; */
color:		white;
}
.gebied1 {
font-size:		1.3em;
}
.gebied2 {
font-size:		1.1em;
}
.gebied3 {
font-size:		0.9em;
font-weight:	bold;
font-variant:	small-caps;
}
.gebied4 {
font-size:		0.8em;
font-weight:	bold;
font-style:		italic;}

.content { 
background:		white; /*#f90;*/
width:		90%;
text-align: 	justify;
margin:		5px;
}

h3, h4, h5 {
font-family: 	arial, helvetica, sans-serif;

}


#tekst {
display:		none;
} 
.blog {
color: black;
width: 70%;
text-decoration:	none;
text-align: 	justify;
margin-left:	5px;
}

a.blogtitle {
font-weight:	bold;
font-variant:	small-caps;
text-decoration:	none;
}

span.blogsubtitle {
color:	grey;
font-size:  0.8em;
}
.blogsubtitle a {
color:	black;
text-decoration:	underline;
}
.blogsubtitle a:hover {
text-decoration:	none;
}

span.blogpitch {
color:	black;
font-size:	small;
}

ol, ul, li, p {
font-family: 	verdana, Arial, Helvetica, sans-serif; 
font-size: 		13px;
font-weight:	normal;
text-decoration: 	none; 
color: 		#000;

}

/* visitekaartje in content */
.msg {
float:		left;
border:		none;
}

/*image */
img.curr	{
position:		relative;
float:		left;
background:		#0000CD; 
border:		2px brown inset;
margin-right:	10px;
}

/* navbalk rechts Meer */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 	20%;
position:	absolute;
top:		375px;
right:	1%;
}
.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(../image//titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}
.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: 	brown;
font-variant:	small-caps;
background: url(../image/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}
.arrowlistmenu ul li a:visited{
color: 		brown;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: 		brown;
background: url(../image/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
background-color: #F3F3F3;
}

/* expertises */
.navigatie{
width: 	100%;
}

.expertise {
font:			small-caps 1.1em arial;
height:		46px;
color: 		white;
background: black url(../image//titlebar.png) repeat-x center left;
text-transform: uppercase;
vertical-align:	bottom;
font-weight:	bold;
text-decoration:	none;
padding:		0px 0 0px 20px;

}

.navigatie ul{
list-style-type: none;
margin-left: 0px;
margin-top: 5px;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.navigatie ul li{
padding-bottom: 	2px; /*bottom spacing between menu items*/
position:		relative;
}
.navigatie ul li a{
color: 		brown;
font-variant:	small-caps;
background: url(../image/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
overflow: auto;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}
.navigatie ul li a:visited{
color: 		brown;
}
.navigatie ul li a:hover{ /*hover state CSS*/
color: 		brown;
background: url(../image/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
background-color: #F3F3F3;
}
/*Sub level menu items */
.navigatie ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.navigatie a.subfolderstyle{
background: url(../image/arrowbullet.png) no-repeat center left; /*custom bullet list image*/;

}



</style>