@charset "utf-8";
/* CSS Jongeren Vakanties */

/* Useful */

br.clear {
	clear:both;
	height:0;
	width:0;
}

ul {
	margin:0;
	padding:0;
}

form {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
	color:#304d78;
}

a:hover {
	text-decoration:none;
	color:#0a2650;
}

label {
		cursor:pointer;
}

img {
	border:0;
}

h1 {
	font:22px/26px "Trebuchet MS", Tahoma, Verdana;
	color:#990000;
	margin:0;
	padding:5px 0;
}

h2 {
	font:16px/20px "Trebuchet MS", Tahoma, Verdana;
	margin:0;
	padding:0;
}

.smallText {
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

select {
	font:12px "Trebuchet MS", Tahoma, Verdana;
	color:#333;
}

/* Global */

body {
	margin:0;
	font:12px "Trebuchet MS", Tahoma, Verdana;
	color:#222;
	background:#ffc313 url(../img/bg.gif) top center repeat-x fixed;
}

#main_container {
	width:934px;
	margin:0 auto;
}

#header {
	margin-top:10px;
	overflow:hidden;
}

#header #logo {
	height:117px;
	width:260px;
	float:left;
	background:url(../img/logo.png) no-repeat;
}
#header #logo a {
	display:block;
	height:115px;
	text-indent:-9999px;
}

#header #banner {
	width:600px;
	float:right;
	margin-top:20px;
	text-align:right;
}

#header #menu {
	height:50px;
	width:100%;
	background:url(../img/bg_menu.png) no-repeat;
}

#header #quick_search {
	width:180px;
	float:right;
	margin:5px;
}

#header #quick_search input {
	border:0px;
	margin-top:10px;
}

#header #quick_search input.field {
	margin-bottom:3px;
	font:11px Arial, Helvetica, sans-serif;
	padding:2px;
}

/* MENU */
.lavaLampWithImage {
	position: relative;
	height: 29px;
	padding: 5px 0px 5px 10px;
	margin: 7px 0 0 0;
	overflow: hidden;
	width:650px;
	float:left;
}
		.lavaLampWithImage li {
			float: left;
			list-style: none;
		}
			.lavaLampWithImage li.back {
				background: url("../img/menu/lava.gif") no-repeat right -30px;
				width: 13px; height: 30px;
				z-index: 8;
				position: absolute;
			}
				.lavaLampWithImage li.back .left {
					background: url("../img/menu/lava.gif") no-repeat top left;
					height: 30px;
					margin-right: 13px; /* 7px is the width of the rounded shape */
				}
			.lavaLampWithImage li a {
				font: 13px arial;
				text-decoration: none;
				color: #fff;
				outline: none;
				text-align: center;
				top: 7px;
				letter-spacing: 0;
				z-index: 10;
				display: block;
				float: left;
				height: 30px;
				position: relative;
				overflow: hidden;
				margin: auto 8px;    
			}
				.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active {
					border: none;
					color:#000;
					text-decoration:none;
				}
				.lavaLampWithImage li a:visited {
					border: none;
					color:#fff;
					text-decoration:none;
				}

.lavaLampNoImage {
	position: relative;
	height: 29px;
	width: 861px;
	background-color: white;
	padding: 15px;
	margin: 10px 0;
	overflow: hidden;
	border: 1px solid gray;
}
		.lavaLampNoImage li {
			float: left;
			list-style: none;
		}
			.lavaLampNoImage li.back {
				border: 1px solid #000;
				background-color: #e6e8ea;
				width: 9px;
				height: 30px;
				z-index: 8;
				position: absolute;
			}
			.lavaLampNoImage li a {
				font: bold 13px arial;
				text-decoration: none;
				color: #000;
				outline: none;
				text-align: center;
				top: 7px;
				text-transform: uppercase;
				letter-spacing: 0;
				z-index: 10;
				display: block;
				float: left;
				height: 30px;
				position: relative;
				overflow: hidden;
				margin: auto 10px;
			}
				.lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
					border: none;
				}                    

.lavaLampBottomStyle {
	position: relative;
	height: 29px;
	width: 861px;
	background-color: white;
	padding: 15px;
	margin: 10px 0;
	overflow: hidden;
	border: 1px solid gray;
}
		.lavaLampBottomStyle li {
			float: left;
			list-style: none;
		}
			.lavaLampBottomStyle li.back {
				border-bottom: 5px solid blue;
				width: 9px;
				height: 30px;
				z-index: 8;
				position: absolute;
			}
			.lavaLampBottomStyle li a {
				font: bold 14px arial;
				text-decoration: none;
				color: #000;
				outline: none;
				text-align: center;
				top: 7px;
				text-transform: uppercase;
				letter-spacing: 0;
				z-index: 10;
				display: block;
				float: left;
				height: 30px;
				position: relative;
				overflow: hidden;
				margin: auto 10px;
			}   
				.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
					border: none;
				}

#wrapper {
	overflow:hidden;
	width:100%;
	margin-top:5px;
}

#wrapper #breadcrumb {
	margin:0px 15px 5px 15px;
	font:11px Arial, Helvetica, sans-serif;
}

#wrapper #breadcrumb a {
	color:#f26d20;
}

#wrapper #col_left {
	float:left;
	width:275px;
	min-height:463px;
}

#wrapper #col_left ul {
	font:18px Helvetica, Arial, Helvetica, sans-serif;
	margin:10px;
}
#wrapper #col_left ul li {
	list-style:none;
}
#wrapper #col_left ul li a {
	color:#990000;
}

#wrapper .col_top {
	height:6px;
	background:url(../img/col_small_top.png) no-repeat;
	margin:0;
	padding:0;
}

#wrapper .col_small_content {
	padding:0px 6px;
	background:#FFFFFF;
	width:263px;
	margin:0;
	overflow:hidden;
}

#wrapper .col_bg_line {
	background:url(../img/bg_column_line.gif) repeat-y;
}

#wrapper .col_bottom {
	height:6px;
	background:url(../img/col_small_bottom.png) no-repeat;
	margin:0;
	padding:0;
}

#wrapper #col_center {
	float:left;
	min-height:463px;
	width:374px;
	margin-left:5px;
}

#wrapper #col_right {
	float:right;
	width:275px;
	min-height:463px;
}

#wrapper #col_right h3 {
	margin:8px 0px;
	padding:0;
	font:normal 16px "Trebuchet MS", Tahoma, Verdana;
	color:#2e3864;
}

#wrapper #col_right h3 a {
	color:#2e3864;
}

#wrapper #col_right ul {
	padding:10px;
}

#wrapper #col_right ul li {
	clear:both;
	list-style:none;
}

#wrapper #col_right .item_image {
	width:90px;
	height:83px;
	float:left;
}
#wrapper #col_right .item_image {
}
#wrapper #col_right .item_descr {
	width:140px;
	font:11px/1.2em Arial, Helvetica, sans-serif;
	float:left;
	color:#9b9da5;
	margin-left:12px;
}

#wrapper #col_right .item_descr p {
	padding:0px;
	margin:0px;
}

#wrapper #col_right .item_descr a.button_item {
	width:73px;
	height:18px;
	font:10px/18px "Trebuchet MS", Tahoma, Verdana;
	color:#FFFFFF;
	display:block;
	color:#FFFFFF;
	text-align:center;
	margin-top:3px;
	background:url(../img/button_item.gif) no-repeat;
}

#wrapper #col_content {
	float:right;
	width:654px;
}

#wrapper .col_content_top {
	height:6px;
	background:url(../img/col_content_top.png) no-repeat;
	margin:0;
	padding:0;
}

#wrapper .col_content {
	padding:10px 20px;
	background:#FFFFFF;
	width:614px;
	margin:0;
	overflow:hidden;
}

ul#info {
	padding:0;
}

ul#info li {
	background:transparant url(img/icons/list_icon.gif) 0px 3px no-repeat;
	list-style:none;
	padding-left:20px;
}

#wrapper .col_content_bottom {
	height:6px;
	background:url(../img/col_content_bottom.png) no-repeat;
	margin:0;
	padding:0;
}

#wrapper h4 {	
	background:url(../img/bg_title.png) no-repeat;
	height:30px;
	width:263px;
	margin:0;
	padding:5px 0px 0px 10px;
	color:#333;
	font:italic 18px "Trebuchet MS", Tahoma, Verdana;
}

#wrapper #slider {
	background:url(../img/index_slide_1.png) no-repeat;
	height:354px;
	width:100%;
}

#wrapper #banner_bigfun {
	border-top:#FFFFFF 1px solid;
	background:url(../img/banner_bigfun.png) no-repeat;
	height:113px;
}
#wrapper #banner_bigfun a {
	text-indent:-9999px;
	display:block;
	height:113px;
}

#footer {
	clear:both;
	margin-top:5px;
	width:100%;
	overflow:hidden;
}

#footer h5 {
	margin:0;
	padding:8px 0px 0px 20px;
	height:36px;
	color:#333;
	font:italic 18px "Trebuchet MS", Tahoma, Verdana;
}

#footer #foot_left {
	width:274px;
	float:left;
}

#footer #foot_left_title {
	background:url(../img/bg_foot_title_left.png) no-repeat;
	height:44px;
}

#footer #foot_left_content {
	height:183px;
	border-left:#dcdcdc 1px solid;
	background:#FFFFFF;
}

#footer #foot_center {
	width:385px;
	float:left;
	height:229px;
	background:url(../img/bg_foot_center.gif) no-repeat;
}

#footer #foot_right {
	width:274px;
	float:left;
}

#footer #foot_right_title {
	background:url(../img/bg_foot_title_right.png) no-repeat;
	height:44px;
}

#footer #foot_right_content {
	height:183px;
	border-right:#dcdcdc 1px solid;
	background:#FFFFFF;
}

#copyright {
	width:100%;
	height:45px;
	clear:both;
	background:url(../img/bg_copyright.png) no-repeat;
	margin-bottom:30px;
	border-top:#e3e3e3 1px solid;
}

#copyright #footer_links {
	float:left;
	width:610px;
	font:12px "Trebuchet MS", Tahoma, Verdana;
	color:#FFF;
	padding:15px 23px;
}

#copyright #footer_links a {
	color:#FFF;
}

#copyright #powered {
	width:275px;
	padding-top:15px;
	font:11px Arial, Helvetica, sans-serif;
	color:#60789f;
	float:right;
	text-align:center;
}

#copyright #powered a {
	color:#60789f;
}
