h1,h2,h3,h4,h5,h6
{
	font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
}

/*===============================================================================================*/
/* HEADER																														 */
/*===============================================================================================*/
.header
{
	width:913px;
	float:left;
}

.header .logo
{
	width: 597px;
	float:left;
	padding-left:316px;
}

.headerImage
{
	width:905px;
	background: url("../img/bgHeaderImage.gif") no-repeat 0px 0px;
	height: 261px;
	margin-top:5px;
	padding: 5px 4px 5px 4px;
	float:left;
}

/*===============================================================================================*/
/* MAIN																														 */
/*===============================================================================================*/
.mainContainer
{
	width: 905px;
	padding:0px 4px;
	margin-top:15px;
	float:left;
}

.mainContainer .left
{
	width: 608px;
	float:left;
	padding-right:31px;
}

.mainContainer .right
{
	width: 265px;
	padding-top:30px;
	float:right;
}

.menuTop
{
	width: 265px;
	height: 4px;
	display: block;
	float:left;
	overflow: hidden;
	background: url("../img/bgMenuTop.gif") repeat-x 0px 0px;
}

.menuBottom
{
	width: 265px;
	height: 4px;
	display: block;
	overflow: hidden;
	margin-bottom:15px;
	float:left;
	background: url("../img/bgMenuBottom.gif") repeat-x 0px 0px;
}

.languageBlock
{
	width:71px;
	height:24px;
	color:#94C2F4;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-right:5px;
	margin-top:3px;
	text-align:center;
	padding-top:9px;
	float:right;
	background: url("../img/languageBlock.gif") repeat-x 0px 0px;
}

a.languageBlock:hover
{
	color:#FFF;
	text-decoration: underline;
}

.menuReservations
{
	width: 265px;
	float:left;
}

.menuReservations .top
{
	width: 100%;
	display: block;
	height:4px;
	overflow: hidden;
	background: url("../img/menuReservationsTop.gif") no-repeat 0px 0px;
	float:left;
}

.menuReservations .center
{
	padding:5px 10px;
	display: block;
	width: 245px;
	background: #AED1F7;
	float:left;
}

.menuReservations a
{
	padding: 7px 0px 7px 3px;
	width:242px;
	float:left;
	display: block;
	text-decoration: none;
	border-bottom:1px solid #4595ED;
}

.menuReservations a.last
{
	border:0px;
}

.menuReservations a.current
{
	color:#1C62A7;
}

.menuReservations a:hover
{
	background:#9BC6F4;
	text-decoration: none;
	color:#666;
}

.menuReservations .bottom
{
	width: 100%;
	display: block;
	height:4px;
	overflow: hidden;
	background: url("../img/menuReseservationsBottom.gif") no-repeat 0px 0px;
	float:left;
}

.loggedInLike
{
	float:left;
	margin-bottom:10px;
	color:#3176B9;
}
/*===============================================================================================*/
/* RESERVEREN																														 */
/*===============================================================================================*/
.reserveren
{
	width:586px;
	float:left;
}

.reserveren div.title h1
{
	color:#2269AF;
	width:100%;
	float:left;
	margin-bottom:15px;
	font-size:2.2em;
}

.reserveren .content
{
	width:100%;
	float:left;
	color:#666;
	font-size: 1.1em;
	line-height: 1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

a.addReservation
{
	float:right; 
	font-weight: bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666;
	font-size:1.2em;
	margin: 8px 0px
}

a.addReservation:hover
{
	color:#000;
}

#frmReservation
{
	border: none;
	background: none;
}

.blueBlock
{
	width: 585px;
	float:left;
	background: url("../img/blueBlockCenter.gif") repeat-y 0px 0px;
	display: block;
}

.blueBlock form
{
	border: none;
	background: none;
}

.blueBlock .top
{
	width:100%;
	float:left;
	background: url("../img/blueBlockTop.gif") no-repeat 0px 0px;
	height: 7px;	
}

.blueBlock .center
{
	
	width:565px;
	float:none;
	padding:0px 10px;
}

.blueBlock .center span.label
{
	font-weight: bold;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	font-size:1.3em;
	color:#1C62A7;
}

.blueBlock .center select.vestiging
{
	width: 264px;
	margin-top:10px;
	margin-bottom:10px;
	float:right;
}

.blueBlock .bottom
{
	width:100%;
	float:left;
	background: url("../img/blueBlockBottom.gif") no-repeat 0px 0px;
	height: 7px;	
}

.singleReservation
{
	float:left;
	border-bottom: 1px solid #80B2E5;
	padding:7px 5px;
	width: 555px;
}

.singleReservation .date
{
	width: 314px;
	color:#1C62A7;
	font-size:1.2em;
	font-weight: bold;
	float:left;
}

.singleReservation .location
{
	width:90px;
	font-size:1.1em;
	color:#666;
	float:left;
}

.singleReservation .time
{
	width:135px;
	font-size:1.1em;
	color:#666;
	float:left;
}

.singleReservation a.delete
{
	float:right;
	margin-top:3px;
}

.tableHeader
{
	width: 575px;
	float:left;
	margin: 30px 0px 10px 0px;
}

.mainContainer .tableHeader .left
{
	float:left;
	color:#1C62A7;
	padding:0px;
	width:250px;
	font-size:1.3em;
}

.mainContainer .tableHeader .right
{
	float:right;
	padding:0px;
	width:250px;
	text-align:right;
	color: #666;
}

.reservationDay
{
	width: 175px;
	color:#000;
	float:left;
	margin-bottom:6px;	
}

.reservationDay.history
{
	color:#599BDD;
	margin-bottom:6px;
	float:left;
}


.reservationDay span.letter
{
	font-size:1.3em;
	font-weight: bold;
}

.reservationDay span,
.reservationDay input
{
	margin-right:5px;
	margin-top:10px;
	float:left;
}

.scheduleHeader .title
{

}

.scheduleHeader 
{
	float:left;
	width:96%;
	padding:2%;
	padding-bottom: 10px;
	border-bottom:1px solid #80B2E5;
}

.scheduleHeader div.uitleg
{
	float:right
}

.scheduleHeader input
{
	float:left;
	margin-right:5px;
}

.scheduleHeader span.title
{
	color:#1C62A7;
}

a.navReservation,
a.changeReservation
{
	font-weight: bold;
	font-size:1.5em;
	margin-top:15px;
	float:right;
}

a.changeReservation
{
	float: left;
}

a.navReservation:hover,
a.changeReservation:hover
{
	color:#000;
	text-decoration: underline;
}

div.wiewat
{
	width: 100%;
	float:left;
	color:#1C62A7;
	margin-top:20px;
	margin-bottom:10px;
}

.voorwaarden
{
	width:100%;
	margin-top:10px;
	float:left;
}

/*===============================================================================================*/
/* PORTAL																														 */
/*===============================================================================================*/
.portalEntrance
{
	width: 216px;
	float:left;
	margin-right:10px;
}

.portalEntrance.last
{
	margin:0px;
}

.portalEntrance a.title
{
	color:#2269AF;
	font-size:1.5em;
	margin-bottom:10px;
	float:left;
	width:100%;
	text-decoration: none;
	font-weight: bold;
}

.portalEntrance a.title:hover
{
	text-decoration: underline;
}

.portalEntrance .content
{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666;
	float:left;
	height:110px;
	overflow: hidden;
	width:100%;
	line-height:1.5em;
	margin-bottom:15px;
	font-size:1.1em;
}

.portalEntrance a.nav
{
	font-weight: bold;
}

.portalNews
{
	width:100%;
	margin:20px 0px 10px 0px;
	float:left;
}

.portalNews .title
{
	color:#2269AF;
	font-size:1.5em;
	float:left;
	margin-right:10px;
	text-decoration: none;
	font-weight: bold;
}

.portalNews a.newsTitle
{
	float:left;
	font-style:italic;
	font-weight: bold;
	margin-top:3px;
	color:#666;
	margin-right:10px;
	font-size:1.1em;
}

.portalNews a.newsTitle:hover
{
	color:#000;
	text-decoration: underline;
}

.portalNews a.linkSmall
{
	font-size:0.9em;
	margin-top:4px;
	float:left;
	color:#666;
}
/*===============================================================================================*/
/* BUTTONS																														 */
/*===============================================================================================*/
button.submit
{
	cursor:pointer;
	float:right;
	margin-right: 0px;
	margin-top:5px;
	display: block;
	background: #2F75B8
}

button.submit:hover
{
	text-decoration: underline;
	background: #245586;
}

button.cancel
{
	background: #b0b0b0;
	margin-top:5px;
}

button.loginlike
{
	cursor:pointer;
	float:right;
	display: block;
	background: gray;
	margin-top:5px;
}

button.loginlike:hover
{
	background: d3d3d3;
}
/*===============================================================================================*/
/* FOOTER																														 */
/*===============================================================================================*/
.footer
{
	width:869px;
	border:1px solid #CCCCCC;
	background: #F4F4F4;
	padding:15px;
	margin:20px 0px 20px 4px;
	float:left;
	height: 90px;
	color:#666666;
}

.footer .left
{
	width:348px;
	float:Left;
	font-size:1.1em;
	border-right: 1px solid #CCCCCC;
}

.footer .left .locations
{
	width:158px;
	margin-right:15px;
	float:left;
	
}

.footer .left .adres
{
	font-weight: bold;
	color:#666666;
	width: 159px;
	float:left;
}

.footer .left .locations a
{
	float:left;
	width:100%;
	color: #AAAAAA;
	margin-bottom: 12px;
}

.footer .left .locations a.current
{
	color:#666666;
	background: url("../img/arrow_right_footer.gif") no-repeat right 4px;
}

.footer .center
{
	width:239px;
	float:Left;
	height: 90px;
	padding: 0px 10px 0px 30px;
	border-right: 1px solid #CCCCCC;
}

.footer .title
{
	width:100%;
	float:Left;
	font-weight: bold;
	margin-bottom:5px;
}

.footer a.provincieLogo
{
	width: 132px;
	height:34px;
	margin-top:20px;
	margin-left:0px;
	float:Left;
	background: url("../img/logo_provincie_fryslan.gif") no-repeat 0px 0px;
}

.footer a.provincieLogo:hover
{
	background: url("../img/logo_provincie_fryslan.gif") no-repeat 0px -40px;
}

.footer a.frieslandBankLogo
{
	width: 78px;
	height:34px;
	margin-top:20px;
	margin-left:0px;
	float:Left;
	background: url("../img/logo_frieslandBank.gif") no-repeat 0px 0px;
}

.footer a.frieslandBankLogo:hover
{
	background: url("../img/logo_frieslandBank.gif") no-repeat 0px -40px;
}

.footer .right
{
	width:210px;
	padding:0px 0px 0px 30px ;
	height: 75px;
	float:Left;
}

.footer a.snakewareLogo
{
	width: 91px;
	height:53px;
	margin-top:10px;
	margin-left:0px;
	float:Left;
	background: url("../img/snakewareLogo.gif") no-repeat 0px 0px;
}

.footer a.snakewareLogo:hover
{
	background: url("../img/snakewareLogo.gif") no-repeat 0px -50px;
}

.footer a.bdfLogo
{
	width: 142px;
	height:53px;
	margin-top:5px;
	margin-left:0px;
	float:Left;
	background: url("../img/bdfLogo.gif") no-repeat 0px 0px;
}

.footer a.bdfLogo:hover
{
	background: url("../img/bdfLogo.gif") no-repeat 0px -51px;
}

.footerLinks
{
	width:99%;
	padding-left:1%;
	margin-bottom:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	float:left;
}

.footerLinks a
{
	float:right;
	color:#999999;
	text-decoration: none;
	margin-right:10px;
}

.footerLinks a.copyright
{
	float:left;
}

.footerLinks a:hover
{
	color:#000;
	text-decoration: underline;
}