/*###############
# RESET SHEET   #
###############*/
@import url('reset.css');

/*###############
# FONTS			#
###############*/

@font-face {
    font-family: 'EurostileRegular';
    src: url('../fonts/eurostile-webfont.eot');
    src: url('../fonts/eurostile-webfont.eot?iefix') format('eot'),
         url('../fonts/eurostile-webfont.woff') format('woff'),
         url('../fonts/eurostile-webfont.ttf') format('truetype'),
         url('../fonts/eurostile-webfont.svg#webfontFtQPA5FR') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*###############
# STYLES		#
###############*/
body { background: #1f1f20; color: #414141; line-height: 180%; }
.header { background: url(../images/header-bg.jpg) repeat-x; height: 95px; overflow: hidden; }
.center { width: 960px; margin: auto;  position: relative; }
#body { background: #fff; padding: 10px;width: 940px;  }
.row { overflow: hidden; clear: both; }
.marginleft { margin-left: 20px; }
a { text-decoration: underline; color: #243052; }
a:hover { text-decoration: none; }
.button { background: #f6e82e; padding: 10px; text-decoration: none;}
.button:hover { background: #243052; color: #fff; }
.textwidget { clear: both;}
#content ul { margin-bottom: 20px; }
#content li { background: url(../images/ul.jpg) no-repeat 4px 8px; padding-left: 19px; list-style: none; line-height: 22px;}

/*###############
# LOGO			#
###############*/

.logo { height: 45px; background: url(../images/logo-autorijschoolrkort.png) no-repeat; position: absolute; top: 10px; width: 380px; }
.logo a { text-indent: -9999px; display: block; height: 39px; }
.logo span { font-family: EurostileRegular, Arial; font-size: 16px; color: #fff; display: block; margin-top: 14px;  }

#nummer { background: url(../images/telefoonnummer.png) no-repeat; width: 236px; height: 26px; font-family: EurostileRegular, Arial; font-size: 16px; color: #fff;position: absolute; top: 20px; left: 394px; text-indent: -9999px; }
/*###############
# SEARCH		#
###############*/
div.search { right: 0px; position: absolute; top: 15px; }
div.search #s { background: url(../images/zoeken-bg-links.jpg) no-repeat; border: none; padding: 10px 7px; position: absolute; right: 32px; width: 117px; top: 3px; color: #555; font-style: italic;}
div.search #image { height: 32px; width: 32px; position: absolute; right: 0px; }

/*###############
# MENU			#
###############*/
.menu { position: absolute; top: 63px; right: 0px; }
.menu ul { list-style: none; }
.menu ul li { float: left; }
.menu ul li a { font-family: EurostileRegular, Arial; font-size: 17px; height: 30px; line-height: 30px; display: block; padding: 0px 10px; border: 1px solid #52608a; border-top: 1px solid #737d99; margin-left: 10px; color: #323e61; text-decoration: none; background: url(../images/menu-bg.jpg) repeat-x; }
.menu ul li:hover a {color: #fff; background: url(../images/menu-bg-hover.jpg) repeat-x; }
.menu ul li.current-menu-item a, .menu ul li.current-page-ancestor a {color: #fff; background: url(../images/menu-bg-hover.jpg) repeat-x; }

/*###############
# SUBMENU		#
###############*/
#submenu { background: #253052; padding: 10px; margin-bottom: 20px;}
#submenu li { line-height: 30px; }
#submenu li a { text-decoration: none; }
#submenu li a:hover { text-decoration: underline; }
#submenu h2, #submenu a { color: #fff; }

#submenu ul li ul {
	padding-left: 15px;
	color: #fff;
}

#opleidingensub { background: #253052; padding: 10px; overflow: hidden; }
#opleidingensub li a { line-height: 32px; display: block; padding: 5px 5px 5px 36px; color: #fff; text-decoration: none; }
#opleidingensub #auto { background: url(../images/icons/auto.png) no-repeat 0px 5px; }
#opleidingensub #bromfiets { background: url(../images/icons/brommer.png) no-repeat  0px 5px; }
#opleidingensub #aanhanger { background: url(../images/icons/aanhanger.png) no-repeat  0px 5px; }
#opleidingensub #motor { background: url(../images/icons/motor.png) no-repeat  0px 5px; }

#afspraak { margin-top: 20px; }
/*###############
# BREADCRUMBS	#
###############*/
.breadcrumbs { height: 30px; line-height: 30px; font-size: 11px; margin-top: -10px; }

/*###############
# SUBHEADER		#
###############*/
.subheader { overflow: hidden; }
.subheader a { display: block; height: 166px; position: relative; padding: 0px; width: 220px; cursor: pointer;  }
.subheader a span { display: block; background: #253052; height: 43px; position: absolute; bottom: 0px; width: 220px; line-height: 43px; color: #fff;}
.subheader a:hover span { background: #1f1f20; }
.subheader a span img { float: left; margin: 8px; }
.subheader #auto { background: url(../images/subheader/auto2.jpg) no-repeat; }
.subheader #aanhanger { background: url(../images/subheader/aanhanger.jpg) no-repeat; }
.subheader #bromfiets { background: url(../images/subheader/scootersharon1.jpg) no-repeat; }
.subheader #motor { background: url(../images/subheader/motorrobert.jpg) no-repeat; }

/*###############
# BLOCKS		#
###############*/
.block_220 { width: 220px; padding: 10px 0px; float: left; }
.block_300 { width: 300px; padding: 10px 0px; float: left; }
.block_620 { width: 620px; padding: 10px 0px; float: left; }
.block_700 { width: 700px; padding: 10px 0px; float: left; }
.block_940 { width: 940px; padding: 10px 0px; float: left; }
.block_960 { width: 960px; padding: 10px 0px; float: left; }

/*###############
# HEADINGS		#
###############*/

h1, h2, h3 {  font-family: EurostileRegular, Arial }
h2 { color: #243052; border-bottom: 1px solid #c0c4cf; text-transform: uppercase; font-size: 15px; padding-bottom: 5px; }
h3 { color: #243052; }
#content h1 {
	margin-bottom: 4px;
	color: #253052;
}
#content h2 {
	margin-bottom: 4px;
	color: #253052;
	border-bottom: 0;
	text-transform: none;
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.twitter {
	display: block;
	color: #fff;
	background: url(../images/icons/twitter.png) no-repeat;
	clear: both;
	padding: 10px 10px 10px 50px;
	margin-top: 30px;
}
.gebouw {
	margin-left: 142px;
}
/*###############
# LIJSTEN		#
###############*/

#usp ul li { background: url(../images/vinkje.png) no-repeat center left; line-height: 30px; list-style: none; padding-left: 30px; }
#nieuws ul li { background: url(../images/raquo.png) no-repeat 5px center; line-height: 30px; list-style: none; padding-left: 20px; }
#nieuws ul li a { display: block; text-decoration: none;  }
#nieuws ul li a:hover { text-decoration: underline;  }
#nieuws ul li a span { font-weight: bold; float: right; text-decoration: underline; margin-right: 5px;}

/*###############
# ACTIE			#
###############*/
#actie { background: url(../images/actie-bg.jpg) no-repeat; height: 148px; text-transform: uppercase; font-family: EurostileRegular; }
#actie .textwidget { text-align: center; padding: 0px 10px; padding-top: 44px; color: #000; font-size: 15px; margin-bottom: 1.2em; font-weight: bold; }
#actie a { background-color: #253052; color: #fff; font-size: 11px; line-height: 10px; }

/*###############
# PARTNERS		#
###############*/
.partners { margin-top: 32px; overflow: hidden;}
.partners img { float: left; line-height: 50px; margin-right: 8px;}
.partners #dvo { margin-top: -8px; }

/*###############
# FOOTER		#
###############*/
.footer { background: #4c5572; width: 940px; margin: auto; padding: 10px; color: #fff; overflow: hidden;}
.footer h3 { color: #fff; }
.plaatsen { list-style: none; margin-left: -20px; font-size: 11px; overflow: hidden; }
.plaatsen li { float: left; width: 140px; margin-left: 20px; }
.plaatsen li a { color: #ccc; text-decoration: none; }


.bottom { width: 940px; margin: auto; padding: 10px; color: #fff; overflow: hidden;}
.bottom a { font-size: 10px; color: #fff; }

/*###############
# CONTACTFORM 	#
###############*/

.contactform { overflow: auto; background: #5e6fa1 url(../images/contact-bg.jpg) repeat-x; padding: 10px; margin-top: 10px; }
#content .contactform h2 { color: #fff; }
.contactform .input { background: url(../images/contactform-input-bg.jpg) no-repeat; border: none; width: 308px; padding: 8px 5px; margin-top: 10px; }
.contactform .textarea { background: url(../images/bg-textarea.jpg) no-repeat; border: none; width: 338px; padding: 1px 5px; margin-top: 10px; height: 107px; font-family: arial; font-size: small; }
.contactform-left { float: left; width: 320px; }
.contactform-right { float: left; width: 346px; margin-left: 12px; }
.contactform .submit { background: #273254; border: none; color: #fff; padding: 6px 50px; float: right; font-size: 18px; margin-top: 5px; font-family: EurostileRegular; }



/* ##########

	FORMULIEREN

########## */

.gform_wrapper input, .gform_wrapper textarea{
	background: #f4f4f4;
	border: 0;
	padding: 15px !important;
	margin: 5px 0 0 0 !important;
}

.gform_wrapper input[type="submit"]{
	display: inline-block;
	color: #fff;
	padding: 15px 15px;
	background: #4c5572;
	font-weight: bold;
	margin: 5px 0 0 0;
	transition: all 250ms ease-out;
  -webkit-transition: all 250ms ease-out;
}

.gform_wrapper input[type="submit"]:hover{
	cursor: pointer;
	text-decoration: none;
	transition: all 250ms ease-out;
	-webkit-transition: all 250ms ease-out;
	background: #205CCC;
}

.gform_wrapper form li, .gform_wrapper li{
	list-style-type: none !important;
	background: none !important;
	padding-left: 0 !important;
}