@import "reset.css";
html{
	font-size:100.01%;
	}
body{
	background:#ffffff;
	font-family:"Trebuchet MS";
	font-size:0.75em;
	color:#000000;
	min-width:960px;
	}
a{
	color:#0079c2;
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	}
.inp-text{
	font-size:0.83em;
	font-family:Verdana;
	padding:1px 2px;
	}
.inp-button{
	border:0;
	background:url(./i/background/button.gif) no-repeat;
	width:78px;
	padding:2px 0 8px;
	text-align:center;
	color:#ffffff;
	font-size:1em;
	cursor:pointer;
	}
h1{
	font-size:1.67em;
	}
h2{
	color:#0079c2;
	font-size:1.67em;
	line-height:1.2em;
	padding-bottom:.6em;
	}
	
h2.lines {
	height: 2em;
}

h2 span{
	font-size:0.50em;
	margin-left:46px;
	}
h3{
	font-size:1.17em;
	}

/* HEAD
******************************************************************************/
.head{
	width:950px;
	margin:0 auto;
	padding:3px 5px 7px;
	position:relative;
	}
.head .system-links{
	position:absolute;
	/*top:14px;*/
	top: 0px;
	right:0px;
	font-size:0.92em;
	color:#9fcde8;
	}
.system-links a{
	color:#9fcde8;
	margin:0 6px;
	}

/* CENTERED
******************************************************************************/
.centered{
	overflow:hidden;
	position:relative;
	text-align:center;
	width:100%;
	}
.sub-centered{
	float:left;
	left:50%;
	position:relative;
	text-align:center;
	width:1171px;
	}
.menu,.head-photo{
	float:left;
	left:-50%;
	position:relative;
	width:1171px;
	}

/* MENU
******************************************************************************/
.menu{
	overflow:hidden;
	font-size:1.17em;
	font-weight:bold;
	}
.menu ul{
	text-align:center;
	background:url(./i/background/menu.gif) repeat-x 0 50%;
	padding:5px 0 9px;
	}
.menu li{
	display:inline;
	padding:0 18px;
	line-height:1em;
	}
.menu .first{
	padding-left:0;
	}
.menu .last{
	padding-right:0;
	}
.menu a{
	color:#ffffff;
	}
.menu .judo{
	/*background:url(/i/background/judo.gif) no-repeat 0 50%;*/
	padding-left:20px;
	}
/*.menu .judo a{
	color:#ffa800;
	}*/

/* HEAD-PHOTO
******************************************************************************/
.head-photo {
	1height:184px;
	}
.head-photo .photo-background{
	position:absolute;
	bottom:0;
	left:0;
	z-index:10;
	background:url(./i/head/bg.png) no-repeat 0 0;
	width:418px;
	height:23px;
	}

/* MAIN
******************************************************************************/
.main{
	width:960px;
	margin:0 auto 20px;
	background:url(./i/background/sidebar.gif) repeat-y 318px 0;
	line-height:1.42em;
	}

/* page-title */
.page-title{
	padding:5px 0 30px;
	width:960px;
	margin:0 auto;
	}
.page-title h1{
	padding:0;
	margin:0;
	width:305px;
	float:left;
	}
.page-title p{
	margin:0;
	padding:0;
	color:#0079c2;
	width:626px;
	float:right;
	line-height:1.67em;
	}

/* sidebar */
.sidebar{
	width:306px;
	float:left;
	}
.interesse{
	color:#0388d8;
	font-weight:bold;
	font-size:1.17em;
	margin:30px 0 0;
	}

/* actie */
.actie{
	border-top:1px solid #cce4f3;
	padding:20px 116px 0 0;
	margin-top:35px;
	}
.content .actie{
	border-top:none;
	padding:0;
	margin-top:36px;
	}
.actie h3{
	font-size:1.50em;
	font-weight:bold;
	padding-bottom:12px;
	}
.actie strong{
	display:block;
	font-size:1.17em;
	padding-bottom:15px;
	}
.actie img{
	margin-bottom:6px;
	}
.actie .more{
	line-height:2em;
	}
.actie p{
	margin:0 !important;
	}

/* let-op */
.let-op{
	margin-top:32px;
	}
.let-op strong{
	display:block;
	font-size:1.17em;
	color:#0388d8;
	line-height:2em;
	}
.let-op p{
	margin:0 !important;
	padding:0;
	}
.let-op .more{
	line-height:2em;
	}

/* navigation */
.navigation{

	}
.navigation ul{
	padding:12px 10px 6px;
	}
.navigation ul li{
	margin-bottom:9px;
	}
.navigation a{
	display:block;
	background-color:#e5f3fb;
	font-size:1.17em;
	padding:4px 10px 2px;
	margin-bottom:2px;
	}
.navigation ul a{
	display:inline;
	background:none;
	color:#000000;
	font-size:0.92em;
	padding:0;
	margin:0;
	}
.navigation .active{
	font-weight:bold;
	}

/* content */
.content{
	width:626px;
	float:right;
	}
.left-column{
	width:394px;
	float:left;
	}
.right-column{
	width:200px;
	float:right;
	}
.columns{
	background:url(./i/background/sidebar.gif) repeat-y 410px 0;
	}
.content .annons{
	font-weight:bold;
	}
.content p{
	margin-bottom:1.2em;
	}
/* photo-list */
.photo-list li{
	padding:0;
	margin-bottom:6px;
	}

/* preview-list */
.preview-list{
	margin:46px 0 0 0;
	}
.preview-list li{
	float:left;
	margin-left:10px;
	}
.preview-list img{
	border:1px solid #a7c2db;
	}

/* list-last-news */
.list-last-news{
	background:url(./i/background/last.news.gif) repeat-y 0 0;

	}
.list-last-news li{
	width:188px;
	float:left;
	padding:0 12px;
	}
.list-last-news .first{
	padding-left:0;
	}
.list-last-news .last{
	padding-right:0;
	}
.list-last-news h2{
	font-weight:bold;
	font-size:1.17em;
	padding-bottom:15px;
	}
.list-last-news img{
	margin-bottom:6px;
	}
.list-last-news .more{
	line-height:2em;
	}
.list-last-news p{
	margin:0;
	}

/* list-news */
.list-news li{
	margin-bottom:23px;
	}
.list-news .date, .news_date{
	color:#636363;
	font-size:0.83em;
	}
.list-news h4{
	font-size:1.17em;
	font-weight:normal;
	padding-bottom:1px;
	}

/* inschrijven */
.inschrijven{

	}
.inschrijven label{
	display:none;
	}
.inschrijven legend{
	font-size:1.25em;
	font-weight:bold;
	padding-bottom:8px;
	}
.inschrijven .inp-text{
	color:#6ba3c5;
	display:block;
	width:148px;
	}
.inschrijven .inp-button{
	margin-left:-4px;
	margin-top:6px;
	}

/* contact */
.contact p{
	padding-bottom:6px;
	}
.contact label{
	display:block;
	color:#0079c2;
	padding-bottom:6px;
	}
.contact .inp-text,
.contact textarea{
	width:294px;
	}
.contact select{
	width:140px;
	}
.contact .inp-button{
	margin-left:-4px;
	margin-top:6px;
	}

/* photo-gallery */
.photo-gallery{
	margin:0;
	padding:0;
	}
.photo-gallery li{
	width:192px;
	height: 200px;
	float:left;
	padding:0 12px;
	margin:0 0 12px 0;
	}
.photo-gallery p{
	font-size:0.83em;
	padding:8px 0 0 0;
	margin:0;
	}
.photo-gallery .first{
	padding-left:0px;
	}
.photo-gallery .last{
	padding-right:0px;
	}

/* openingstijden */
.openingstijden{
	width:100%;
	}
.openingstijden th,
.openingstijden td{
	padding:3px 0;
	}
.openingstijden td{
	text-align:right;
	}
.attention{
	color:#1081c6;
	font-size:0.83em;
	margin-top:16px;
	}

/* schedule */
.schedule{
	padding-top:50px;
	}
.schedule table{
	width:100%;
	font-size:0.83em;
	border-collapse: separate;
	border-spacing: 2px;
	}
.schedule th,.schedule td{
	padding:10px 3px 7px;
	}
.schedule thead td{
	font-weight:bold;
	padding-left:0;
	}
	
.schedule thead td.standard-column {
	width: 72px;
}
.schedule tbody th{
	background-color:#e5f3fb;
	color:#0079c2;
	font-size:1.10em;
	}
.schedule tbody td{
	background-color:#f2f9fd;
	}
.schedule tbody  td.odd{
	background-color:#f8fcfe;
	}
.schedule tbody .select td{
	font-weight:bold;
	color:#0079c2;
	}
.schedule tbody .select th{
	font-weight:bold;
	text-decoration:underline;
	}

.jeugdrooster {
	margin-top: 3em;
	margin-bottom: 0;
}

.jeugdrooster .schedule {
	padding-top: 10px;
}

/* lestijden */
.lestijden{
	width:100%;
	}
.lestijden td,.lestijden th{
	padding:1px 5px 2px;
	}
.lestijden thead td{
	color:#0388d8;
	font-weight:bold;
	}
.lestijden tbody th{
	color:#0388d8;
	}
.lestijden tbody td,
.lestijden tbody th{
	background-color:#e5f3fb;
	}
.lestijden tbody .odd td,
.lestijden tbody .odd th{
	background-color:#ffffff;
	padding:0;
	}
.lestijden tbody .odd div{
	background-color:#f9fcfe;
	padding:1px 5px 2px;
	margin:3px 0;
	}


/* more-gallery */
.more-gallery{
	width:960px;
	margin:20px auto 0;
	border-top:1px solid #cce4f3;
	padding-top:10px;
	}
.more-gallery li{
	float:left;
	width:177px;
	padding:0 9px 5px;
	background:url(./i/background/more.gallery.gif) no-repeat 50% 100%;
	}
.more-gallery .first{
	margin-left:-9px;
	}
.more-gallery .last{
	margin-right:-9px;
	}
.more-gallery a{
	display:block;
	width:177px;
	text-align:center;
	color:#ffffff;
	}
.more-gallery a:hover{
	text-decoration:none;
	}
.more-gallery img{
	border:1px solid #98b8d5;
	border-bottom:0;
	vertical-align:bottom;
	}
.more-gallery span{
	font-size:0.92em;
	font-weight:bold;
	display:block;
	background:url(./i/background/menu.gif) repeat-x 0 50%;
	padding:2px 0 4px;
	}

/* FOOTER
******************************************************************************/
.footer{
	border-top:1px solid #cce4f3;
	width:960px;
	margin:5px auto 0;
	color:#0079c2;
	text-align:center;
	padding:12px 0 26px;
	font-size:0.92em;
	}





/* UTIL */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}


.red {
	color: red;
}

.green {
	color: green;
}