@charset "UTF-8";
/* 
Gebruikte kleuren:
	#e7efd9: zeer licht groen, site achtergrond, achtergrond infomessage, info frame
	#FFFFFF: Wit, frametitel
	#238e38: Groen, H1 titels, HR, rand contentframes
	#016e16: Donkergroen, links
	#006600: Groen, text infomessage
	#990000: Rood, text errormessage
	#429d52: Dofgroen, rand afbeelding
	#ffbb7f: licht oranje, rand afbeelding
	#a9cfb0: Lichtgroen, niet-geselecteerde link nieuwsnavigatie
	#ff6500: Oranje, voor kop2 teksten, a-tags
*/

@import url("/styles/form.css");
@import url("styles/ui-theme/jquery-ui-1.7.3.custom.css");

html { 
	overflow-y: scroll;
	overflow-x: hidden;
	overflow: -moz-scrollbars-vertical; 
}

body {
	background-color:  #e7efd9;
	padding:0px;
	margin:0px;
}

body, td, input{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
p{
	margin:0;
}
td{

}
label{
	margin:0px;
}
input{
	margin:0px;
}
a{
	color:#ff6500;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
img{
	border:none;
}
h1{
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	color:#ff6500;
}
h2{
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ff6500;
	margin-top:10px;
	margin-bottom:2px;
}
h3{
	margin:0px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	color:#ff6500;
	margin-top:10px;
	margin-bottom:2px;
}
/* Marges van het formulier verwijderen */
form{
	margin:0px; padding:0px;
}

hr{
	height: 0;
	border: 0;
	border-top:solid 1px #238e38;
	margin-top:5px;
	margin-bottom:5px;
}
/*style voor het menu*/ 
.mainNavigation{
	position:relative;
	top:0px;
	
}

#headerContainer {
	height:120px;
	background-image: url(images/bg_header.jpg);
	color:white;
}
/* placeholder loginformulier*/
#loginContainer {
	z-index:1;
	background-color:#238e38;
	color: #FFFFFF;
	height:25px;
	padding-left:15px;
	background-image:url(images/bg_frameheader.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
A.login{
	position:relative;
	color:#FFFFFF;
}

#menuContainer {
	/*	position:absolute;
	top:170px;
	left: 10px;
	width: 140px;
	height: 600px;*/
	float:left;
	padding:10px;
	height: 500px;
}

#mainContainer {
	position:relative;
	width:900px;
	background-color:#FFFFFF;
	text-align:left;
	background-image:url(images/bg_main.jpg);
	background-repeat:repeat-x;
	margin: 0 auto;
	min-height: 800px;
}
#bannerContainer{
	float:right;
	width:130px;
	padding-top: 10px;
}
#mainContainer{
	
}
#mainContainer #contentContainer {
	/*position:relative;
	
	left:150px;
	min-height:600px;
	height:100%;
	*/
	float:left;
	padding-top:10px;
	width:600px;
}

#pagina_titel {
	border-bottom:solid 1px #238e38;
	margin-bottom:10px;
}

#sitefooter {
	width:900px;
	padding-top:15px;
	padding-bottom:5px;
	background-image:url(/images/bg_footer.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffc199;
	margin: 0 auto;
}
.nivo2{
	width:200px;
}

/*Default styles voor een contentframe*/
.frame{
	background-color:#FFFFFF;
	/*border:solid 1px #238e38;*/
	
	border-top:none;	
	margin-bottom:10px;
}

.frame .header, .frame .header_rood, .frame .header_light{
	position:relative;
	font-size:12px;
	font-weight:bold;
	padding:3px;
	padding-left:8px;
	background-color: #238e38;
	/*font-family:"Tekton Pro", Verdana, Arial;*/
	color:#FFFFFF;
}
.frame .header{
	background-image:url(images/bg_frameheader.jpg);
	background-repeat:repeat-x;
	background-position:center;
}
.frame .header_light{
	background-image:url(images/bg_frameheader_light.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
.frame .header_rood{
	background-image:url(images/bg_frameheader_red.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
.frame .header a, .frame .header_rood a, .frame .header_light a{
	color:#FFFFFF;
	font-weight:normal;
	font-style:italic;
}


.frame .content{
	padding:8px;
	border:solid 1px #b4d4bb;
	/*border-top:solid 1px #238e38;*/
}

.formulier td{
	padding-bottom:5px;
}
.formulier .label{
	padding-right:10px;
	font-weight:bold;
	font-size:10px;
	text-align: right;
}
.formulier .veld{
}

.formulier tr.row td{
	border-bottom:solid 1px #cddccf;
}
.formulier tr.row_normal{
	
}


div.message{
	margin-bottom:10px;
	width:300px;
	background-color:#FFFFFF;
	border:solid 1px #238e38;
	padding:10px;
	text-align:center;
	font-size:10px;
}
#info_message, .info_message{
	color:#006600;
}
#error_message, .error_message{
	color:#990000;
}


#aanmelden_training .label {
	width:120px;
}

.info_frame {
	position:relative;
	display:inline;
	z-index:1500;
	margin-left:10px;
}

.info_frame .info_message {
	position:absolute;
	visibility:hidden;
	cursor:pointer;
	right:20px;
	border:dotted 1px #238e38;
	background-color:  #e7efd9;
	padding:5px;
	width:300px;
	top:0px;
	z-index:1000;
}
.info_frame img{
	cursor:pointer;
}
.info_frame:HOVER .info_message {
	position:absolute;
	visibility:visible;
	
}
.ledenpas_foto .info_frame .info_message{
	top:-100px;
	left:20px;
}


#aanmelden_training{
	width:600px;
}
#aanmelden_training #akkoord_message {
	color:#990000;
	padding:10px;
	display:none;
}

.popup #sluitknop {
	text-align:right;
}
.popup {
	background-image:url(images/bg_main.jpg);
	background-repeat:repeat-x;
	padding:10px;
	margin:0px;
	width:600px;
}

.suggest_link {
	background-color: #FFFFFF;
	padding: 2px 6px 2px 6px;
}
.suggest_link_over {
	background-color: #3366CC;
	padding: 2px 6px 2px 6px;
}
#voorkeursteam_suggestie {		
	text-align: left; 		
	height:60px;
	overflow:auto;
	width:300px;	
	border:solid 1px #238e38;
}		

ul.suggestie {
	margin:0px;
	padding:0px;
	list-style:none;
	background-color: #FFFFFF;
}

ul.suggestie li {
	padding:3px;
	cursor:pointer;
}
ul.suggestie li:hover, ul.suggestie li:hover a{
	
	color:#000000;
	background-image:url(images/bg_row.jpg);
}
.img_button {
	cursor:pointer;
}

.overzicht_voorkeursteam {
	border:solid 1px #238e38;
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}
.overzicht_voorkeursteam .row td{
	background-image:url(images/bg_row.jpg);
}

.form_action {
	text-align:right;
}


/*styles voor nieuwspagina nieuws.php*/
/*start eigenschappen nieuws in overzicht*/
.bericht {
	

	background-image:url(../images/bg_nieuws.jpg);
	background-repeat:no-repeat;
	position:relative;
}
#nieuws_overzicht .bericht #afbeelding{
	margin-right:10px;
	float:left;
}
#nieuws_overzicht .bericht #afbeelding img {
	padding:0px;
	border:solid 1px #ffbb7f;
	width:90px;
	height:90px;
}

#nieuws_overzicht #bericht #titel{
	height:12px;
	margin:5px;
	color:#ff6500;
	float:left;

}

#nieuws_overzicht #bericht #datum {
	margin:5px;
	float:right;
}

#nieuws_overzicht #bericht #intro {
	margin:5px;
	width:460px;
	float: left;
}

#nieuws_overzicht #bericht #titel, #nieuws_overzicht #bericht #titel a{
	font-size:11px;
	font-weight:bold;
	color:#000000;color:#ff6500;
}
#selected_bericht #titel{
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	position: relative;

}	
#selected_bericht #datum{
	text-align:right;
	position: absolute;
	right: 5px;
	top: 0px;
	padding:3px;
}

#selected_bericht #body #afbeelding img{
	float:right;
	margin:5px;
	margin-top:0px;
	margin-right:0px;
	border:solid 1px #ffbb7f;
}

#nieuws_overzicht #bericht a.leesverder {
	margin-top:5px;
	font-size:11px;
}

#nieuws_overzicht .spacer {
	height:25px;
	position:relative;
	display:block;
}

.titel_links {
	margin-bottom:10px;
}

#nieuws_overzicht #nieuws_message {
	margin-top:20px;
}

#nieuws_overzicht #navigatie {
	position:absolute;
	top:0px;
	right:0px;
	padding:5px;
	text-align:right;
}
#nieuws_overzicht #navigatie a{
	margin-left:5px;
	margin-right:5px;
	color:#a9cfb0;
}
#nieuws_overzicht #navigatie #selected, #nieuws_overzicht #navigatie a:hover{
	color:#FFFFFF;
}


#nieuws_overzicht #bericht #datum {

}

.lid_gegevens .lidFoto img{
border: solid 1px #429d52;
}


.float_spacer {
	clear:both;
	height:1px;
	overflow:hidden;
}

/* Styles voor default formulier*/
.dynamic_form{

}
.dynamic_form .row{
	padding:5px;	
}
.dynamic_form .row .label{
	float:left;
	width:150px;
}
.dynamic_form .row .field{

	width:300px;
}


/* Styles voor de homepagina */
#nieuws_overzicht_homepagina .content{
	padding-top:5px;
}
#nieuws_overzicht_homepagina .bericht #afbeelding {
	float:left;
	margin-top:0px;
	margin-right:10px;	
}
#nieuws_overzicht_homepagina .bericht #afbeelding img {
	border:solid 1px #ffbb7f;
	width:70px;
	height:70px;
	z-index:800;
}

#nieuws_overzicht_homepagina #bericht #titel{
	height:12px;
	margin:5px;	
	z-index:700;
}
#nieuws_overzicht_homepagina #bericht #titel, #nieuws_overzicht_homepagina #bericht #titel a{
	font-size:11px;
	font-weight:bold;
	color:#000000;
	color:#ff6500;
}
#nieuws_overzicht_homepagina #bericht #datum {
	float:right;
}
#nieuws_overzicht_homepagina #bericht #intro {
	margin:5px;
	z-index:700;
}
#nieuws_overzicht_homepagina #bericht{

}
#nieuws_overzicht_homepagina #bericht #leesverder {
	text-align:right;
	padding-right:10px;
}

#nieuws_overzicht_homepagina #bericht #leesverder a {
	font-size:11px;
}

#nieuws_overzicht_homepagina .spacer {
	height:25px;
	position:relative;
	display:block;
}

#nieuws_overzicht_homepagina #navigatie {
	position:absolute;
	top:0px;
	right:0px;
	padding:5px;
	text-align:right;
}
#nieuws_overzicht_homepagina #navigatie a{
	margin-left:5px;
	margin-right:5px;
	color:#a9cfb0;
}


#column .content {
	background-image:url(/images/column_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
#column_afbeelding{
	float:right;
	border: solid 1px #ffbb7f;
	margin-left:10px;
}

#column .datum {
	font-style:italic;
	text-align:left;
	padding-bottom:80px;
}


#column_overzicht .content a {
	color:#FF6500;
}

#selected_column .afbeelding {
	float:right;
}
#selected_column .afbeelding img {
	border:solid 1px #ffbb7f;
	margin-left:5px;
	margin-bottom:5px;
}

a.button{
	background-image:url(/images/button_bg.jpg);
	padding:2px;
	border-left:#004f10 solid 1px;
	border-right:#004f10 solid 1px;
}
input.button{
	background-image:url(/images/button_bg.jpg);
}
.login_veld {
	width:90%;
}

.ltc_overzicht td{
	cursor:pointer;
	font-weight:normal;
}
.ltc_overzicht .header td{
	font-size:12px;
	font-weight:bold;
	padding:3px;
	padding-left:8px;
	background-color: #238e38;
	color:#FFFFFF;
	background-image:url(images/bg_frameheader.jpg);
	background-repeat:repeat-x;
	background-position:center;
}
.ltc_overzicht tr.row_alternate:hover td, .ltc_overzicht tr.row_normal:hover td{
	background-color:#abc4b0;
}
.ltc_overzicht .row_alternate td{
	background-color:#cddccf;
}
.ltc_overzicht .row_alternate_red td{
	background-color: #FFCECE;
	border-bottom:#FF0000 solid 1px;
}
.ltc_overzicht .row_normal td{
	background-color:#FFFFFF;
}
.ltc_overzicht .row_normal_red td{
	background-color: #FFDFDF;
	border-bottom:#FF0000 solid 1px;
}
.lid_inschrijvingenHldr {
	position:relative;
	font-size:10px;
}

.lid_inschrijvingenHldr .label {
	position:relative;
	top:0px;
	left:0px;
	width:90px;
}

.lid_inschrijvingenHldr .value {
	position:absolute;
	top:0px;
	left:90px;
	width:200px;
}

div.dispensatie_leden, div.dispensatie_leden a{
	padding: 5px;
	color:#990000;
}


.radio_label {
	cursor:pointer;
}

.bs_tableheader_light{
	background-color:#588a61;
	color:#FFFFFF;
}
form .label {
	
}

.frame_info {
	padding:5px;
	text-align:center;
	font-style:italic;
}

/*styles voor submenu*/
#subPageNavigation ul{
	list-style:none;
	margin:0;
	padding:0;
}
#subPageNavigation ul li{
	float:left;
	margin:0;
	padding:0;
	height:20px;
}
#subPageNavigation ul li a{
	padding-right:5px;
	padding-left:5px;
	font-weight:bold;
}

#pagina_body {
	margin-bottom:10px;
}
/* Alle afbeeldingen in de pagina body*/
#pagina_body img{
	border:solid 1px;
	margin:5px;
	margin-top:0px;
}

.albumfotos img{
	border:solid 1px #429d52;
	float:left;
	margin:5px;
}
#fotoalbumoverzicht .afbeelding img {
	border:solid 1px #ffbb7f;
}
.foto{
	border:solid 1px #ffbb7f;
}
#kalender .kalender_datum {
	font-weight:bold;
}

#kalender .kalenderitem {
	color:#ff6500;
	font-weight:bold;
	padding:2px;
	padding-left:5px;
	border-bottom:solid 1px #d9ebdc;
	margin-bottom:5px;
}
#kalender .kalenderitem.kalender a{
	color:#238e38;
}
.nieuwsbrief_item #afbeelding {
	float:right;
}
.nieuwsbrief_item #afbeelding img{
	border:solid 1px #ffbb7f;
}
.nieuwsbrief_item .intro {
	font-weight:bold;
	margin-bottom:10px;
	padding-top:10px;
}

.activiteit_link a{
	padding:10px;
	text-align:right;
	float:right;
	font-weight:bold;
}
#fr_alerts .alert .datum {
	float:left;
	margin-right:10px;
	font-style:italic;
}

#fr_alerts \.alert {
	margin-bottom:5px;
}

#fr_alerts hr {
	border-color:#f9aaaa;
}

.nieuwsbrief_overzicht {
	list-style:none;
	padding:0px;
	margin:0px;
}

.nieuwsbrief_overzicht li {
	border-bottom:solid 1px #ffbb7f;
	margin-bottom:5px;
	cursor: pointer;
}
.nieuwsbrief_overzicht li div{
	cursor: pointer;
}

.nieuwsbrief_overzicht .datum {
	width:100px;
	float:left;
}

.nieuwsbrief_overzicht .uitgave {
	width:150px;
	float:left;
}

.nieuwsbrief_overzicht .titel {
	float:left;
}


#activiteit_inschrijving .label{
	width:100px;
}
.lid_uitgeschreven {
	color:#FF0000;
	font-style:italic;
	padding-top:20px;
}

.activiteit_inschrijving .header {
	margin-bottom:10px;
	margin-top:10px;
	padding:2px;
	background-image:url(/images/bg_frameheader_light.jpg);
}

.comp_overzicht ul.overzicht li.afgekeurd {
	color:#990000;
}

.comp_overzicht ul.overzicht {
	list-style:none;
	margin:0;
	padding:0;
}
.comp_overzicht .info_frame .info_message{
	left:20px;
	border-color:#FF9999;
	color:#990000;
}
ul.openstaande_inschrijvingen {
	padding-left:15px;
	margin:0;
	
}
ul.openstaande_inschrijvingen li{
	margin-bottom:5px;
}
ul.openstaande_inschrijvingen li .periode{
	font-style:italic;
}
ul.openstaande_inschrijvingen li .soort{
	
}

.frame.weerinfo {
	width: 195px;
	
	float:right;
	position:relative;
}
.frame.weerinfo .content{
	height: 105px;
}
.weerinfo .kaartje {
	position:absolute;
	
}

.weerinfo .weer {
	position:absolute;
	left:130px;
}

a.optionButton {
	background-image:url(../images/btn_ltc_bg.jpg);
	display:inline;
	padding:4px;
	color:#FFFFFF;
}
a.optionButton:hover{
	background-image:url(../images/btn_ltc_bg_hover.jpg);
	text-decoration:none;
	color:#000000;
}