/* CSS Document */
/* div {border: 1px solid #FFFFFF;} */
/* Bij achtergrondplaatjes met background-image :--> Let op gebruik het hele pad anders denkt ie dat ie op je eigen computer moeten zoeken */
/* Verschil tussen client en server, kennelijk voert deze code zich uit op de client */


/* -------------------------------------------------------------------------------------------------  */
/*              Top Frame properties: om uiterlijk van skins menu en login te veranderen              */
/* -------------------------------------------------------------------------------------------------  */
/* Top frame images (alle dingen in de bovenste balk waar topleft.gif in staat zoals login, skins etc) */
#maincenter {
	right: 385px; !important
	width: 1px; !important
}
#pageHeader 
{
	padding:0px;
	margin:0px;
	background-repeat: no-repeat;
}
#login .skins{
	display:inline;
	font-size: 9px;
}
#login h6 {
	padding:0px;
	margin:-2px 2px -1px 0px;
	font-size: xx-small;
}
#login .input {
	border: 1px solid #686868;
	font:Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:15px;
	padding:0px;
	margin: 0px 0px 0px 0px;
}
#login .graybutt {
	margin: 4px 7px 0px 0px;
}
#login .inputpass {
	border: 1px solid #686868;
	font:Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:15px;
	padding:0px;
	margin: 0px 0px 0px 0px;
	width: 55px;
}
#login #RememberMe {
	margin: 10px 0px 0px 0px;
	padding: 10px;
}
#login table{
	position: relative;
	text-align: right;
}
#login {
	z-index: 50;
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: right;
}
#skinspd {
	z-index: 50;
	position: absolute;
	right: 5px;
	top: 30px;
	text-align: right;
}
#skins img, #snelnaar img{
	vertical-align: middle;
}
#pagenav {
	padding: 1px 2px 0px 1px;
    }
.popupcontent     {
	position: absolute;
	z-index: 15;
	left: 270px;
	top: 43px;
	width: 300px;
	border: 1px solid #000000;
	margin: 0px;
	padding: 5px;
	background-color:#F0F0F0;
    }
/* eind */
/* skins menu */
#skins{
	position: absolute;
	z-index: 120;
	visibility: hidden;
	width: 180px;
	top: 42px;
	height: auto;
	border: 1px solid #717171;
	background-color:#FFFFFF;
	right: 5px;
	padding: 2px;
}
#skins a{
	display: block;
	width: 100%;
}
#snelnaar{
	position: absolute;
	z-index: 120;
	visibility: hidden;
	width: 180px;
	top: 42px;
	height: auto;
	border: 1px solid #717171;
	right: 92px;
	background-color:#FFFFFF;
	padding: 2px;
}

#snelnaar a{
	display:block;
	width:170px;
}
/* eind */
/* home button */
    #homebut 
    {	
	    position: absolute;
	    z-index:10;
	    left: 0px;
	    top: 0px;
    }
/* einde top frame images */

/* ------------------------------------------------------------------------------------------------- */
/*              Algemene properties: waardes hoeven eigenlijk nooit veranderd te worden              */
/* ------------------------------------------------------------------------------------------------- */
/* algemeen */
body {
	margin:0em;
	padding:0em;
	background-attachment: fixed;
	scrollbar-arrow-color: #FFFFFF; 
	scrollbar-track-color: #686868; 
	scrollbar-base-color: #686868;
	scrollbar-face-color: #686868;
	scrollbar-3dlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-darkshadow-color: #686868;
	font-weight: normal;
	font-size: 12px;
}

td {
	padding: 0em;
}
h1{ 
	padding: 0em;
	margin: 0em;
	font-size: 2em;
	color: #000000;
	text-align: center;
	WIDTH: 100%;
	HEIGHT: 70px;
	float: left;	
	background-position: top left;				
}
h2 {
	padding: 0em;
	margin: 0px/*0em 0em -1px 0em*/;
	background-repeat: repeat-x;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}
h3 {
	margin: 0px 0px 0px 0px; 
	padding-left: 2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	background-repeat: no-repeat;
	background-image: url(../images/min.gif);
	background-position: 2px;
	cursor: pointer;
	border-bottom: 1px solid white;
}
h4 
{
	margin: 0em;
	font-weight: bold;
		font-size: 62.5%;
}
p {
	padding: 0em 0.25em;
	margin: 0em;
	font-weight: normal;
	line-height: 1.4em;		
}
a img {
	border:0;
}
form {
	margin: 0em;
	padding: 0em;
}
.fullimage {
	padding:0px;
	margin:-3px;
} 
.contentimg
{
	float: right;
	margin:0px;
}
.graybutt
{
	background-color: #666666;
	border: 1px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	background-image:url(../images/arrowbutton.gif);
	background-repeat: no-repeat;
	background-position: right center;
	height:15px;
	padding: 0px 10px 0px 0px;
}
.input {
	border: 1px solid #676767;
	background: white;
	scrollbar-arrow-color: #FFFFFF; 
	scrollbar-track-color: #686868; 
	scrollbar-base-color: #686868;
	scrollbar-face-color: #686868;
	scrollbar-3dlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-darkshadow-color: #686868;
	margin: 2px;
	padding: 2px;
	font-size: 62.5%;
	color:#000000;
}
dl, ul {
	margin: 0em;
	padding: 0em;
	border: none;
	list-style-type: none;
	line-height: 1.5em;
}
ol{
	margin:0em;
	padding: 0em;
	border: none;
	list-style-type:decimal;
	list-style-position: inside;
}
ul.justlinks, div.justlinks {
	padding: 0px 1em 5px 1em;
}
ul.justlinks a, div.justlinks a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	text-decoration: none;
}
div.justtext {
	padding: 0px 1em 5px 1em;
}
.fullover td a{
	text-decoration: none; 
	display: block;
	cursor: pointer;
	padding: 3px;
}
li div.listlink, li div.listlinkover {
	padding: 0px 10px 1em 10px;
	text-decoration: none; 
	display: block;
	cursor: pointer;
}
li a.listlink, li a.listlinkover {
	padding: 0px 1em 1px 1em;
	text-decoration: none; 
	display: block;
	cursor: pointer;
}
li a.listlink a, li a.listlinkover a {
	display: inline;
}
.linkbutton a {
	display: block;
	width: 100%;
	padding-left: 1em;
	background-image: url(../images/linkbutton.gif);
	background-position: left;
	background-repeat: no-repeat;
	border-bottom: 0.1em solid white;
	border-top: 0.1em solid white;
	text-decoration: none;
	cursor: pointer;
}
.linkbutton a:hover {
	background-image: url(../images/linkbutton1.gif);
	text-decoration:underline;
}
a.shortlink{
	width: auto;
	font-weight: bold;
}
table
{
	margin: 0em;
	padding: 0em;
	border: 0em;
	vertical-align: top;
	width: 100%;
	border-collapse: collapse;
}
.pageContent table {

}
.PageContent th {
	background-color: #999999;
}
.PageContent td {
	padding: 5px;
}
hr{
	height:1px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #9FB397;
	margin:6px 10px;
	padding:0px;
}

/* de 6 blokken met alle panels */
#actueel, #surf, #community, #fotos, #vereniging, #mijnpk  {
	display: block;
	padding-left: 0.25em;
	padding-top: 0em;
}
#community .listlink, #community .listlinkover {
	overflow:hidden;
	text-overflow:ellipsis;
}
.listlink img, .listlinkover img {
	margin: 0px -17px 0px 5px;

}
#actueelfooter, #surffooter, #communityfooter, #fotosfooter, #verenigingfooter, #mijnpkfooter
{
	display: block;
	background-repeat: repeat-x;
	cursor: pointer;
	text-align: center;
}

/* eind */
/* eind */





/* ------------------------------------------------------------------------------------------------- */
/*              Subpagina properties: Zeer specifieke instellingen                                   */
/* ------------------------------------------------------------------------------------------------- */
/* subpagina's */
/* spacer */
/* einde */
/* rij met letters zoals bij smoelen pagina */
.alfabet 
{
	margin: 10px;
}
.alfabet a, .alfabet a:visited 
{
	width: 15px;
	height: 15px;
	display: inline;
	padding: 2px 4px;
	border: 1px solid #OOOOOO;
	font-weight: bold;
	text-decoration: none;
}
.alfabet a:hover, .alfabet .select, .alfabet a.select 
{
	background-color: #CCCCCC; /*important*/
	width: 15px;
	height: 15px;
	display: inline;
	padding: 2px 4px;
	border: 1px solid #OOOOOO;
	font-weight: bold;
	text-decoration: none;
	color: #000000; /*important*/
}
/* eind */

/* headings */
.PageContent td 
{
	font-size: x-small;
}
.PageContent h3
{
	background-color: gray;
	color: #FFFFFF;
}
.PageContent h4
{
	font-size: x-small;
}
.smoeltabel td{
	border-bottom: 1px solid #CCCCCC;
}
.smoeltabel h4{
	font-size: medium;
}
.PageContent div.listitem, .PageContent li.listitem {
padding: 0px 10px 5px 10px;

}
.PageContent div img 
{
}
/* MenuContent */
.MenuContent 
{
	margin-right: 0em;
	padding: 0em;
	width: 100%;
	overflow: hidden;
}
/* einde */
h4 .subtitel
{
	font-weight: normal; /*important*/
}
h4 .tussen
{
	color: #999999;
}
h5
{
	padding: 0.25em;
	margin: 0em;	
	font-size: small;
}
h6, .h6
{
	padding: 0.25em;
	margin: 0em;
	font-size: xx-small;
}
/* eind */
/* kalender */
.kalender td 
{
border: 1px solid #CCCCCC;	
}
/* eind */
/* allerlei */
.fileInput {
	height: 18px;
	border: 1px solid #767676;
	background-image: url(/images/backinput.gif);
	background-repeat: repeat-x;
}
.dashedspacer     {
	height: 1px;
	margin:0px;
	padding:0px;
	font-size: 0px;
	clear: both;
	background-color:#000000;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	opacity: 0.2;
}
.white     {
	color: white;
	font-weight: bold;
}
.date{
 color: #CCCCCC;
}
.date2    {
font-weight: bold;
}

.gallerybackground a{
	width: 102px;
	height: 102px;
	margin: 5px;
	background-color: #E8E8E8;
	text-align:center;
	display: inline;
	float: left;
}
.gallerybackground img {
}


/* This is the transparent box */
.helptextblock {
	width: 90%;
	position: relative;
	margin: 20px;	
	padding: 10px;		
	border: 2px solid #999999;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pix.png', sizingMethod='scale');

}
.helptextblock[class] {
  background-image:url(/images/pix.png);
}
	
/* eind  */