/* Stylesheet for Gospeltime.nl - Developed by Littledesign.nl - Use only with permission! */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

body {
	margin:0;
	padding:0;
	background:#DDD;
	font-family:"Trebuchet MS",Verdana, Sans-Serif;
	font-size:0.85em;
}

#header {
	height:137px;
	background:url('images/header_bg.jpg') repeat-x;
}

#header_img {
	float:left;
	width:480px;
	height:137px;
	background:#FFF url('images/header_img.jpg');
}

.header_countdown {
	float:right;
	position:relative;
	margin-top:100px;
	margin-right:20px;
	color:#FFF;
	font-size:1em;
	color:#CCC;
}

span.big {
	font-size:200%;
}

#breadcrumbs {
	float:right;
	position:relative;
	right:64%;
	font-size:0.7em;
	color:#646254;
}

#breadcrumbs a {
	color:#646254;
	text-decoration:none;
}

#breadcrumbs a:hover {
	text-decoration:underline;
}

#menu {
	float:left;
}

#menu_top {
	position:absolute;
	width:61px;
	height:54px;
	top:0px;
	left:199px;
	background:url('images/menu_top2.jpg') no-repeat;
}

#menu_content {
	position:relative;
	background:url('images/menu_content.jpg') repeat-y;
	width:205px;
	line-height:1.1em;
}

#menu_bottom {
	position:relative;
	width:205px;
	height:36px;
	background:url('images/menu_bottom2.jpg') no-repeat;
}

#menu_content h1 {
	margin:0;
	padding:0;
	padding-top:3px;
	height:22px;
	line-height:22px;
	background:url('images/menu_kop.jpg') no-repeat 0 2px;
	color:#000;
	font-size:1em;
	padding-left:15px;
	
}

#menu a {
	display:block;
	margin-left:15px;
	color:#FFF;
	font-size:12px;
	text-decoration:none;
}

#menu a:hover {
	text-decoration:underline;
}

#content {
	position:relative;
	padding-top:25px;
	color:#000;
	font-size:1em;
	margin-left:235px;
}

#content h1 {
	border-bottom:solid 2px #599b17;
	color:#000;
	font-size:1.4em;
	font-weight:bold;
	font-variant: small-caps;
	text-align:left;
}

#content h1 .first {
	color:#599b17;
}

a {
	color:#000;
	text-decoration:underline;
}

a img { border: 0; }

#content p a {
	color:#000;
}

#content a:hover {
	text-decoration:underline;
	color:#333;
}

#content_left {
	border:solid 1px #000;
	background:#FFF;
	margin-right:410px;
	padding:10px;
	text-align:left;
}

#content_left img {
	margin:2px;
}

img.left {
	float:left;
}

img.right {
	float:right;
}

#content_right {
	float:right;
	border:solid 1px #000;
	background:#FFF;
	width:350px;
	margin:0px 20px -30px 20px;
	padding:10px;
}

#content_right .datum {
	font-size:8pt;
	color:#000;
	position:relative;
	display:inline-table;	float:left;
	width:41px;
}

#content_left a.small {
	font-size:8pt;
	color:#000;
}

h2 {
	background:#9CCF5A;
	border:solid 1px #040;
	color:#000;
	font-size:0.8em;
	font-weight:bold;
	padding:2px 4px;
	margin-bottom:0;
}

h2 .datum {
	float:right;
	font-weight:normal;
	font-size:0.9em;
}

div.comment {
	margin-top:0;
	border:solid 1px #040;
	border-top:0;
	padding:5px;
}

div.newsmessage {
	float:left!important;
	float:inherit; 
}

table.streams td a:hover {
	text-decoration:none;
}

table.streams {
	width:90%;
	margin-right:10px;
}

table.streams td {
	border:0;
	padding:0;
	text-align: center;
}

fieldset {
	border:0;
}

fieldset.border {
	margin:0px 0px 20px 0px;
	border:solid 1px #AAA;
}

legend {
	margin:0;
	padding:3px 5px;
	border-left:solid 1px #AAA;
	border-right:solid 1px #AAA;
}

label {
	display:block;
	margin-top:10px;
	text-align: left;
	line-height:20px;
	font-weight: bold;
}

label small {
	display:block;
	font-size:70%;
}

input, textarea, select {
	width:300px;
	font-family:"Trebuchet MS",Verdana, Sans-Serif;
	font-size:0.9em;
	border:solid 1px #004200;
	background:#95CF57;
	margin:2px;
	padding:1px;
}


input.button {
	width:auto;
	padding:2px 3px;
}

input.bigbutton {
	width:auto;
	padding:10px 15px;
	font-size:150%;
}

input.shortinput { width:80px; }
input.mediuminput { width:185px; }
input.largeinput { width:250px; }
input.checkbox, input.radio {
	width:auto;
	height:auto;
	border:0;
}

input.readonly { color:#666; }

select, option {
	width:auto;
}

option { border:0; }

input.radio {
	width:auto;
	height:auto;
	border:0;
}

textarea {
	height:75px;
}

fieldset.nobreak label, fieldset.nobreak label small {
	display:inline-table;
	margin:0;
	padding:0;
}

fieldset.nobreak label {
	float:left;
	width:27%;
}

.important {
	color:#A00;
}


#content_left table {
	width:90%;
	border-collapse:collapse;
}

table.data td, table.data th {
	border:solid 1px #000;
	font-size:9pt;
}

table.centerall td, table.centerall th {
	text-align: center;
}

table.centerall a { text-decoration: none; }

table th {
	background:#000;
	color:#FFF;
	text-align: center;
}	
	th.mini, td.mini, input.mini {
		width:30px;
	}

	th.small, td.small, input.small {
		width:60px;
	}
	
	th.medium, td.medium, input.medium {
		width:90px;
	}
	
	th.big, td.big, input.big {
		width:120px;
	}
	
	th.huge, td.huge, input.huge {
		width:150px;
	}
	
	table th a { color:#FFF; text-decoration: none;}

table td {
	padding:2px;
	text-align:left;
}

td.center {
	text-align:center;
	padding:0;
}

td img {
	border:0;
}

table.clean {
	border:0;
}

table.clean tr th, table.clean tr td {
	border:0;
}

tr.grey {
	background:#CCC;
}

table.clean tr th {
	background:none;
	color:#000;
	text-align: left;
	text-transform: uppercase;
}
td.vtop {
	vertical-align: top;
}

.left {
	float:left;
}

div.labels {
	padding:2px 0px;
}

#content_left div.labels a {
	background:#646254;
	color:#bbb79c;
	font:bold 9pt Monaco, Courier;
	padding:2px 3px;
	text-decoration: none;
}

#content_left div.labels a:hover {
	color:#000;
	text-decoration: none;
}

div.clearLeft {
	clear:left;
}

div.clearRight {
	clear:left;
}

div.clear {
	clear:none;
	height:20px;
}

div.concert {
	margin:10px;
	padding:10px;
	border:solid 1px #646254;
}

	div.concert h2 {
		color:#646254;
		text-align:right;
		font-size:14pt;
		border-bottom:solid 1px #646254;
		margin-bottom:-25px;
	}
	div.concert small {
		font-size:9pt;
	}

.red {
	color:#F00;
}

.orange {
	color:#F80;
}

.green {
	color:#0B0;
}

.center {
	text-align:center;
}

span.datum {	
	color:#000;
	position:relative;
	display:inline-table;
	float:left;
	margin-right:5px;
}

span.label.datum {
	width:65px;
}

a span.active {
	color:#000;
	font-weight: bold;
}

#content_right p {
	
}

#footer {
	text-align:center;
	font-size:10px;
	font-family: Verdana, Sans-Serif;
	margin-bottom:5px;
	clear:both;
}

img {
	padding:5px;
}

.blokRight {
	float:right;	position:relative;
	width:52%;
}

.blokLeft {
	float:left;	position:relative;
	width:45%;
	padding-right:1%;
	border-right:dashed 1px #599b17;
}

.blokLeft div, .blokRight div {
	clear:both;
	margin-bottom:50px;
}

.frontIntro {
	text-align:left;
}

.frontAgenda {
	margin-bottom:10px;
}

.frontKeuze {

}

.frontInterview {

}

.frontCDvdm {

}

.frontNieuwsbrief {
}

.aRight {
	text-align:right;
}

a.datums {	font-size:10px;}

hr {
	border:0;
	border-bottom:solid 2px #599b17;
}

.indented { margin-left:25px; }

.droparea { background:#95CF57; width:387px; border:dashed 2px #599b17; height:150px; }

#rubrieken { list-style:none; position:relative; }
#rubrieken li {  cursor:move; background:#B0E674 url('images/move.png') no-repeat 98% 2%; position:relative; width:80%; border:solid 1px #599b17; margin:5px 0px; }
#rubrieken li .menulink { position:relative; border:solid 1px #599b17; padding:3px; margin:4px; }
#rubrieken input.category { position:relative; font-weight:bold; }