/*** DEFAULT STYLESHEET ***/

/*________________________________________________________________________________GENERAL ELEMENTS___*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #019ee1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%; /* Browser default is 16px. */
	line-height: 1.25em; /* This is based on the above font size of 16px and results in 20px. */
	color: #000000;
}

h1, h2, h3, p {
	margin: 0 0 1em;
}

h1, h2, h3 {
	color: #ffffff;
}

h1 {
	font-weight: normal;
	font-size: 4em;
}

h2 {
	text-transform: uppercase;
	font-size: 1.35em;
}

h3 {
	text-transform: uppercase;
	font-size: 1.417em;
}

p {
	font-size: 1em;
}

a {
	text-decoration: underline;
	color: #00b0ef;
}

a:hover {
	color: #e50083;
}

img {
	border: none;
}

hr {
	height: 0;
	color: #616161;
	border: none;
	border-bottom: 1px solid #616161;
	clear: both;
}

ul {
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
}

ul li {
	background: url(../../images/gratisrijbewijs/icon_listmarker.png) no-repeat left 0.7em;
	margin: 0.1em 0;
	padding-left: 1.5em;
}

ol {
	margin: 0 0 1em 1.5em;
	padding: 0;
}

ol li {
	margin: 0.25em 0;
}

table {
	margin: 0 0 1em;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	font-size: 1em;
}

table th,
table td {
	padding: 0.5em 1em;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
}


/*________________________________________________________________________________BASIC CLASSES___*/

.clear {
	clear: both !important;
	height: 0 !important;
	text-indent: -9999px !important;
	line-height: 0 !important;
	font-size: 1px !important;
}

.hidden {
	display: none !important;
}

.noborder {
	border: none !important;
}

.nomargin {
	margin: 0 !important;
}

.center {
	text-align: center !important;
}




/*________________________________________________________________________________GENERAL LAYOUT___*/

div#header,
div#content,
div#footer {
	position: relative;
	width: 930px;
	margin: 0 auto;
	font-size: 0.75em; /* This is based on the browser default of 16px and results in 12px. */
}

div.col_left,
div.col_center,
div.col_right,
div.col_left_center {
	float: left;
	width: 310px;
	margin: 0;
}

div.col_left {
	width: 269px;
	padding: 0 40px 0 0;
}

div.col_center {
	width: 250px;
	padding: 0 40px 0 20px;
	border-left: 1px solid #676767;
}

div.col_left_center {
	width: 620px;
	padding: 0;
}



/*________________________________________________________________________________HEADER___*/

div#headerwrapper {
	background: url(../../images/gratisrijbewijs/bg_header.png) #090909 repeat-x top;
}

div#header {
	height: 104px;
}

a#logo {
	position: absolute;
	top: 15px;
	left: 0;
}

p#header_phonenumber {
	position: absolute;
	top: 8px;
	left: 275px;
	background: url(../../images/gratisrijbewijs/bg_phone.png) no-repeat;
	width: 131px;
	height: 24px; /* 78px */
	margin: 0;
	padding: 54px 0 0;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	color: #ffffff;
}

p#header_phonenumber_cost {
	position: absolute;
	top: 69px;
	left: 413px;
	margin: 0;
	font-size: 0.9em;
	color: #ffffff;
}

ul#main_nav {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	clear: both;
	font-size: 0.9em;
}

ul#main_nav li {
	background: none;
	margin: 0;
	padding: 0;
	display: inline;
}

ul#main_nav li a {
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
	color: #ffffff;
}

ul#main_nav li a:hover {
	text-decoration: underline;
	color: #e50083;
}

ul#main_nav li span {
	padding: 0 0.25em 0 0.5em;
	color: #fc3caa;
}



/*________________________________________________________________________________CONTENT___*/

div#contentwrapper {
	background: url(../../images/gratisrijbewijs//bg_content.png) #019ee1 repeat-x top;
}

div#content div.col_left_center h1 {
	margin: 0.5em 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

div#content div.col_left_center h2 {
	margin: 1em 0;
	line-height: 1.1em;
	text-transform: none;
	font-weight: normal;
	font-size: 1.5em;
}

div#content p.more_info {
	margin: 2em 0 1em;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.25em;
	color: #ffffff;
}

div#content p.more_info span.kostenpm {
	font-size: 0.75em;
	text-transform: lowercase;
}

div#content p.more_info a {
	color: #ffffff;
}

div#content p.more_info a:hover {
	color: #e50083;
}

div.col_left_center h2,
div.col_left_center p {
	margin: 0 18px 1em 0;
}

div#content div.col_right {
	position: relative;
	background: url(../../images/gratisrijbewijs/bg_content_col_right.png) #d5edf8 repeat-x top;
	width: 295px;
	padding: 10px 5px 10px 10px;
}

div#content div.col_right form {
	margin: 0;
	padding: 0;
	font-size:0.9em;
}

div#content div.col_right h2 {
	position: absolute;
	top: -36px;
	left: 0;
	background: url(../../images/gratisrijbewijs/bg_head_fade_blue.png) #019ee2 repeat-x top;
	width: 295px;
	height: 20px;
	padding: 6px 4px 8px 9px;
	border: 1px solid #019ee2;
}

div#content div.col_right h2#magenta { 
	background: url(../../images/gratisrijbewijs/bg_head_fade_magenta.png) #e50083 repeat-x top;
	border: 1px solid #E50083; 
}

div#content div.col_right #proefrijles p.attention { padding:4px 0px 4px 0px;}

div#content div.col_right div.shadow_left,
div#content div.col_right div.shadow_right {
	position: absolute;
	top: 0;
	width: 12px;
	height: 100%;
}

div#content div.col_right div.shadow_left {
	left: -12px;
	background: url(../../images/gratisrijbewijs/bg_content_col_right_shadow_left.png) repeat-y;
}

div#content div.col_right div.shadow_right {
	right: -12px;
	background: url(../../images/gratisrijbewijs/bg_content_col_right_shadow_right.png) repeat-y;
}

div#content div.col_right div.shadow_bottom {
	position: absolute;
	bottom: -18px;
	right: -12px;
	background: url(../../images/gratisrijbewijs/bg_content_col_right_shadow_bottom.png) no-repeat;
	width: 334px;
	height: 18px;
}


div#content div.col_right div.winner_box p {
	margin: 0.5em 0 0.25em;
	line-height: 1em;
	font-weight: normal;
	font-size: 1.5em;
	color: #019ee2;
}

div#content div.col_right div.winner_box p span {
	font-size: 0.75em;
}

div#content div.col_right p {
	font-weight: bold;
	line-height: 1.667em;
	/*font-size: 0.95em;*/
}

ul#alternative_phonenumbers {
	display: none;
}



/*________________________________________________________________________________FOOTER___*/

div#footerwrapper {
	background: url(../../images/gratisrijbewijs/bg_footer.png) #1c1c1c repeat-x top;
	margin: 0 0 2em;
	padding: 0 0 1em;
}

div#footer div.col_left,
div#footer div.col_center {
	margin-top: 1em;
}

div#footer h3 {
	line-height: 1.15em;
	font-size: 1.42em;
	color: #02a6ed;
}

div#footer ul li {
	background-image: url(../../images/gratisrijbewijs/icon_listmarker_magenta.png);
	font-family: Verdana;
	font-size: 0.9em;
	color: #ffffff;
}

div#footer div.col_center,
div#footer div.col_center ul li {
	color: #bfbfbf;
}

div#footer div.col_center h3 {
	position: relative;
}

div#footer div.col_center h3 span.arrow {
	position: absolute;
	top: 0;
	left: 135px;
	background: url(../../images/gratisrijbewijs/bg_arrow_magenta.png) no-repeat;
	width: 141px;
	height: 37px;
}

div#footer div.col_center hr {
	margin: 0 0 1em;
}

div#footer ul#trial_3steps_list li {
	background: none;
	margin: 0;
	padding: 0.5em 0 0.75em;
	line-height: 1.5em;
}

div#footer ul#trial_3steps_list li.active {
	font-weight: bold;
	color: #ffffff;
}

div#footer ul#trial_3steps_list li span {
	display: block;
	float: left;
	background: url(../../images/gratisrijbewijs/icon_dot.png) 0 0 no-repeat;
	width: 24px;
	height: 24px;
	margin: -0.25em 1em 0 0;
	padding: 0.25em 0 0 0;
	text-align: center;
}

div#footer ul#trial_3steps_list li.active span {
	background: url(../../images/gratisrijbewijs/icon_dot_active.png) 0 0 no-repeat;
}

div#footer div.col_right {
	position: relative;
	background: url(../../images/gratisrijbewijs/bg_content_col_right.png) #d5edf8 repeat-x top;
	width: 295px;
	padding: 10px 5px 10px 10px;
}

div#footer div.col_right form {
	margin: 0;
	padding: 0;
	font-size:0.9em;
}

div#footer div.col_right h2 {
	position: absolute;
	top: -36px;
	left: 0;
	background: url(../../images/gratisrijbewijs/bg_head_fade_magenta.png) #e50083 repeat-x top;
	width: 295px;
	height: 20px;
	padding: 6px 4px 8px 9px;
	border: 1px solid #e50083;
}

div#footer div.col_right p {
	font-weight: bold;
	line-height: 1.667em;
	/*font-size: 0.95em;*/
}

div#footer div.col_right #proefrijles p.attention { padding:4px 0px 4px 0px;}

div#footer div.col_right p em {
	font-style: normal;
	color: #e50083;
}

div#footer p.copyright {
	margin: 0.5em 0;
	text-align: right;
	font-family: Verdana;
	font-size: 0.9em;
	color: #8e8e8e;
}