/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

additions & changes by DJ @ www.cryptonet.be
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #000000 url(../images/layout/kp_background.gif) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999999;
}

h1,h2,h3 {}
h1 {font-size: 3em;}
h2 {letter-spacing: -1px;font-size: 2em;}
h3 {font-size: 1.5em;}
p,ul,ol {line-height: 180%;}
ul,ol {margin-left: 3em;}

blockquote {margin-left: 3em;margin-right: 3em;}
img {border:none; vertical-align: text-top;margin: 2px;}

a {color: #CCCCCC;}
a:hover {text-decoration: none;color: #FFFFFF;}

hr {display: none;}
td {padding: 5px 25px 5px 5px;background: #1F1F1F;}

/* Indicators */
div#reactie_indicator{width: 100px;height: 40px;left: 10px;top: 10px;z-index: 900;
  background: url(/images/indicator.gif) no-repeat 0 0;}
div#deelnemer_indicator{width: 100px;height: 40px;left: 10px;top: 10px;z-index: 900;
  background: url(/images/indicator.gif) no-repeat 0 0;}

/* Login */
#login {
	width: 960px;
	height: 50px;
	margin: 0px auto;
}

/* Header */
#header {
	width: 960px;
	height: 80px;
	margin: 0 auto;
	background: url(../images/layout/kp_header.jpg);
}
#header h1, #header h2 {float: left;margin: 0;text-transform: uppercase;color: #FFFFFF;}
#header h1 {padding: 20px 0 0 20px;font-size: 3em;}
#header h2 {padding: 47px 0 0 8px;font-size: 1.8em;font-style: italic;}
#header a {text-decoration: none;color: #FFFFFF;}

/* Language */
#language {
	float: right;
	padding-top:60px;
	padding-right: 20px;
}
#header .lang a {color: #999999;}
#header .lang a:hover {text-decoration: underline;}

/* Menu */
#menu {
	width: 960px;
	height: 51px;
	margin: 0 auto;
	font-size: 1.2em;
	background: url(../images/layout/kp_buttons.jpg);
}
#menu ul {margin: 0;padding: 0;list-style: none;line-height: normal;}
#menu li {float: left;padding: 12px 10px 0 20px;}
#menu .login {float: right;}
#menu a {text-decoration: none;letter-spacing: -1px;font-size: 1.2em;font-weight: bold;}
#menu a:hover {text-decoration: underline;}

/* Page */
#page {
	width: 920px;
	margin: 0 auto;
	padding: 20px 20px 20px 20px;
	background: url(../images/layout/kp_content.jpg) no-repeat;
}

/* Content */
#content {float: left;width: 655px;}
.post {margin-bottom: 20px;padding: 10px 0;}
.post .title {border-bottom: 1px solid #454545;}
.post .title a {text-decoration: none;}
.post .date {
	display: block;
	float: left;
	width: 69px;
	height: 64px;
	margin-top: 7px;
	background: #000000 url(../images/layout/kp_calendar.gif) no-repeat;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
}
.post .date .month {display:block; height:15px; color: #FFFFFF;}
.post .date .day {display:block; width:69px; height:25px; margin-top:10px;font-weight:bold;font-size:36px;}
.post .date .hour {display:block; width:69px; height:15px; font-weight:bold; font-size:10px ;color: #505050; }
.post .entry {padding: 0 10px 0 90px;margin-top: 7px; min-height:70px;}
.post .entry p {margin-top: 0;}
.post .entry p.google_maps {color: #CCCCCC;}
.post .post_by {font-style: italic; padding: 0;line-height: normal;}
.post .agenda_post {padding: 0;height:20px}
.post .agenda_google {padding: 0;line-height: 22px;}
.post .agenda_foto {padding: 0;line-height: 22px;}
.post .plaats {padding: 10px 10px;}
.post .deelnemers {padding: 10px 10px;}
.post .fotos {padding: 10px 10px;}
.post .answer_login {padding: 10px 10px;}
.post .answer {padding: 0 0 0 50px;}
.post .answer_by {font-style: italic; padding: 10px 0 0 25px; line-height: normal; }
.post .meta {
	height: 20px;
	padding: 10px 10px;
	background: url(../images/layout/kp_meta.gif) no-repeat;
	line-height: normal;
}
.post .meta a {text-decoration: none;font-weight: bold;}
.post .meta a:hover {text-decoration: underline;}
.post .meta .byline {float: left;}
.post .meta .comments {float: right; font-style: italic;}
.float_right {float:right;}
.pager {height:20px;}
.foto {padding: 5px;}

.reacties {margin-top: 20px;}

#thumbs ul {margin: 0; padding: 0; list-style: none; line-height: normal;}
#thumbs li {float: left; text-align:center; vertical-align:middle; margin:3px; height:105px; width:105px; border: 1px solid #454545;}

/* Over ons */
.overons {margin-bottom: 20px;padding: 10px 0; }
.overons p {margin-bottom: 10px;}
.img_group_left {float: left; padding: 10px;}
.img_group_right {float: right; padding: 10px;}

/* Overzicht */
.overview {margin-bottom: 20px;padding: 10px 0;}
.overview p {margin-bottom: 5px;padding: 0 0 0 10px;}
.overview a {text-decoration: none;}
.overview .title {border-bottom: 1px solid #454545;}

/* Sponsor */
.sponsor {margin-bottom: 20px;padding: 10px 0; }
.sponsor .title {border-bottom: 1px solid #454545;}
.sponsor .title a {text-decoration: none;}
.sponsor .img {padding: 5px; float:left;}
.sponsor p {margin: 10px; }

/* Leden */
.lid {margin-bottom: 20px;padding: 10px 0; }
.lid .img {padding: 5px; float:right; border: 1px solid #454545;}
.lid td {background: none;line-height:180%;}
.lid p {margin:10px;}

.leden {margin-top: 10px; padding: 10px 0; border-bottom: 1px solid #454545;}
.leden .img {padding: 5px; float:left; border: 1px solid #454545;}
.leden .info {margin-left:140px;}
.leden td {background: none;}
.leden td.head {font-weight:bold;font-size: 1.5em;}

/* Sidebar */
#sidebar {float: right;width: 245px;}
#sidebar ul {margin: 0;padding: 0;list-style: none;}
.new {font-size:1.3em; padding:0 0 20px 20px;}
.new a {text-decoration:none;}
#sidebar li {}
#sidebar li ul {padding: 0 0 20px 20px;list-style: square inside;}
#sidebar li ul.sponsors {padding: 0 0 10px 10px;list-style: none;}
#sidebar li ul.weerbericht {padding: 0 0 25px 20px; list-style: none;}
#sidebar h2 {
	height: 50px;
	padding: 10px 20px 0 20px;
	background: url(../images/layout/kp_sidebar.gif) no-repeat;
	font-size: 1.6em;
}
.ico {float: right;}

/* Search */
#search {padding: 20px;text-align: center;}
#search input {
	padding: 3px 5px;
	background: #1F1F1F url(../images/layout/kp_back.gif) no-repeat center center;
	border: 1px solid #454545;
	color: #FFFFFF;
}
#search #s {width: 60%;background: #1F1F1F;border: 2px solid #454545;}

/* Calendar */
#calendar {padding-bottom: 20px;}
#calendar table,#calendar caption {width: 90%;margin: 0 auto;text-align: center;}
#calendar caption {text-transform: uppercase;letter-spacing: .25em;font-weight: bold;}
#calendar thead th {background: #333333;}
#calendar tbody td {padding: 0px;background: #111111;width:25px;}
#calendar a {text-decoration: none;font-weight: bold;}
#calendar a:hover {text-decoration: none;}
#calendar .today {text-decoration: none;border: 1px solid #454545;color: red;}
#calendar .today a {color: red;}
#calendar .event {background: #333333;text-decoration: none;}
#calendar .event:hover {background: none;text-decoration: none;}
#calendar .birthday {border: 1px solid white; text-decoration: none;}
#calendar .birthday:hover {background: none;text-decoration: none;}

.year_overview {padding: 0 20px 0 20px; text-align: center;}
.year_links {padding: 0 20px 0 20px; font-size: 0.8em;}
.year_links .right {float:right;}

/* Footer */
#footer {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
	background: url(../images/kp_footer.gif) no-repeat;
}
#footer p {margin: 0;line-height: normal;text-align: center;}

/* Fieldset */
fieldset {border: none;}
label {float: left;width: 10em;}
button {border: 1px solid #454545;padding:1px;background: #1F1F1F; color:white;}
input {
	padding: 2px 2px;
	background: #1F1F1F;
	border: 1px solid #454545;
	color: #FFFFFF;
}
textarea {
	border: 1px solid #454545;
	background: #1F1F1F;
	width: 70%;
	height: 5em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: white;
}
.help {margin-left: 10em;color:#FFFFFF;}
.submit-row {padding: 10px;margin-left: 10em;}
.form-row {margin:0; padding:10px; border-bottom:1px solid #454545;}
.form_error {margin-left:10em; color: red;}
.button {
	text-decoration: none;
	padding: 3px 5px 4px 5px;
	background: #1F1F1F;
	border: 1px solid #454545;
	color: white;
}

/*
.button {
	text-decoration: none;
	padding: 3px 5px;
	background: #1F1F1F url(../images/layout/kp_back.gif) no-repeat center center;
	border: 1px solid #454545;
	font: bold 1.2em;
	color: #FFFFFF;
}
*/