/* CSS Document */

/*##############################################################
  Eric Meyer's Latest version of Reset.css (includes Baseline)
##############################################################*/ 

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

a img, :link img, :visited img {border: 5px}
table {border-collapse: collapse; border-spacing: 0; border:none; padding:5px; }
ul {list-style: none}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}

a.tekshilite:link {color:#ff0000;}
a.tekshilite:visited {color:#0000ff;}
a.tekshilite:hover {background:#66ff66;}
a.tekshilite:style {span=cursor:pointer;}

a.grttekshilite:link {color:#ff0000;}
a.grttekshilite:visited {color:#0000ff;}
a.grttekshilite:hover {background:#4ef83c;text-decoration:blink; font-weight:bold}
a.grttekshilite:style {span=cursor:pointer;}

img.dof { opacity:0.3; filter:alpha(opacity=30);}  

h2.pos_top_left
{
position:relative;
left:80px;
top:160px;
}

hr {color:navy;}

/*#######################
  Element Styles 
#######################*/

body {font-size:14px; font-family:Helvetica, Arial, Verdana, sans-serif; color:#000; background:#6d6d6d }  /* blou #262f96 */

h2, h3, h4, h5, p, ul, ol, dl {margin:15px 0}
h2, h3, h4, h5 {font-weight:bold; color:#717171}
h2 {font-weight:bold; color:#ddd}
h2 {font-size:1.5em ; text-align:center;}
h3 {font-size:1.25em}
h4 {font-size:1.15em}
h5 {font-size:1em; font-style:italic; color:gray}
a {color:#1ab2c0; outline:none; text-decoration:none; }
	a:hover {text-decoration:blink}
    
a:link {color:#FF0000;}    /* unvisited link */
a:visited {color:#00FF00;} /* visited link */
a:hover {color:#FF00FF;}   /* mouse over link */
a:active {color:#0000FF;}  /* selected link */ 
   
dt {margin:15px 0; font-weight:bold}
dd {margin:5px 0 5px 15px}
ol {margin-left:25px}
strong {font-weight:bold}

/*#######################
  Layout Styles 
#######################*/

#wrapper {width:800px; margin:0 auto; border-radius: 15px;}

#header {height:57px}
	h1 {float:left; display:inline; padding:20px 0 20px 80px; font-size:1.15em; font-weight:bold; color:#222000; background:url(../images/nglwr.jpg) left 50% no-repeat}
	#navigation {float:right; margin:0; border-right:2px groove #fff}
		#navigation li {float:left; display:inline; margin-right:5px; font-size:1.15em; border-left:2px groove #fff}
			#navigation li a {display:block; padding:20px 30px; color:#444}
				#navigation li a:hover,
				#tuisblad #tuisblad_link a,
				#gebede_page #gebede_link a,
				#kontakons_page #kontakons_link a {color:#000000; font:strong}		

#tuisblad_intro {

opacity:0.9; filter:alpha(opacity=90);
clear:both; padding:15px; margin-top:15px; font-size:1.3em; color:#fff; 
display: block;
border-width: 5px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;     /* #ccc #888 #555 #bbb  skadulyne in grys */
margin: 0;
padding: 5px 5px;
border-radius: 12px;
text-align:center;
background-color:#262f96;
}

#tuisblad_intro:hover {
background-color:green; /*#6d6d6d;  */
opacity:1.0; filter:alpha(opacity=100);
text-shadow:3px 3px 3px black;
box-shadow: 10px 6px 20px black;
border-color:white;
}


#agtergrond {
   display: block;
   position: fixed;
   top: 0;
   right: 0;
   width: 1600px;
   height: 900px;
   font-weight: normal;
   opacity:0.6; filter:alpha(opacity=60);
}


}
	#tuisblad_intro h2 {color:#0000ff; }
	#tuisblad_intro p {color:#0000ff; line-height:1.5em}

#eersteblad_intro {clear:both; padding:15px; margin-top:15px; font-size:1.15em; color:#fff;border: none; }
	#eersteblad_intro h2 {color:#0000ff; }
	#eersteblad_intro p {color:#0000ff; line-height:1.5em}
    
#tuisblad #content {margin-top:15px}
#content {
opacity:1.0; filter:alpha(opacity=100);
clear:both; float:left; display:inline; margin-top:30px; padding:15px; ;
display: block;
width:783px;
border-width: 5px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;     /* skadulyne in grys */
margin: 0;
padding: 2px 3px;
border-radius: 12px;
background-color:#262f96;
}	
#contentgrys 
{
opacity:0.7; filter:alpha(opacity=70);
clear:both; float:left; display:inline; margin-top:30px; padding:15px; ;
display: block;
width:783px;
border-width: 5px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;     /* skadulyne in grys */
margin: 0;
padding: 2px 3px;
border-radius: 12px;
background-color:#6d6d6d;
}
	#content img {float:left; display:inline; margin:15px 15px 15px 0}
	#content p {line-height:1.25em; color:white}
	#content ul {margin-left:25px; list-style-type:disc}
		#content li {margin:10px 0}	
	#tuisblad #content .two_columns {float:left; display:inline; width:325px; margin-right:15px}
	#content .two_columns {float:left; display:inline; width:360px; margin-right:15px; line-height:1.25em}
	#content .thin_column {float:left; width:319px; font-size:.9em; color:#717171; font-style:italic}
    #content:hover { box-shadow: 10px 6px 30px black; border-color:white;}
    #contentgrys:hover { opacity:1.0; filter:alpha(opacity=100);box-shadow: 10px 6px 30px black; border-color:white;}
	
/* Form Styles */

input, textarea {padding:3px; font-size:.95em; font-family:Helvetica, Arial, Verdana, sans-serif; font-style:italic; color:darkred}
submit {width:60px; color:black}
input {width:150px}
textarea {width:350px; height:150px}
input:focus {background-color:yellow; }

#submit {width:50px; font-weight:bold; color:#999; font-style:normal}
	
#footer {clear:both; margin-left: 30px; padding:25px 0 15px 0; font-size:.9em; font-style:italic; color:yellow;}

div.blok {
    margin: 5px;
    padding: 5px;
    border: 5px solid #262f96;
	border-radius: 25px;
    height: auto;
    width: auto;
    float: left;
    text-align: center;
}	

div.blok img{
    display: inline;
	margin: 5px;
    border: 1px solid #262f96;
	border-radius: 10px;
    position: relative;
    left: 20px;
	opacity: 0.8;
}	
div.blok a:hover img{
    border: 1px solid black;
	box-shadow: 6px 4px 20px black;
	opacity: 1.0;
}
div.blok a:active img{
    border: 1px solid white;
	box-shadow: 6px 4px 20px black;
	opacity: 1.0;
}

#grad1 {
    height: 155px;
    width: 156px;
    background: -webkit-radial-gradient(50% 50% closest-side, red, green, blue, #262f96); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(50% 50% closest-side, red, green, blue, #262f96); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(50% 50% closest-side, red, green, blue, #262f96); /* For Firefox 3.6 to 15 */
    background: radial-gradient(closest-side at 50% 50%, red, green, blue, #262f96); /* Standard syntax (must be last) */
	border: 5px solid #262f96;
	border-radius: 78px;
	opacity: 0.7;
}
#grad1:hover {
    border: 5px solid green;
	box-shadow: 6px 4px 10px black;
	opacity: 1.0;
}
#grad1:active {
    border: 5px solid #ffffff;
	box-shadow: 6px 4px 10px black;
	opacity: 1.0;
}
#grad1:visited {
    border: 5px solid #ffffff;
	box-shadow: 6px 4px 10px black;
	opacity: 1.0;
}

div.desc {
  text-align: center;
  color:white;
  font-weight: normal;
  width: 155px;
  margin: 5px;
}

div.blokkie0 {
    margin: 1px;
    padding: 1px;
/*    border: 1px solid #262f96;*/
	border-radius: 25px;
    height: auto;
    width: auto;
    float: left;
    text-align: center;
}	

div.blokkie0 img{
    display: inline;
	margin: 1px;
/*    border: 1px solid #262f96;*/
	border-radius: 10px;
    position: relative;
    left: 20px;
	opacity: 0.8;
}	

div.blokkie1 {
    margin: 1px;
    padding: 1px;
/*    border: 1px solid #262f96;*/
	border-radius: 25px;
    height: auto;
    width: auto;
    float: right;
    text-align: center;
}	

div.blokkie1 img{
    display: inline;
	margin: 1px;
/*    border: 1px solid #262f96;*/
	border-radius: 10px;
    position: relative;
    right: 20px;
	opacity: 0.8;
}

div.blokgrys {
    margin: 5px;
    padding: 5px;
    border: 5px solid #6d6d6d;
	border-radius: 25px;
    height: auto;
    width: auto;
    float: left;
    text-align: center;
}	

div.blokgrys img{
    display: inline;
	margin: 5px;
    border: 1px solid #6d6d6d;
	border-radius: 10px;
    position: relative;
    left: 20px;
	opacity: 0.8;
}	
div.blokgrys a:hover img{
    border: 1px solid black;
	box-shadow: 6px 4px 20px black;
	opacity: 1.0;
}
div.blokgrys a:active img{
    border: 1px solid white;
	box-shadow: 6px 4px 20px black;
	opacity: 1.0;
}