/* 
	Style sheet De Webmees
	(c) 1997-2004 Hans Werksman
	http://www.xs4all.nl/~werksman/webmees
	webmees@xs4all.nl
	Laatste wijziging: 27-12-2004 11:53:18
*/


/* de eigenlijke  pagina */

body {
	padding: 0px; /* Nodig voor Opera */
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #000;
	font-family: Verdana,Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	line-height: 1.5em;
	background-color: #fff;	
	background-image: url(back.gif);
	background-repeat: repeat-x;
	scrollbar-arrow-color: #000;
	scrollbar-track-color: #ccc;
	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #999;
	scrollbar-3dlight-color: #c0c0c0;
	scrollbar-darkshadow-color: #fff;
	scrollbar-shadow-color: #333;
}	

.atomz_ch {
	display: none;
}

#main {
	width: 720px; /* default width of the page*/
	margin-top: 40px;
}

#rss ul li {
	padding: 0px 0 0 10px;
	background: url(lijst.gif) no-repeat;
	list-style-type: none;
	font-family: Verdana,Helvetica, Arial, sans-serif;	
}


/* id's positionering inhoud */

#content {
	width: 350px; 
	margin-left: 150px;
}

#contentbreed {
	width: 560px; 
	margin-left: 150px;
}

#rechterkolom {
 	position: absolute;
	top: 130px;
	left: 520px;
	width: 200px;
	border-bottom: 1px #999 solid;
}



.tip {
	width: 40px;
	float: left;
	position: relative;
}

.tiptekst {
	position: relative;
	float: right;
	width: 310px;
	margin-bottom: 10px;
}


.copyright {
	width: 130px;
	margin-left: 10px;
	position: absolute;
}

sup {
	font-size: 10px;
	font-weight: normal;
}

textarea {
	scrollbar-3dlight-color: #c0c0c0;
	scrollbar-arrow-color: #000;
	scrollbar-darkshadow-color: #fff;
	scrollbar-highlight-color: #999;
	scrollbar-face-color: #fff;
	scrollbar-base-color: #f4f4f4;
	scrollbar-shadow-color: #333;
	border: 1px solid #999;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 2px;
}

option {
	font-size: 0.9em;
}

.abbr {
	cursor: help;
	border-bottom: 1px dashed #000;
}
	
a:link  {
	color: #f00;
	text-decoration: none;
	font-weight: bold;
}

a:visited  {
	color: #c30;
	text-decoration: none;
	font-weight: bold;
}

a:hover  {
	text-decoration: underline;
	border-width: 1px;
	color: purple;
}

a:active  {
	color: #f00;
	text-decoration: none;
	font-weight: bold;
}

/* voor portfolio links */

a.wit:link  {
	color: #f4f4f4;
	text-decoration: none;
	font-weight: bold;
}

a.wit:visited  {
	color: #f4f4f4;
	text-decoration: none;
	font-weight: bold;
}

a.wit:hover  {
	text-decoration: underline;
	border-width: 1px;
	color: #f4f4f4;
}

a.wit:active  {
	color: #f4f4f4;
	text-decoration: none;
	font-weight: bold;
}

/* voor subnavigatie links */

a.subnav:link  {
	color: #f00;
	text-decoration : none;
	background-color : transparent;
	font-weight : normal;
}

a.subnav:active  {
	color: #f00;
	text-decoration : none;
	background-color : transparent;
	font-weight : normal;
}

a.subnav:hover  {
	text-decoration : underline;
	border-width : 2px;
	background-color : transparent;
	font-weight : normal;
}

a.subnav:visited  {
	color : #c30;
	text-decoration : none;
	background-color : transparent;
	font-weight : normal;
}

/* voor html code links */

a.code:link  {
	color: #f00;
	font-family: "Courier New", Courier, monospace;
	text-decoration: none;
	font-weight: bold;
}


a.code:visited  {
	color: #c30;
	font-family: "Courier New", Courier, monospace;
	text-decoration: none;
	font-weight: bold;
}

a.code:hover  {
	font-family: "Courier New", Courier, monospace;
	text-decoration: underline;
	border-width: 1px;
	color: purple;
}

a.code:active  {
	font-family: "Courier New", Courier, monospace;
	color: #f00;
	text-decoration: none;
	font-weight: bold;
}

.formattedtext {
	color: #000;
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	line-height: 1.5em;
	font-weight: normal;
}

h1, h2, h3, h4  {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	display: block;
	font-weight: bold;
	line-height: 110%;
}

h1  {
	font-size: 220%;
	color: #999;
	background: url("pimpelmees.gif") top left no-repeat;
	padding-left: 43px;
	padding-top: 3px; 
}


h2  {
	font-size: 160%;
	color: #000;
}

h3  {
	font-size: 1.1em !important;
	font-weight: bold;
	color: #000;
	border: 1px outset #dcdcdc;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;	
	margin-top: 0px;
	margin-bottom: 0px;	
	background: #ccc;
	line-height: 100%;	
}

h4  {
	font-size: 1.1em !important;
	font-weight: bold;
	color: #000;
	border: 1px outset #dcdcdc;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 12px;
	padding-right: 2px;	
	margin-top: 0px;
	margin-bottom: 5px;	
	background: #ccc url("down_b.gif") left no-repeat;
}

blockquote	{
	border-left: 15px solid #999;
	background-color: #dcdcdc;
	padding-left: 10px;
	padding-right: 5px;	
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 0px;
	margin-right: 0px;
}	
	
cite, i,em  {
	font-style: italic;
	font-weight: normal;
}

code, samp, tt, kbd  {
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 1.0em;
	color: #000;
}

pre  {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.0em;
	line-height: 1.5em;
	font-weight: normal;
	color: #000;
	background: #cff;
	margin-left: 10px;
	margin-right: 10px;
	border-style: outset;
	border-color: #dcdcdc;
	border-width: 1px;
	padding: 2px;
}

.vb  {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.0em;
	line-height: 1.5em;
	font-weight: normal;
	color: #000;
	background: #cff;
	margin-left: 10px;
	margin-right: 10px;
	border-style: outset;
	border-color: #dcdcdc;
	border-width: 1px;
	padding: 2px;
}

hr  {
	color: silver;
} 

strike  {
	text-decoration: line-through;
	color: #808080;
	font-weight: bold;
}

strong, b  {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
}


th  {
	font-size: 0.9em;
	font-weight: bold;
	color: #000;
	background: #dcdcdc;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	border-bottom: 1px solid #000;
}


/* lijsten */

ul {
	margin-left: 1em;
	padding: 0em;
}

li {
	padding: 1em;
}

#content ol li {
	margin-left: 0em;
	padding: 0px 0 0 10px;	
}

#content ul li {
	padding: 0px 0 0 8px;
	background: url(lijst.gif) no-repeat;
	list-style-type: none;
}

#content dir li {
	padding: 0px 0 0 10px;
	background: url(lijst.gif) no-repeat;
	list-style-type: none;
}


#content menu li {
	padding: 0px 0 0 10px;
	background: url(lijst.gif) no-repeat;
	list-style-type: none;
}

#rechterkolom ul li {
	padding: 0px 0 0 10px;
	background: url(lijst.gif) no-repeat;
	list-style-type: none;
}


/* randen van tabellen*/



.rand  {
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-right: 0px;
	border-bottom: 1px solid #999;
	font-size: 0.9em;
	line-height: 12px;
	padding: 4px;
	width: 190px;
	background-color: #f6f6f6;
}

.klein {
	font-size: 0.9em;
	font-weight: normal !important;
	line-height: 1.2em;
}

fieldset {
	border: solid #666 1px;
}

legend {
	font-weight: bold;
	background-color: #ccc;
	color: #000;
	font-size: 0.9em;
	padding: 2px;
	border: 1px solid #666;
	margin-bottom: 10px;
}

input.zend  {
	color: #f00;
	font-weight: bold;
	background: #dcdcdc;
	border: 1px solid #000;
	text-align: center;
	font-size: 0.9em;
	line-height: 14px;	
}
	
.data {
	font-family: "Courier New", Courier, monospace;
	border: 1px solid #999;
	font-size: 1.0em;
}	

.datamoz {
	font-family: "Courier New", Courier, monospace;
	border: 1px solid #999;
	font-size: 1.0em;
	padding-left: 1.0em;
	padding-top: 0.4em;
	padding-bottom: 0px;
}	

.datatext {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.0em;
	padding: 2px;
	border: 1px solid #999;	
}	

.datatextmoz {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.0em;
	padding-left: 1.0em;
	padding-top: 0.4em;
	padding-bottom: 0px;
	border: 1px solid #999;	
}	

.indent  {
	margin-left: 10px;
}

.serif  {
	font-family: "Courier New", Courier, monospace;
}

.eerst {
	border-right: #999 1px solid;
	padding-right: 2px;
	border-top: #999 1px solid;
	padding-left: 2px;
	float: left;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-right: 3px;
	font: bold 2.2em verdana, geneva, arial, helvetica, sans-serif;
	border-left: #999 1px solid;
	color: #f00;
	padding-top: -2px;
	border-bottom: #999 1px solid;
	background-color: #dcdcdc;
}

.grijzerij {
	font-weight: bold;
	background: #dcdcdc;
}

.grijzerij2 {
	font-weight: normal;
	background: #dcdcdc;
}

.zwart {
	background-color: #000;
	background-image: url(back.gif);	
}



.aanbevolen  {
	border: 1px solid #999;
	padding: 5px;
	font-size: 0.9em;
	width: 150px;
	text-align: center;
	background: #c0c0c0;
	margin-left: 4px;
}


.border {
		border: 1px solid #999; 																																																																																																																		   
}


.alf {
		border: 1px solid #999; 																																																																																																																		   
		padding: 2px;
}

.pasop {
		border: 1px solid #999; 																																																																																																																		   
		padding: 4px;
}

.kader {
		border: 1px solid #999; 																																																																																																																		   
		padding: 4px;
		background-color: #ccc;
}

.font {
		border: 1px solid #999; 																																																																																																																		   
		padding: 4px;
		width: 120px;
		background: #ccc;
		font-size: 0.9em;
}																																																																																																																	   


.mailgroot {
	font-size: 24px;
	text-align: center;
	font-style: italic;
}

/* positie voeg favoriet toe  */

.favo {
	position: absolute;
	font-size: 0.9em;
	left: 10px;
}

.style {
	border: 1px solid #000;
	background: #ccc;
	padding: 2px;
	width: 80px;
}

/* afsluiting pagina */

.payoff {
	color: #f4f4f4;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
	background-color: #f00;
	width: 150px;
}

.payoffstreep {
	text-align: center;
	border-top: 1px solid #f00;
	border-bottom: 1px solid #f00;
	border-right: 1px solid #f00;	
	background-color: #eeeeee;
	width: 570px;
	background: #dcdcdc;
}

/* adv classes en id's */

.advertentie {
	border: 1px dashed #999;
	padding: 5px;
	line-height: 1.2em;
	margin-top: 0px;
	margin-bottom: 15px;
}

.advertentieline {
	text-align: center;
	font-variant: small-caps;
	font-style: italic;
	font-size: 1.0em;	
}

#advline {
	padding: 0px;
	width: 570px;
	margin-left: 150px;
	text-align: center;
	font-variant: small-caps;
	font-style: italic;
}

#adv {
	border: 1px dashed #999;
	padding: 5px;
	line-height: 1.2em;
	margin-top: 0px;
	margin-left: 150px;
	width: 558px;
	margin-bottom: 15px;
}

.smaller {
	margin-right: 220px;
}

.rechtslijnend {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	clear: right;
}	

.floatright200 {
	float: right;
	margin-bottom: 30px;
	margin-left: 10px;
	margin-right: 0px;
	clear: right;
	width: 200px;
	text-align: right;
}

/* navigatie rechterkolom  */

.links {
	font-size: 1.1em;
	line-height: 1.5em;
}

.actief {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999; 			 																																																																																																																		   
	background-color: #fff;
	color: #000;
	font-weight: bold;
	padding-left: 2px;
	margin-left: -2px;
}

.subnavactief {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999; 			 																																																																																																																		   
	background-color: #fff;
	color: #000;
	line-height: 1.5em;	
	font-weight: normal;
	padding-left: 1px;
	margin-left: -2px;
}


.wittekst {
	color: #f4f4f4;	
	font-size: 100%;
}

.zwarttekst {
	color: #000;	
	font-size: 100%;
}