/*
CSS Version: 0.1
Author: Jerome de Groot
Author URI: http://www.oscin.nl

*/

html { min-height: 100%; margin-bottom: 1px; }
 
body, td, table {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 0px 0px;
        border-collapse: collapse;
        text-align: left;
}

.container { 
	background-image:  url('http://www.duine.nl/images/bgboven.gif');
	background-repeat: repeat-x;
	width: 100%;
}

.error { 
	background-image:  url('http://www.duine.nl/images/error1.gif');
	background-repeat: repeat-x;
	width: 100%;
}

h1 { color: #000000;
     font-weight: 800;
     font-size: 18px;
     font-family: arial,helvetica,sans-serif;
}

h1.article, h1 a.article, h1 a.article:visited, h1 a.arcticle:hover { color: #aad4a5; }
 
h2, 
h2 a:link { 
     padding: 0px 0px 0px 10px;
}
p {
	text-align: justify;
	line-height: 170%;
        padding: 0px 0px 0px 0px;
}
p a:link,
p a:visited {
	text-align: justify;
	line-height: 170%;
        padding: 0px 0px 0px 0px;
}

a,
a:link,
a:visited { 
      color: #000000; 
      text-decoration: none; 
      padding: 0px;
}
a:hover { 
      color: #51a245;
}
a img { 
      border: none;
}

li {
      line-height: 170%;
}
/* Tables
------------------------------------------------------------------------------- */

table.breed {
	margin: 0px;
	border-width: 0px;
        padding: 0px; 
	width: 100%;
        border-collapse: collapse;
}

table.midden {
	margin: 0px;
	width: 750px;
	border-spacing: 0px; 
        border-collapse: collapse;
}


/* Top
------------------------------------------------------------------------------- */

.topcat {
	background-color: #ffffff;
	width: 250px;
}

.toptitel {
	width: 650px;
	background-image:  url('http://www.duine.nl/images/header/1.gif');
	background-repeat: no-repeat;
	background-color: #ffffff;
        text-align: right;
}

.topbalk {
	background-color: #aad4a5;
	height: 10px;
}

.topfade {
	background-image:  url('http://www.duine.nl/images/topfade.gif');
        background-repeat: no-repeat;
        background-color: #aad4a5;
        height: 25px;
        border-width: 0px;
        text-align: right;
        padding: 0px;
}
/* #51a245 */
.topfade a:link { color: #ffffff; text-decoration: none; font-weight: bold; padding: 5px; onfocus: blur; }
.topfade a:visited { color: #ffffff; text-decoration: none; font-weight: bold; padding: 5px; onfocus: blur; }
.topfade a:hover { color: #000000; text-decoration: none; font-weight: bold; padding: 5px; onfocus: blur; }

.topfade2 {
        background-color: #e6f5db;
        padding: 0px;
        border-collapse: collapse; 
}
.topfade2 img { 
        padding: 0px; 
        float: left;
        margin: 0px;
        border: 0px;
}

.topfade2image {
        background-color: #e6f5db;
        height: 60px;
        width: 400px;
        padding: 0px 0px 0px 0px;
        margin: 0px;
        border: 0px;
}
.topfade2image img { 
        padding: 0px; 
        float: right;
        margin: 0px;
        border: 0px;
}


.toptitel3 {
	width: 650px;
	background-image:  url('http://www.duine.nl/images/header/1.gif');
	background-repeat: no-repeat;
	background-color: #ffffff;
        text-align: right;
}

.topbalk {
	background-color: #aad4a5;
	height: 10px;
}

.topbalk2 {
	background-image:  url('http://www.duine.nl/images/topbalk2.gif');
        background-repeat: repeat-x;
	height: 24px;
        margin: 0px 0px 20px 0px;
}

/* inhoud 
------------------------------------------------------------------------------- */

.inhoud1 {
	width: 240px;
        vertical-align: top;
        background-color: #e6f5db;
        border-top: 1px solid #aad4a5;
}

.inhoud2 {
	width: 510px;
        vertical-align: top;
        background-color: #ffffff;
        border-right: 2px solid #aad4a5;
        border-top: 1px solid #aad4a5;
}

.inhoud3 {
	width: 300px;
        vertical-align: top;
        background-color: #fbfbfb;
        border-right: 2px solid #aad4a5;
        border-top: 1px solid #aad4a5;
}

.boven {
	width: 750px;
        text-align: left;
}

.menu, .menu2
{
	height: 35px;
	width: 187px;
	background-image:  url('http://www.duine.nl/images/menu.gif');
        /* background-color: #e6f5db; */
	text-align: left;
	line-height: 30px;
        font-weight: bold;
        margin: 0px 0px 0px 0px;
        padding: 0px;
}

.menu
{
background-position: -180px 0;
}
.menu a:hover
{
        color: #ffffff;
        font-weight: bold;
}
.menu a:link {
        padding-left: 10px;
}
.menu a:visited {
        padding-left: 10px;
}
        

.catpublicatie {  
	height: 40px;
        vertical-align: center;
        text-align: left;
}
/* Trail 
------------------------------------------------------------------------------- */

.trail {
        padding: 3px 0px 0px 10px;
        height: 20px;
        word-spacing: 5px;
}

.trail a:link,
.trail a:visited { 
        text-decoration: none; 
        padding: 3px 0px 0px 0px; 
        border: 0px;
        color: #51a245; 
}

.trail a:hover {
        color: #318225;
} 

/* Categorie opmaak - hierin staan alle opmaak codes voor Artikelen, Categorien en Submenu's 
------------------------------------------------------------------------------- */

.categorie {
        margin-top: 0px;
        width: 100%;
        border-collapse: collapse;
        text-decoration: none;
}

.cattitel {  
        padding: 0px 0px 0px 10px;
        font-weight: bold;
        height: 24px;        
        background-color: #aad4a5;
        color: #000000;
        vertical-align: middle;
}
.cattitelrss {  
        text-align: right;
        padding-right: 5px;
	background-color: #aad4a5;
}

.cattitelrss2 {  
        text-align: right;
        padding-right: 5px;
	background-color: #e6f5db;
}
.cattitel2 {  
        padding: 0px 0px 0px 0px;
        height: 15px;        
        color: #000000;
        font-weight: bold;
}
.cattitel2 a:hover { text-decoration: underline; color: #000000; }

.cattitel3 {  
        background-color: #ffffff;
        padding: 0px 0px 0px 0px;
        text-align: right;
}
.cattitel3left {  
        padding: 5px 0px 5px 0px;
        text-align: left;
        font-size: 11px;
}
.cattitel3left a, .cattitel3left a:link , .cattitel3left a:visited { color: #51a245; text-decoration: none; padding: 0px; }
.cattitel3left a:hover { color: #318225; }

.cattitel3right {  
        background-color: #ffffff;
        padding: 5px 10px 0px 5px;
        text-align: right;
        font-size: 11px;
        font-weight: bold;
}
.cattitel3right a { color: #51a245; text-decoration: none; padding: 0px; }
.cattitel3right a:link { color: #51a245; text-decoration: none; padding: 0px; }
.cattitel3right a:visited { color: #51a245; text-decoration: none; padding: 0px; }
.cattitel3right a:hover { color: #318225; }
     
.ArticleNavigation {
        font-size: 11px;
        margin: 10px;
}
          
.catinhoud, .catinhoud a:link, .catinhoud a:visited {  
        padding: 5px 0px 0px 0px;
        line-height: 170%;
        text-align: left;
}
.catinhoud a:hover {  
        color: #000000;
}

.catinhoud2 {  
        padding: 5px 10px 0px 10px;
        line-height: 170%;
        text-align: left;
} 

.catinhoud2 a, .catinhoud2 a:link, .catinhoud2 a:visited { 
      color: #51a245; 
      text-decoration: none; 
      padding: 0px;
}
.catinhoud2 a:hover { 
      color: #318225;
}

.catinhoud3 {  
        padding: 5px 0px 10px 0px;
        line-height: 170%;
        text-align: left;
        background-color: #ffffff;
}

.catinhoud3 a, .catinhoud3 a:link, .catinhoud3 a:visited { 
      color: #51a245; 
      text-decoration: none; 
      padding: 0px;
}
.catinhoud3 a:hover { 
      color: #318225;
}

.catinhoud4, .catinhoud4 a:link, .catinhoud4 a:visited {  
        padding: 6px 6px 6px 6px;
        line-height: 170%;
        text-align: left;
}
.catinhoud4 a:hover {  
         border: 1px solid #aad4a5;
         background-color: #e6f5db;
         padding: 5px 5px 5px 5px;
}

/* down 
------------------------------------------------------------------------------- */

.downbalk {
	background-color: #aad4a5;
	height: 10px;
}

/* leftmenu 
------------------------------------------------------------------------------- */

.leftmenu {
	font-weight: bold;
        padding: 10px 0px 0px 0px;
        color: #000000;
}

.leftmenu a:link,
.leftmenu a:visited {
	font-weight: bold;
        padding: 10px 0px 0px 0px;
        color: #000000;
}

.leftmenu2 {
        padding: 10px 0px 0px 0px;
	font-weight: bold;
        text-decoration: none; 
}

.leftmenu2 a:link,
.leftmenu2 a:visited {
        padding: 10px 0px 0px 0px;
	font-weight: bold;
        text-decoration: none; 
}

/* dossier 
------------------------------------------------------------------------------- */

.dossier,
.dossier a:link,
.dossier a:visited {  
        padding: 5px 0px 0px 0px;
        text-align: left;
        color: #000000;
        line-height: 185%;
}
.dossier a:hover {  
        text-decoration: underline;
}

.dossiertitel {
        padding: 0px 0px 0px 8px;
        font-weight: bold;
        width: 240px;
        height: 24px;
        background-color: #aad4a5;
        color: #ffffff;
}
.dossiertitel a:link,
.dossiertitel a:visited {  
        padding: 0px 0px 0px 8px;
        font-weight: bold;
        width: 240px;
        height: 24px;
}
.dossiertitel a:hover { color: 000000; text-decoration: underline; }

.dossier2 {
        margin: 0px 10px 0px 15px;
}

.dossier3 {
        margin: 0px;
        border-collapse: collapse;
}

.dossier4 {
        padding: 10px 10px 0px 15px;
        line-height: 170%;
}
.dossier4 a img {
        padding: 2px 0px 2px 0px;
        line-height: 170%;
}

.content{
        padding: 0px 0px 0px 15px;
        line-height: 170%;
}

/* footer
------------------------------------------------------------------------------- */

.footer {
    text-align: left;
    line-height: 170%;
}

footer.link { 
    text-align: center;
    color: #000000;
}
footer.visited { text-decoration: none; }
footer.hover { text-decoration: none; }

.footer img {
    border: 0px;	
    padding-left: 390px;
}

/* zoeken
------------------------------------------------------------------------------- */
input, select {
	border: 1px solid #58986a;
	color: #000000;       
        background-color: #cee8c5;
        margin-right: 3px;
	font-size: 11px; 
	font-family: Verdana, arial, sans-serif;
}

input.field {
        height: 14px;
}

form:focus, form:focus {    
        background-color: #fff;
}