/* Body algemene stijl */
body {
	margin: 0;
    padding: 0;
    color: #99B7D3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
    background-color: #404040;
    text-align: center; 
}

a {
    color: #ffffff;
}

a:hover {
    color: #7697B9;
	text-decoration:none;
}

a img{
    border:none;
}


ul {
	margin:0 0 0 5em;
	padding:0;
}

label	{ font-weight:bold; display:block;}

table {
	margin:1em;
}

hr {
	border: 0px;
	color:#7697BA;
	height: 1px;
	background-color: #7697BA;
	width: 100%;
}

.floatleft {
	float:left;
}

.floatright {
	float:right;
}

.clear {
	clear:both;
}

.correct {
	font-weight:bold;
	color:#009900;
}

.error {
	font-weight:bold;
	color:#FF0000;
}

.bottommargin {
	margin-bottom:1em;
}
/* Holder, voor positionering site */
#holder {
    margin: 0 auto;
    width: 980px;
    padding: 0;
	background-color:#FFF;
    text-align: left;
	border-bottom:1px solid #fff;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-y;
}

#header {
    width: 980px;
	height:180px;
	border-bottom:1px solid #FFF;
	overflow:hidden;
}

#topbar {
	height:34px;
}

#topbar p {
	margin: 0px 1px;
	font-size: 10px;
	padding-top:10px;
	padding-left:10px;
	color:#fff;
	height:24px;
	font-weight:bold;
	background-color:#7697B9;
}

/* Menu container */

#containermenu {
	float:left;
	width:150px;
	padding:34px 0 0 0;
}

#containermenu h3 {
	font-weight:normal;
	font-size:10px;
	color:#FFFFFF;
	margin:5px 0 5px 0 ;
	padding:0 0 0 5px;
	border-bottom:1px solid #fff;
	text-align:left;
}



/* Menu */

#containermenu .nav {
	list-style-type: none;
    padding: 0;
	margin:0;
}

#containermenu .nav li  {
	background-color:#99B7D3;
    font-size: 10px;
	margin:0;
	border-bottom:1px solid #7697B9;
	float:left;
}

#containermenu .nav a {
	text-decoration: none;
	display:block;
	width:140px;
	padding:0 0 0 10px;
	height:15px;
	line-height:15px;
}

#containermenu .nav li ul {
	margin:-15px 0 0 150px;
	padding:0;
	width:140px;
	border-left:1px solid #fff;
	position: absolute;
	left: -999em;
	list-style:none;
}

#containermenu .nav li:hover ul {
	left: auto;
}

#containermenu .nav li:hover ul, #containermenu .nav li.sfhover ul {
	left: auto;
}


input.login {
	width:100px;
	font-size: 9px;
	background-color:#FFF;
	margin-left:10px;
	padding:2px;
	background-position:left top;
	background-repeat:no-repeat;
}

input.gebruikersnaam {
	background-image:url(../images/gebruikersnaam.gif);
}

input.wachtwoord {
	background-image:url(../images/wachtwoord.gif);
}

label.login {
	color:#FFFFFF;
	margin:0em 0.5em;
	font-weight:normal;
}

/* Center Div */
#content {
	background-color:#FFFFFF;
	float:left;
	color:#000;
	margin:0;
	padding:0 0 1em 0;
	width:682px;
}

#content h1 {
	font-size:14px; 
	color:#1b4b77;
	font-weight:bold;
	text-align:right;
	padding:10px 20px 10px 20px;
	border-bottom:1px solid #99B7D3;
	border-top:1px solid #99B7D3;
}

#content h2 {
	font-size:13px; 
	color:#1b4b77;
	font-weight:bold;
	margin:1.5em 1em 0.5em 1em;
	border-bottom:1px solid #99B7D3;
}

#content .introtext {
	margin:2em 0;
}

#content .homeCol {
	width:335px;
	float:left;
	margin-top:5px;
}

#content .borderright {
	border-right: solid /*#820000*/ #7697BA 1px;
}

#content .borderright {
	border-right: solid /*#820000*/ #7697BA 1px;
}

#content #middle p {
	margin:1em 2em;
}

#content a{
	color:#000;
	font-weight:bold;
}

#content a:hover {
	text-decoration:underline;
}

/* Nieuws Archief */

#content ul.archive {
	list-style:none;
	margin-bottom:20px;
}

#content ul.archive li{
	font-style:italic;
}

#content ul.archive a {
	background-image:url(../images/bullet.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding-left:15px;
	font-style:normal;
}
#content ul.archive a:hover {
	background-image:url(../images/bullet_on.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding-left:15px;
}

/* Middle waarin de gekozen pagina wordt geladen */
#content #middle {
	min-height:550px;
	_height:550px;
}

/* Rechter Container */
#containerright {
	float:right;
	width:148px;
	padding:34px 0 0 0;
	overflow:hidden;
}

#containerright h3 {
	font-weight:normal;
	font-size:10px;
	color:#FFFFFF;
	margin:5px 0 5px 0 ;
	padding:0 5px 0 0;
	border-bottom:1px solid #fff;
	text-align:right;
}

#containerright p {
	color:#FFF;
	margin:0 0 0 5px;
	font-style:italic;
}

#containerright ul {
	list-style:none;
	margin:0 0 0 5px;;
	padding:0;
}

#containerright ul a {
	color:#FFFFFF;
	text-decoration:none;
}

#containerright ul a:hover{
	text-decoration:underline;
}

#containerright #sponsoren {
	text-align:center;
	background-color:#FFFFFF;
	margin:0 1px 0 1px;
}
#containerright #sponsoren img {
	margin:1em auto;
	cursor:pointer;
	max-width:146px;
	_width:146px;
}


#containnerright {
	padding:0 0 0 0;
}

#j22banner img {
	cursor:pointer;
	max-width:136px;

	height:92px;
    border:6px solid #000000;

}
/* Nieuws */

#content #middle .newsmessage {
	padding:10px 20px 0 10px;
	/*border-top:1px solid #99B7D3;*/
}

#content #middle .newsmessage h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	border-bottom:0px solid #000;
}

#content #middle .newsmessage h2 .title a{
	background-image:url(../images/bullet.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
	color:#404040;
}

#content #middle .newsmessage h2 .title a:hover{
	background-image:url(../images/bullet_on.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
	color:#99B7D3;
}

#content #middle .newsmessage .author {
	padding-left:10px;
	font-style:italic;
}

#content #middle .newsmessage p {
	margin:1em;
	padding:0 10px;
	text-align:justify;
}

#content #middle .newsmessage img {
	margin:5px;
	border:1px solid #000;
}

#content #middle p.more {
	margin:1em;
}

#content #middle p.right {
	text-align:right;
}

#content #middle p.date {
	font-weight:bold;
	font-style:italic;
}

/* Content Footer */

#footer {
	font-size:10px;
	padding: 10px;
	margin:0 149px 0 151px;
	color:#fff;
	text-align:right;
	background-color:#7697B9;
}

#footer a{
	color:#fff;
}

/* Banner Footer */
.bannerfooter {
	background-color:#FFFFFF; 
	text-align:center;
}

.bannerfooter img {
	margin:0 20px;
}

/* Tabblad */
#content #middle ul.tabblad 				{ margin:0; padding:2px 0; list-style:none; text-align:center;border-bottom:1px solid #99B7D3; }
#content #middle ul.tabblad li 			{ display:inline;  }
#content #middle ul.tabblad li a 			{ padding:2px 2em; border:1px solid #99B7D3; color:#000;}
#content #middle ul.tabblad li a.current	{ background-color:#99B7D3; border:1px solid #7697B9;color:#FFF;}
#content #middle ul.tabblad li a:hover	{ background-color:#7697B9; color:#FFFFFF;}

/* Activiteiten Mainpage */
#containerright ul.activities 				{  }
#containerright ul.activities li 			{ }
#containerright ul.activities li span.date	{ font-weight:bold;}

/* Leden Mainpage */
#content #middle div.leden	 			{ width:530px; overflow:hidden; margin:0 auto;  }

/* Simple Leden Mainpage */
#content #middle div.simple_lid	 		{ float:left; width:150px; text-align:center; border:1px solid #7697B9; margin:10px; height:150px; cursor:pointer; }
#content #middle div.simple_lid a 		{ text-decoration:none;}
#content #middle div.simple_lid a:hover { text-decoration:none;}
#content #middle div.simple_lid img 	{ border:none; max-width:105px; margin:5px; max-height:100px; _height:100px;}
#content #middle div.simple_lid_over	{ background-color:#99B7D3;}

/* Address Leden Mainpage */
#content #middle div.address_lid	 		{ float:left; width:238px; text-align:center; border:1px solid #7697B9; margin:10px; height:110px; cursor:pointer; }
#content #middle div.address_lid a 			{ text-decoration:none;}
#content #middle div.address_lid a:hover 	{ text-decoration:none;}
#content #middle div.address_lid div.lid_info { float:left; text-align:left; width:120px; padding:5px;  }
#content #middle div.address_lid img 		{ border:none; max-width:105px; margin:5px; float:right; max-height:100px; _height:100px }
#content #middle div.address_lid_over		{ background-color:#99B7D3;}


/* Prikbord */
#content #middle div.prikbord_post 		{ border:1px solid #7697B9; margin:2em;}
#content #middle div.prikbord_post h3 	{ font-weight:bold; font-size:10px; background-color:#666666; color:#FFFFFF; margin:0; padding:3px; }
#content #middle div.prikbord_post h3 a	{ color:#FFFFFF; text-decoration:none;}
#content #middle div.prikbord_post h3 a:hover	{ text-decoration:underline;}
#content #middle div.prikbord_post img.photo	{ float:left; margin:10px; cursor:pointer; max-width:50px; _width:50px;  }
#content #middle div.prikbord_post div.content	{float:left; width:525px;margin:10px;}
#content #middle div.prikbord_post div.content img	{    }

#content #middle div.prikbord_post div.admin	{ margin:0; border-top:1px solid #7697B9; text-align:right; padding:0.5em; }


/* Prik op bord */
#content #middle div.prikopbord 		{ margin:2em;}
#content #middle div.prikopbord a 		{ border:1px solid #7697B9; padding:2px 2em;color:#000;}
#content #middle div.prikopbord form 	{ border:1px solid #7697B9; margin:2px 0; padding:1em;  }
#content #middle div.prikopbord #hulp 	{ border-width:0px; margin:1em; }
#content #middle div.prikopbord label	{ font-weight:bold; display:block;}
#content #middle div.prikopbord textarea{ width:550px; height:50px; }
#content #middle div.prikopbord input.text { width:550px;  }
#content #middle div.prikopbord div.info a	{ border:none; padding:0; color:#000;}

#content #middle div.prikadmin form 	{ border:none; }
#content #middle div.prikadmin 			{ margin:0;}


/* Link */
#content #middle div.link 					{ margin:5px 2em;}
#content #middle div.link a.title			{ float:left;}
#content #middle div.link span.url			{ float:right;}
#content #middle div.link div.description	{ clear:both;}

/* Admin Forms */

form.margin {
	margin:0 1em;
}

form.admin input.text, form.admin textarea {
	width:400px;
}


form label.inline {
	display:inline;
}

table.admin {
	width:660px;
	margin:0 0 0 1em;
}

table.admin tr th {
	padding:3px; 
	vertical-align:top;
}

table.admin tr td {
	background-color:#FFF;
	padding:3px; 
}

table.admin tr.active td {
	background-color:#00CC00;
}

table.admin tr.inactive td {
	background-color:#993300;
	color:#FFFFFF;
}
table.admin tr.over td {
	background-color:#EEEEEE;
	color:#000000;
}

/* Kalender */
#content #middle table.calender {
	width:660px;
	border-collapse:collapse;
	border: 1px solid #BBBBBB;
	table-layout: fixed;
	background-color:#FFFFFF;
	font-family: Arial, sans-serif; 
}

#content #middle table.calender th.dayName {
	height: 20px;
	background-color: #455678;
	text-align: center;
	vertical-align: middle;
	color:#FFFFFF;
}

#content #middle table.calender td.day div.current {
	font-size: 10px;
	font-weight: bold; 
	color: #FFFF00;
	background-color: #31528E;
	text-align: left;
	vertical-align: top;
    padding: 2px;
    margin: 0px;
}

#content #middle table.calender td.day div.day {
	font-size: 10px;
	font-weight: bold; 
	color: #FBFCEF;
	background-color: #A2A3AE;
	text-align: left;
	vertical-align: top;
    padding: 2px;
    margin: 0px;
}

#content #middle table.calender td.day div.other {
	background-color: #EEEEEE;
	font-size: 9px;
	color: #BBBBBB;
	vertical-align: top;
    padding: 2px;
    margin: 0px;
}

#content #middle table.calender td.day  {
	background-color: #F7F7F7;
	font-size: 9px;
	height: 88px;
	vertical-align:top;
	color: #433D27;
}

#content #middle table.calender td.other  {
	vertical-align:top;
	background-color: #EEEEEE;
	font-size: 9px;
	color: #BBBBBB;
	height: 88px;
}

#content #middle table.calender td.weekend  {
	background-color: #D4D4D4;
}

#content #middle table.calender td  {
	border:1px solid #FFF;
	padding:0;
}

#content #middle table.calender td.day a {
	font-weight:normal;
}

#content #middle table.calender td.day a:hover {
	font-weight:normal;
}


#content #middle table.calender td.day span.activity  {
	background-color:#FF0000;
}
#content #middle table.calender td.day span.birthday  {
	background-color:#00FF00;
}
#content #middle table.calender td.day span.wedstrijd  {
	background-color:#0000FF;
}

/* poll */

div.polls_holder {}
div.polls_holder div.poll{}
div.polls_holder div.poll div.poll_title { color:#000; border-bottom:1px solid #000;  padding:4px 2px 0 4px; text-align:right;  }
div.polls_holder div.poll div.poll_description{ color:#000;padding:4px;}
div.polls_holder div.poll ul { padding:4px;}
div.polls_holder div.poll ul li{ padding-right:10px;}
div.polls_holder div.poll ul li div.bar { background-color:red; border:1px solid #000; height:12px; color:#FFF; padding-left:2px; }
div.polls_holder div.poll ul li label { display:inline; color:#000; font-weight:bold; }

/* Table Sort */
th.headerSortUp { 
    background-image: url(../images/header_asc.gif);
	background-repeat:no-repeat;
	background-position:right center;
} 

th.headerSortDown { 
    background-image: url(../images/header_desc.gif); 
 	background-repeat:no-repeat;
	background-position:right center;
} 

h2.open{
    background-image: url(../images/minus_icon.png); 
 	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 15px;
	cursor:pointer;
}

h2.closed {
    background-image: url(../images/plus_icon.png); 
}