@import 'lightbox.jquery.css' screen;



* { margin: 0; padding: 0; }
html { font-size: 100.01%; }
body { font-family: "Trebuchet MS", tahoma, arial, sans-serif; background: #889294 url(../images/layout/background.gif);}

.clear { clear:both; font-size:1px;height: 1px; }
.empty { font-size: 1px; }
.clearfix:after { content: '.'; display:block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
a img { border: none; }

.float-left { float: left; }
.float-right { float: right;  }
.small { font-size: 8pt; }
.x-small { font-size: 7.5pt; }
.clickable { cursor:pointer; }
h2, h1 { font-size: 14.5pt; }




#rijschoolnetwork {width: 915px; margin: 0 auto;}
#header { height: 85px; padding-top: 25px; }
#header .logo { height: 77px; float:left; width: 120px; background: transparent url(../images/logo.small.png) no-repeat top left; margin-left: 20px; position:relative; }
#header .logo a img { width: 120px; height: 77px; }
#header .quick-contacts {
	font-family: arial, tahoma, verdana, sans-serif;
	float: right; margin-right: 20px; color: #fff;
	font-size: 7.5pt; height: 20px; line-height: 15px; margin-top:65px;
}
#header .quick-contacts a { color: #fff; text-decoration: none; }



#container-top { height: 14px; background: transparent url(../images/layout/container.top.png) no-repeat top left; }
#container { background: transparent url(../images/layout/container.wrapper.png) repeat-y top left; }
#container-bottom {  height:23px; background: transparent url(../images/layout/container.bottom.png) no-repeat top left;}
#bovag { width: 895px; background: transparent url(../images/bovag.logo.gif) no-repeat top right; height: 108px; padding-bottom: 10px;}
#bovag a { display:block; width:284px; height:108px; float: right; }



#content {margin: 0 18px;}
#content-bottom { height:9px; background: url(../images/layout/content.bottom.jpg) no-repeat top left; }
#content-top { height:9px; background: url(../images/layout/content.top.jpg) no-repeat top left; }


#content-wrap { background: #6D7478; }
#content-left { float:left; width: 220px; background: #6D7478; }
#content-center { float:right; width: 620px;  background: #bfc6ca; border-left: 1px solid #fff; padding: 0 19px; min-height: 400px; font-size: 9.5pt; line-height: 15pt; }
#content-center-top { height:8px; background: white url(../images/layout/inner.frame.top.jpg) no-repeat top left; }
#content-center-bottom { height:8px; background: white url(../images/layout/inner.frame.bottom.jpg) no-repeat bottom left; }
#content-center-white { background: white; padding: 15px; padding-top: 0;}





#content-left ul { padding:0; margin:0; list-style-type:none; }
#menu ul {border: 1px solid #000; border-width: 1px 0; background: #6a7173; display: none;}
#menu li { line-height: 22px; }
#menu span, #menu a { display: block; color: #fff; font-size: 11.5pt; text-decoration: none; padding-left: 20px; }
#menu li.expandable { background: transparent url(../images/menu.button.down.gif) no-repeat 200px 10px; width: 100%; cursor: pointer; }
#menu li.expanded { background: transparent url(../images/menu.button.top.gif) no-repeat 200px 10px; }

#menu .hover { background-color: #889294; }
#menu ul .hover { background-color: #788182; }
#menu ul a { color: #55d9ff;  }


p { padding: 0 0 5px 0}

.bekijk-demo {background: transparent url(/images/header.png) no-repeat top left; width: 620px; height: 200px;}


.newsblock {
	width: 180px; height: 400px; padding:  0 10px 10px 10px; margin: 0;
	background: transparent url(../images/layout/index.newsblock.gif) no-repeat top left;
	overflow: hidden;
	font-size: 8.5pt;
	line-height: 13pt;
}
.newsblock h2 { color: #00c6ff; font-size: 10.5pt;  text-align: left; padding: 0 0 5px 0; margin: 0;}
.newsblock a.more {
	display: block; text-align:right; padding-right: 25px; margin-top: 10px;
	color:#000; text-decoration: none; font-weight: bold;
	background: url(../images/layout/newsblock.morebutton.gif) no-repeat right 6px;
}
.newsblock h3 { float: left; margin:0; padding:0; font-size: 9pt; color: #006191; }
.newsblock .date { float: right; color: #adadad; }
.newsblock hr { margin: 10px 0; }


#login-panel { background: transparent url(../images/layout/login.back.gif) no-repeat top left; height: 124px; width: 180px; padding: 5px 10px; }
#login-panel .title { font-weight: bold; color: #fff; font-size: 9.5pt; letter-spacing: 1px; margin:0; padding:0;}
#login-panel label { font-size: 8pt; line-height: 8pt; }
#login-panel input {
	font-size: 8pt; margin:0; border-width: 1px; border-style: solid;
	border-color: #878787 #d3d8db #d3d8db #878787;
	width: 176px; padding: 1px;
	font-family: "Trebuchet MS", tahoma, arial, sans-serif;
}
#login-panel .button { text-align:left; padding-top: 5px;}
#login-panel .forgot {float: left; width: 100px; font-size: 80%;}
#login-panel .submit {float: right; width: 50px; text-align: right; }
#login-panel .button button { border: 0; background: #1d7896; color: #fff; font-size: 8.5pt; font-weight:bold; padding: 2px 4px; cursor: pointer; height: 22px; }


#schrijf-rijschool {
	background: transparent url(../images/layout/schrifj.rijschool.back.grey.gif) no-repeat top left;
	height: 52px; width: 180px; padding: 5px 10px; margin-top: 11px;
}
#schrijf-rijschool a {
	display: block; color: #fff; font-size: 12.5pt;
	text-decoration: none; text-align: center; line-height: 20pt; letter-spacing: 1px;
}


#rijschool-map {
	background: transparent url(../images/layout/map.background.gif) no-repeat top left;
	height: 192px; width: 200px; margin-top: 11px;
}
#rijschool-map a { display: block; width: 100%; height: 100%; }





/* style of FIRST h2 element in #content-center is set in /_js/scripts.js */
#content-center h2, #content-center h1 { padding: 15px 0 10px 0; color: #00c6ff; }
#content-center-white h2, #content-center-white h1 { padding: 15px 0 10px 0; color: #00c6ff; }
#content-center h2 a, #content-center h1 a { color: #00c6ff; }
#content-center a { color: #000; }





fieldset { border: 1px solid #6D7478; padding: 10px 10px 10px 10px; margin-top: 30px; }
legend { font-size:10.5pt; padding: 0 20px; }

label.align-text {
	float: left;
	width: 160px;
	font-size: 9.5pt;
	text-align: right;
	padding-right: 5px;
	line-height: 15pt;
}
.checkbox2 { border:0px; width: auto; }
input, textarea {
	font-size: 9.5pt; margin:0; border-width: 1px; border-style: solid;
	border-color: #878787 #d3d8db #d3d8db #878787;
	width: 376px; padding: 1px;
	font-family: "Trebuchet MS", tahoma, arial, sans-serif;
}
button {
	font-size: 8.5pt; margin:0; border-width: 1px; border-style: solid;
	border-color: #d3d8db #878787 #878787 #d3d8db;
	padding: 1px; letter-spacing: 1px;
	font-family: "Trebuchet MS", tahoma, arial, sans-serif;
}

.image {
	width:18px;
	height:18px;
	margin-left:5px;
}


form#vraag_form label {
	display: block;
	width: 8em;
	float: left;
	margin-bottom: 1em;
}

form#vraag_form input {
	margin-right:1em;
}


#feedback-holder { float:right; position: relative; }
.error-input { border-color: #853737 #d99696 #d99696 #853737; }


.feedback, .reviews { table-layout: fixed; }
.feedback td, .reviews td { overflow: hidden; white-space: nowrap; width: 100%; empty-cells: show; }


#sidebar_rijscholen
{
	top:185px; height:470px;width:305px;float:right;
	border: 1px solid #6D7478; margin-top: 15px;
}

#sidebar_rijscholen h2 { margin:0;padding:0; font-size: 8.5pt; border-bottom: 1px solid #6D7478; padding:0 6px; text-align:center; background: #B3BBBF; }

#sidebar_rijscholen_data { height: 449px; overflow: auto; padding: 0 6px; background: #D1DADF; }






#popup {background: #bfc6ca; }
#popup .container { min-height:100%; }
#popup .sidebar {
	float:left; width:107px; border-right: 1px solid #fff;
	background: #6bbce4;
	height:100%; min-height:100%;
	margin-bottom: -20px;
}
#popup .logo-container {background: url(../images/popup/logo.gif) no-repeat top left; width: 107px; height:49px; }

#popup .content { float: left; background: #bfc6ca; min-height:100%;}
#popup .close-container { height: 30px; text-align:center; line-height: 20pt;}
#popup .close-container a {color: #fff;}
#popup h1 { text-align:right; border-bottom: 1px solid #fff; color: #fff; }


.message {text-align:center; border:1px solid green; padding: 15px; margin: 20px 0;}
.message-error {border-color: red;}