﻿/* Default --
	 Sets default typography styles
-------------------------------------------------------------- */
body
{
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 1em = 10px */ /* 	font-size:75%; // 1em = 12px // 	font-size:88%; // 1em = 14px // 	*/
}
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, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}
/* headings */
h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
	line-height: 1;
}
h1
{
	font-size: 3.2em;
}
/* 32px */
h2
{
	font-size: 2.4em;
}
/* 24px */
h3
{
	font-size: 1.8em;
}
/* 18px */
h4
{
	font-size: 1.6em;
}
/* 16px */
h5
{
	font-size: 1.3em;
	font-weight: bold;
}
/* 13px */
h6
{
	font-size: 1.2em;
	font-weight: bold;
}
/* 12px */
/* Remove annoying border on linked images. */
a img
{
	border: none;
}
/* Content element styling
-------------------------------------------------------------- */
p
{
	margin: 0 0 5px;
}
p img.left
{
	float: left;
	margin: 1.5em 1.5em 1.5em 0;
	padding: 0;
}
p img.right
{
	float: right;
	margin: 1.5em 0 1.5em 1.5em;
}

a:focus, a:hover
{
	color: #00468e;
	text-decoration: none;
}
a
{
	color: #00468e;
	text-decoration: underline;
}

blockquote
{
	margin: 1.5em;
	color: #666;
	font-style: italic;
}
strong
{
	font-weight: bold;
}
em, dfn
{
	font-style: italic;
}
dfn
{
	font-weight: bold;
}
sup, sub
{
	line-height: 0;
}

abbr, acronym
{
	border-bottom: 1px dotted #666;
}
address
{
	margin: 0 0 1.5em;
	font-style: italic;
}
del
{
	color: #666;
}

pre
{
	margin: 1.5em 0;
	white-space: pre;
}
pre, code, tt
{
	font: 1em 'andale mono' , 'lucida console' , monospace;
	line-height: 1.5;
}

li ul, li ol
{
	margin: 0 1.5em;
}
ul, ol
{
	margin: 10px 0 10px 15px;
	padding: 0;
}

ul
{
	list-style-type: disc;
}
ol
{
	list-style-type: decimal;
}

dl
{
	margin: 0 0 1.5em 0;
}
dl dt
{
	font-weight: bold;
}
dd
{
	margin-left: 1.5em;
}

table
{
	margin-bottom: 1.4em;
	width: 100%;
}
th
{
	font-weight: bold;
}
thead th
{
	background: #c3d9ff;
}
th, td, caption
{
	padding: 4px 10px 4px 5px;
}
tr.even td
{
	background: #e5ecf9;
}
tfoot
{
	font-style: italic;
}
caption
{
	background: #eee;
}

/* Page grid
-------------------------------------------------------------- */
/* show the default scrollbar in Firefox
-------------------------------------------------------------- */
html, body
{
	/*overflow: -moz-scrollbars-vertical;*/
}
/* Reset --
	 Resets default browser CSS - Watch out with the UL * OL in this reset!
-------------------------------------------------------------- */

/* clearfix */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Regular clearing- apply to column that should drop below previous ones. */
.clear
{
	clear: both;
	overflow: hidden;
	height: 0;
}

/* custom css */
h2 {
	color: #00468e;
	font-weight: bold;
	font-size: 22px; 
	margin: 17px 0;
}
h3 {
	color: #00468e;
	font-weight: bold;
	font-size: 13px; 
	margin: 17px 0;
}
h4 {
	color: #00468e;
	font-weight: bold;
	font-size: 11px; 
	margin: 10px 0;
}
li {
	font-size: 11px;
}
.inlinePopup {
	display: none;
}
.content {
	width: 458px;
	position: relative;
}
.noline {
	border-bottom: 0;
}
.content p {
	font-size: 11px;
}
.content a {
	font-size: 11px;
	text-decoration: none;
	color: #00468E;
}
.content a:hover {
	font-size: 11px;
	text-decoration: underline;
	color: #00468E;
}
.content .notice {
	color: #000;
	font-size: 10px;
}
.content .errorNotice {
	display: none;
}
.content .red {
	color: #bd0120;
}
.content .overflow {
	overflow: auto;
	width: 465px;
	height: 448px;
}
.content fieldset {
	display: block;
	margin: 0;
}
.content fieldset label {
	display: block;
	float: left;
	clear: left;
	color: #000;
	font-weight: bold;
	font-size: 11px;
	width: 150px;
	margin: 3px 0 0 0;
}

.content fieldset .text {
	display: block;
	float: left;
	font-size: 11px;
	width: 205px;
	height: 22px;
	background: url(/include/images/form_input_text_bg.gif) no-repeat 0 0;
	padding: 4px 3px 3px;
	border: 0;
}
.content fieldset .error {
	background: url(/include/images/form_input_text_error_bg.gif) no-repeat 0 0;
}
.content fieldset .submit {
	background: url(/include/images/button_verstuur.png) no-repeat 0 0;
	margin: 15px 0 0 144px;
	border: 0;
	font-size: 1px;
	color: #ffffff;
	height: 40px;
	width: 128px;
}
* html .content fieldset .submit {
	background: url(/include/images/button_verstuur.gif) no-repeat 0 0;
}
.content fieldset .radio {
	float: left;
	margin: 4px 5px 0 0;
}
.content fieldset .genderType {
	width: 40px;
	clear: none;
} 
.content fieldset .cancel {
	margin: 0 0 0 10px;
	color: #00468e;
}
.content textarea {
	
}
#mailBody {
	background: url(/include/images/form_textarea_bg.gif) no-repeat 0 0;
	border: 0;
	width: 446px;
	height: 168px;
	padding: 3px;
	font-size: 11px;
}
#theMail {
	width: 290px;
	height: 160px;
	font-size: 11px;
	font-family: Verdana, Arial, Sans-Serif;
	border: 0;
	background: transparent;
}
#dest {
	color: #584436;
	font-size: 17px;
	font-weight: bold;
	position: absolute;
	left: 116px;
	top: 60px;
}
.content .radios {
	margin: 10px 0;
}
.content .radios input {
	float: left;
}
.content .radios label {
	float: left;
	clear: none;
	cursor: pointer;
	font-weight: normal;
}
.content .radios div {
	clear: left;
}
.content .radios div label {
	width: 50px;
}
.content .checkbox {
	float: left;
	margin-left:150px;
}

.content .checklabel {
	clear: none;
	width: 300px;
	color: #000;
	font-weight: normal;
	margin: 2px 0 0 3px;
}

/* popins */
#TB_window {
	background: url(/include/images/popup_bg.png) no-repeat 0 0;
	border: 0;
	display: none;
	z-index:10000; 
	width: 519px;
	height: 539px;
}
#TB_title {
	display: none;
}
#TB_window .header {
	position: relative;
}
#TB_window .header h3 {
	color: #00468e;
	font-weight: bold;
	font-size: 18px; 
	margin: 17px 0 0 20px;
}
#TB_window .header a {
	color: #00468e;
	position: absolute;
	right: 42px;
	top: 4px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
#TB_window .content {
	margin: 20px 0 0 17px;
	width: 458px;
}
#TB_window .content p {
	font-size: 11px;
}
#TB_window .content .notice {
	color: #707070;
	font-size: 10px;
}
#TB_window .content .errorNotice {
	display: none;
}
#TB_window .content .red {
	color: #bd0120;
}
#TB_window .content .overflow {
	overflow: auto;
	width: 465px;
	height: 448px;
}
#TB_window .content fieldset {
	display: block;
	margin: 10px 0 20px 0;
}
#TB_window .content fieldset label {
	display: block;
	float: left;
	clear: left;
	color: #00468e;
	font-weight: bold;
	font-size: 11px;
	width: 129px;
	height: 24px;
	margin: 3px 0 0 0;
}
#TB_window .content fieldset .text {
	display: block;
	float: left;
	font-size: 11px;
	width: 175px;
	height: 23px;
	background: url(/include/images/form_input_text_bg.gif) no-repeat 0 0;
	padding: 4px 3px 3px;
	border: 0;
}
#TB_window .content fieldset .error {
	background: url(/include/images/form_input_text_error_bg.gif) no-repeat 0 0;
}
#TB_window .content fieldset .submit {
	background: url(/include/images/button_small.gif) no-repeat 0 0;
	margin: 0 0 0 140px;
	border: 0;
	color: #ffffff;
	height: 20px;
	width: 86px;
}
#TB_window .content fieldset .radio {
	float: left;
	margin: 4px 5px 0 0;
}
#TB_window .content fieldset .genderType {
	width: 40px;
	clear: none;
} 
#TB_window .content fieldset .cancel {
	margin: 0 0 0 10px;
	color: #00468e;
}
#TB_window .content textarea {
	background: url(/include/images/form_textarea_bg.gif) no-repeat 0 0;
	border: 0;
	width: 446px;
	height: 168px;
	padding: 3px;
	font-size: 11px;
}
.req {
	float: left;
	font-size: 11px;
	margin: 3px 0 0 3px;
	display: none;
}
fieldset.error {
	border: 1px solid red;
}
.radios .req {
	float: right;
	margin: 0 5px 0 0;
}
/* social buttons */
#icons
{
	position: absolute;
	left: 280px;
	margin-top: 25px;
}
#icons .social {
	margin: 0 0 0 10px;
	cursor: pointer;
}
#icons .popup {
	background: url(http://www.karangwata.com/include/images/popup.png) no-repeat 0 0;
	height: 35px;
	padding: 10px 0 0 10px;
	width: 206px;
	display: none;
	text-align: center;
	top: -45px;
	position: absolute;
	font-size: 11px;
}

.content fieldset .aktievoorwaarden 
{
	clear: both;
}
.content fieldset .aktievoorwaarden label 
{
	clear: none;
}
.content fieldset .aktievoorwaarden a 
{
	text-decoration: underline; 
	margin: 3px 0 0 -5px;
}
.content fieldset .aktievoorwaarden .req
{
	margin: auto;
}
