html {
background: #d3dfed url(../images/wolken-bg.jpg) bottom left repeat-x fixed;
height: 100%;
}

body {
margin: 0;
padding: 0;
font: 0.80em/1.7em Tahoma, Verdana, Arial, Helvetica, san-serif;
}

#wrapper {
width: 717px;
margin: 0 auto;
}

#header {
margin: 57px 0 0 0;
width: 717px;
height: 130px;
}

#lelie {
margin: 0 0 0 50px;
}

#txtcontemplatief {
margin-bottom:0;
}

#nav {
z-index: 20;
margin: 0;
padding:0;
background: url(../images/bg_ondernav.png) 0 30px no-repeat;
height: 97px;
}

#nav ul {
background: url(../images/bg_tabs.gif) no-repeat;
margin: 0;
padding: 5px 0;
list-style: none;
}

#content ul {
margin: 0;
margin-top: -10px;
padding: 15px;
list-style-image: url(../images/arrow_ul.gif);
}


#nav li {
color: #598fd9;
margin: 0;
padding: 5px 20px 9px 20px;
display: inline;
font-weight: bold;
font-size: 1em;
}

#nav li.active{
background-color: #ecf4fe;
padding-top:9px;
color: #c00;
}

#nav a{
text-decoration: none;
color: #598fd9;
}

#content ul a{
text-decoration: none;
color: #034bad;
}

#content ul a:hover {
text-decoration: none;
color: #c00;
}

/* Hovers werkwijzen - contentdeel =============================================*/

#content a:link {
color: #7c4dbb;
text-decoration: none;
}

#content a:visited {
color: #5b00a2;
text-decoration: none;
}

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

#content a:active {
color: #ca0bd1;
text-decoration: underline;
}


#list_werkwijzen {
font: 0.9em/1.7em Tahoma, Verdana, Arial, Helvetica, san-serif;
color: #034bad;
font-weight: bold;
}

#content, #publications {
z-index: 30;
margin-top: -70px;
background: url(../images/bg_txtdeel.png) 0 0 repeat-y;
color: #1186d0;
padding: 20px;
padding-top: 40px;
font-size: 1.05em;
}

#publications img {
float: left;
padding: 10px 10px 0 0;
}


.intro {
font-size: 1.05em;
margin-bottom: 20px;
}

p {
margin: 0;
padding: 5px 0;
}



h2 {
font: 1.7em/1.7em Constantia, Georgia, Tahoma, Verdana, Arial, Helvetica, san-serif;
color: #e81717;
margin:0 0 -10px 0;
}


h3 {
font: 1.3em/1.7em Constantia, Georgia, Tahoma, Verdana, Arial, Helvetica, san-serif;
color: #e81717;
margin-bottom: 0;
}

h4 {
font: 1em/1.7em Constantia, Georgia, Tahoma, Verdana, Arial, Helvetica, san-serif;
color: #e81717;
}

h5 {
font: bold 1.2em/1.7em Constantia, Georgia, Tahoma, Verdana, Arial, Helvetica, san-serif;
color: #598fd9;
margin:0;
}

.subheader {
display: block;
font: bold 1em/1.7em Tahoma, Verdana, Arial, Helvetica, san-serif;
color: #598fd9;
margin-top: -5px;
}

h6 {
display: block;
width: 660px;
border: 1px solid #034bad;
padding: 7px;
font: 0.95em/1.6em Tahoma, Verdana, Arial, Helvetica, san-serif;
}

.quote {
font-style: italic;
font-size: 90%;
width: 660px;
}

.werkwijzen, .werkwijzen_active {
display:block;
border: 1px solid #598fd9;
padding: 5px;
margin: 0;
margin-top: -1px;
}

.werkwijzen_active {
background: #f0f3f9;
}

.werkwijzen em, .werkwijzen a, .werkwijzen_active em, .werkwijzen_active a {
color: #e81717;
text-decoration: none;
}

.werkwijzen em:hover, .werkwijzen a:hover, .werkwijzen_active em:hover, .werkwijzen_active a:hover {
text-decoration: underline;
}

.kruimelpad {
display: block;
margin-bottom: 15px;
font: 0.8em/1.6em Tahoma, Verdana, Arial, Helvetica, san-serif;
color: #598fd9;
}

.kruimelpad a:link{
color: #598fd9 !important;
text-decoration: underline;
}

.kruimelpad a:visited {
color: #598fd9 !important;
text-decoration: underline;
}


.kruimelpad a:hover{
text-decoration: none;
color: #e81717 !important;
}

.kruimelpad a:active {
text-decoration: none;
color: #e81717 !important;
}

address {
border: 1px solid #598fd9;
padding: 5px;
}