@charset "UTF-8";
/* --------------------------------------------

	COLORS
	-------------------------------------------
	black: 			#02161f
	dark blue:		#006699
	blue:			#0099cc
	light blue:		#89b8d1 
	grey blue:		#cce0eb
	
	CHAPTERS
	-------------------------------------------
	1.	CSS reset
	2.	Page building
	3.	Navigation
	4.	Text
	5.	Grid
	6.	Blocks
	7.	Placed items (bullets etc)
	8.	Links
	9.	Footer
	10.	Forms
	11. Feedback
	12.	Accordion
	13.	Schedule
	14. Keywords
	15. Sponsors
	*.	Helpers
	
	
	
	1. CSS RESET v1.0 | 20080212 (meyerweb.com)
-------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* --------------------------------------------
	2. PAGE BUILDING
-------------------------------------------- */

body {
	background: #002243;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#top {
	height: 310px;
	background: #c4d8df url(img/bg_theme.jpg) center top no-repeat;
}
#top .wrapper {
	height: 310px;
	background: url(img/kartel.gif) center bottom repeat-x;
}
.container {
	width: 960px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
}
#logo {
	padding: 80px 0 0 0;
}

#main {
	min-height: 650px;
	background: url(img/bg_content_gradient.gif) repeat-x;
}
#main .container {
	padding: 30px 0px 100px 0;
	overflow: hidden;
}

#primary {
	width: 720px;
	overflow: hidden;
	float: left;
}

#footer {
	clear: both;
	padding: 30px 0;
	background: #0074ae;
}
#footer .footer_container {
	width: 720px;
	padding: 0 240px 0 0;
	margin: 0 auto;
	overflow: hidden;
}


/* --------------------------------------------
	3. NAVIGATION
-------------------------------------------- */

#logo h1 {
	display: block;
	width: 640px;
	height: 108px;
	float: left;
}
#logo h1 a {
	display: block;
	width: 640px;
	height: 108px;
	text-indent: -9999px;
	background: url(img/logo.png) no-repeat;
}

ul.nav li {
	line-height: 24px;
	text-align: right;
}
ul.nav li a {
	color: #0074ae;
	font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-size: 28px;
	text-decoration: none;
	text-transform: uppercase;
}
ul.nav li a:hover,
ul.nav li.active a {
	color: #acd030;
}

.day_nav {
	background: #ff0071;
	margin: 0 0 5px 0;
}
.day_nav ul {
	height: 35px;
}
.day_nav ul li {
	float: left;
	margin: 0 20px 0 0;
	padding: 0 0 0 20px;
	line-height: 35px;
	vertical-align: middle;
}
.day_nav ul li a {
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}

#footer ul.nav {
	clear: both;
	float: left;
	overflow: hidden;
	margin: 0 0 30px 0;
}
#footer ul.nav li {
	float: left;
	margin: 0 10px;
	text-align: left;
}
#footer ul.nav li a {
	color: #002243;
	font-size: 18px;
}
#footer ul.nav li a:hover {
	color: #FFFFFF;
}

/* --------------------------------------------
	4. TEXT & LINKS
-------------------------------------------- */

h1, h2, h3, h4 {
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 26px;
	font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 14px;
}
.bg_white h1,
.bg_white h2,
.bg_white h3,
.bg_white h4 {
	color: #FF0071;
}

a {
	color: #ff0071;
}

p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 24px;
	color: #00aa78;
	margin: 0 0 24px 0;
}
/* --------------------------------------------
	5. GRID
-------------------------------------------- */

.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 {
	float: left;
	margin: 0 10px 0 10px;
}
.col_1 {
	width: 60px;
}
.col_2 {
	width: 140px;
}
.col_3 {
	width: 220px;
}
.col_4 {
	width: 300px;
}
.col_5 {
	width: 380px;
}
.col_6 {
	width: 460px;
}
.col_7 {
	width: 540px;
}
.col_8 {
	width: 620px;
}
.col_9 {
	width: 700px;
}
.col_10 {
	width: 780px;
}
.col_11 {
	width: 860px;
}
.col_12 {
	width: 940px;
}

/* --------------------------------------------
	6. BLOCKS
-------------------------------------------- */

.bg_white {
	background: #FFFFFF;
	padding: 20px;
}
#primary h1 {
	background: #FF0071;
	margin: 0 0 5px 0;
	padding: 10px 20px;
}

#early_bird_discount {
	margin: 50px 0;
}
#early_bird_discount a {
	background: url(img/bespaar_50.gif) no-repeat;
	width: 220px;
	height: 211px;
	display: block;
	text-indent: -9999px;
}


/* --------------------------------------------
	7. PLACED ELEMENTS
-------------------------------------------- */

#book_now {
	position: absolute;
	top: 10px;
	right: 0px;
}
#book_now a {
	display: block;
	width: 122px;
	height: 123px;
	background: url(img/book_now.png) no-repeat;
	text-indent: -9999px;
}


/* --------------------------------------------
	10. FORMS
-------------------------------------------- */

div.element {
	margin: 0 0 10px 0;
}

.submit {
	border: none;
	background: #0061aa;
	color: #FFFFFF;
}
.submit:hover, .submit:focus {
	background: #66a0cc;
	color: #00182b;
	cursor: pointer;
}
.submit_small {
	display: block;
	width: 80px;
	height: 25px;
	line-height: 25px;
	vertical-align: top;
	text-align: left;
	background: url(img/btn_small.gif) left top no-repeat;
}
.submit_small:hover, .submit_small:focus {
	background: url(img/btn_small.gif) left -25px no-repeat;
	color: #FFFFFF;
}
.submit_login {
	background: url(img/btn_small_login.gif) left top no-repeat;
	text-indent: -9999px;
}
.submit_login:hover, .submit_login:focus {
	background: url(img/btn_small_login.gif) left -25px no-repeat;
	text-indent: -9999px;
	
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.col_3 .element label {
	padding: 0 0 0 4px;
	font-size: 11px;
	line-height: 18px;
}
.col_3 .element input.text {
	width: 160px;
	border: 1px solid #d8d8d8;
	padding: 5px;
}

/* --------------------------------------------
	11. Feedback
-------------------------------------------- */

.info,
.succes,
.error,
.warning {
	padding: 10px 10px 10px 35px !important;
	margin: 0 0 20px 0;
	background-position: 10px 13px;
	background-repeat: no-repeat;
	border-top: 2px solid;
	border-bottom: 2px solid;
}
.info {
	border-top-color: #bfd7ea;
	border-bottom-color: #bfd7ea;
	background-color: #eff5fa;
	background-image: url(img/info.png);
	color: #0061aa;
}
.succes {
	border-top-color: #a4ce6c;
	border-bottom-color: #a4ce6c;
	background-color: #e7f2d9;
	background-image: url(img/success.png);
	color: #61aa00;
}
.error {
	border-top-color: #f47c81;
	border-bottom-color: #f47c81;
	background-color: #fcddde;
	background-image: url(img/error.png);
	color: #ed1c24;
}
.warning
 {
	border-top-color: #e1a76c;
	border-bottom-color: #e1a76c;
	background-color: #f7e8d9;
	background-image: url(img/warning.png);
	color: #cc6600;
}

/* --------------------------------------------
	12. ACCORDION
-------------------------------------------- */

#accordion {
	overflow: hidden;
}
.toggler {
	background: #0074ae;
	padding: 10px 20px;
	overflow: hidden;
	margin: 0 0 5px 0;
	clear: both;
	cursor: hand;
}
.toggler a {
	text-decoration: none;
	color: #FFFFFF;
}
.toggler span {
	float: right;
	font-weight: normal;

}
.toggler h2 {
	width: auto;
	float: left;
}
.toggler h3 {
	width: auto;
	float: right;
	font-weight: normal;
}

.toggler_content {
	height: 395px;
	overflow: hidden;
}

div.pages {
	width: 700px;
	height: 350px;
	overflow: hidden;
}
div.pages .panel {
	width: 660px;
	height: 320px;
	margin: 0 10px 5px 0;
	padding: 20px 20px 10px 20px;
	float: left;
	background: url(img/bg_accordeon_page.png) no-repeat;
}
div.pages .pages_wrapper {
	width: 2130px;
}

/* --------------------------------------------
	13. SCHEDULE
-------------------------------------------- */

ul.schedule {
	width: 670px;
	
}
ul.schedule li {
	clear: both;
	width: 660px;
	overflow: hidden;
	color: #0074ae;
	font-size: 18px;
	line-height: 40px;
}
ul.schedule li span.time {
	width: 100px;
	float: left;
}
ul.schedule li span.description {
	width: 560px;
	float: right;
}

ul.item_details {
	height: 150px;
}
ul.item_details li {
	margin: 0 30px 0 0;
	width: 200px;
	height: 150px;
	float: left;
}
ul.item_details li.last {
	margin: 0;
}
ul.item_details p {
	color: #666666;
}
/* --------------------------------------------
	14. KEYWORDS
-------------------------------------------- */

ul.keywords {
	clear: both;
	padding: 0 10px;
	margin: 0 0 30px 0;
	text-transform: uppercase;
	line-height: 28px;
	width: 500px;
	overflow: hidden;
}
ul.keywords li {
	font-size: 25px;
	color: #FFFFFF;
	padding: 0 20px 0 0;
}
ul.keywords li ul {
	clear: both;
	padding: 0;
}
ul.keywords li ul li {
	float: left;
	font-size: 35px;
	font-weight: bold;
}
#footer ul.keywords {
	line-height: 16px;
	width: 320px;
	float: left;
	clear: none;
}
#footer ul.keywords li {
	font-size: 12px;
	padding: 0 15px 0 0;
}
#footer ul.keywords li li {
	font-size: 20px;
}

/* --------------------------------------------
	15. SPONSORS
-------------------------------------------- */

ul.sponsors {
	clear: both;
	padding: 20px 0 0 0;
	position: relative;
}
ul.sponsors li {
	float: left;
	margin: 0 10px;
}
ul.sponsors li a {
	display: block;
	text-indent: -9999px;
}
ul.sponsors li.title {
	font-size: 12px;
	text-transform: uppercase;
	color: #FFFFFF;
	position: absolute;
	top: 0px;
}
ul.sponsors li a.von_zipper {
	width: 53px;
	height: 50px;
	background: url(img/von_zipper.gif) no-repeat;
}
ul.sponsors li a.fb_travels {
	width: 59px;
	height: 50px;
	background: url(img/fb_travels.gif) no-repeat;
}
ul.sponsors li a.broeksmedia {
	width: 109px;
	height: 50px;
	background: url(img/broeksmedia.gif) no-repeat;
}
ul.sponsors li a.partyvibes {
	width: 104px;
	height: 50px;
	background: url(img/partyvibes.gif) no-repeat;
}

div.von_zipper_actie {
	width: 220px;
	height: 191px;
	margin: 50px 0;
	background: url(img/von_zipper_actie.gif) no-repeat;
}
div.von_zipper_actie h3 {
	text-indent: -9999px;
}


.banner_book_now {
	clear: both;
	padding: 50px 10px 50px 10px;
}

/* --------------------------------------------
	* HELPERS
-------------------------------------------- */

.clear {
	clear: both;
}
.stroke {
	display: block;
	clear: both;
	margin: 20px 0;
	height: 1px;
	background: #bfbfbf;
	overflow: hidden;
}

.gutter {
	clear: both;
	height: 20px;
}

.no_x_margin {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.txt_right {
	text-align: right !important;
}