/*--------------------------------------------------------------------------------------------------
Basic Style Sheet (all browsers)

version:	1
--------------------------------------------------------------------------------------------------*/

body
{
	color: #000;
	font-size: 85%;
	background: url(../images/bg-body.gif) 50% 0 repeat-y #e1e1e1;
}
 
*
{
	margin: 0;
	padding: 0;
	font-family: arial, verdana, helvetica, sans-serif;
	border: none;
}

:focus
{
	outline: none;
}

/* Generic classes
--------------------------------------------------------------------------------------------------*/

.clear
{
	clear: both;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.picture
{
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
}

.picture.left
{
	margin: 0 10px 10px 0;
}

.picture.right
{
	margin: 0 0 10px 10px;
}

/* Typography
--------------------------------------------------------------------------------------------------*/

p
{
	padding: 0 0 15px 0;
	font-size: 13px;
	line-height: 19px;
}

p.intro
{
	font-weight: bold;
	border-bottom: 1px solid #c6c6c6;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
}

h1,
h4
{
	font-size: 20px;
	color: #187ab5;
	border-bottom: 1px solid #c6c6c6;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
}

h3,
h5
{
	line-height: 19px;
	font-size: 13px;
}

ul li
{
	list-style: none;
}

#main ul
{
	padding: 0 0 15px 0;
}

#main ul li
{
	padding-left: 12px;
	background: url(../images/bg-icon.gif) 0 50% no-repeat;
	line-height: 19px;
}

#main a:link,
#main a:visited
{
	color: #187bb5;
	text-decoration: underline;
}

#main a:hover,
#main a:active
{
	color: #0e5c89;
	text-decoration: underline;
}

small
{
	font-size: 11px;
	color: #333;
	border-bottom: 1px solid #c6c6c6;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	display: block;
}

small span,
label span
{
	color: #fd000d;
	font-weight: bold;
}

a.cta_button:link,
a.cta_button:visited
{
	background: url(../images/img-button-vrouw1.jpg) 0 0 no-repeat;
	height: 125px;
	width: 346px;
	display: block;
	text-indent: -999em;
	margin: 0 auto 15px auto;
	text-decoration: none;
}

a.cta_button:hover,
a.cta_button:active
{
	background: url(../images/img-button-vrouw1.jpg) 0 -125px no-repeat;
	text-decoration: none;
}

a.actie_button:link,
a.actie_button:visited
{
	background: url(../images/banner-rijles-rijscholen.gif) 0 0 no-repeat;
	height: 160px;
	width: 245px;
	display: block;
	text-indent: -999em;
	margin: 0 auto 15px auto;
	text-decoration: none;
}

a.actie_button:hover,
a.actie_button:active
{
	background: url(../images/banner-rijles-rijscholen.gif) 0 -1px no-repeat;
	text-decoration: none;
}
/* Layout
--------------------------------------------------------------------------------------------------*/

#wrapper
{
	position: relative;
	width: 809px;
	padding: 215px 62px 0 60px;
	margin: 0 auto;
	background: url(../images/rijschool-amsterdam-autorijschool-rijles.jpg) 0 0 no-repeat;
}

#main
{
	float: left;
	width: 545px;
}

#sidebar
{
	width: 247px;
	float: right;
}

.box
{
	padding: 10px 10px 0 10px;
	margin: 0 0 15px 0;
	border: 1px solid #9a9a9a;
}

.box p
{
	padding: 0 0 10px 0;
}

.box p,
.box h5,
.box ul li
{
	color: #434343;
	font-size: 11px;
	line-height: 15px;
}

.box ul li
{
	padding: 0 0 10px 0;
}

#links_box
{
	position: absolute;
	bottom: 40px;
	right: 30px;
	width: 227px;
}

#links_box ul li
{
	padding: 0;
}

#links_box ul
{
	padding: 0 0 9px 0;
}

.box ul li a:link,
.box ul li a:visited
{
	color: #187bb5;
}

.box ul li a:hover,
.box ul li a:active
{
	color: #085886;
}

form
{
	margin-bottom: 15px;
}

.formholder
{
	border-bottom: 1px solid #c6c6c6;
	padding: 8px 0;
}

.formholder .formbox_left,
.formholder .formbox_right
{
	width: 260px;
	float: left;
}

.formholder .formbox_right
{
	float: right;
}

.formholder label
{
	font-size: 11px;
	font-weight: bold;
	color: #2a2a2a;
	display: block;
	padding: 0 0 4px 0;
}

.formholder input.normal,
.formholder input.small
{
	font-size: 13px;
	border: 1px solid #bbb;
	background: url(../images/bg-input.jpg) 0 0 repeat-x #fff;
	padding: 3px 5px;
	width: 245px;
}

.formholder textarea.normal
{
	font-size: 13px;
	border: 1px solid #bbb;
	background: url(../images/bg-input.jpg) 0 0 repeat-x #fff;
	padding: 3px 5px;
	width: 532px;
	height: 65px;
}

.formholder input.small
{
	width: 60px;
}

.formholder.radiobuttons input,
.formholder.radiobuttons p
{
	float: left;
	margin-right: 4px;
}

.formholder.radiobuttons p
{
	margin-right: 10px;
}

.formholder.radiobuttons
{
	padding: 8px 0 0 0;
}

#error
{
	border: 3px solid #fd000d;
	padding: 10px;
}

#error strong
{
	border-bottom: 1px solid #bbb;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	display: block;
	color: #fd000d;
}

#error p
{
	padding: 0;
}

.message
{
	border: 3px solid #16be00;
	padding: 15px 10px;
}

.message h3
{
	font-size: 18px;
	text-align: center;
}

.message p
{
	font-size: 13px;
	text-align: center;
	padding: 0;
}

input.submit
{
	margin: 10px 0 5px 0;
	display: block;
}

.formholder input.normal:focus,
.formholder input.small:focus
{
	border: 1px solid #999;
}

p.footer
{
	color: #434343;
	font-size: 11px;
	text-align: center;
	margin: 10px 0 10px 0;
	padding: 10px 0 0 0;
	display: block;
	border-top: 1px solid #bbb;
}

p.footer a:link,
p.footer a:visited
{
	color: #434343;
}

p.footer a:hover,
p.footer a:active
{
	color: #232323;
}

/* Menu
--------------------------------------------------------------------------------------------------*/

/* 
ul#menu
{
	margin: 0 0 15px 0;
}

ul#menu li a:link,
ul#menu li a:visited
{
	font-size: 13px;
	text-decoration: none;
	display: block;
	color: #187bb5;
	padding: 6px 6px 6px 20px;
	border-bottom: 1px solid #fff;
	background: url(../images/bg-arrow.gif) 5px 50% no-repeat #eee;
}

ul#menu li a:hover,
ul#menu li a:active,
ul#menu li a.active:link,
ul#menu li a.active:visited,
ul#menu li a.active:hover,
ul#menu li a.active:active
{
	font-size: 13px;
	text-decoration: none;
	display: block;
	color: #fff;
	padding: 6px 6px 6px 20px;
	border-bottom: 1px solid #fff;
	background: url(../images/bg-arrow-hover.gif) 5px 50% no-repeat #187bb5;
} 
*/

ul#menu
{
	margin: 0 0 15px 0;
}

ul#menu li a:link,
ul#menu li a:visited
{
	font-size: 13px;
	display: block;
	margin: 0 0 5px 0;
	height: 18px;
	padding: 4px 0 0 0;
	width: 247px;
	background: url(../images/bg-navigation.gif) 0 0 no-repeat;
	text-align: center;
	color: #187ab5;
	text-decoration: none;
	font-weight: bold;
}

ul#menu li a:hover,
ul#menu li a:active,
ul#menu li a.active:link,
ul#menu li a.active:visited,
ul#menu li a.active:hover,
ul#menu li a.active:active
{
	color: #0064a0;
	background: url(../images/bg-navigation.gif) 0 -26px no-repeat;
}