﻿/* april 2013 */





.glossymenu, .glossymenu li ul{

list-style-type: none;

margin: 0;

padding: 0;

width: 160px; /*WIDTH OF MAIN MENU ITEMS*/

border: 1px solid black;

}



.glossymenu li{

position: relative;

}



.glossymenu li a{

background: white url(../img/glossyback.gif) repeat-x bottom left;

font: bold 12px Verdana, Helvetica, sans-serif;

color: white;

display: block;

width: auto;

padding: 5px 0;

padding-left: 10px;

text-decoration: none;

}



.glossymenu li ul{ /*SUB MENU STYLE*/

position: absolute;

width: 190px; /*WIDTH OF SUB MENU ITEMS*/

left: 0;

top: 0;

display: none;

z-index: 6;

}



.glossymenu li ul li{

float: left;

}



.glossymenu li ul a{

width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */

}



.glossymenu .arrowdiv{

position: absolute;

right: 2px;

background: transparent url(../img/arrow.gif) no-repeat center right;

}



.glossymenu li a:visited, .glossymenu li a:active{

color: white;

}



.glossymenu li a:hover{

background-image: url(../img/glossyback2.gif);

}



/* Holly Hack for IE \*/

* html .glossymenu li { float: left; height: 1%; }

* html .glossymenu li a { height: 1%; }

/* End */



.glossymenu1, .glossymenu1 li ul{

list-style-type: none;

margin: 0;

padding: 0;

width: 160px; /*WIDTH OF MAIN MENU ITEMS*/

border: 1px solid black;

}



.glossymenu1 li{

position: relative;

}



.glossymenu1 li a{

background: white url(../img/glossyback3.gif) repeat-x bottom left;

font: bold 12px Verdana, Helvetica, sans-serif;

color: white;

display: block;

width: auto;

padding: 5px 0;

padding-left: 10px;

text-decoration: none;

}



.glossymenu1 li ul{ /*SUB MENU STYLE*/

position: absolute;

width: 190px; /*WIDTH OF SUB MENU ITEMS*/

left: 0;

top: 0;

display: none;

z-index: 6;

}



.glossymenu1 li ul li{

float: left;

}



.glossymenu1 li ul a{

width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */

}



.glossymenu1 .arrowdiv{

position: absolute;

right: 2px;

background: transparent url(../img/arrow.gif) no-repeat center right;

}



.glossymenu1 li a:visited, .glossymenu1 li a:active{

color: white;

}



.glossymenu1 li a:hover{

background-image: url(../img/glossyback4.gif);

}



/* Holly Hack for IE \*/

* html .glossymenu1 li { float: left; height: 1%; }

* html .glossymenu1 li a { height: 1%; }

/* End */





/***** Body and main container *****/

body {

margin:0 auto;

padding:3px 0px 3px 0px;

font:76% Verdana,Tahoma,Arial,sans-serif;

background:#000000 url("../img/ss175.gif");

background-attachment: fixed;

color:#303030;

}





#wrap {

background-color: #ffffff;

filter:alpha(opacity=95);

opacity:0.95;

color:#000000;

margin:0 auto;

padding: 4px 5px 0px 5px;

width:760px;


}



/***** Various tags *****/

a {

text-decoration:none;

font-weight:bold;

color:#286ea0;

background-color:inherit;

}



a:hover {

text-decoration:underline;

color:#286ea0;

background-color:inherit;

}



a img {

border:0;

}



/***** Header *****/

#header {

margin:10px 0 0;

padding:0;

height:45px;

}



#header h1 {

color:#505050;

background-color:inherit;

width:250px;

margin:0 0 10px;

font-size:2.2em;

float:left;

}



#header h1 a{

color:#505050;

background-color:inherit;

text-decoration:none;

}



#header p {

width:500px;

float:right;

text-align:center;

color:#505050;

margin:8px 0 0;

font-size:1.1em;

font-weight:bold;

line-height:1.3em;

background-color:inherit;

}



#frontphoto {

margin:0 0 10px;

border:0;

}



/***** Left sidebar *****/

#leftside {

clear:left;

float:left;

width:165px;

margin:0 0 5px;

padding:0;

}



#leftside h2,#leftside h3 {

color:#505050;

background-color:inherit;

font-size:1.3em;

margin:0 0 5px;

padding:0;

}



#leftside div.announce {

clear:left;

margin:10px 0 15px;

padding:7px 5px;

width:126px;

font-size:0.9em;

background-color:#ffefff;

color:#505050;

border-left:4px solid #eeccee;

line-height:1.5em;

}



#leftside div.announce p {

margin:10px 0 0;

padding:0;

}





/***** Main menu *****/

ul.avmenu {

width:140px;

margin:0 0 18px;

padding:0;

list-style:none;

}



ul.avmenu li {

width:140px;

padding:0;

line-height:1.4em;

display:inline;

}



ul.avmenu li a {

background-color:#ffefff;

color:#505050;

font-weight:bold;

width:150px;

float:left;

margin-bottom:5px;

padding:5px 1px 5px 5px;

border-left:4px solid #eeccee;

text-decoration:none;

}



ul.avmenu li a:hover,ul.avmenu li a.current {

background-color:#eeccee;

border-left:4px solid #660066;

color:#505050;

}



ul.avmenu ul {

margin:0 0 0 15px;

padding:0 0 5px 0;

font-size:0.9em;

width:125px;

}



ul.avmenu ul a {

padding:3px 1px 3px 5px;

width:115px;

}



ul.avmenu ul ul {

width:113px;

}



ul.avmenu ul ul a {

width:100px;

}



ul.avmenu {

width:140px;

margin:0 0 18px;

padding:0;

list-style:none;

}



ul.avmenu li {

width:140px;

padding:0;

line-height:1.4em;

display:inline;

}



ul.avmenu li a {

background-color:#ffefff;

color:#505050;

font-weight:bold;

width:150px;

float:left;

margin-bottom:5px;

padding:5px 1px 5px 5px;

border-left:4px solid #eeccee;

text-decoration:none;

}



ul.avmenu li a:hover,ul.avmenu li a.current {

background-color:#eeccee;

border-left:4px solid #660066;

color:#505050;

}



ul.avmenu ul {

margin:0 0 0 15px;

padding:0 0 5px 0;

font-size:0.9em;

width:125px;

}



ul.avmenu ul a {

padding:3px 1px 3px 5px;

width:115px;

}



ul.avmenu ul ul {

width:113px;

}



ul.avmenu ul ul a {

width:100px;

}



/***av2menu***/



ul.av2menu {

width:140px;

margin:0 0 18px;

padding:0;

list-style:none;

}



ul.av2menu li {

width:140px;

padding:0;

line-height:1.4em;

display:inline;

}



ul.av2menu li a {

background-color:#99cc99;

color:#050505;

font-weight:bold;

width:150px;

float:left;

margin-bottom:5px;

padding:5px 1px 5px 5px;

border-left:4px solid #cceecc;

text-decoration:none;

}



ul.av2menu li a:hover,ul.av2menu li a.current {

background-color:#77dd77;

border-left:4px solid #006600;

color:#505050;

}



ul.av2menu ul {

margin:0 0 0 15px;

padding:0 0 5px 0;

font-size:0.9em;

width:125px;

}



ul.av2menu ul a {

padding:3px 1px 3px 5px;

width:115px;

}



ul.av2menu ul ul {

width:113px;

}



ul.av2menu ul ul a {

width:100px;

}



/***end av2menu***/



/***** Main content *****/

#content {

margin:0 165px 5px 167px;

border-left:1px solid #e0e0e0;

border-right:1px solid #e0e0e0;

padding:0 10px;

line-height:1.6em;


}



#contentwide {

margin:0 162px 5px 150px;

border-left:1px solid #f0f0f0;

border-right:1px solid #e0e0e0;

padding:0 5px 0 5px;

line-height:1.6em;


}


#content h1 {

font-size:1.8em;

color: #660066;

margin:0 0 8px;

}

#content h2 {

font-size:1.6em;

color: #660066;

margin:0 0 8px;

}



#content h3,#contentwide h3 {

font-size:1.2em;

color: #660066;

margin:0 0 5px;

}


#content ul, #contentwide ul, #content ol, #contentwide ol {

margin:0 0 16px 20px;

padding:0;

}



#content li, #contentwide li {

margin:0;

padding:0 0 0 5px;

}



#content ul ul, #contentwide ul ul, #content ol ol, #contentwide ol ol{

margin:0 0 0 16px;

padding:0;

}



#contentx {

margin:0 5px 5px 167px;

border-left:1px solid #e0e0e0;

border-right:1px solid #e0e0e0;

padding:0 10px;

line-height:1.6em;

}



#contentx h2 {

font-size:1.6em;

color: #660066;

margin:0 0 8px;

}



#contentx h3 {

font-size:1.2em;

color: #660066;

margin:0 0 5px;

}





#boeken {

font-size: 12px;

font-style:italic;

}



#boeken img {

padding:1px;

display:inline;

background:#cccccc;

color:#303030;

border:3px solid #6666cc;

}





/***** Right sidebar *****/

#extras {

float:right;

width:165px;

margin:0 0 5px;

padding:1px;

line-height:1.4em;

}



#extras p,#extras ul {

font-size:0.9em;

margin:0 0 16px;

padding:0;

}



#extras li {

list-style:none;

line-height:1.2em;

margin:0 0 6px 0;

padding:0;

}



#extras ul ul {

margin:6px 0 0 10px;

padding:0;

}



#extras ul ul li {

margin: 0 0 4px 0;

}



#extras ul ul li a {

font-size:1.1em;

font-weight:normal;

}



#extras h2 {

color:#505050;

background-color:inherit;

font-size:1.2em;

margin:0 0 10px;

padding:0;

}



#extras h3 {

color:#ffffff;

background-color:#660066;

font-size:16px;

margin:8px 0 8px;

padding:3px;

}



#extras a {

color:#286ea0;

font-weight:bold;

text-decoration:none;

}



#extras a:hover {

color:#ffffff;

background-color:#286ea0;

font-weight:bold;

text-decoration:none;

}



#extras2 {

float:right;

width:162px;

margin:0 0 5px;

padding:0;

line-height:1.4em;

}





/***** Footer *****/

#footer {

clear:both;

margin:0 auto;

padding:10px 0 20px;

border-top:4px solid #660066;

width:760px;

text-align:center;

color:#808080;

background:#ffffff;

font-size:0.9em;

}



#footer a {

color:#808080;

background-color:inherit;

text-decoration:none;

}



#footer a:hover {

text-decoration:underline;

}



/***** Various classes *****/

.left {

margin:3px 10px 2px 0;

float:left;

}



.right {

margin:2px 0 2px 10px;

float:right;

}



.textright {

text-align:right;

}



.center {

text-align:center;

}



.small {

font-size:0.8em;

}



.bold {

font-weight:bold;

}



.hide {

display:none;

}



.klein {

font-size:9px;

font-weight:bold;

}



/***** Advertenties *****/

ul.adv {

width:140px;

margin:0 0 18px;

padding:0;

list-style:none;

}



ul.adv li {

width:140px;

padding:0;

font-size:12px;

font-family: sans-serif;

line-height:1.4em;

display:inline;

}



ul.adv li a {

background-color:#ffefff;

color:#303030;

font-weight:normal;

width:130px;

float:left;

margin-bottom:5px;

padding:5px 1px 5px 5px;

border-right:4px solid #eeccee;

text-decoration:none;

}



ul.adv li a:hover {

background-color:#eeccee;

border-right:4px solid #660066;

color:#000000;

}



ul.adv .groen {

font-size:10px;

font-family: sans-serif;

font-weight:normal;

color:#009900;

}



ul.adv .blauw {

font-size:10px;

font-family: sans-serif;

font-weight:normal;

color:#000099;

}



ul.adv1 {

width:140px;

margin:0 0 18px;

padding:0;

list-style:none;

}



ul.adv1 li {

width:140px;

padding:0;

font-size:12px;

font-family: sans-serif;

line-height:1.4em;

display:inline;

}



ul.adv1 li a {

background-color:#FFFF99;

color:#303030;

font-weight:normal;

width:130px;

float:left;

margin-bottom:5px;

padding:5px 1px 5px 5px;

border-right:4px solid #FFDD99;

text-decoration:none;

}



ul.adv1 li a:hover {

background-color:#FFFF55;

border-right:4px solid #FFD400;

color:#000000;

}



ul.adv1 .groen {

font-size:10px;

font-family: sans-serif;

font-weight:normal;

color:#009900;

}



ul.adv1 .blauw {

font-size:10px;

font-family: sans-serif;

font-weight:normal;

color:#000099;

}



.gr:link {

	color: #30aa30;

	font-size: 8pt;

	font-weight: normal;

	text-decoration: none;

}

.gr:visited {

	color: #30aa30; 

	font-size: 8pt;

	font-weight: normal;

	text-decoration: none;

}

.gr:hover {

	color: #30aa30;

	font-size: 8pt;

	font-weight: normal;

	text-decoration: none;

}



.zw:link {

	color: #000000;

	font-size: 8pt;

	font-weight: normal;

	text-decoration: none;

}

.zw:visited {

	color: #000000;

	font-size: 8pt;

	font-weight: normal;

	text-decoration: none;

}

.zw:hover {

	color: #000000;

	font-size: 8pt;

	font-weight: normal;

	text-decoration: none;

}



.hd:link {

	color: #286ea0;

	font-size: 8pt;

	text-decoration: none;

}

.hd:visited {

	color: #286ea0;

	font-size: 8pt;

	text-decoration: none;

}

.hd:hover {

	color: #286ea0;

	font-size: 8pt;

	text-decoration: none;

}



.grey:link {

	color: #616161;

	font-size: 10pt;

	font-weight: bold;

	text-decoration: none;

}

.grey:visited {

	color: #616161;

	font-size: 10pt;

	font-weight: bold;

	text-decoration: none;

}

.grey:hover {

	color: #616161;

	font-size: 10pt;

	font-weight: bold;

	text-decoration: none;

}



.black:link {

	color: #616161;

	font-size: 10pt;

	font-weight: normal;

	text-decoration: none;

}

.black:visited {

	color: #616161;

	font-size: 10pt;

	font-weight: normal;

	text-decoration: none;

}

.black:hover {

	color: #616161;

	font-size: 10pt;

	font-weight: normal;

	text-decoration: none;

}



.small:link {

	color: #616161;

	font-size: 8pt;

	font-weight: normal;

	text-decoration: none;

}

.small:visited {

	color: #616161;

	font-size: 8pt;

	font-weight: normal;

	text-decoration: none;

}

.small:hover {

	color: #616161;

	font-size: 8pt;

	font-weight: normal;

	text-decoration: none;

}

#attentie {

	border: thin dotted #aa00aa;

	background-color: #ffff66;

	font-size: 8pt;

	line-height:1.3em;

	margin-top: 8pt;

}



#attentie h1, h2 {

	color: #303030;

	font-size: 8pt;

	font-weight:bold;

	margin:0 0 2px 0;

}



#attentie a {

text-decoration:none;

font-weight:bold;

color: #333399;

font-size: 8pt;

background-color:inherit;

}



#attentie a:hover {

text-decoration:underline;

color: #333399;

font-size: 8pt;

background-color:inherit;

}

#attentie2 {

	border: thin dotted #aa00aa;
	
	font-weight:bold;

	background-color: #ffff66;

	font-size: 12pt;

	line-height:1.3em;

	margin-top: 8pt;

}



#attentie2 h1, h2 {

	color: #303030;

	font-size: 14pt;

	font-weight:bold;

	margin:0 0 2px 0;

}



#attentie2 a {

text-decoration:none;

font-weight:bold;

color: #333399;

font-size: 14pt;

background-color:inherit;

}



#attentie2 a:hover {

text-decoration:underline;

color: #333399;

font-size: 14pt;

background-color:inherit;

}


#ntxt (

font:76% Verdana,Tahoma,Arial,sans-serif;

color:#303030;

}



.att {

color : #dd0000;

font-weight : bold;

font-size : 14pt;

}



a.bl {

color:#303030;

font-weight:normal;

text-decoration:none;

}



a.bl:hover {

color:#303030;

font-weight:normal;

text-decoration:none;

}



h5 { 

font-size: 8px; 

font-style: bold;

color: #009900;

}



