@import url(style.css);
@import url(tabs.css);
@import url(menu.css);

div { /*border: 1px dotted black;*/  }


img { border: 0; }

body {
	background-color: white;
	text-align: left;
	height:100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #49413e;
}
html {
	margin: 0;
	padding: 0;
	height:100%;
	overflow: -moz-scrollbars-vertical !important; 
}
#wrapper {
	background: url(../images/bg.gif) fixed #fff repeat-y;
	width: 985px;
	height:100%;
	min-height:100%;
    	margin-bottom:-255px;
}	
body>div#wrapper {
	height: auto;
	min-height: 100%;
}
#center {
	font-size: 1.1em;
	width: 985px;
	text-align: left;
}
#cleaner{
	background: url(../images/bg.gif) fixed #fff repeat-y;
	clear: both;
	height:255px;
}




/* HEADER */

#kalender {
	background: url(../images/bg_kalender.gif) no-repeat bottom left;
	height: 55px;
	padding-top: 15px; 
}
#kalendertabel {
	width: 700px;
	float: right;
	margin-right: 20px;
	_margin-right: 10px;
}
#logo {
	float: left;
	width: 200px;
	margin-bottom: 40px;	
}
#menu {
	float: right;
	width: 700px;
	margin-right: 20px;
	margin-bottom: 40px;	
	height: 99px;
	_margin: 10px 30px 0 0;
	_height: 50px;
	_overflow: hidden;
}
*:first-child+html #menu { margin: 10px 60px 0 0; }
	
	/* HOMEPAGE */

#flash {
	float: right;
	width: 855px;
}
#main {
	clear: both;
	padding-top: 25px;
}

#content {
	background: url(../images/bg_content.jpg) no-repeat top right;
	width: 965px;
	clear: both;
	font-size: 1.2em;
}
#content_left {
	background: url(../images/bg_submenu.gif) no-repeat top right;
	float: left;
	width: 184px;
	margin: 30px 40px 0 81px;
	padding: 90px 0 0 0;
	min-height: 350px;
	_margin: 0 40px 0 41px;
	_height: 350px;
	
}
#content_middle {
	float: left;
	width: 300px;
	padding: 15px 0 60px 0;
	line-height: 1.4em;
}
#auteur {
	font-size: 1.8em;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	margin-bottom: 7px;
	line-height: 0.8em;
}
#titel {
	font-size: 1.7em;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #f8981d;
	margin-bottom: 15px;
}
.subtitel {
	font-size: 1.7em;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #f8981d;
	margin: 55px 0 15px 0;
}
#datum {
	font-weight: bold;
	margin-bottom: 30px;
}
#content_middle p {
	margin-top: 0;
}
#content_right {
	float: right;
	width: 295px;
	text-align:right;
	padding: 15px 0 30px 0;
}

#prod_specs {
	text-align: left;
	margin: 70px 0 0 35px;
	font-size: 0.9em;
}
.prod_wrap {
	width: 235px;
	border-top: 1px dotted #ccc;
	margin-top: 4px;
	padding: 4px 25px 0 0;
}	
.prod_wrap2 {
	clear: both;
}
.prod_omsc {
	width: 55px;
	float: left;
	color: #999;
}
.prod_detail {
	width: 170px;
	float: right;
}

#foto {
	position: relative;
	font-size: 0.9em;
}
#foto a {
	text-decoration: none;
	color: #000;
}
#knop {
	position: absolute;
	top: 360px;
	left: 655px;
}
#knop_vorming {
	position: absolute;
	top: 480px;
	left: 655px;
}

.quote {
	margin-bottom: 25px;
	padding-left: 35px;
	background-image: url(../images/apostrof.gif);
	background-repeat:no-repeat;
	background-position:top left;
}


/* OVERZICHTSLIJST */

#content_left2 {
	background: url(../images/bg_submenu.gif) no-repeat top right;
	float: left;
	width: 109px;
	margin: 30px 40px 0 131px;
	padding: 80px 25px 0 0;
	min-height: 350px;
	_margin: 0 40px 0 60px;
	_height: 350px;
	font-size: 0.8em;
	
}
#content_middle2 {
	float: right;
	width: 660px;
	_width: 640px;
	padding: 15px 0 60px 0;
	line-height: 1.4em;
}
.lijstwrap {
	clear: both;
	padding-top: 15px;
	margin-bottom: 15px;
	border-top: 1px dotted #ccc;
}
.lijstdatum {
	font-size: 0.9em;
	color: #666;
	float: left;
	width: 55px;
}
.lijstfoto {
	width: 90px;
	float: left;
	border-left: 7px solid #f8981d;
}
.lijstauteur {
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	float: right;
	width: 480px;
}
.lijstauteur a, .lijstauteur a:visited, .lijstauteur a:hover, .lijstauteur a:active {
	color: #000;
	text-decoration: none;
	_float: left;
}
.lijstauteur span {
	display: block;
	float: right;
	text-align: right;
	font-weight: normal;
	font-size: 0.8em;
	background-color: white;
	color: #999;
}
*:first-child+html .lijstauteur a { width: 400px; float: left; }

.lijsttitel {
	color: #f8981d;
	font-size: 1.1em;
	font-weight: bold;
	float: right;
	width: 480px;
	margin-bottom: 13px;
}
.lijsttitel a, .lijsttitel a:visited, .lijsttitel a:hover, .lijsttitel a:active {
	text-decoration: none;
}
.lijsttekst {
	font-size: 0.9em;
	float: right;
	width: 480px;
}
.lijstauteur2 {
	color: #f8981d;
	font-size: 1.1em;
	font-weight: bold;
	float: right;
	width: 580px;
}
.lijstauteur2 a, .lijstauteur2 a:visited, .lijstauteur2 a:hover, .lijstauteur2 a:active {
	color: #f8981d;
	text-decoration: none;
}
.lijstauteur2 span {
	display: block;
	float: right;
	text-align: right;
	font-weight: bold;
	font-size: 0.8em;
	background-color: white;
	color: #000;
}
.lijsttitel2 {
	color: #666;
	font-size: 1.1em;
	font-weight: bold;
	float: right;
	width: 580px;
	margin-bottom: 13px;
}
.lijsttitel2 a, .lijsttitel2 a:visited, .lijsttitel2 a:hover, .lijsttitel2 a:active {
	color: #666;
	text-decoration: none;
}
.lijsttekst2 {
	font-size: 0.9em;
	float: right;
	width: 580px;
}

.lijstwrap2 {
	width: 300px;
	float: left;
	padding-top: 15px;
	margin: 0 30px 15px 0;
	border-top: 1px dotted #ccc;
}
.lijstwrap2 .lijstfoto {
	width: 90px;
	float: left;
	border-left: 7px solid #f8981d;
}
.lijstwrap2 .lijstauteur {
	color: #f8981d;
	font-size: 1.1em;
	font-weight: bold;
	float: right;
	width: 185px;
}
.lijstwrap2 .lijstauteur a, .lijstwrap2 .lijstauteur a:visited, .lijstwrap2 .lijstauteur a:hover, .lijstwrap2 .lijstauteur a:active {
	color: #f8981d;
	text-decoration: none;
}
.lijstwrap2 .lijsttitel {
	color: #666;
	font-size: 1.1em;
	font-weight: bold;
	float: right;
	margin-bottom: 13px;
	width: 185px;
}
.lijstwrap2 .lijsttitel a, .lijstwrap2 .lijsttitel a:visited, .lijstwrap2 .lijsttitel a:hover, .lijstwrap2 .lijsttitel a:active {
	color: #666;
	text-decoration: none;
}
.lijstwrap2 .lijsttekst {
	font-size: 0.9em;
	float: right;
	width: 185px;
}
#tekstblok {
	padding-bottom: 20px;
}



/* FORMS */

table.programma td {
	border-bottom: 1px dotted #ccc;
	padding: 2px 0;
}
table.programma td span {
	color: #f8981d;
	font-size: 0.9em;
	display: inline;
	padding-left: 15px;
}
table.programma tr.toprow td {
	font-size: 0.8em;
	font-weight: bold;
	color: #f8981d;
}
table.programma input.enabled {
	text-align: center;
	color: #f8981d;
	font-weight: bold;
	font-size: 1.1em;
	border-color: #f8981d;
}
table.programma input.disabled {
	border-color: #eee;
}	
table.gegevens {
	float: left;
	margin-right: 40px;
}
table.gegevens input, table.gegevens textarea {
	color: #f8981d;
	font-weight: bold;
	font-size: 1.1em;
}
table.aanvraag select {
	font-size: 1.1em;
	font-weight: bold;
}







/* FOOTER */

#bottom {
	width: 664px;
	background: url(../images/bg_bottom.jpg) no-repeat;
	height: 183px;
	padding: 0 0 0 305px;
	clear: both;
	font-size: 1.1em;
}
#bottom #ticker {
	background-color: #000;
	color: white;
	width: 644px;
	padding: 4px 8px;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 25px;
}
#bottom #ticker ul {
	list-style-type:none;
	list-style-image:none;
	margin: 0;
	padding: 0;
}	
#bottom #ticker li {
	list-style-type:none;
	list-style-image:none;
	height: 15px;
}	

#bottom .bottomcol {
	width: 180px;
	border-right: 1px solid #dadada;
	margin-right: 25px;
	padding-right: 25px;
	float: left;
	height: 95px;
}
#bottom .last {
	border-right: 0px;
	width: 150px;
}
#bottom form {
	margin-top: 15px;
}
#footer {
	background: url(../images/bg_footer.jpg) no-repeat;
	background-color: #fff;
	padding: 20px 0 0 305px;
	height: 52px;
	font-size: 1em;
	color: #ccc;
    float:left;
    min-width:965px;
}











/* FORMS */

form {
	margin: 0px;
}
input,select,textarea {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}	
label {
	width: 100px;
	display:block;
	float: left;
	padding-top: 4px;
}
.input {
	border: 1px solid #dbdfe6;
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	padding-left: 4px;
	width: 150px;
}
input.button {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	border: 0px;
	background-color: white;
	border: 1px solid #999999;
	font-weight: bold;
	padding: 1px 5px;
	height: 20px;
	cursor: pointer;
   	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#DFDFDF');
}
select {
	border: 1px solid #CECECE;
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 4px 0 6px 0;
	color: #272425;
	cursor: pointer;
}
.checkbox {
	vertical-align: middle;
	padding-top:2px;
}

/* CLEARFIX */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	/* IE */
	*height: 1%;
}