/* 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 #middle h3 {
	margin:5px 5px 5px 15px;
	font-size:10px;
	border-bottom:1px solid #000;
}
#content #middle h3 a {
	text-decoration:none;
}

/* 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; }
div.polls_holder p.reactions { color:black; text-align:right; margin:0 1em 0 0 }


/* 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); 

}



/* icons */

img.icon {

	margin:0;	

	padding:0;

}


/* ZEIL CV */
.zeil_cv_lid {
	margin:10px;
}
.zeil_cv_lid img{
	float:left;
	margin:0 10px;
	border:1px solid #000;
}
.zeil_cv_lid select{
	float:right;
	width:540px;
}
.zeil_cv_lid textarea{
	float:right;
	width:540px;
	height:150px;
}
#content #middle  .zeil_cv_lid p {
	margin:0 0 0 130px;
}
#content #middle  .zeil_cv_lid h3 {
	margin:0 0 0 130px;
}
/* TEMPORARY during UIT 



#topbar {

	background:url('../images/onderheader.jpg');

	width: 682px;

	height: 75px;

}

/*'display: none;' en '#topbar' weg halen om oude site te herstellen.

#topbar p {

	color:#fff;

	background-color:#000;

}

*/