body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 62.5%;
}

a:link {
	color: #935fa9;
	text-decoration: none;
}
a:visited {
	color: #935fa9;
	text-decoration: none;
}
a:hover {
	color: #0470B1;
	text-decoration: none;
}
a:active {
	color: #0470B1;
	text-decoration: none;
}
h1 {
	font-size: 1.1em;
	font-style: normal;
	line-height: 14pt;
	color: #646464;
	margin: 0;
	padding-bottom: 5px;
	font: verdana;
	font-weight: bold;
	padding-top: 0px;
}
h2 {
	font-size: 0.8em;
	font-style: normal;
	line-height: 12pt;
	font-weight: bold;
	color: #646464;
	margin-bottom: -9px;
	padding-top: 4px;
	padding-bottom: 0px;
	font: verdana;
}
h3 {
	font-size: 0.8em;
	font-style: italic;
	line-height: 12pt;;
	font-weight: bold;
	color: #646464;
	margin-bottom: -9px;
	padding-top: 4px;
	padding-bottom: 0px;
}
h4 {
	font-size: 1.0em;
	font-style: normal;
	line-height: 12pt;
	font-weight: bold;
	color: #646464;
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 0px;
}
h5 {
	font-size: 0.8em;
	font-style: italic;
	line-height: 12pt;
	font-weight: bold;
	color: #646464;
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
}
p {
	font-size: 0.8em;
	font-style: normal;
	line-height: 14pt;
	font-weight: normal;
	color: #646464;
}
ul {
	font-size: 0.8em;
	font-style: normal;
	line-height: 14pt;
	font-weight: normal;
	color: #646464;
	margin-left: -10px;
	margin-top: 10px;
}
li {
	list-style-position: outside;
	list-style-image: url(../afbeeldingen/list-pijltje.gif);
}

ol {
	font-size: 0.8em;
	font-style: normal;
	line-height: 14pt;
	font-weight: normal;
	color: #646464;
	margin-left: -10px;
	margin-top: -9px;
}
ol li.nr  {
	list-style-position: outside;
	list-style-type: decimal;
}

#wrapper {
	position: absolute;
	width: 970px;
	left: 53px;
	top: 22px;
	z-index: 9999;
	overflow: hidden;
}
#header {
	clear: both;
	float: left;
	height: 100px;
	width: 750px;
	margin-left:200px;
	background-image: url(../afbeeldingen/depassieorganisator_logo.png);
	background-repeat: no-repeat;
}

.bg {
	min-width:1000px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;

}

#navigatie {
	display: block;
	margin: 10px;
	float: left;
	height: 400px;
	width: 205px;
}

.home {
	color: #FFFFFF;
	text-decoration: none;
	background: #F12145;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	float: right;
	font: normal 1.2em;
	height: 18px;
	margin-bottom:10px;
	text-decoration: none;
	clear: both;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
}

a.home {
	color: #646464;
	text-decoration: none;
	background: #FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	display: block;
	float: right;
	font: normal 1.2em;
	height: 18px;
	margin-bottom:10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	clear: both;
}


a.home:active {
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.home:hover {
    color: #FFFFFF;
	text-decoration: none;
	background: #F12145;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.passieloper {
    color: #FFFFFF;
	text-decoration: none;
	background: #F35224;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	float: right;
    font: normal 1.2em;
    height: 18px;
    margin-bottom:10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
    text-decoration: none;
	clear: both;
}

a.passieloper {
	color: #646464;
	text-decoration: none;
	background: #FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	display: block;
	float: right;
	font: normal 1.2em;
	height: 18px;
	margin-bottom:10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	clear: both;
}


a.passieloper:active {
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.passieloper:hover {
    color: #FFFFFF;
	text-decoration: none;
	background: #F35224;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.passielopersub {
    color: #FFFFFF;
	text-decoration: none;
	background: #F35224;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	float: right;
    font: normal 1.2em;
    height: 18px;
    margin-bottom:10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
    text-decoration: none;
	clear: both;
}

a.passielopersub {
	color: #FFFFFF;
	text-decoration: none;
	background: #FF8664;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	display: block;
	float: right;
	font: normal 1.2em;
	height: 18px;
	margin-bottom:10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	clear: both;
}


a.passielopersub:active {
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.passielopersub:hover {
    color: #FFFFFF;
	text-decoration: none;
	background: #F35224;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}


.visiepassie {
    color: #646464;
	text-decoration: none;
	background: #FFFD08;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	float: right;
    font: normal 1.2em;
    height: 18px;
    margin-bottom:10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	clear: both;
}

a.visiepassie {
	color: #646464;
	text-decoration: none;
	background: #FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	display: block;
	float: right;
	font: normal 1.2em;
	height: 18px;
	margin-bottom:10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	clear: both;
}


a.visiepassie:active {
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.visiepassie:hover {
    color: #646464;
	text-decoration: none;
	background: #FFFD08;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.visiepassiesub {
    color: #646464;
	text-decoration: none;
	background: #FFFD08;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	float: right;
    font: normal 1.2em;
    height: 18px;
    margin-bottom:10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	clear: both;
}

a.visiepassiesub {
	color: #646464;
	text-decoration: none;
	background: #FFFE88;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	display: block;
	float: right;
	font: normal 1.2em;
	height: 18px;
	margin-bottom:10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	clear: both;
}


a.visiepassiesub:active {
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.visiepassiesub:hover {
    color: #646464;
	text-decoration: none;
	background: #FFFD08;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.visie {
    color: #646464;
	text-decoration: none;
	background: #7AC447;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	float: right;
    font: normal 1.2em;
    height: 18px;
    margin-bottom:10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
    text-decoration: none;
	clear: both;
}

a.visie {
	color: #646464;
	text-decoration: none;
	background: #FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	display: block;
	float: right;
	font: normal 1.2em;
	height: 18px;
	margin-bottom:10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	clear: both;
}


a.visie:active {
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.visie:hover {
    color: #FFFFFF;
	text-decoration: none;
	background: #7AC447;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.visiesub {
    color: #FFFFFF;
	text-decoration: none;
	background: #7AC447;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	float: right;
    font: normal 1.2em;
    height: 18px;
    margin-bottom:10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
    text-decoration: none;
	clear: both;
}

a.visiesub {
	color: #646464;
	text-decoration: none;
	background: #A5EA75;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	display: block;
	float: right;
	font: normal 1.2em;
	height: 18px;
	margin-bottom:10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	clear: both;
}


a.visiesub:active {
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.visiesub:hover {
    color: #FFFFFF;
	text-decoration: none;
	background: #7AC447;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.passieorganisator {
    color: #FFFFFF;
	text-decoration: none;
	background: #1AC4F8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	float: right;
    font: normal 1.2em;
    height: 18px;
    margin-bottom:10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
    text-decoration: none;
	clear: both;
}

a.passieorganisator {
	color: #646464;
	text-decoration: none;
	background: #FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	display: block;
	float: right;
	font: normal 1.2em;
	height: 18px;
	margin-bottom:10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	clear: both;
}


a.passieorganisator:active {
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.passieorganisator:hover {
    color: #FFFFFF;
	text-decoration: none;
	background: #1AC4F8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.passie {
    color: #FFFFFF;
	text-decoration: none;
	background: #0470B1;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	float: right;
    font: normal 1.2em;
    height: 18px;
    margin-bottom:10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
    text-decoration: none;
	clear: both;
}

a.passie {
	color: #646464;
	text-decoration: none;
	background: #FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	display: block;
	float: right;
	font: normal 1.2em;
	height: 18px;
	margin-bottom:10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	clear: both;
}


a.passie:active {
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.passie:hover {
    color: #FFFFFF;
	text-decoration: none;
	background: #0470B1;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.contact {
    color: #FFFFFF;
	text-decoration: none;
	background: #935FA9;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	float: right;
    font: normal 1.2em;
    height: 18px;
    margin-bottom:10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
    text-decoration: none;
	clear: both;
}

a.contact {
	color: #646464;
	text-decoration: none;
	background: #FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	display: block;
	float: right;
	font: normal 1.2em;
	height: 18px;
	margin-bottom:10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	clear: both;
}


a.contact:active {
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.contact:hover {
    color: #FFFFFF;
	text-decoration: none;
	background: #935FA9;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#contentblok {
	float: left;
	width: 490px;
}
/* gekleurdebalk boven */
#balkpaars {
	width:490px;
	height:2px;
	z-index:1;
	background-color: #935FA9;
	top: 0px;
	clear: both;
}
#balkindigo {
	width:490px;
	height:2px;
	z-index:1;
	background-color: #0470B1;
	top: 0px;
	clear: both;
}
#balkblauw {
	width:490px;
	height:2px;
	z-index:1;
	background-color: #1AC4F8;
	top: 0px;
	clear: both;
}
#balkgroen {
	width:490px;
	height:2px;
	z-index:1;
	background-color: #7AC447;
	top: 0px;
	clear: both;
}
#balkgeel {
	width:490px;
	height:2px;
	z-index:1;
	background-color: #FFFD08;
	top: 0px;
	clear: both;
}
#balkoranje {
	width:490px;
	height:2px;
	z-index:1;
	background-color: #F35224;
	top: 0px;
	clear: both;
}
#balkrood {
	width:490px;
	height:2px;
	z-index:1;
	background-color: #F12145;
	top: 0px;
	clear: both;
}

/* content */
#maincontent {
	width:460px;
	height:100%;
	z-index:1;
	margin: 0px;
	padding: 15px;
	clear: both;
	background-color: #FFFFFF;
	background-image: url(../afbeeldingen/cirkels.jpg);
	background-repeat: no-repeat;
	background-position:right bottom;
	font: verdana;
	color: #646464;
	font-size: 10pt;
	min-height: 350px;
}
#maincontentintro {
	width:460px;
	height:100%;
	z-index:1;
	margin: 0px;
	padding: 15px;
	clear: both;
	background-color: #FFFFFF;
	background-image: url(../afbeeldingen/cirkels.jpg);
	background-repeat: no-repeat;
	background-position:right bottom;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	font: verdana;
	color: #646464;
	font-size: 10pt;
	min-height: 300px;
}


/* footer */
#gekleurdestrip {
	width:490px;
	height:2px;
	z-index:1;
	float:right;
	clear: both;
	}
#paars {
	width:70px;
	height:2px;
	z-index:1;
	background-color: #935FA9;
	float: left;
	left:0px;
}
#indigo {
	width:70px;
	height:2px;
	z-index:1;
	background-color: #0470B1;
	float: left;
	left: 90px;
}
#blauw {
	width:70px;
	height:2px;
	z-index:1;
	background-color: #1AC4F8;
	float: left;
	left: 180px;
}
#groen {
	width:70px;
	height:2px;
	z-index:1;
	background-color: #7AC447;
	float: left;
	left: 270px;
}
#geel {
	width:70px;
	height:2px;
	z-index:1;
	background-color: #FFFD08;
	float: left;
	left: 360px;
}
#oranje {
	width:70px;
	height:2px;
	z-index:1;
	background-color: #F35224;
	float: left;
	left: 450px;
}
#rood {
	width:70px;
	height:2px;
	z-index:1;
	background-color: #F12145;
	float: left;
	left: 540px;
}
#footer {
	width:490px;
	height:20px;
	z-index:1;
	float:left;
	clear: both;
	color: #666;
	text-align: right;
	font-size: 10px;
}

/* passieloper tab */

#passielopertab {
	width:450px;
	height:25px;
	background-color: #F35224;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	padding-left:10px;
	margin-bottom:15px;
	vertical-align: middle;
}

#passielopertab ul {
	list-style: none;
	padding-right: 10px;
	padding-left: 10px;
	margin-top:0px;
	float:left;
	display:block;
}

#passielopertab li {
	list-style: none;
	text-align:center;
	font: normal 1.2em;
	float:left;
}

#passielopertab li span {
	width:106px;
	text-align:center;
	float:left;
	background-color: #FFFFFF;
	padding-bottom:4px;
	padding-top:8px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f35224;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #f35224;
	border-left-color: #f35224;
	margin-top: -6px;
}

#passielopertab li a {
	width:107px;
	display:block;
	background-color: #F35224;
	padding-bottom:3px;
	padding-top:4px;
	color: #FFFFFF;
	text-decoration: none;
}

#passielopertab li a:hover {
	display:block;
	background-color: #FFFFFF;
	padding-bottom:3px;
	padding-top:4px;
	color: #646464;
	text-decoration: none;
}

/* passie en zo tab */

#passietab {
	width:450px;
	height:25px;
	background-color: #0470B1;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	padding-left:10px;
	margin-bottom:15px;
	vertical-align: middle;
}

#passietab ul {
	list-style: none;
	padding-right: 10px;
	padding-left: 10px;
	margin-top:0px;
	float:left;
	display:block;
}

#passietab li {
	list-style: none;
	text-align:center;
	font: normal 1.2em;
	float:left;
}

#passietab li span {
	width:106px;
	text-align:center;
	float:left;
	background-color: #FFFFFF;
	padding-bottom:4px;
	padding-top:8px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0470B1;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #0470B1;
	border-left-color: #0470B1;
	margin-top: -6px;
}

#passietab li a {
	width:107px;
	display:block;
	background-color: #0470B1;
	padding-bottom:3px;
	padding-top:4px;
	color: #FFFFFF;
	text-decoration: none;
}

#passietab li a:hover {
	display:block;
	background-color: #FFFFFF;
	padding-bottom:3px;
	padding-top:4px;
	color: #646464;
	text-decoration: none;
}

#pieter { 
	float: right;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 70px;
}

form {
	font-size: 0.8em;
	color: #646464;
}

input {
	font-size: 0.8em;
	font-style: normal;
	line-height: 14pt;
	font-weight: normal;
	color: #999999;
	padding: 3px;
	height: 20px;
	-moz-box-shadow: 1px 2px 5px #BEBEBE; /* Firefox */
   	-webkit-box-shadow: 1px 2px 5px #BEBEBE; /* Safari and Chrome */
 	box-shadow: 1px 2px 5px #BEBEBE; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
  	/* For IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#BEBEBE')";
  	/* For IE 5.5 - 7 */
  	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#BEBEBE');
}

#divToToggle { display:none;
		}
		
#divroller_container {
	width:460px;
	height:120px;
	background-color:#FFFD08;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
			color:#FFFFFF;
		}
		
.barousel
{
    position:relative;
    margin-bottom:0px;
    width:460px;
    height:340px;
}

.barousel_image
{
    position:absolute;
    z-index:10;
    width:460px;
    height:325px;
}

.barousel_image img
{
    position:absolute;
    display:none;
}

.barousel_image img.default
{    
    display:block;
}

.barousel_image img.current
{
    z-index:10;
}

.barousel_image img.previous
{
    z-index:5;
}

.barousel_content
{
	position:absolute;
	padding:5px 10px 0 10px;
	z-index:50;
	color:#fff;
	width:400px;
	bottom:35px;
	left:10px;
	background-image: url(../afbeeldingen/bg_barousel_content.png);
	background-repeat: repeat;
	background-position: 0 0;
}

.barousel_content div
{
    display:none;    
}

.barousel_content div.default
{
    display:block;    
}

.barousel_content p
{
    font-size:0,8em;
    font-weight:normal; 
    line-height:14px;
	color:#FFFFFF;   
}

.barousel_content p.header
{
    font-size:1.4em;
    font-weight:normal;
    line-height:18px;
    color:#F12145;
}

.barousel_content a,
.barousel_content a:hover
{
    color:#935fa9;
    background-color:transparent !important;
}