/*
      Created by Terp 10 Communicatie www.terp10.nl
	  
	  E-Mail: info@terp10.nl
*/

/* Colors:
Red: c31818
Orange: de960c
Green: 529912
Blue: 16677c
Gray: 777777
*/

/*----------*/

.clickMe{
	cursor: pointer;
	cursor: hand;
	border: 0px;
}

.imageLink{
	border: 0px;
}

/*----------*/

* { padding: 0; margin: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.71em;
	color: #777777;
}

#wrapper { 
	margin: 0 auto;
	width: 975px;
}
#faux {
	background: #ffffff;
	margin-bottom: 5px;
/*	overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
	width: 100%;
}

#header {
	width: 975px;
	height: 258px;
	padding-bottom: 10px;
	margin: 0px 0px 5px 0px;
}

#pijlLinksHeader a { 
	position: absolute; 
	width: 45px; 
	height: 70px; 
	text-decoration: none; 
	top:170px; 
	background: url(../images/os_knopBg.gif); 
	background-repeat: repeat;
}

#pijlRechtsHeader { 
	float: right;
	margin-right: 60px;
}

#pijlRechtsHeader a { 
	position: absolute; 
	width: 45px; 
	height: 70px; 
	text-decoration: none; 
	top:170px;
	float: right;
	background: url(../images/os_knopBg.gif); 
	background-repeat: repeat;
}

#leftcolumn { 
	display: inline;
	margin-left: 15px;
	padding-right: 20px;
	width: 125px;
	float: left;
	font-size: 1.2em;
	line-height: 25px;
}

#leftcolumn ul.menu:first-child{
	list-style: none;
	border-top: 0;
	font-weight: 100;
	text-align: right;
}
#leftcolumn a{
	text-decoration: none;
	color: #5b6566;
	background-color: #FFF;
	padding-left: 5px;
}

#leftcolumn li.menuNiveau1 {
	list-style: none;
	border-top: 1.4px dotted #777777;
	font-weight: 100;
	text-align: right;
}

#leftcolumn li.menuNiveau1Active {
	list-style: none;
	font-weight: 100;
	border-top: 1.4px dotted #777777;
	text-align: right;
	/*list-style-image: url(../images/os_menun1.jpg);*/
	background: url(../images/os_menun1.jpg) /*center left*/ 0 0 no-repeat;
}

#leftcolumn li.menuNiveau1Follow {
	list-style: none;
	border-top: 1.4px dotted #777777;
	border-bottom: 1.4px dotted #777777;
	font-weight: 100;
	text-align: right;
}

#leftcolumn li.menuNiveau2 {
	list-style: none;
	font-size: 0.85em;
	font-weight: 100;
	text-align: right;
	line-height: 22px;
	margin-right: 15px;
}

#leftcolumn li.menuNiveau2Active {
	list-style: none;
	font-size: 0.85em;
	font-weight: 100;
	text-align: right;
	line-height: 22px;
	padding-right: 15px;
	background: url(../images/os_menun2.jpg) center right no-repeat;
}
.menu {
	border-bottom: 1.4px dotted #777777;
}
#content { 
	margin: 0px;
	padding: 0px 5px 5px 5px;
	width: 320px;
	display: inline;
	position: relative;
/*	min-height: 500px;*/
/*	height: auto !important; */
/*	height: 500px; */
	
	float: left;
}

#content p{
	padding-right: 10px;
	margin-bottom: 10px;
	line-height: 16px;
}

#content a {
	text-decoration: none;
	font-style: italic;
	color: #16677c;
}

ul {
	list-style-position: inside;
}

#rightcolumn { 
	display: inline;
	position: relative;
	margin: 10px 10px 10px 0px;
	padding: 0px;
	width: 430px;
	float: right;
}

#footer {
	width: 970px;
	clear: both;
	padding: 10px 0px 10px 0px;
	margin-top: 30px;
	text-align: right;
	font-size: 0.85em;
	border-top: 2px solid #777777;
}

#footer a {
	text-decoration: underline;
	color: #777777;
}

.clear { clear: both; background: none; }

h2 {
	color: #c31818;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.90em;
	font-weight: 100;
	width: 330px;
	line-height: 25px;
	padding-bottom: 15px;
}

h3 {
	color: #c31818;
	font-size: 1em;
	width: 200px;
	padding-bottom: 5px;
}

/* Stijl 1 - home pagina - */

/* Stijl 1 Kleine foto in content */
.smallImageContainerStijl1 {
	width: 360px;
	margin-top: 20px;
}

.smallImageStijl1 {
	display: block;
	background: url(/images/os_s_imagebackground.png) top left no-repeat;
	padding: 0em 0em 0em 1.0em;
	margin: 1.0em 0.5em 1.0em -0.5em;
	width: 107px;
	float:left;
}



/* Stijl 1 Agendavak */
#agendaVak {
	width: 211px;
	float: left;
	margin-left: 8px;
}

#agendaVak h3 {
	color: #ffffff;
	font-family: Arial;
	font-size: 1em;
	font-weight: 100;
	width: 170px;
	line-height: 10px;
	padding: 5px 3px 5px 0;
	margin-left: 1.9em;
	background-color:#529912;
	text-transform: uppercase;
	text-align: right;
}

.agendaTitel, .agendaTitel a{
	color: #529912;
	font-weight: 500;
	text-transform: uppercase;
	font-style: normal;
	text-decoration: none;
	margin-right: 5px;
	letter-spacing: 0.8px;
}

.agendaItem {
	padding-right: 10px;
	min-height: 43px;
	height: auto !important;
	height: 43px;
}

.dottedHrAgenda {
	border-bottom: 0.09em dotted #777777;
	width: 130px;
	margin: 0px 0 0 50px;
	clear: both;
	height: 1px;
}

div.agendaDatum {
	background-color: #c31818;
	width: 35px;
	text-transform: uppercase;
	color: #ffffff;
	float: left;
	margin-right: 10px;
	margin-bottom:10px;
	padding: 2px 3px 0px 3px;
	text-align: center;
	font-size: 1em;
}



.agendaDatum span {
	display: block;
	font-size: 1.90em;
	margin-top: -2px;
}
.meerFotos{
	background-color: #c31818;
	float:left;
	padding: 5px;

}

.meerFotos a {
	font-size: 1em;
	text-decoration: none;
	color: #fff;
}

.readOn{
	color:#16677C;
	font-size:0.95em;
	font-style:italic;
	padding-right:10px;
	text-decoration:none;
}

#agendaVak .bottomRight a{
	float: right;
	color: #529912;
	text-decoration: none;
	font-style: italic;
	font-size: 0.95em;
	padding-right: 10px;
}

/* Stijl 1 schaduwranden voor agendavak */
#agendaVak div.topLeft {
	display: block;
	background: url(/images/os_boxbackgroundA.png) top left no-repeat white;
	padding: 2.0em 0em 0em 0em;
}

#agendaVak div.topRight {
	display: block;
	background: url(/images/os_boxbackgroundA.png) top right no-repeat white;
	margin: -2.0em 0em 0 1.0em;
}

#agendaVak div.bottomLeft {
	display: block;
	height: 35px;
	background: url(/images/os_boxbackgroundA.png) bottom left no-repeat white;
}

#agendaVak div.bottomRight {
	display: block;
	background: url(/images/os_boxbackgroundA.png) bottom right no-repeat white;
	height: 35px;
	margin-left: 3.0em;
}

/* Stijl 1 Activiteitenvak */
#activiteitenVak {
	width: 430px;
	float: left;
}

#activiteitenVak h3 {
	color: #ffffff;
	font-family: Arial;
	font-size: 1em;
	font-weight: 100;
	width: 381px;
	line-height: 10px;
	padding: 5px 3px 5px 0;
	margin-left: 1.9em;
	background-color:#16677c;
	text-transform: uppercase;
	text-align: right;
}

.activiteitenTitel {
	color: #16677c;
	font-weight: 500;
	text-transform: uppercase;
	margin-right: 5px;
	letter-spacing: 0.8px;
}

.activiteitenDatum span {
	color: #ffffff;
	background-color: #c31818;
	font-size: 1em;
	left: 11px;
	line-height: 1em;
	padding: 4px 3px 0px 3px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	width: 35px;
	height: 37px;
}

div.activiteitenDatum span big{
	display: block;
	font-size: 1.90em;
	padding-top: 1px;
	line-height: 24px;
}



.dottedHrActiviteiten {
	border-bottom: 1.4px dotted #777777;
	width: 290px;
	margin: 0 0 0 110px;
	clear: both;
	height: 1.4px;
}

.activiteitenItem {
	padding-right: 3px;
}

.activiteitenAfbeelding {
	background: url(/images/os_act_image.jpg) top left no-repeat;
	width: 100px;
}


.activiteitenDatum {
	width: 110px;
	float: left;
}

#activiteitenVak .bottomRight a{
	float: right;
	color: #16677c;
	text-decoration: none;
	font-style: italic;
	font-size: 0.95em;
	padding-right: 10px;
}

.activiteitenDatum2 {
	width: 110px;
	float: left;
}


.activiteitenDatum2 span {
	color: #ffffff;
	background-color: #c31818;
	font-size: 1em;
	left: 5px;
	line-height: 1em;
	padding: 4px 3px 0px 3px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	width: 35px;
	height: 37px;
}

div.activiteitenDatum2 span big{
	display: block;
	font-size: 1.90em;
	padding-top: 1px;
	line-height: 24px;
}



/* Stijl 1 schaduwranden voor agendavak */
#activiteitenVak div.topLeft {
	display: block;
	background: url(/images/os_boxbackgroundAc.png) top left no-repeat white;
	padding: 2.0em 0em 0em 0em;
}

#activiteitenVak div.topRight {
	display: block;
	background: url(/images/os_boxbackgroundAc.png) top right no-repeat white;
	margin: -2.0em 0em 0 1.0em;
}

#activiteitenVak div.bottomLeft {
	display: block;
	height: 45px;
	background: url(/images/os_boxbackgroundAc.png) bottom left no-repeat;
}

#activiteitenVak div.bottomRight {
	display: block;
	background: url(/images/os_boxbackgroundAc.png) bottom right no-repeat;
	height: 45px;
	margin-left: 3.0em;
}

/* Stijl 2 - vereniging pagina - */
.verenigingAvatar {
	float: left;
	margin: 0 5px 20px 0;
	padding-top: 5px;
}

#verenigingInfo{
	display: inline;
}

#verenigingInfo h2 {
	padding: 0;
	display: inline;
}

/* Stijl 2 fotovak */
#fotoVak {
	width: 430px;
	float: left;
	margin-bottom: 20px;
}

#fotoVak img {
	padding-top:7.5px;
}

/* Stijl 2 schaduwranden voor fotovak */
#fotoVak div.topLeft {
	display: block;
	background: url(/images/os_imageBackground.png) top left no-repeat white;
	padding: 2.0em 0em 0em 0em;
}

#fotoVak div.topRight {
	display: block;
	background: url(/images/os_imageBackground.png) top right no-repeat white;
	margin: -2.0em 0em 0 1.0em;
}

#fotoVak div.bottomLeft {
	display: block;
	height: 7.5px;
	background: url(/images/os_imageBackground.png) bottom left no-repeat;
}

#fotoVak div.bottomRight {
	display: block;
	background: url(/images/os_imageBackground.png) bottom right no-repeat;
	height: 7.5px;
	margin-left: 3.0em;
}

/* Stijl 3 - over ouwe syl pagina - */
.afbeeldingLinksStijl3, .afbeeldingRechtsStijl3 {
	clear: both;
	height: 160px;
	margin: 10px 0 10px 0;
}

.afbeeldingLinksStijl3 h3 {
	float: left;
}

.afbeeldingLinksStijl3 img{
	float: left;
	/*width: 120px;*/
	margin-right: 15px;
	padding-bottom: 10px;
}

.afbeeldingLinksStijl3 p{
	float: left;
	width: 215px;
}

.afbeeldingRechtsStijl3 img{
	float: right;
	/*width: 120px;*/
	margin-left: 15px;
	padding-bottom: 10px;
}

.afbeeldingRechtsStijl3 p{
	float: right;
	width: 215px;
	padding-right: 0px;
}

/* Stijl 4 - trekpleisters pagina - */
#contentStijl4 { 
	margin: 0px;
	padding: 0px 5px 0px 5px;
	display: inline;
	position: relative;
	float: left;
	width: 790px;
}

#contentStijl4 p{
	padding-right: 10px;
	margin-bottom: 10px;
	line-height: 16px;
}
/*
#contentStijl4 a {
	text-decoration: none;
	font-style: italic;
	color: #16677c;
}
*/

#introStijl4 {
	width: 385px;
}

.afbeeldingLinksStijl4 {
	width: 392px;
	float: left;
}

/*
.forceHeightStijl4{
	min-height: 315px;
	height: auto !important;
	height: 315px;
}
*/

.afbeeldingLinksStijl4 h3 {
	float: left;
}

.afbeeldingLinksStijl4 img {
	float: left;
	/*width: 120px; */
	margin-right: 15px;
	padding-bottom: 10px;
}

#contentStijl4 .afbeeldingLinksStijl4 p {
	width: 250px;
}

.afbeeldingLinksStijl4 p{
	float: left;
	width: 215px;
}

.dottedHrStijl4 {
	border-bottom: 0.09em dotted #777777;
	height: 0.09em;
	margin-bottom: 30px;
	width: 350px;
}



/* Stijl 5 -  - */


.dezeMaandStijl5{
	width: 200px;
	float: left;
}

.volgendeMaandStijl5 {
	width: 200px;
	float: right;
}
/*
.dezeMaandStijl5, .volgendeMaandStijl5 {
	width: 200px;
	float: left;
} 

.dezeMaandStijl5 {
	position: absolute;
	top: 70px;
}

.volgendeMaandStijl5 {
	position: relative;
	left: 215px;
}
*/
.datumParagraaf {
	margin: 10px 10px 20px 0px;
}

.titelParagraaf {
	margin-top: 20px;
}

/* stijl 5 */
#vakStijl5 {
	width: 430px;
	float: left;
}


/* AGENDA */



#agendaVakStijl5 h3,#nieuwsVakStijl5 h3,#activiteitVakStijl5 h3 {
	color: #ffffff;
	font-family: Arial;
	font-size: 1em;
	font-weight: 100;
	width: 381px;
	line-height: 10px;
	padding: 5px 3px 5px 0;
	margin-left: 1.9em;
	text-transform: uppercase;
	text-align: right;
}

#agendaVakStijl5 h3 {
	background-color:#529912;
}

#nieuwsVakStijl5 h3 {
	background-color:#de960c;
}

#activiteitVakStijl5 h3 {
	background-color:#16677c;
}

#pijlLinks {
	float: left;
	margin-top: 5px;
}

#pijlRechts {
	float: right;
	margin-top: 5px;
	margin-right:10px;
}


.linkStijl5 {
	position: relative;
	bottom: 15px;
}

#pijlRechts span, #pijlLinks span {
	color:#16677C;
	font-size:0.95em;
	font-style:italic;
	padding-right:10px;
	padding-left:10px;
	text-decoration:none;
}

#pijlRechts img, #pijlLinks img {
	border: none;
}

.volgendeMaandStijl5 .agendaItem a:hover, .dezeMaandStijl5 .agendaItem a:hover .nieuwsItem a:hover, .dezeMaandStijl5 .nieuwsItem a:hover .nieuwsItem a:hover, .dezeMaandStijl5 .activiteitItem a:hover{
	color: #444;
}

/* stijl 5 nieuws */


/*------------------------------------------------------------------------------------*/
/* borders right
/*------------------------------------------------------------------------------------*/
/* Stijl 5 schaduwranden voor agendavak */
#nieuwsVakStijl5 div.topLeft {
	display: block;
	background: url(/images/os_boxbackgroundN_5.png) top left no-repeat white;
	padding: 2.0em 0em 0em 0em;
}

#nieuwsVakStijl5 div.topRight {
	display: block;
	background: url(/images/os_boxbackgroundN_5.png) top right no-repeat white;
	margin: -2.0em 0em 0 1.0em;
}

#nieuwsVakStijl5 div.bottomLeft {
	display: block;
	height: 45px;
	background: url(/images/os_boxbackgroundN_5.png) bottom left no-repeat;
}

#nieuwsVakStijl5 div.bottomRight {
	display: block;
	background: url(/images/os_boxbackgroundN_5.png) bottom right no-repeat;
	height: 45px;
	margin-left: 3.0em;
}

/* Stijl 5 schaduwranden voor agendavak */
#agendaVakStijl5 div.topLeft {
	display: block;
	background: url(/images/os_boxbackgroundA_5.png) top left no-repeat white;
	padding: 2.0em 0em 0em 0em;
}

#agendaVakStijl5 div.topRight {
	display: block;
	background: url(/images/os_boxbackgroundA_5.png) top right no-repeat white;
	margin: -2.0em 0em 0 1.0em;
}

#agendaVakStijl5 div.bottomLeft {
	display: block;
	height: 45px;
	background: url(/images/os_boxbackgroundA_5.png) bottom left no-repeat;
}

#agendaVakStijl5 div.bottomRight {
	display: block;
	background: url(/images/os_boxbackgroundA_5.png) bottom right no-repeat;
	height: 45px;
	margin-left: 3.0em;
}

/* Stijl 5 schaduwranden voor agendavak */
#activiteitVakStijl5 div.topLeft {
	display: block;
	background: url(/images/os_boxbackgroundAc_5.png) top left no-repeat white;
	padding: 2.0em 0em 0em 0em;
}

#activiteitVakStijl5 div.topRight {
	display: block;
	background: url(/images/os_boxbackgroundAc_5.png) top right no-repeat white;
	margin: -2.0em 0em 0 1.0em;
}

#activiteitVakStijl5 div.bottomLeft {
	display: block;
	height: 45px;
	background: url(/images/os_boxbackgroundAc_5.png) bottom left no-repeat;
}

#activiteitVakStijl5 div.bottomRight {
	display: block;
	background: url(/images/os_boxbackgroundAc_5.png) bottom right no-repeat;
	height: 45px;
	margin-left: 3.0em;
}



/* Stijl 6 - Ondernemers pagina */
.forceHeightStijl6 {
	height: 180px; /* ie6 hack */
}
/* Stijl 7 - Ondernemers pagina */
.forceHeightStijl7 {
	height: 90px; /* ie6 hack */
}
.picasa{
	float: left;
	width: 380px;
	padding-right: 10px;
	
}
.picasa table{
	width: 100%;
}

.picasa td{
	width: 50%;
}
.picasa a, .picasa a font{
	color:#16677C;
	font-style:italic;
	padding-right:10px;
	text-decoration:none;
}

.picasa img{
	border: none !important; 
}

/*SLIDE SHOW HEADER-----------------------*/
.fade-box {
	width: 975px;
	position: absolute;
}

#image-container {
	width: 975px;
	height: 258px;
	background: url(/images/loading.gif);
	background-position:center;
	background-repeat:no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


/* Stijl 1 Nieuwsvak */
#nieuwsVak h3 {
	color: #ffffff;
	font-family: Arial;
	font-size: 1em;
	font-weight: 100;
	width: 160px;
	line-height: 10px;
	padding: 5px 3px 5px 0px;
	margin-left: 2.7em;
	background-color:#de960c;
	text-transform: uppercase;
	text-align: right;
}

#nieuwsVak {
	width: 211px;
	float: left;
}

.nieuwsItem {
	padding-right: 10px;
}

.dottedHr {
	border-bottom: 0.09em dotted #777777;
	width: 130px;
	margin: 8px 35px 0 35px;
	height: 0.09em;
}

p.nieuwsDatum {
	color: #de960c;
	font-weight: 500;
	margin-right: 5px;
	display: inline;
}

p.nieuwsTitel, p.nieuwsTitel a, p.nieuwsTitel span, p.nieuwsDescription, p.nieuwsDescription a, p.nieuwsDescription span{
	display: inline;
	color:#777777;
	font-style:normal;
	padding-left:0;
	text-decoration:none;
}

.vakContent {
	min-height: 215px;
}

#nieuwsVak a.bottomLink{
	color: #de960c;
	text-decoration: none;
	font-style: italic;
	font-size: 0.95em;
	padding-left: 35px;
}

/* Stijl 1 schaduwranden voor nieuwsvak */
#nieuwsVak div.topLeft {
	display: block;
	background: url(/images/os_boxbackgroundN.png) top left no-repeat white;
	padding: 2.0em 0em 0em 0em;
}

#nieuwsVak div.topRight {
	display: block;
	background: url(/images/os_boxbackgroundN.png) top right no-repeat white;
	margin: -2.0em 0em 0 1.0em;
}

#nieuwsVak div.bottomLeft {
	display: block;
	height: 35px;
	background: url(/images/os_boxbackgroundN.png) bottom left no-repeat white;
}

#nieuwsVak div.bottomRight {
	display: block;
	background: url(/images/os_boxbackgroundN.png) bottom right no-repeat white;
	height: 35px;
	margin-left: 3.0em;
}
#map{
	width: 408px;
	height: 212px;
}
.validation-advice{
	color: #ff0000;
	font-family: Arial;
	font-size: 1em;
	font-weight: 100;
}