/* opmaak, helderester nieuw */

body {
background: #0A0B12;//#878085; color: #24272e;
text-align: center;
font-family: verdana; /*Georgia*/
font-size: 12px;
letter-spacing: 0.9;
line-height: 1.5;
margin: 15px auto 15px auto;
}


h1, h2, h3, h4 {color: #61AEFF;
font-family: Gregoria;} /* hemelsblauwe kopjes */

H1 {border-bottom: 6px double #3F3FDD;//#3230C2; font-size:36px; } 
H2 {font-size:25px;} 
H3 {font-size:20px;}
H4 {font-size:18px;}


table.geheel {
text-align: left; margin: 0 auto 0 auto; 
width: 754px; /* 754 + 2x14 + 2x3 = */
border-collapse: collapse;
}

td.sl {
background-image: url("images/shadowlinks.png");
background-repeat:repeat-y; v-align: top;
background-position: right;
width: 17px; }

td.sr {
background-image: url("images/shadowrechts.png"); 
background-repeat:repeat-y; v-align: top;
width: 17px;}


.kop {
background-image: url("../bg/aarde-helderester3.jpg");
background-position:center center; 
background-repeat:no-repeat;
text-align: center;
height: 179px;
}

.hoofdnavigatie {
color: #fff;
text-align: left;
margin: 0px;
margin-top: -11px;
padding-left: 16px;
padding-bottom: 3px;
font-family: verdana;
font-size: 15px;//16px;
letter-spacing: 0.3;
}

.hoofdnavigatie ul{   
list-style: none;
margin: 0px; padding: 0px;
}

.hoofdnavigatie li {
display: inline;
padding: 2px 0px;
margin: 0px 2px;//6px;
} 

a.menu{font-weight: 500;}

li a.menu:link, li a.menu:visited {
color: #fff;
text-decoration: none;
}

li a.menu:hover, li a.menu:active{
color:  #a6c4fa;//#d4e3fd;//#61AEFF;
text-decoration: underline;
}

.inhoud {
background-color: #fffefc;
margin: 0px; padding: 2px 15px;
border-top: 2px solid #3F3FDD;//#26A8FF;
border-bottom: 2px solid #3F3FDD;//#26A8FF;
font-size: 13px;
overflow: hidden;
width: auto;
}

.inhoud img{
background-color: #fff;
border: 1px solid #61AEFF;
padding: 4px; 
}

.inhoud img.rechts{
margin-left: 10px;
float: right;
}

.inhoud img.links{
margin-right: 10px;
float: left;
}

.subnavigatie {
float: right;
background-color: #fff;
border: 0px solid red;
margin: 0px; padding: 0px;
margin: 8px;
/* margin-left:8px; */
margin-right:-7px;
padding-left:8px;
}

.subnavigatie ul{   
list-style: none;
margin: 0px; padding: 0px;
}

.subnavigatie li, td.menu{ 
 background-image: url("../media/knop-bg.gif"); 
border: 1px solid #3230C2;
padding: 1px 4px;
}	

.subnavigatie td.menu{ 
 background-image: url("../media/knop-bg.gif"); 

}

.subnavigatie table {
border-collapse: collapse;
}

/* ***** links navagatie **** */
a:link, a:visited {
color: #26A8FF;//#2d23c2;
text-decoration: none;
}

a:hover, a:active {
color: #ec0524;
}

.voetafbeelding {
 background-image: url("../media/ag317b.jpg"); 
overflow: hidden;
}


.voet {
color: #191970;
padding: 15px;
//border-top: 3px solid #3230C2;
//border-bottom: 4px solid #3230C2;

height: 150px;
background-image: url("../bg/weiland.jpg");
font-size: 14px;
}

.voet a {
}
.voet a:link, .voet a:visited {
color: #3230C2; 
text-decoration: none;
}

.voet a:hover, .voet a:active {
color: #ec0524;
}

/*******portfolio***********/
div.portfolio {clear: left; padding-top: 0px; margin-bottom: 24px; 
min-height:240px; 
border: 1px dashed #61AEFF; 
background-image: url("../bg/zonnevlekken5.jpg"); color: #000;
/*background-image: url("../bg/space-the-final-frontier.jpg"); color: #fafafa;*/
}

div.portfolio img {margin-right: 1em;}

div.portfolio h1, div.portfolio h2, div.portfolio h3 {
border-bottom: 1px dashed #61AEFF; 
margin: 0px; padding: 10px 0.5em 2px 0.5em;
background-image: url("../bg/aarde-helderester3.jpg");
background-position: center right;
}

div.portfolio p {padding: 0 0.5em;}


/***Artikelen**/

div.artikelen{}
div.overzicht{
width: 180px;//200px; float: right; 
margin-top: 2px;//14px; 
margin-left: 14px; 
margin-right: -11px;
background-image: url("../bg/zonnevlekken5.jpg"); 
border: 1px dashed #61AEFF; }

div.overzicht ul{list-style: none;
margin: 0px; padding: 0px;}

div.overzicht_kop {background-image: url("../bg/aarde-helderester3.jpg");
background-position: 90% 40%;//top right; 
padding: 7px 8px 1px 8px;}
div.overzicht_kop h1, div.overzicht_kop h2, div.overzicht_kop h3, div.overzicht_kop h4 {margin: 0px; padding: 0px;}
div.overzicht_inhoud {margin: 4px 8px;}

p.datum {color: #3230C2; font-weight: bold;}

/******contact en nieuwsbrief formulieren*******/
div.rechts {width: 180px; float: right; margin-left: 14px; }

form.contact, form.nieuwsbrief {width: 300px;
background-image: url("../bg/zonnevlekken5.jpg"); 
border: 1px solid #61AEFF;
}

/*form.contact label, form.nieuwsbrief label*/
label {color: #3230C2; font-weight: bold;}

/*form.contact legend, form.nieuwsbrief legend, form.verzenden legend*/
form legend
{color: #fafafa;//#fff; //#a6c4fa; 
border: 1px solid  #61AEFF; 
border-top: 0px solid  #61AEFF; 
background-image: url("../bg/aarde-helderester3.jpg");
background-position:center center; 
padding: 2px 8px;  font-weight: bold; font-size: 14px;}

span.rood{color: #ec0524;}
span.lblauw{color: #61AEFF;}
span.dblauw{color: #3230C2;}

/*form.contact input.knop, form.nieuwsbrief input.knop, form.verzenden input.knop */
input.knop 
{border: 1px solid #61AEFF; 
color: #fff; 
font-weight: bold; font-size: 14px;
background-image: url("../bg/aarde-helderester3.jpg");
background-position:center center; }

/********************/
table.nv {color: #3230C2; border-collapse: collapse;}

table.nv th {border: 1px solid #61AEFF; color: #fff; 
background-image: url("../bg/aarde-helderester3.jpg");
background-position:center center;}

table.nv td {border: 1px solid #61AEFF;}

table.nv th, table.nv td {padding: 0 8px;}

form.verzenden {width: 716px;background-image: url("../bg/zonnevlekken5.jpg"); 
border: 1px solid #61AEFF;}

form.bestel {width: 716px;background-image: url("../bg/zonnevlekken5.jpg"); 
border: 1px solid #61AEFF;}

p.prijs {font-weight: bold; color: #3230C2;//#61AEFF;//#ec0524;}