/* global
----------------------------------------------- */

body 
{
	background-color: #810d87;background-image: url(/upload/a/2/d/juffy/687-hen008-cijfers-groot.large.jpg);background-position: top center;background-repeat: no-repeat;;
	margin: auto;	
	padding: 0;
	font-family: Verdana;
	color: #510f62;
	font-size: 12px; 
}

/* layout
----------------------------------------------- */


#container 
{
	background: #e3d3e3;
	position: relative;	
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	width: 790px;
	border:2px dashed #b34268;
	border-top-width:0px;
}

#leftcol 
{
	z-index:1;
	background: #d995e8;
	float:left;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	width: 200px;
	xheight: 1000px;
	border:2px dashed #b34268;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width: 3px;		
	border-bottom-width: 3px;	
	
	border-right-style: solid;		
	border-bottom-style: solid;	
}

#rightcol 
{
	z-index:1;
	padding: 0px 5px 0px 5px;
	margin: 20px 15px 10px 230px;
	/*width: 540px; */
	border: 0px solid #ccc;	
}


#footer
{
	position:relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 15px 5px; 
	border-top: 10px #b12df0 solid;
	background: #f4439e;
	/*text-align:right; */
	clear: both;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c582d4;
	text-align:right;
}

#footer p
{
	background-color: transparent;	
	padding-top: 5px;
	padding-bottom: 2px;
	margin: 0px;
	/*text-align: right; */
}

#footer a
{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c582d4;
	background-color: transparent;	
	margin: 0px;
	border-bottom: 0px #000 solid;	
}
#footer a:hover
{	
background-color: #b12df0;
}





/* type
----------------------------------------------- */

.leftfirst a, .leftfirst h2, .leftfirst h1, .leftfirst h3{
  color:#d995e8;
 }
div.leftfirst
{
font-size:11px;
color: #d995e8;
letter-spacing: 1px; 
line-height: 25px;	
background: #c145e3;
padding: 10px 0px 10px 0px;
margin: 5px 0px 0px 0px;
border-left: 0px solid #c145e3;
border-right: 0px solid #c145e3;
border-top: 5px solid #d995e8;	
border-bottom: 5px solid #d995e8;	
border-width: 12px;	
}


p
{		
display:block;
/*margin: 10px 10px 10px 10px; */
padding: 0px 0px 0px 0px;
font: 12px Verdana;
letter-spacing: 1px; 
line-height: 20px;	
text-align: justify;
}

.box2 p
{
font: 12px Tahoma, Arial, Helvetica, sans-serif;	
color: #fff;
line-height: 19px;
}


.content a
{
	color: #6f1490; 
}
.content a:hover{
	color:#e3d3e3;
	background:#811cba;
}

.text .jouwweb-region {
	overflow:visible;
}


span.highlight
{
	background: #D8E2D8;
}

acronym 
{ 
	border-bottom: 1px dotted #ff0000; 
	cursor: help; 
}

strong
{
	color: #385870;
	font-size: 14px;
}

/* headings
----------------------------------------------- */

h2.header
{	width: 340px;
	position: absolute;
	background: transparent;	
	color:#c582d4;
	margin: 20px 0px 0px 440px;
	padding: 0px 0px 3px 0px;
	font: bold small-caps 30px Trebuchet MS, Arial, Helvetica, sans-serif;
	letter-spacing: -1px; 
	z-index:2;
	line-height: 20px;
	border: 0px solid #333;
	text-align: justify;
}

img.headerimage
{ 
	position: absolute;
	background: #811cba;
	z-index:  1;
}

h1.header
{ 
	position: absolute;
	background: #811cba;	
	color: #c582d4;
	border-top: 3px solid #f4439e;
	border-left: 3px solid #f4439e;
	border-right: 3px solid #f4439e;
	border-bottom: 3px solid #f4439e;
	margin: 10px 0px 0px 10px;
	padding: 0px 10px 0px 10px;
	font: small-caps 60px Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -3px; 
	line-height: 60px;
	z-index: 1;
}

h1.header a:link,
h1.header a:visited
{color: #c582d4;text-decoration: none;}

h1.header a:hover
{color:#e895de;}

h3.header
{ 
	position: absolute;
	background: #811cba;
	border-left: 3px solid #f4439e;
	border-bottom: 3px solid #f4439e;
	border-right: 3px solid #f4439e;
	color: #e895de;
	margin: 73px 0px 0px 10px;
	padding: 0px 10px 10px 10px;
	font: small-caps 23px Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 3px; 
	line-height: 20px;
	z-index: 1;	
	text-align: justify;
}


.content h1
{ 
	position: relative;
	background: #811cba;	
	color: #e3d3e3;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 10px;
	font: small-caps 36px Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-top: 3px solid #000;	
	overflow:hidden;
	border-left: 0px solid #000;
	border-right: 0px solid #000;
	letter-spacing: -2px; 
	line-height: 26px;
}


.content h2
{ 
	overflow:hidden;
	position: relative;	
	color: #6f1490;
	margin: 10px 0px 5px 0px;
	padding: 10px 5px 5px 5px;
	font: small-caps 30px Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-top: 3px solid #510f62;	
	border-left: 3px solid #510f62;
	border-right: 3px solid #510f62;
	letter-spacing: -2px; 
	line-height: 20px;
}
.content a{
	color:#6f1490;
}
.content h3{
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size:26px;
	font-size-adjust:none;
	font-stretch:normal;
	padding:0;
	margin:0;
	color: #6f1490;
	font-style:normal;
	font-variant:small-caps;
	font-weight:bold;
	letter-spacing:-2px;
}






div.bloghead
{
xheight: 68px;
border-top: 3px solid #000;
border-bottom: 2px dotted #385870;
margin: 0px 0px 0px 0px;
padding: 5px 0px 45px 0px; 
background: #F2F0C4;  
}

h2.blog
{ 
	position: relative;
	margin: 0px 0px 0px 63px;
	padding: 5px 0px 0px 0px;
	font: small-caps 35px Trebuchet MS, Arial, Helvetica, sans-serif;
	letter-spacing: -2px; 
	line-height: 25px;
}
h2.blog a
{	
color: #385870;	
text-decoration: none;	
}

h2.blog a:hover
{
color: #26383D;
text-decoration: none;	 
}

p.blogcategories
{	
padding: 0px 0px 10px 10px;
margin: 10px 0px 30px 0px;	
border-bottom: 3px solid #000;
}

p.bloglinks
{
float:right;
font: 13px Tahoma, Arial, Helvetica, sans-serif;
color: #385870;
letter-spacing: 1px; 	
padding: 0px;
margin: 22px 0px 0px 10px;
}
p.bloglinks a,
p.bloglinks a:visited,
p.blogcategories a,
p.blogcategories a:visited
{
 color: #fff; 
 background: #385870;  
 border-bottom: 0px solid #000;
 text-decoration: none;
 padding: 0px 3px 0px 3px;
 margin: 0px 0px 0px 0px;	
}
p.bloglinks a:hover,
p.blogcategories a:hover
{
 color: #E8E495; 
 background: #26383D;  
 text-decoration: none;
 padding: 0px 3px 0px 3px; 
 margin: 0px 0px 0px 0px;
}

.cala
{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	background: #fff;
	text-transform: uppercase;
	color: #385870;
	width: 52px;
	text-align: center;
	letter-spacing: 0px; 
	font: 19px Trebuchet MS, Arial, Helvetica, sans-serif;
	border-top: 2px solid #ccc;
	border-right: 2px solid #000;	
	border-left: 2px solid #ccc;
	border-bottom: 2px solid #000;
}

span.date
{	
	padding: 0px 10px 0px 10px;
	background: #385870;
	color: #fff;
	text-align:center;
	letter-spacing: -1px; 
	font: bold 29px Trebuchet MS, Arial, Helvetica, sans-serif;
}










.scan
{ 
	width: 100%;
	background: #f4439e;
	color: #b12df0;
	border:2px dashed #b34268;
	border-left: 0px solid red;
	border-right: 0px solid red;
	border-top:0px solid red;
	border-bottom-width:3px;
	border-bottom-style:solid;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Georgia Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: normal;
	letter-spacing: -3px; 
	line-height: 29px;
}

span.alim{color: #e895de}



div.nav
{
position: absolute;
z-index:2;
width: 800px;
color: #000;
border-bottom: 0px solid #000;
padding: 0px 0px 0px 0px;
margin: 195px 0px 0px 0px;
}

div.nav ul
{
color: #fff;
border: 0px solid green;
padding: 0px 0px 0px 0px;
margin: 0px 10px 0px 0px;
}

div.nav li
{
float:right;

list-style: none;
display: inline;
color: #fff;
padding: 10px 0px 16px 0px;
margin: 0px 7px 0px 0px;
border: 0px solid #000;
}

div.nav li a
{
font: bold small-caps 22px Trebuchet MS, Arial, Helvetica, sans-serif;
letter-spacing: -1px; 
background: #e9e0f0;
padding: 3px 10px 0px 10px;
margin: 0px 0px 0px 0px;
color: #761c82;
text-decoration: none;
border-left: 3px solid #e9e0f0;
border-top: 0px solid #e9e0f0;
border-right: 3px solid #e9e0f0;
}

div.nav li a:hover
{
background: #e9e0f0;
text-decoration: none;
border-left: 3px outset #e9e0f0;
border-bottom-width:0px;
border-top: 3px outset #e9e0f0;
border-right: 3px outset #e9e0f0;
}


div.nav li a.activePage
{
background: #e3d3e3;
padding: 3px 10px 3px 10px;
margin: 0px 0px 0px 0px;
color: #510f62;
text-decoration: none;
border:2px dashed #b34268;
border-bottom-width:0px;
border-left-width: 3px;
border-top-width: 3px;
border-right-width: 3px;
border-left-style:solid;
border-right-style:solid;
border-top-style:solid;
}


/* Alternate Navigation
----------------------------------------------------------------------------------------------------- */

div.altnav
{
background: transparent;	
text-align: left;
width: 203px;
padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 0px;
}


/* Quote
----------------------------------------------------------------------------------------------------- */

div.quote{	
border-top: 3px solid #385870;
border-left: 3px solid #385870;
border-right: 3px solid #385870;
border-bottom: 3px solid #26383D;
width: 400px;
padding: 0px 0px 0px 0px;
margin: 20px auto 20px auto;
background: #fff;
}

p.comma
{
text-transform: uppercase;
font: bold 25px Trebuchet MS, Arial, Helvetica, sans-serif;
letter-spacing: -2px;
color: #385870;
padding: 0px 0px 0px 5px;
margin: 0px 0px -7px 0px;
border: 0px solid #000;
z-index: 1;

}

p.quotetext{
background: #385870;
font: italic 14px Georgia, Arial, Helvetica, sans-serif;
letter-spacing: 0px;
text-align: justify;
width: 380px;
padding: 10px 10px 10px 10px;
margin: 0px 0px 0px 0px;
color: #fff;
}

/* Box 1
----------------------------------------------------------------------------------------------------- */

p.boxhead
{
text-transform: uppercase;
font: bold 25px Trebuchet MS, Arial, Helvetica, sans-serif;
letter-spacing: -2px;
background: #26383D;
color: #385870;
padding: 15px 0px 0px 5px;
margin: 0px 0px 0px 0px;
border: 0px solid #000;
line-height: 18px;
}

.box2 
{
background: #385870;
float:right;	
width: 250px;
margin: 10px 0px 10px 13px;
padding:0px 0px 10px 0px;
border: 3px solid #26383D;
}
/* Box2 Lists
-------------- */

.box2 ul
{
margin: 0px 0 0px 0px;
padding: 0px 0 0px 0px;
border-top: 0px #26383D solid;
}

.box2 li
{
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;	
border-bottom: 3px #26383D solid;
}

.box2 li a,
.box2 li a:visited
{		
	background: #385870;
	font: 12px Trebuchet MS, Arial, Verdana;
	letter-spacing: 0px;
	text-decoration: none;
	text-align: left;	
	color: #E8E495;
	display: block;	
	margin: 3px 0px 3px 0px;
	padding: 10px 10px 10px 10px;	
	line-height: 15px;
}
			
.box2 li a:hover
{	
	color: #385870;
	margin: 3px 0px 3px 0px;	
	background: #26383D;
	text-decoration: none;	

}

.box2 p a
{
 color: #E8E495; 
 padding: 0px;
 background: transparent;  
 border-bottom: 1px solid #E8E495;
 text-decoration: none;
}

.box2 p a:hover
{
 color: #26383D;
 background: #385870;	
 text-decoration: none;
 border-bottom: 0px solid #E8E495;
}

.box2 p a:visited 
{
 color: #999;  
 text-decoration: none;
}



/* List Styles
----------------------------------------------------------------------------------------------------- */

.altnav ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;	
	border: 0px white solid;
}

.altnav li
{
	list-style-type: none;
	color: #000;
	margin: 0px;
	padding: 0px;	
	border-bottom: 0px solid #ccc;
}
.altnav li.first
{border-top: 0px solid #ccc;}

.altnav li a
{
	font: small-caps 25px Trebuchet MS, Arial, Helvetica, sans-serif;
	letter-spacing: -1px; 
	line-height: 20px;
	text-decoration: none;	
	color: #c145e3;
	font-weight: bold;
	display: block;	
	padding: 5px 0px 5px 15px;
	margin: 0px 0px 0px 0px;
	border:2px dashed #b34268;
	border-left-width:0px;
	border-top-width:0px;
	border-bottom-width:0px;
	border-right-width:3px;
	border-right-style:solid;
	/*border-right: 3px solid #000; */
}

.altnav li a:hover
{	
	text-decoration: none;
	background: #e3d3e3;
	color: #510f62;	

}
	
.altnav li.activePage
{
	font: small-caps 25px Trebuchet MS, Arial, Helvetica, sans-serif;
	letter-spacing: -1px; 
	line-height: 20px;
	text-decoration: none;	
	font-weight: bold;
	display: block;	
	padding: 5px 0px 5px 15px;
	margin: 0px 0px 0px 0px;
	
	background: #e3d3e3;
	color: #510f62;	
	border:2px dashed #b34268;
	border-right: 0px solid #e3d3e3;
	border-left-width:0px;
	border-top-width: 3px;	
	border-bottom-width: 3px;
	border-top-style:solid;
	border-bottom-style:solid;
}

/* blognav Styles
----------------------------------------------------------------------------------------------------- */
h3.blognavtitle a{
	color: #761c82;
	font: small-caps 23px Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0px; 
}
h3.blognavtitle{ 	
	border-bottom: 2px solid #000;	
	border-right: 0px solid #000;
	border-left: 0px solid #000;	
	position: relative;
	background: #e9e0f0;
	color: #761c82;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 10px;
	font: small-caps 23px Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0px; 
}

.blognav ul
{
	position: relative;
	list-style-type: none;
	margin: 5px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	border: 0px white solid;
}

.blognav li
{
	list-style-type: none;
	color: #000;
	margin: 0px;
	padding: 0px;	
	border-bottom: 1px solid #DDD762;
}
.blognav li.first
{border-top: 0px solid #ccc;}

.blognav li a
{
	font: small-caps 20px Trebuchet MS, Arial, Helvetica, sans-serif;
	letter-spacing: -1px; 
	line-height: 20px;
	text-decoration: none;	
	color: #223542;
	font-weight: bold;
	display: block;	
	padding: 5px 0px 5px 15px;
	margin: 0px 0px 0px 0px;
	border-right: 0px solid #000;
	height:20px;		
}

.blognav li a:hover
{	
	text-decoration: none;
	background: #fff;
	color: #000;	

}
	
.blognav li a.activePage
{	
	text-decoration: none;
	background: #fff;
	color: #385870;	
	border-right: 0px solid #fff;
	border-top: 3px solid #000;	
	border-bottom: 3px solid #000;
}
/* Search Bar
------------------------------ */
#search
{ 	
	float:left;
	width: 180px;
	background: #26383D;
	margin: 15px 0px 0px 0px;
	padding: 10px 0px 10px 10px;
	border: 0px solid red;
}

#search p
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #E8E495;
font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
}

.fText
{
	color: #524141;
	float:left;
	font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 3px;
	margin: 0px 0px 0px 0px;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	width: 123px;
	height: 15px;
}

.fText:focus
{background:#eee;}

#Submit
{
	float:left;
	background: #385870;
	color: #fff;
	margin: 0px 0px 0px 8px;
	font: 15px Trebuchet MS, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 2px;
	cursor: pointer;
	border: 0px solid #000;
	line-height: 15px;
}




/*------------------------------------------------------------*
**  Images
**------------------------------------------------------------*/

.photoleft
{
float:left;
margin: 15px 10px 5px 0px;
padding: 2px 2px 0px 2px;
border: 2px outset #385870;
background: #fff;
text-align: center;
}

.photoleft p
{
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 5px;
color: #385870;
text-align: center;
font-size: 10px;
}


#rightcol ul.list
{
	margin: 0 0 10px 25px;	
	padding: 0px 0px 0px 0px;	
	clear:both;
	border: 0px solid #385870;
}	

#rightcol ul.list li 
{	
font: 12px Tahoma, Arial, Helvetica, sans-serif;
letter-spacing: 1px;
clear:both;
list-style: square;
margin: 0 0 10px 0px;
padding: 0 0px 0px 5px;
line-height: 24px;	
border-bottom: 1px solid #000;	
background: #E8E495
}

#sectionMenu {
	border: 3px solid #510f62;
	margin-left:10px; float: right; width: 170px;
	padding:4px;
	padding-left:8px;
}
#sectionMenu ul{margin:5px 0px 5px 15px;padding:0;}