/*
 *	AMS-IT & Neas - VVKB leden gedeelte
 *	
 *	Algemene stylesheet
 *
 *
 * v: 08 feb 2015
 *
 */

/*@import url("../scripts/lightbox/lightbox.css"); not used*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400);

*{border:0;margin:0;padding:0;background:transparent;}

/* Twee onderstaande regels zorgen ervoor dat er altijd een scollbalk is */
html { overflow-y: scroll; }
html { overflow: -moz-scrollbars-vertical; }

body {
	font-family: 'Open Sans', verdana, arial, tahoma, serif;
	font-size: 80%;
	color: #444;
	background-color: #ffffff;
	line-height: 150%;
	margin-top: 0;
	background: #ffffff url('images/bg_lichtblauw.gif') top center repeat-x;
}

#border {
	border: 0px ;
	width: 1000px;
	background-color: #FFF;
	background:url('images/background_lichtblauw.gif') no-repeat;
	margin: 0 auto;
}

#header {
	height: 192px;
	width:971px;
	margin-left:-1px;
	background-image:url('images/header_logo.gif');
}

#headerspacer{
	height: 41px;
}

* html #header { margin-left: 0; }



/* ~~~~~~~~~ menu ~~~~~~~~~ */

#menu_container {
	position:relative;
	top:0px;
	left:0;
	width:970px;
	height:41px;
	text-align:center;
	text-transform:uppercase;
	font-family: Lato, 'Myriad Pro', helvetica;
	/*background:#fff url('images/menu_bg.gif') repeat-x;*/
}

#menu {
	padding:0;
	margin-left:auto;
	margin-right:auto;	
	list-style-type:none;
	width:962px;
	height:41px;
	/*background:transparent url('images/menu_divider.gif') no-repeat top right;*/
}

#menu li {
	float:left;
	display:inline;
	width:120px;
	background:transparent;
	/*background:#fff url('images/menu_knop.gif');*/
}

#menu li a,
#menu li a:visited {
	display:block;
	width:120px;
	height:38px;
	/*color: #000063; /*donkerblauw*/
	color: 0065BB; /*lichtblauw*/
	font-size:1em;
	letter-spacing:0.1em;
	text-decoration:none;
	line-height:45px;
	_margin-bottom: -5px; /* IE6 */
	/*font-family:arial, verdana, sans-serif;*/
}

#menu li a:hover,
#menu li a.chosen,
#menu li a.chosen:visited,
#menu li a:focus {
	color:#0065BB;
	font-size:0.9em;
	/*background:transparent url('images/menu_knop_hover.gif')*/;
} 

#menu #beheer	a,
#menu #beheer	a:visited {
	color:#4B7A20
}
#menu #beheer a:hover,
#menu #beheer a.chosen,
#menu #beheer a.chosen:visited,
#menu #beheer a:focus {
	//color:#f00;
	color:#32BA20;
	/*background:transparent url('images/menu_knop_beheer_hover.gif');*/
} 


#content {
	padding: 0.5em 1em;
	max-width: 970px; /* was 740*/
   min-height: 14em;
	background-color: #FFFFFF;
}

* html #content {height:1%}
* > html #content {height:auto}

#container {
	width: 970px;
	margin: 0 auto;
	background-color: #fff;
	border: 0px solid #669900;
}

.splitleft {
	background: #ffffff;
	margin:auto;
	width: 740px;
	float: left;
	overflow: hidden;
	text-align: justify;
}


#logo {
	float:right;
	width:180px;
	height:50px;
	margin-top: 10px;
	background: url('images/logo_180.jpg') no-repeat;
}


/* ~~~~~~~~~~~~ contact info box ~~~~~~~~~~~~ */

#contactinfo{
	float:right;
	width:180px;
	padding:0px 0px;
	margin:10px 0 20px 20px;
	//background: url('images/contactinfoheader.gif') no-repeat;
	text-align:center;
	line-height:1.2em;
	color:#999999;
	font-size:1.1em;
	/*font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;*/
	letter-spacing:0px;
	padding-bottom: 30px;
}

#contactinfo a {
	border-bottom: none;
	color:#999999;
	font-size:1em;
}

#contactinfo h3{
	text-align: center;
	position:static;
	font-family: Lato, 'Myriad Pro', helvetica;
}

#contactinfo a:link, a:visited{
	color:#999999;
}

#contactinfo a:hover, a:active{
	color:#dd6600;
}

#contactinfo ul, #contactinfo li {
	text-align:center;
	list-style: none;
	margin: 0;
	padding: 0;
}

    

/* ~~~~~~~~~ Admin / ingelogd balkje ~~~~~~~~~ */    
.adminbalk {
	font-size: 85%;
	background-color: #FFFFEF;
	//border: 1px solid #FFEF7F;
	padding-left: 0.5em;
	padding-right: 0.2em;
	height: 2em;
}
.ingelogdbalk {
	background-color: #F0F9FF;
	//border: 1px solid #7BABE1;
	color: #20528C;
	padding-right: 0.5em;	
	padding-top: 2px;
}

.adminbalk .ingelogdalsbox {
	float: left;
	width: 60%;
}
.adminbalk .knoppenbox {
	float: right;
	width: 30%;
	text-align: right;
} 
.adminbalk .knoppenbox img {
	vertical-align: middle;
}

/* ~~~~~~~~~~~~ frontpage ~~~~~~~~~~~~ */

#latest_news {
	margin-top: 20px;
	margin-left: 10px;
	line-height: 1.2em;
	width: 700px;/*
	background-color: #E7EFFF;*/
	//border: 2px solid #E7EFFF;
}
#latest_news #ln_header {
	margin-bottom: 0.7em;
	margin-top: 0.2em;
	margin-left: 10px;
	font-size: 16px;
	color: #0065BB;
	line-height: 150%;
}
.news_item,
.pensioen_item,
.ledentip {
	width: 675px;
	border-bottom: 1px solid #E7EFFF;
	margin-bottom: 3em;
}
#latest_news .news_item {
	margin-left: 10px;
}
.news_bar,
.pensioen_bar,
.ledentip_bar {
	border-top: 1px solid #E7EFFF;
	//background-color: #E7EFFF;
	width: 675px;
	height: 1.5em;
	padding-top: 1em;
}
.news_title,
.pensioen_title,
.ledentip_title {
	float: left;
	width: 475px;
	margin-left: 0.5em;
	
	font-size: 110%;
	
	color: #1959B9;
}
#latest_news .news_title {
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}
.news_timestamp,
.pensioen_timestamp,
.ledentip_timestamp {
	float: right;
	width: 150px;
	margin-right: 0.5em;
	text-align: right;
	color: #BBB;
	font-size: 80%;
}
.news_content,
.pensioen_content,
.ledentip_content {
	width: 625px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.news_content ol,
.pensioen_content ol,
.ledentip_content ol {
	margin-top: 1em;
	margin-left: 3em;
}
.news_content ol li,
.pensioen_content ol li,
.ledentip_content ol li {
	margin-top: 0.5em;
	padding-left: 0.5em;
}
.news_item .adminbalk,
.pensioen_item .adminbalk,
.ledentip .adminbalk {
	height: 20px;
	border-top: 0;
	line-height: 1.2em;
}
.news_item .adminbalk .knoppenbox,
.pensioen_item .adminbalk .knoppenbox,
.ledentip .adminbalk .knoppenbox {
	margin-top: 2px;
	height: 18px;
}

#latest_news #more_news {
	width: 685px;
	height: 2em;
	text-align: right;
	margin-top: -5px;
}


/* ~~~~~~~~~~~~ nieuws overzicht ~~~~~~~~~~~~ */

#nieuws_overzicht {
	width: 735px;
}
#nieuws_overzicht #nieuws_navigatie_boven,
#nieuws_overzicht #nieuws_navigatie_onder {
	width: 735px;
	height: 2em;
}

#nieuws_overzicht .nieuwere_berichten {
	float: left;
	width: 20em;
	padding-left: 0.5em;
}
#nieuws_overzicht .oudere_berichten  {
	float: right;
	width: 20em;
	padding-right: 0.5em;
	text-align: right;
}
#nieuws_overzicht .oudere_berichten a,
#nieuws_overzicht .nieuwere_berichten a {
	vertical-align: middle;
	height: 2em;
}

#nieuws_overzicht .news_item,
#nieuws_overzicht .news_bar {
	width: 730px;
}
#nieuws_overzicht .news_content {
	width: 710px;
}
#nieuws_overzicht .news_title {
	width: 530px;
}

/* ~~~~~~~~~~~~ ledenlijst ~~~~~~~~~~~~ */

/*
 * Ledentabs
 * zie: http://www.alistapart.com/articles/slidingdoors/
 */
#ledentabs {
    float:left;
    width:100%;
    background:#FFF url("images/ledentabs/bg.gif") repeat-x bottom;
    font-size:100%;
    line-height:150%;
}
#ledentabs ul {
    margin:0;
    padding:10px 10px 0;
    list-style:none;
}
#ledentabs li {
    float:left;
    background:url("images/ledentabs/norm_left.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
}
#ledentabs a {
    float:left;
    display:block;
    background:url("images/ledentabs/norm_right.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#529AE0;
}
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#ledentabs a {float:none;}
  /* End IE5-Mac hack */
#ledentabs a:hover {
    color:#0673D2;
}
#ledentabs #current {
    background-image:url("images/ledentabs/norm_left_on.gif");
}
#ledentabs #current a {
    background-image:url("images/ledentabs/norm_right_on.gif");
    color:#0065BB;/*#333*/
    padding-bottom:5px;

}

#ledenlijst {
    display: inline-table;
	border-spacing: 0;
	width:100%;
	padding-left: 5px;
}
#ledenlijst tr {
    /*display: table-row;*/
}
#ledenlijst td {
    /*display: table-cell;*/
	border-bottom: 1px solid #EFEFEF;
	padding-right: 3em;
}

#ledenlijst .admincell {
	padding-right: 0;
}
#ledenlijst .initialen {
	padding-right: 2em;
}
#ledenlijst .voornaam {}

#ledenlijst .nieuwsbrief,
#ledenlijst .overlijdensdatum,
#ledenlijst .email {
	padding-right: 1em;
}
#ledenlijst .admincell {
	padding-left: 2em;
}
#ledenlijst .admincell img {
	vertical-align: middle;
}


/* ~~~~~~~~~~~~ pensioen zaken ~~~~~~~~~~~~ */

#pensioen_overzicht {
	width: 735px;
}
#pensioen_overzicht #pensioen_navigatie_boven,
#pensioen_overzicht #pensioen_navigatie_onder {
	width: 735px;
	height: 2em;
}

#pensioen_overzicht .nieuwere_berichten {
	float: left;
	width: 20em;
	padding-left: 0.5em;
}
#pensioen_overzicht .oudere_berichten  {
	float: right;
	width: 20em;
	padding-right: 0.5em;
	text-align: right;
}
#pensioen_overzicht .oudere_berichten a,
#pensioen_overzicht .nieuwere_berichten a {
	vertical-align: middle;
	height: 2em;
}



#pensioen_overzicht .pensioen_item,
#pensioen_overzicht .pensioen_bar {
	width: 730px;
}
#pensioen_overzicht .pensioen_content {
	width: 710px;
}
#pensioen_overzicht .pensioen_title {
	width: 530px;
}

/* ~~~~~~~~~~~~ ledentips ~~~~~~~~~~~~ */

#ledentip_overzicht {
	width: 735px;
}
#ledentip_overzicht #ledentip_navigatie_boven,
#ledentip_overzicht #ledentip_navigatie_onder {
	width: 735px;
	height: 2em;
}

#ledentip_overzicht .nieuwere_berichten {
	float: left;
	width: 20em;
	padding-left: 0.5em;
}
#ledentip_overzicht .oudere_berichten  {
	float: right;
	width: 20em;
	padding-right: 0.5em;
	text-align: right;
}
#ledentip_overzicht .oudere_berichten a,
#ledentip_overzicht .nieuwere_berichten a {
	vertical-align: middle;
	height: 2em;
}

#ledentip_overzicht .ledentip,
#ledentip_overzicht .ledentip_bar,
#ledentippage       .ledentip,
#ledentippage       .ledentip_bar {
	width: 730px;
}
#ledentip_overzicht .ledentip_content,
#ledentippage       .ledentip_content {
	width: 710px;
}
#ledentip_overzicht .ledentip_title,
#ledentippage       .ledentip_title {
	width: 530px;
}

#ledentippage {
	padding-top: 1em;
}



/* ~~~~~~~~~~~~ bestuur ~~~~~~~~~~~~ */
#bestuursleden {
	width: 725px;
	margin-top: 20px;
}
#bestuursleden .bl_container {
	margin-bottom: 1.5em;
}
#bestuursleden .bl_photo {
	float:left;
	width: 100px;
}
#bestuursleden .bl_photo img {
	width: 100px;
}
#bestuursleden .bl_info_container {
	float: left;
	padding-left: 7px;
	width: 618px;
}
#bestuursleden .bl_name {
	font-size: 14px;
	color: #0065BB;	
	/*border-bottom: 1px solid orange;*/
}

#bestuursleden .bl_description {}

#bestuursleden .bl_contactinfo {
	margin-top: 1em;	
}
#bestuursleden img {
	vertical-align: middle;
	margin-bottom: 1px;
}
#bestuursleden a:link {
	color: #777;
}
#bestuursleden a:hover {
	color: #0065BB;
	text-decoration: underline;
}

#bestuursleden .bl_container .clearer {
	clear: left;
	line-height: 0;
	height: 0;
}


/* ~~~~~~~~~ Login pagina: Authenticate table ~~~~~~~~~ */  

#authenticatetable  {
  padding: 2px;
 	margin-top: 1em;
}

#authenticatetable input {
	border: 1px solid #AAAAAA;
	padding: 1px;
	margin: 1px;
	margin-left: 1em;
	color: #0065BB;
}

#submitbuttonrij {
	text-align:right;
}

#authenticatetable .submitbutton {
  padding-left: 10px;
  padding-right: 10px;
  background-color: #EBEBEB;
  background-image: url('images/button_bg.gif');
  background-repeat: repeat-x;
  background-position: center center;
  text-align: center;
  vertical-align: middle;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #CCCCCC;
  color: #0673D2;
  cursor: pointer;
  cursor: hand; /* IE5.5 bugfix: hand */
}
#authenticatetable .submitbutton:hover {
  background-color: #EBEBEB;
  background-image: url('images/button_bg.gif');
  background-repeat: repeat-x;
  background-position: center center;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #0673D2;
  color: #0065BB;
  cursor: pointer;
  cursor: hand; /* IE5.5 bugfix: hand */
}

.rood {
	color: #F6401C;
}


/* ~~~~~~~~~ footer ~~~~~~~~~ */
#footer {
	text-align: center;
	height: 30px;
	/*background-color: #E7F2FE;*/
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	*border-top-color: #CCC;
	margin-top: 50px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
	padding: 0;
	clear: both;	
}

#footer #spacer {
	margin-top:50px;
	*margin-top:0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EEE;
	*border: none;
}

#footer a:link, a:visited {
	color:#5B8FBE;
}

#footer a:hover, a:active {
	color:#cccccc;
}


/* ~~~~~~~~~ Tooltip ~~~~~~~~~ */    

/*.tooltip { 
	border-bottom: 1px dashed;
	text-decoration: none;
}*/

/* het mouseover help-popup window */
div#tipDiv {
	position:           absolute;
	visibility:         hidden;
	z-index:            10000;
	background-color:   #E7EFFF;
	border:             1px solid #0065BB;
	padding:            4px;    
	color:              #000000;
	font-size:          11px;
	line-height:        1.2;
}
div#tipDiv div.breed {
	width:				300px;
}


/* ~~~~~~~~~ Headings ~~~~~~~~~ */    
h1 {
	font-size: 120%;
	color: #659500;
}

h3{
	color:#5B8FBE;
	font-family:geneva,arial,sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	word-spacing:4px;
	letter-spacing:3px;
	font-size:0.8em;
	font-weight:bold;
	padding:0 2px;
	margin:0;
}

/*~~~~~~~~~~~ General styles ~~~~~~~~~~~~~~~*/

a:active,
a:visited,
a:link	   { color: #5b8fbe; text-decoration: none; }
a:hover	   { color: #ff6600; text-decoration: none;}

p {
	margin-bottom: 0em;
	margin-top:    1em;
}

.pagetitle,
#paginatitel {
	font-family: Lato;
	font-size: 1.25em;
	font-weight: 300;
	text-transform:uppercase;
	color: #0065BB;
	line-height: 200%;
}

.style5 {
	font-size: 12px;
	color: #DDD;
}
	
.submitbutton {
  border-style: solid;
  border-color: #922EC3;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 2px;
	border-bottom-width: 2px;
  color: #888;
  font-weight: bold;
}

input {
	border: 1px solid #AAAAAA;
	padding: 1px;
	margin: 1px;
	color: #922EC3;
}


.hiddenImage {
	display:none;
}


.rood {
	color: #F6401C;
}