/* CSS Document 
Colors:

Oranje: #f9981d;
Licht blauw: #0095da;
MessageBlue: #e0ecf4;
LoginBlue: #98c1db;

Grey: #e9e7e8;

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, /*img,*/ ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
/*table, caption, tbody, tfoot, thead, tr, th, td*/ {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
		font-family: Arial, Helvetica, sans-serif;
}

body {
        line-height: 1.4em;
		font-size: 80%;
		text-align:center;
}

ol, ul {
        list-style: none;
}

blockquote, q {
        quotes: none;
}

blockquote:before, 
blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}

:focus {
        outline: 0;
}

ins {
        text-decoration: none;
}

del {
        text-decoration: line-through;
}

table {
        border-collapse: collapse;
        border-spacing: 0;
}

/* ------------------------------------------------------------------------------------ General Styles */

img { border:0; }

strong {font-weight:bold;}
em {font-style:italic;}

a,
a:link,
a:visited {
	text-decoration:underline;
	color: black;
}

a:hover,
a:active,
a:focus {
	text-decoration:underline;
	color: #f9981d;
}

h1 { 
	font-size:125%; 
	font-weight:bold;  
	color: #f9981d;
	}
	
h2 {font-size:100%; font-weight:bold; color: #f9981d;}

h3 {font-size:90%; font-weight:bold; color: #f9981d;}

h4 { font-size:90%; font-weight:normal; margin: 0 0 3px 0; color: #f9981d;}

p, p a {padding: 5px 0;}

.clear {clear:both; height:1px;}

/* ------------------------------------------------------------------------------------ Specific Styles */

form {	}

.container {
	width:980px;
	height:auto;
	margin: 0 auto;
	text-align:left;		
	}

/* ------------------------------------------------------------------------------------ Header Styles */

.header {
	height: 100px;
	overflow:hidden;
	color:white;
	background: #f9981d url('../images/header4.jpg') no-repeat 0 0;
	}
	.wordtLid {
		float:left;
		display:inline;
		width:200px;
		height:57px;
		margin:10px 0 0 175px;
		}
		
	.menu { padding: 35px 0 0 350px;  }
	
	.menu ul { float:left; }
	.menu ul li {
		float:left;
		margin: 0 10px;
		}
	
	.menu ul li a,
	.menu ul li a:link,
	.menu ul li a:visited,
	.search a,
	.search a:link,
	.search a:visited {
		text-decoration:none;
		color: white;
		font-weight:bold;
		}
	
	.menu ul li a:hover,
	.menu ul li a:active,
	.menu ul li a:focus,
	.search a:hover,
	.search a:active,
	.search a:focus,
	.menu ul li a.selected,
	.menu ul li a.selected:link {
		color: black;
		}
	
	.search { float:left; margin:-3px 0 0 0; }
	.simpleSearch {width:130px; margin: 0 0 0 10px; }
	
	.jbnLink { float:right; }
	.jbnLink a, .jbnLink a:link, .jbnLink a:visited { width:75px; height:70px; display:block; }

/* ------------------------------------------------------------------------------------ Left column Styles */
.content {	}
	
	.leftColumn {
		float:left;
		width: 255px;
		overflow:hidden;
		display:block;
		}
		.calender { 
			height:173px; 
			}
		
		.lastMessages {
			height: 145px;
			background: #e0ecf4;
			padding: 15px 0 0 10px;
			}
			.banner img {
				width: 234px; 
				height: 60px; 
				margin: 0 0 10px 0;
				}
			
		.register {
			height: 127px;
			background: #98c1db url('../images/myJBNLogo.gif') no-repeat 0 0;
			padding:  45px 10px 0 15px; 
			}
			.register label.fields { 
				float:left;
				display:block; 
				width:100px; 
				font-weight:bold;
				font-size:90%; 
				}
		
		.subMenu { /*background: #98c1db; height:327px;*/ }		
		.subMenu ul { margin: 0; /*margin: 0 0 40px 0;*/  }
		.subMenu ul li {display:inline; }
		
		.subMenu h3,	
		.subMenu a,
		.subMenu a:link,
		.subMenu a:visited {
			text-decoration:none;
			font-weight:bold;
			padding:5px;
			border-top: solid white 1px;
			display:block;
			margin: 0;
			background: #f9981d;
			color:white;
		}
		.subMenu h3 {background:black; margin: 5px 0 0 0;}
		
		.subMenu a:hover,
		.subMenu a:active,
		.subMenu a:focus,
		.subMenu ul li a.selected,
		.subMenu ul li a.selected:link,
		.subMenu ul li a.selected:visited {
			background: #0095da;
		}

		/* Sub sub menu */
		 ul.subsubMenu { margin: 0; /*margin: 0 0 40px 0;*/  }
		 ul.subsubMenu li {}
		
		.subsubMenu a,
		.subsubMenu a:link,
		.subsubMenu a:visited {
			text-decoration:none;
			font-weight:bold;
			padding:5px 5px 5px 25px;
			border-top: solid white 1px;
			display:block;
			margin: 0;
			background: /*#f9981d;*/ #fccb8e;
			
			color:white;
		}
		
		.subsubMenu a:hover,
		.subsubMenu a:active,
		.subsubMenu a:focus,
		 ul.subsubMenu li a.selected,
		 ul.subsubMenu li a.selected:link,
		 ul.subsubMenu li a.selected:visited {
			background: /*#0095da;*/ #7fcaec;
		}


/* ------------------------------------------------------------------------------------ Right column Styles */

	.rightColumn { 
		float:right;
		display:block;
		}
	
		.mainContent { 
			width:720px;
			height:auto;
			padding: 5px 0 5px 5px;
			}
		*html .mainContent { width:719px; }
			
		.newsHome {
			background: white;
			margin: 10px 0 0 490px;
			padding: 10px;
			border: #0095da solid 2px;
			height: auto;
			width: 190px;
			}
			
		.newsHome a.newsLink, 
		.newsHome a.newsLink:link, 
		.newsHome a.newsLink:visited,
		.newsArchive a.newsLink,
		.newsArchive a.newsLink:link,
		.newsArchive a.newsLink:visited { 
			width:190px; 
			display:block;
			overflow:hidden;
			white-space:nowrap;
			text-decoration:none;
			text-overflow:ellipsis;
			-o-text-overflow:ellipsis; /*Opera 9*/
			line-height:1.6em;
			}
			.newsArchive a.newsLink,
			.newsArchive a.newsLink:link,
			.newsArchive a.newsLink:visited {  width:300px; }
				
		.newsHome a.newsLink:hover, 
		.newsHome a.newsLink:active, 
		.newsHome a.newsLink:focused,
		.newsHome a.newsLink:hover span.newsDate,
		.newsArchive a.newsLink:hover, 
		.newsArchive a.newsLink:active, 
		.newsArchive a.newsLink:focused,
		.newsArchive a.newsLink:hover span.newsDate { 
			background:#0095da; 
			color:white;
			}

		.newsHome dt {font-weight: bold; color: #f9981d;  }
		.newsHome dd {  }
		dd span.newsDate {  color:#0095da;  }
		d span.newsTitle {  }
		
		.RssFeed { margin: 10px 0 0 0; }
		
		.RssFeed a,
		.RssFeed a:link
		 { 
			background: white url('../images/btn/rssLogo.gif') no-repeat 0 0;
			padding: 2px 0 2px 25px;
			text-decoration:none;
			}
		.RssFeed a:hover,
		.RssFeed a:active
		 { 
			}

		.pollHome {
			background: white;
			margin: 10px 0 0 490px;
			padding: 10px;
			border: #0095da solid 2px;
			height: auto; /*190px;*/
			width: 190px;
			}
		.pollHome dt {font-weight: bold; color: #f9981d;  }
		.pollHome dd.pollQuestion {font-weight: bold;  margin: 5px 0 0 0; }
		.pollHome .pollAnswer {font-weight: normal; }
			
		.intro, dl.teaser, dl.newsArchive {
			width:325px;
			height:135px;
			border: #0095da solid 2px;
			float:left;
			display:inline;
			margin: 0 0 10px 10px;
			padding:10px;
			overflow:hidden;
			}
			.teaser dt { width:165px; float:left; font-weight:bold; color: #f9981d;}
			.teaser dt span.cityName { font-size: 90%; font-weight:normal; color: #0095da; }
			.teaser dd.image {float:right; text-align:center;  }
			.teaser dd.image img { border: #0095da solid 1px; }
			.teaser dd.description {float:left; width:165px; height:90px; overflow:hidden; }
			
			a.teaserBlockLink dl, 
			a.teaserBlockLink:link dl  {text-decoration:none; cursor:hand;}
			
			a.teaserBlockLink:hover dl, 
			a.teaserBlockLink:active dl,
			a.teaserBlockLink:hover dl dt,
			a.teaserBlockLink:hover dl .cityName  {background:#0095da; color:white; cursor:hand; }
	
			* html a.teaserBlockLink:hover, 
			* html a.teaserBlockLink:active  {background:#0095da; color:white; cursor:hand; }

			.intro {
				border-color:white;
				}
			.intro p { font-weight: bold; font-size: 125%;}
			
			dl.newsArchive {
				overflow-y:scroll;
				width:325px;
				height:135px;
				margin: 0 0 10px 10px;
				padding: 10px;
				}
				dl.newsArchive dd { color: #0095da;}
				dd span.cityName { font-size: 120%; font-weight:bold; }
				
/* ------------------------------------------------------------------------------------ Article Styles */
		
		.article {
			margin: 0 0 10px 0;
			padding:10px 0 10px 10px;
			font-size: 110%;
			line-height: 1.5em;
			}
			.article p { padding:5px 25px 5px 0;}
		
			a.back,
			a.back:link { 
				float: right;
				display:block;
				width: 283px;
				height:25px;
				background: transparent url(../images/titles/terugNaarOverzicht.gif) no-repeat 0 0;
				margin: 0 0 15px 0;
				 }
				 
			.article h1 { margin: 25px 0 0 0; }
			
			.locator {
				background: #f9981d; 
				color: white; 
				margin: 5px 0;
				font-weight:bold;
				padding: 0 5px;
				font-style:italic;
				}
				
			h1.Nieuws {
				background: url(../images/titles/Nieuws.gif) no-repeat 0 0;
				height:36px;
				width:124px;
				}
			h1.Zoekresultaat {
				background: url(../images/titles/Zoekresultaat.gif) no-repeat 0 0;
				height:37px;
				width:273px;
				}
			h1.Events {
				background: url(../images/titles/Events.gif) no-repeat 0 0;
				height:39px;
				width:131px;
				}
			h1.Informatie {
				background: url(../images/titles/Informatie.gif) no-repeat 0 0;
				height:37px;
				width:223px;
				}
			h1.Inloggen {
				background: url(../images/titles/Inloggen.gif) no-repeat 0 0;
				height:37px;
				width:223px;
				}
			h1.Prijsvraag {
				background: url(../images/titles/Prijsvraag.gif) no-repeat 0 0;
				height:37px;
				width:223px;
				}
			h1.myRegistration {
			    background: url(../images/titles/myRegistration.gif) no-repeat 0 0;
				height:37px;
				width:400px;
				}
			h1.MyJbn {
			    background: url(../images/titles/MyJbn.gif) no-repeat 0 0;
				height:37px;
				width:400px;
				}
			h1.wordtLid {
			    background: url(../images/titles/wordtLid.gif) no-repeat 0 0;
				height:37px;
				width:400px;
				}
			h1.Kidsclub {
			    background: url(../images/titles/Kidsclub.gif) no-repeat 0 0;
				height:37px;
				width:400px;
				}
			h1.MijnFotos {
			    background: url(../images/titles/MijnFotos.gif) no-repeat 0 0;
				height:37px;
				width:400px;
				}
			h1.Blogs {
			    background: url(../images/titles/blogs.gif) no-repeat 0 0;
				height:37px;
				width:400px;
				}
			h1.Nieuwtjes {
			    background: url(../images/titles/NieuwtjesEnzo.gif) no-repeat 0 0;
				height:37px;
				width:400px;
				}
			h1.Contact {
			    background: url(../images/titles/Contact.gif) no-repeat 0 0;
				height:37px;
				width:400px;
			}
			h1.Judotechnieken {
			    background: url(../images/titles/Judotechnieken.gif) no-repeat 0 0;
				height:37px;
				width:400px;
			}
			h1.RugEmbleem {
			    background: url(../images/titles/RugEmbleem.gif) no-repeat 0 0;
				height:37px;
				width:600px;
				margin:0;
			}			
			h1.Kidsstuff {
			    background: url(../images/titles/Kidsstuff.gif) no-repeat 0 0;
				height:37px;
				width:600px;
			}

			h1.h1Image span,
			h1.Nieuws span, 
			h1.Events span, 
			h1.Informatie span, 
			h1.Zoekresultaat span, 
			h1.Inloggen span, 
			h1.Prijsvraag span,
			h1.Blogs span,
			h1.Nieuwtjes span,
			h1.Contact span,
			h1.Judotechnieken span,
			h1.RugEmbleem span,
			h1.Kidsstuff span
			{ display:none; }
				
			.article ul { list-style-type:disc; }
			.article ol { list-style-type:decimal; }
			.article ul li { margin: 0 0 0 20px; }
			.article ol li { margin: 0 0 0 25px; }
			
			.article .attachments { margin: 15px 0;}
			.article .attachments ul { list-style-type:none; }
			.article .attachments ul li { margin:0; }
		
		.pageNumbers {
			margin: 0 0 0 10px;
			}
			
		.pageNumbers ul { }
						
		.pageNumbers ul li {
			width:auto; 
			height:auto; 
			float:left;
			}	
			
		.pageNumbers ul li a,
		.pageNumbers ul li a:link,
		.pageNumbers ul li a:visited {
			border: solid 1px #0095da;
			padding: 5px 10px;
			color: #0095da;
			text-decoration:none;
			margin: 2px 2px 10px 2px;	
			float:left;
			}
			
		.pageNumbers ul li a:hover,
		.pageNumbers ul li a:active,
		.pageNumbers ul li a:focus,
		.pageNumbers ul li a.selected,
		.pageNumbers ul li a.selected:link {
			background: #0095da;
			color: white;
			}


/* ------------------------------------------------------------------------------------ Pop In Styles */

.PopIn {
    text-align:left;
    padding: 15px;
    }

/* ------------------------------------------------------------------------------------ Blog Styles */

.commentsList { }
	.commentsList h2 {margin: 20px 0 0 10px; font-size:125%;}

	.block { 
		margin: 10px 0; 
		}
	.commentsList h3 {
	       color:white; 
	       font-size:120%; 
	       margin: 0 0 40px /*-50px*/ 100px;  }
	
	dt.commentHeader {
        background: #E0ECF4 url(../images/commentHeader.gif) no-repeat 0 0; 
        display:block; 
        width:720px; 
        height:15px;
        padding: 0px;  
        }
	        
	dd.commentMain {
        background: #E0ECF4 url(../images/commentMascotte.gif) no-repeat 0 0; 
        display:block; 
        width:670px;
        min-height: 200px;
        font-size: 90%; 
        padding: 10px 25px 25px 25px; 
        }
        .commentPhoto { float:left; }
        .commentPhoto img { margin: 5px 10px 10px 0; }
        
	dd.edit  {
        background: #E0ECF4; 
        width:695px; 
        text-align:right; 
        padding: 0 25px 0 0;
        }
	        
	dd.commentFooter {
        background: #E0ECF4 url(../images/commentFooter.gif) no-repeat 0 0; 
        display:block; 
        width:720px; 
        height:15px; 
        }

.addComment {}
	.addComment h2 {margin: 20px 0 0 0;}


/* ------------------------------------------------------------------------------------ My JBN Styles */
    .PersonalPageBg,
	.PersonalPageBgPhoto {
        background: #f9981d url(../images/PersonalPageBg.gif) repeat-x 0 0;
        min-height: 495px;
        _height: 495px;
        margin: -5px -5px -5px -5px;
        }
		.PersonalPageBgPhoto {height:100%;}
		
    	.PersonalPageBg .intro,
		.PersonalPageBgPhoto .intro { 
			border-color:#f9981d; 
			background:#fee6ca;
			margin: 5px 0 0 5px;
			width:455px;
			}
	
	.PhotoSelection {
		background: url(../images/photoFilm.png) no-repeat 0 0;
		height:135px;
		margin: 5px 0 0 -5px;
		padding: 45px 0 0 20px;
	}
	.PhotoSelection img { margin: 0 25px 0 0; border: solid 1px #898989; }
	
	.PhotoSelection a:hover img,
	.PhotoSelection a:active img,
	.PhotoSelection a:focused img { border: solid 1px #f9981d; }
	
	.NewsSelection {
		background: #fee6ca url(../images/titles/verslagVan.gif) no-repeat 0 5px;
		float:left;
		display:inline;
		width:215px;
		height:110px;
		overflow:hidden;
		margin: 10px 13px 0 5px;
		padding: 30px 5px 5px 5px;
		border: solid 2px #f9981d;
		}
		.NewsSelection a ,
		.NewsSelection a:link,
		.NewsSelection a:visited  { text-decoration:none; cursor:hand; }
		
	.vindMij {
		float:left;
		display:inline;
		width:225px;
		height:145px;
		margin: 10px 13px 8px 5px;
		border: solid 2px #f9981d; 
	}
	.vindMijHome {
	    margin:320px 0 0 10px; 
	    float:left;
	    width:225px;
		height:145px;
		}
		.vindMijHome .alert {  margin: 8px 0 0 0; width: 450px; padding: 10px; background:white; border: solid 1px #f9981d;  }	
	
/* ------------------------------------------------------------------------------------ My JBN Photo's Styles */

.MyPhotos .photo { 
	float:left;
	text-align:center;
	width: 150px;
	border: solid 2px #f9981d; 
	height: 130px;
	background: #0095da;
	color:white;
	margin: 5px 4px 0 5px;
	}
	.MyPhotos .photo div { padding:0 3px; margin: -3px 0 0 0; white-space:nowrap; }

a div.photo,
a:link div.photo,
a:visited div.photo {cursor:hand; text-decoration:none;}

a:hover div.photo { background: #f9981d; border: solid 2px #0095da; }	

.MyPhotoDetail {
    float:left;
    width:500px;
    height: 369px;
    background: #0095da; 
    margin: -5px -5px 0 -5px;
    text-align:center;
    overflow:hidden;
    }

.MyPhotoDetail img { margin: 10px 5px 5px 5px; border: solid 1px #fff; }
	
/* ------------------------------------------------------------------------------------ My JBN Right Colum Styles */

	.personalRightColumn {
		width:215px; 
		background: black url(../images/PsPortBg.gif) repeat-y 0 0;
		height: 505px;
		padding: 0 5px;
		margin: -5px 0 -5px 0;
		float:right;
    	}
		/*.personalRightColumn input {margin: 10px 0 0 5px;}*/
		.personalRightColumn h3 { background:black; color:white; margin: 5px -5px; padding:3px 5px;}

		.PsPortBg {
			background: url(../images/titles/Paspoort.gif) no-repeat 0 0;
			height:39px;
			margin: 0 -5px;
			}
		
		label.personalLabel {
			width:100px; 
			display:block; 
			float:left;
			font-weight:bold; 
			}
			.PsPhoto {
			    height:auto; 
			    width:80px; 
			    background:grey; 
			    float:left;
			    }
			
		.friendSearch {margin:10px;}
		.friendSearch label { font-weight:bold; font-size:90%; }
		.friendSearchBox { float:left; width:155px; overflow:hidden; }
		.friendSearchBtn { float:right; padding: 20px 5px 0 5px; }

/* ------------------------------------------------------------------------------------ My JBN Rug embleem styles */

.EmbleemPreview  {
    margin: 0 0 0 180px;
    display:block; 
    background: white url('/images/RugEmbleemLeeg-460x368.jpg') no-repeat 0 0;
    height: 368px; 
    width: 460px;
    overflow:hidden;
    }
    
.EmbleemName {
    padding: 85px 0 0 0;    
    font-size: 400%;
    line-height: 2.0em;
    width:100%;
    text-align: center;
    }

.EmbleemClubName {
    display:block;
    font-weight: bold;
    padding: 9px 0 0 325px;
}
    
/* ------------------------------------------------------------------------------------ JBNMaps Styles */

    .JbnMapsBg {
        height:505px;
        width:500px; 
        float:left;
        margin: -5px 0 -5px -5px;
        overflow:hidden;
        }
        
	.markerLabel {margin: 10px;}


/* ------------------------------------------------------------------------------------ Webshop Styles */

.basketItem { border: solid #f7971c; border-width: 2px 0; }
.basketAmountTable { border: solid #f7971c; border-width: 2px 0; margin: 2px 0 0 0; }
		
/* ------------------------------------------------------------------------------------ Footer Styles */
	
.footer { 
	background: url('../images/footerPatern.gif') repeat-x 0 0;
	height:120px;
	position:relative;
	}
	
	.footerLogo { 
		background: url('../images/footerKidsClub.gif') no-repeat 0 0; 
		height: 120px; 
		width: 255px; 
		top:-45px;
		left:0;
		position:absolute;
		}
		
	.footerMenu {
		float:right;
		margin: 58px 5px 0 0;
		font-size:75%;
		color:white;
		}
		.footerMenu a,
		.footerMenu a:link,
		.footerMenu a:visited {text-decoration:none; color:white; }