/* main style Hoog Catherijne */

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* end reset */

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;	
}

a:active
{
  outline: none;
}


body { 
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 130%;	
}

.lightbg { 
	color: #000000;
}

.darkbg { 
	color: #ffffff;
}

.pink, .pink a, span.pink, .pink a:hover, .pink h1, .pink h2, .pink h3, .pink #footer ul li a:hover, .pink .framedcontent span { 
	color: #DC2775;
}
.green, .green a, span.green, .green a:hover, .green h1, .green h2, .green h3, .green #footer ul li a:hover, .green .framedcontent span { 
	color: #72AD15;
}
.blue, .blue a, span.blue, .blue a:hover, .blue h1, .blue h2, .blue h3, .blue #footer ul li a:hover, .blue .framedcontent span { 
	color: #1B7FC5;
}
.yellow, .yellow a, span.yellow, .yellow a:hover, .yellow h1, .yellow h2, .yellow h3, .yellow #footer ul li a:hover, .yellow .framedcontent span { 
	color: #EB840E;
}




h1 { 
	font-weight: normal;
	font-size: 220%;
	font-family: "Boton", Verdana, Arial, Helvetica, sans-serif	
}

h2, h3, h4 { 
	
}

.clear {
	clear: both;
}


/* Page layout */

body#page {
	background-color: #e9e9e9;
}

div#page-body {
	padding: 0;
	min-height: 610px;
}

div.wrapper { 
	width: 960px;
	height: 610px;
	border: 0;
	position: absolute;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
	margin:auto;
}



.lightbg div.wrapper { 
	background-color:#ffffff;
}
.darkbg div.wrapper { 
	background-color:#000000;
}

#main { 
	width: 960px;
	height: 610px;
	margin: 0;
	position: relative;	
}
#main.winter { 
	background:#ffffff url(img/winter.gif) 0 0 no-repeat;
}
#main.spring { 
	background:#ffffff url(img/spring.gif) 0 0 no-repeat;
}
#main.summer { 
	background:#ffffff url(img/summer.gif) 0 0 no-repeat;
}
#main.autumn { 
	background:#ffffff url(img/autumn.gif) 0 0 no-repeat;
}
#main.xmas { 
	background:#ffffff url(img/xmas.gif) 0 0 no-repeat;
}
#main.sint { 
	background:#ffffff url(img/sint.gif) 0 0 no-repeat;
}
.mapwrapper { 
	height: 920px!important;
}

#logo { 
	width: 318px;
	height: 64px;
	position: absolute;	
	top: 47px;
	left: 66px;
	background-image:url(img/hc_logo_black.png);
	z-index: 90;
}

.lightbg #logo { 
	background-image:url(img/hc_logo_black.png);
}

.darkbg #logo { 
	background-image:url(img/hc_logo_white.png);
}

#seasonlogo { 
	width: 167px;
	height: 122px;
	position: absolute;	
	top: 14px;
	left: 793px;
	z-index: 90;
}

.lightbg .winter #seasonlogo  { 
	background:url(img/winter_logo_black.png) 8px 0 no-repeat;
}

.darkbg .winter #seasonlogo  { 
	background:url(img/winter_logo_white.png) 8px 0 no-repeat;
}
.lightbg .spring #seasonlogo  { 
	background:url(img/spring_logo_black.png) 8px 0 no-repeat;
}

.darkbg .spring #seasonlogo  { 
	background:url(img/spring_logo_white.png) 8px 0 no-repeat;
}
.lightbg .summer #seasonlogo  { 
	background:url(img/summer_logo_black.png) 0 0 no-repeat;
}

.darkbg .summer #seasonlogo  { 
	background:url(img/summer_logo_white.png) 0 0 no-repeat;
}
.lightbg .autumn #seasonlogo  { 
	background:url(img/autumn_logo_black.png) 0 0 no-repeat;
}

.darkbg .autumn #seasonlogo  { 
	background:url(img/autumn_logo_white.png) 0 0 no-repeat;
}
.lightbg .sint #seasonlogo  { 
	background:url(img/sint_logo_black.png) 0 0 no-repeat;
}

.darkbg .sint #seasonlogo  { 
	background:url(img/sint_logo_white.png) 0 0 no-repeat;
}
.lightbg .xmas #seasonlogo  { 
	background:url(img/xmas_logo_black.png) 0 0 no-repeat;
}

.darkbg .xmas #seasonlogo  { 
	background:url(img/xmas_logo_white.png) 0 0 no-repeat;
}





#mainmenu { 
	width: 860px;
	height: 20px;
	position: absolute;	
	top:150px;
	left:50px;
	z-index:92;
}
.mainmenubg { 
	background:url(img/navbar_bg.png) 0 0 no-repeat;
}

/* event bubble & openinghours bubble, homepage rotator*/

/* event & homepage rotator */
.slidemask{
	position:relative;
	width:157px;
	height:126px;
	overflow:hidden;
}
.homeslidemask{
	position:relative;
	width:860px;
	height:310px;
	overflow:hidden;
}
.sliderotator {position:absolute;top: 0;left: 0;width:157px;height:126px;}

.slide { width:157px;
	height:126px;
	float: left; }
.homeslide { width:860px;
	height:310px;
	float: left; 
	position: relative;}
 /* end event rotator */

#eventbubble { 
	width: 157px;
	height: 126px;
	position: absolute;	
	top:20px;
	left:450px;
	z-index:92;
}
#opentimesbubble { 
	width: 157px;
	height: 126px;
	position: absolute;	
	top:20px;
	left:630px;
	z-index:92;
}
.bubbleimg { 
	width: 137px;
	height: 78px;
	padding: 10px 10px 38px 10px;
}
.events { 
	background:url(img/purple_bubble.png) 0 0 no-repeat;
	width: 157px;
	height: 126px;
}
.opentimes { 
	background:url(img/red_bubble.png) 0 0 no-repeat;
	width: 157px;
	height: 126px;
}
.openinghours { 
	background:url(img/openinghours_bubble.png) 0 0 no-repeat;
	width: 157px;
	height: 126px;
}
.openingwrapper { 
	width: 100px;
	height: 106px;
	padding: 10px;
	color: #FFFFFF;
	font-size: 90%;
	line-height:130%;
}
.days { 
	font-weight: bold;
	float: left;
	clear: both;
	
}
.hours { 
	text-align: right;
	float: right;
	
}



#footer { 
	width: 900px;
	height: 50px;
	position: absolute;	
	bottom: 25px;
	left: 50px;
}
.footerwrapper {
	position: relative;
	width: 900px;
	height: 50px;
}
#promobubbles { 
	position: absolute;	
	bottom: 0;
	left: 0;
}
#promobubbles .bubble { 
	width: 59px;
	height: 47px;
	float: left;
	margin-right: 10px;
	background: url(img/promo_bubble_white.png) no-repeat;
}
#promobubbles .bubble img{ 
	padding-left: 4px;
	padding-top: 4px;
}
#corio { 
	width: 95px;
	height: 27px;
	position: absolute;	
	bottom: 17px;
	left: 0;
	background: url(img/corio_logo.png) 0 0 no-repeat;
}
#gallerybubble { 
	width: 116px;
	height: 47px;
	position: absolute;
	bottom: 0;
	left: 255px;
	z-index: 90;
	cursor:pointer;
}
#extraopeninglink { 
	width: 145px;
	height: 47px;
	position: absolute;
	bottom: 0;
	left: 390px;
	z-index: 90;
	cursor:pointer;
	background: url(img/dates_extra_opening_link.png) 0 0 no-repeat;
}
#onderzoeklink { 
	width: 92px;
	height: 50px;
	position: absolute;
	bottom: 0;
	left: 554px;
	z-index: 999;
	cursor:pointer;
	background:url(img/onderzoekbubble.png) 0 0 no-repeat;
}
#nhclink { 
	width: 35px;
	height: 35px;
	position: absolute;
	bottom: 12px;
	left: 120px;
	cursor:pointer;
	background: url(img/nhc_logo.gif) 0 0 no-repeat;
}
#fblink { 
	width: 35px;
	height: 35px;
	position: absolute;
	bottom: 12px;
	right: 110px;
	cursor:pointer;
	background: url(img/facebook.png) 0 0 no-repeat;
}
#wifi { 
	width: 54px;
	height: 35px;
	position: absolute;
	bottom: 12px;
	right: 155px;
	background: url(img/wifi.png) 0 0 no-repeat;
}
#footerlogo { 
	width: 60px;
	height: 72px;
	position: absolute;	
	bottom: 0;
	right: 30px;
	z-index:91;
	background:url(img/hc_oud_logo.png) 0 0 no-repeat;
}
.lightbg #gallerybubble { 
	background: url(img/smile_bubble_black.png) no-repeat;
}
.darkbg #gallerybubble { 
	background: url(img/smile_bubble_white.png) no-repeat;
}

/* homepage */
.homebubbles { 
	float: left;
	margin-right: 18px;
	width: 201px;
	height: 239px;
	position: relative;
	cursor: pointer;
}
.homebubbles img { 
	width: 201px;
	height: 239px;
}
.homebubbles a { 
	width: 201px;
	height: 239px;
}
.homebubble { 
	width: 201px;
	height: 239px;
	position: absolute;
	top: 0;
	left: 0;
}
.fashionbubble { 
	background: url(img/home_fashion_overlay.png) 0 0 no-repeat;
}
.fashionbubble:hover { 
	background: url(img/home_fashion_overlay.png) 0 -239px no-repeat;
}
.foodbubble { 
	background: url(img/home_food_overlay.png) 0 0 no-repeat;
}
.foodbubble:hover { 
	background: url(img/home_food_overlay.png) 0 -239px no-repeat;
}
.freetimebubble { 
	background: url(img/home_freetime_overlay.png) 0 0 no-repeat;
}
.freetimebubble:hover { 
	background: url(img/home_freetime_overlay.png) 0 -239px no-repeat;
}
.funbubble { 
	background: url(img/home_fun_overlay.png) 0 0 no-repeat;
}
.funbubble:hover { 
	background: url(img/home_fun_overlay.png) 0 -239px no-repeat;
}

.last { 
	margin-right: 0;
}



/* pages */
#content { 
	position: relative;
	width: 960px;
	min-height: 610px;
}

.framedcontent { 
	position: absolute;
	width: 860px;
	height: 310px;
	top: 190px;
	left: 50px;
}
.outline { 
	background-color: #FFFFFF;
	border: #000000 solid 1px;
}


.contactbg { 
	background-color: #0088A5;
	color: #ffffff;
}
.framedcontent .holder { 
	width: 840px;
	height: 290px;
	position: relative;
	margin: 10px; 
}
.mapwrapper .holder .framedcontent { 
	width: 850px;
	margin-right: 0; 
}
.infocontentwrapper { 
	width: 400px;
	position: absolute;
	top: 37px;
	left: 460px;	 
}
.infocontent { 
	width: 370px;
	margin:0 15px; 
}
.top { 
	width: 400px;
	height: 15px;
	background: url(img/info_top.png) no-repeat;	 
}
.middle { 
	width: 400px;
	background: url(img/info_middle.png) repeat-y;
	padding: 5px 0;	 
}
.bottom { 
	width: 400px;
	height: 15px;
	background: url(img/info_bottom.png) no-repeat;	 
}
.infocontentwrapper p { 
	padding-top: 15px;
	color: #ffffff; 
}
.infocontentwrapper a:hover { 
	color: #ffffff; 
}
.heartofutrecht { 
	width: 200px;
	height: 16px;
	margin-top: 10px; 
}
.pink .heartofutrecht { 
	background: url(img/attheheartofutrecht_pink.png) no-repeat; 
}
.green .heartofutrecht { 
	background: url(img/attheheartofutrecht_green.png) no-repeat; 
}
.yellow .heartofutrecht { 
	background: url(img/attheheartofutrecht_orange.png) no-repeat; 
}
.blue .heartofutrecht { 
	background: url(img/attheheartofutrecht_blue.png) no-repeat; 
}

/* storemap */

#flashcontent {
	width: 620px;
	height: 600px;
	position: absolute;
	top: 0;
	right: 0;
}
.storemap {
	height: 620px;
}
.storecatinfo { 
	width: 200px;
	height: 81px;
	position: absolute;
	top: 60px;
	left: 0; 
}
.catblock {
	width: 200px;
	height: 81px;
	margin-bottom: 10px;
	background:#FFFFFF;
}
.storecatinfo .infobar, .catblock .infobar { 
	width: 200px;
	height: 18px; 
}
.storecatinfo h3, .catblock h3 { 
	color: #ffffff;
	font-family: "Boton", Verdana, Arial, Helvetica, sans-serif;
	font-size: 115%;
	padding-top: 4px;
	padding-left: 10px;
	text-transform: lowercase; 
}
.storecatinfo .infoimage { 
	width: 200px;
	height: 63px; 
}


#storelisting { 
	width: 200px;
	height: 196px;
	position: absolute;
	top: 156px;
	left: 0; 
}

#storelisting ul { 
	list-style: none;
	padding: 0;
	margin: 0 0 25px 0;
}

#storelisting li span.retailer { 
	display: block;
	width: 155px; 
	float: left;
}
#storelisting li span.retailer a { 
	color:#000000;
}
#storelisting li span.area { 
	display: block;
	width: 5px; 
	float: left;
}
#storelisting li span.unit { 
	display: block;
	width: 20px;
	text-align: right; 
	float: left;
}
#storelisting li { 
	clear:both;
}
#storelisting h2.fashion, .fashion #storelisting li span.retailer a:hover { 
	color: #DC2775;
}
#storelisting h2.food, .food #storelisting li span.retailer a:hover { 
	color: #72AD15;
}
#storelisting h2.freetime, .freetime #storelisting li span.retailer a:hover { 
	color: #1B7FC5;
}
#storelisting h2.fun, .fun #storelisting li span.retailer a:hover { 
	color: #EB840E;
}
#storelisting h2.other, .other #storelisting li span.retailer a:hover { 
	color: #57585A;
}

#storelisting span.jaarbeurstraverse { 
	color: #167E3D;
}
#storelisting span.stationstraverse { 
	color: #D94C80;
}
#storelisting span.godebaldtraverse { 
	color: #4DB4D0;
}
#storelisting span.radboudtraverse { 
	color: #CB0058;
}
#storelisting span.gildenkwartier { 
	color: #BCC90A;
}
#storelisting span.clarenburg { 
	color: #834489;
}
#storelisting span.vredenburg { 
	color: #E26A16;
}


/* scrollbar */
#scrollable {
	margin:auto;
	width: 190px;
	height:400px;
	padding: 0 10px 20px 0;
	overflow:auto;
}
#locationinfo #scrollable {
	width: 300px;
	height:275px;	
}
#newsinfo #scrollable {
	width: 300px!important;
	height:240px!important;	
}

.scrollBar .bar{
	width:5px;
	height:5px;
}

.scrollBar .button{
	width:5px;
	height:5px;
	border:0;
	outline:none;
	background-position:top center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.scrollBar .button.topButton{
	/*background-image:url('arrow-up.gif');*/
}

.scrollBar .button.bottomButton{
	/*background-image:url('arrow-down.gif');*/
}

.scrollBar .button.leftButton{
	/*background-image:url('arrow-left.gif');*/
}

.scrollBar .button.rightButton{
	/*background-image:url('arrow-right.gif');*/
}

.scrollBar .button.active{
	background-position:bottom center ;
}

.scrollBar .scrollable{
	cursor:pointer;
	background-image:url(img/stripe_black.gif);
	background-repeat:repeat-y;
}

.scrollBar .knob{
	height:5px;
	width: 5px;
	outline:none;
	border:0;
	background-position:center center;
	background-repeat:no-repeat;	
	background-color: #980069;
}


.scrollBar .knob.verticalKnob{
	cursor:pointer;
	/*background-image:url('vertical-knob.gif');*/
}

.scrollBar .knob.horizontalKnob{
	cursor:pointer;
	/*background-image:url('horizontal-knob.gif');*/
}

.scrollBar .active{
	
}

.scrollBar .corner{
	
}
/* endscrollbar */

#locationinfo h2, #newsinfo h2 {
	font-weight:bold;
	padding:0;
	margin:10px 0 0 0;
	font-size: 150%;
	line-height: 150%;	
}
#locationinfo ul, #newsinfo ul {
	margin-left: 10px;
	margin-bottom: 20px;
}
#locationinfo li, #newsinfo li {
	margin-left: 10px;
	list-style: circle	
}
#locationinfo a, #newsinfo a {
	color:#980069;;	
}
#locationinfo a:hover, #newsinfo a:hover {
	color:#CE0026;	
}
#newsinfo h3 {
	font-weight:bold;
	padding:0;
	margin:10px 0 0 0;
	font-size: 150%;
	line-height: 150%;
	font-family: Arial, Helvetica, sans-serif!important;
}
#catmenu {
	width: 200px;
	position: absolute;
	top: 0;
	left: 0;
	font-family: "Boton", Verdana, Arial, Helvetica, sans-serif 
}
#catmenu ul { 
	list-style: none;
	padding: 0;
	margin: 0;
}
#catmenu li { 
	width: 100px;
	height: 18px;
	margin-bottom: 0;
	font-family: "Boton", Verdana, Arial, Helvetica, sans-serif;
	float: left;
}
#catmenu li a { 
	height: 14px;
	width: 100px;
	color: #ffffff;
	font-family: "Boton", Verdana, Arial, Helvetica, sans-serif;
	font-size: 115%;
	padding: 4px 0 0 10px;	
	display: block;
	text-transform: lowercase;
}

#catmenu li:hover { 
	background-color: #848484!important;
}
#catmenu li.map {
	background-color: #FFFFFF;
	width: 89px;
	height: 13px;
	font-size: 90%;
	font-family: "Boton", Verdana, Arial, Helvetica, sans-serif;
}
#catmenu li.map a {
	border-right: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px;
	color: #000000;
	width: 89px;
	height: 13px;
	font-family: "Boton", Verdana, Arial, Helvetica, sans-serif;
}
#catmenu li.map a:hover {
	border-right: #848484 solid 1px;
	border-bottom: #848484 solid 1px;
	color: #FFFFFF;
	width: 89px;
	height: 13px;
	font-family: "Boton", Verdana, Arial, Helvetica, sans-serif;
	background-color: #848484!important;
}

.fashion .storecatinfo, .fashion .scrollBar .knob, #catmenu li, .catblock .fashion {
	background-color: #DC2775;
}
.food .storecatinfo, .food .scrollBar .knob, #catmenu li.food, .catblock .food {
	background-color: #72AD15;
}
.freetime .storecatinfo, .freetime .scrollBar .knob, #catmenu li.freetime, .catblock .freetime {
	background-color: #1B7FC5;
}
.fun .storecatinfo, .fun .scrollBar .knob, #catmenu li.fun, .catblock .fun {
	background-color: #EB840E;
}
.other .storecatinfo, .other .scrollBar .knob, #catmenu li.other, .catblock .other {
	background-color: #57585A;
}
.jaarbeurstraverse .storecatinfo, .jaarbeurstraverse .scrollBar .knob { 
	background-color: #167E3D;
}
.stationstraverse .storecatinfo, .stationstraverse .scrollBar .knob { 
	background-color: #D94C80;
}
.godebaldtraverse .storecatinfo, .godebaldtraverse .scrollBar .knob { 
	background-color: #4DB4D0;
}
.radboudtraverse .storecatinfo, .radboudtraverse .scrollBar .knob { 
	background-color: #CB0058;
}
.gildenkwartier .storecatinfo, .gildenkwartier .scrollBar .knob { 
	background-color: #BCC90A;
}
.clarenburg .storecatinfo, .clarenburg .scrollBar .knob { 
	background-color: #834489;
}
.vredenburg .storecatinfo, .vredenburg .scrollBar .knob { 
	background-color: #E26A16;
}



#areamenu {
	width: 150px;
	position: absolute;
	left: 205px;
	bottom: 0; 
}
#areamenu ul { 
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: right;
}
#areamenu li { 
	height: 15px; 
	margin-top: 3px;
}
#areamenu li span.area { 
	display: block;
	width: 128px;
	height: 15px; 
	float: left;
	clear: both;
}
#areamenu li span.area a { 
	color: #000000;
	height: 15px;
}
#areamenu li span.area a:hover { 
	text-decoration: underline;
}

#areamenu li span.areasquare { 
	display: block;
	width: 15px;
	height: 15px; 
	float: left;
	margin-left: 7px;
}
#areamenu li span.jaarbeurstraverse { 
	background-color: #167E3D;
}
#areamenu li span.stationstraverse { 
	background-color: #D94C80;
}
#areamenu li span.godebaldtraverse { 
	background-color: #4DB4D0;
}
#areamenu li span.radboudtraverse { 
	background-color: #CB0058;
}
#areamenu li span.gildenkwartier { 
	background-color: #BCC90A;
}
#areamenu li span.clarenburg { 
	background-color: #834489;
}
#areamenu li span.vredenburg { 
	background-color: #E26A16;
}
#storemap {
	width: 640px;
	height: 600px;
	position: absolute;
	top: 0;
	right: 0; 
}
.storemapwrapper {
	width: 475px;
	height: 290px;
	position: relative;
	overflow: hidden;
}
#storemapinner {
	width: 1126px;
	height: 1180px;
	position: absolute;
	top: -500px;
	left: -500px;
	cursor:pointer;
}
#locationinfo p, #newsinfo p {
	margin: 10px 0; 
}
#newsinfo #scrollable h4 {
	margin: 30px 0 0 0!important;
	font-family: Arial, Helvetica, sans-serif!important;
	color:#980069; 
	font-weight: bold!important; 
	font-size: 105%;
}
#locationmap, #contactimage, #newsimage {
	width: 515px;
	height: 290px;
	position: absolute;
	right: 0;
	bottom: 0; 
}

div.addressblockcontainer {
	position: absolute;
	top: 60px;
	left: 0;
	width: 200px!important;
	height: 515px!important;
	background: #FFFFFF;
	color: #000000;
	padding: 0;
	margin: 0;
	visibility: hidden;
	z-index:2;
	cursor:move;
}
div.addressblockwrapper {
	width: 178px!important;
	height: 425px!important;
	background: #FFFFFF;
	color: #000000;
	padding: 10px;
	margin:0;
	border: #CCCCCC solid 1px;
}
#unit-info {
	font-size: 100%;
	line-height: 150%;
}
#unit-info h1 {
	font-size: 160%!important;
	margin-bottom: 10px;
	line-height: 120%;
	font-family: "Boton", Verdana, Arial, Helvetica, sans-serif
}
#unit-info h1.fashion, #unit-info .fashion a {
	color: #DC2775;
}
#unit-info h1.food, #unit-info .food a {
	color: #72AD15;
}
#unit-info h1.freetime, #unit-info .freetime a {
	color: #1B7FC5;
}
#unit-info h1.fun, #unit-info .fun a {
	color: #EB840E;
}
#unit-info h1.other, #unit-info .other a {
	color: #57585A;
}
#unit-info a:hover {
	text-decoration: underline;
}
#unit-info h2 {
	font-size: 110%!important;
	margin-top: 20px;
	line-height: 120%;
	font-weight: bold;
}
#unit-info .storehours {
	text-transform: lowercase;
}
#unit-info .storehours span {
	width: 70px;
	display: block;
	float: left;
}

div.addressblockcontainer .close{
	width: 180px!important;
	height: 15px;
	color: #999999;
	cursor: pointer;
	position: absolute;
	top: 100px;
	right: 8px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}
div.addressblockcontainer .close:hover {
	color: #000000;
}

div#ajax-loading {
	visibility: hidden;
	margin-left: 20px;
	margin-top: 20px;
}




/*  contact form */
#contactform {
	width: 300px;
	height: 290px;
	position: absolute;
	left: 0;
	top: 0; 
}
#contactform p {
	padding-bottom: 10px; 
}


form#contact {
	margin-top: 20px; 
}
.input label {
		width: 80px;
		float: left;
		text-transform: lowercase;
}
.input input, .input textarea {
		width: 210px;
		border: 0;
		color: #000;
		font-size: 95%;
		margin-bottom: 8px;
		outline: none;
		font-family:Arial, Helvetica, sans-serif;
		padding: 5px;
}
.input input {
		height: 15px;
		background: url(img/form_input_bg.png) no-repeat;
}
.input input:focus {
		background: url(img/form_input_bg_focus.png) no-repeat;
}
input.fc-field-error, input.fc-field-error:focus {
		background: url(img/form_input_bg_error.png) no-repeat;
}

.input textarea {
		height: 53px;
		background: url(img/form_textarea_bg.png) no-repeat;
}
.input textarea:focus {
		background: url(img/form_textarea_bg_focus.png) no-repeat;
}
textarea.fc-field-error, textarea.fc-field-error:focus {
		background: url(img/form_textarea_bg_error.png) no-repeat;
}


.submit input {
		margin-left: 80px;
		width: 75px;
		height: 25px;
		border: 0;
		background: url(img/form_submit_bg.png) no-repeat;
		color: #0088A5;
		font-weight: bold;
		text-align: center;
		cursor: pointer;
}
.submit input:hover {
		color: #004F6C;
}

/* news */

.archive {
	position: absolute;
	right: 540px;
	bottom: -5px;
	font-family: "Boton", Verdana, Arial, Helvetica, sans-serif;
	color:#CE0026;
}
.archive a {
	color:#CE0026;	
}
.archive a:hover {
	color:#000000;	
}
.archivetitle {
	color:#CE0026;
	font-family: "Boton", Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	margin: 15px 0 20px 0;
}
/* news rotator */

.newsrotator { 
	width: 840px;
	height: 290px;
	position: relative;
	margin: 10px; 
}
#newsimagerotator {position:relative; height:290px; width:515px; float: right;}
.newsfeature { height:290px; position:absolute; width:515px; overflow:hidden; }
.newsfeature img { border:none; }
.newstabs ul {float: left; margin: 0; padding: 0;}
.newstabs {margin-left:0;}
.newstabs li {float:none;list-style:none;height:40px;width:310px; display: block; margin: 15px 0 5px 0; border-bottom: #821464 solid 1px; clear: both;}
.newstabs li a {color: #000000;}
.newstabs li.active a { color: #CE0026;}

.newstabs li span.date {float:left; width: 55px; font-size: 95%}
.newstabs li span.newstitle {float:left; width: 195px; font-weight: bold;}
.newstabs li span.readmore {float:right; width: 50px; font-weight: bold; font-size: 95%; padding-top: 16px;}
.newstabs li a span.readmore {color: #CE0026!important;}

/* photo gallery */
.albumwrapper {
		width: 396px;
		height: 260px;
		position: absolute;
		top: 6px;
		left: 7px;
}
.album {
		width: 132px;
		height: 81px;
		float: left;
		margin-bottom: 5px;
		position: relative;
		cursor: pointer;
}
.albumoverlay {
		width: 68px;
		height: 68px;
		position: absolute;
		top: 0;
		left: 0;
		background: url(img/album_overlay.png) 0 0 no-repeat;
		cursor: pointer;
}
.albumoverlay:hover {
		background: url(img/album_overlay.png) 0 -68px no-repeat;
}

.activealbum .albumoverlay {
		background: url(img/album_overlay.png) 0 -68px no-repeat;
}
.albumtitel {
		width: 126px;
		height: 16px;
		position: absolute;
		top: 53px;
		left: 5px;
		text-transform:uppercase;
		font-size: 13px;
		font-family: "vagrounded-bold", Helvetica, sans-serif;
		color:#000000;
}
.albumtitel a {
		color:#000000;
}
.albumtitel span.red {
		color:#CE0026;
		font-family: "vagrounded-bold", Helvetica, sans-serif;
}
.albumtitel span.purple {
		color:#980069;
		font-family: "vagrounded-bold", Helvetica, sans-serif;
}
.albumdatum {
		width: 126px;
		height: 15px;
		position: absolute;
		top: 66px;
		left: 4px;
		text-transform:uppercase;
		font-size: 12px;
		font-family: "Arimo", Helvetica, sans-serif;
		color:#000000;
}
.albumdatum a {
		color:#000000;
}

.gallerywrapper {
		width: 444px;
		height: 296px;
		position: absolute;
		top: 10px;
		right: 4px;
}
.gallerythumb {
		width: 68px;
		height: 68px;
		float: left;
		margin-right: 6px;
		margin-bottom: 6px;
		cursor: pointer;
}
.video {
		width: 142px;
		height: 68px;
		float: left;
		margin-right: 6px;
		margin-bottom: 6px;
		cursor: pointer;
}
.video img {
		width: 142px;
		height: 68px;
}


.video .videothumb {
		width: 68px;
		height: 68px;
		position: absolute;
		top: 0;
		left: 37px;
		background: url(img/video_icon.png) 0 0 no-repeat;
		cursor: pointer;
}


.submitphoto {
		width: 160px;
		height: 24px;
		position: absolute;
		top: 287px;
		left: 10px;
		color:#980069;
		font-size: 180%;
		font-family: "Boton", Verdana, Arial, Helvetica, sans-serif;
		cursor:pointer;
}

.submitphoto:hover {
		color:#CE0026;
}
.submitbubblewrapper {
		width: 197px;
		top: 123px;
		left: 50px;
		position: absolute;
		visibility:hidden;
}
.submitbubble {
		width: 197px;
		height: 157px;
		position: relative;
		background: url(img/photosubmit_bubble_bg.png) 0 0 no-repeat;
		visibility:hidden;
}
.submitbubbletext {
		padding: 15px 13px 50px 13px;
		color:#FFFFFF;
}
.submitbubbletext a {
		color:#FFFFFF;
		text-decoration: underline;
}
.submitbubbletext a:hover {
		color:#CE0026;
}

.bubbleclosewrapper {
		width: 15px;
		height:15px;
		position: absolute;
		top: 100px;
		right: 8px;
}
#submitbubbleclose {
		width: 15px;
		height:15px;
		position: relative;
		background: url(img/bubbleclose.png) 0 0 no-repeat;
		cursor:pointer;
}
/* algemene voorwaarden superstuntdag */
.superstuntdag {
	width: 80px;
	height: 46px;
	position: absolute;
	top: 111px;
	left: 241px;
	color: #A8258D;
}
.superstuntdag a {
	color: #A8258D;
	text-decoration: none;
}
.superstuntdag a:hover {
	color: #000;
	text-decoration: none;
}

/* homepage VIP event with form */
.eventcontainer {
	position:relative;
	width:860pz;
	height:310px;
}

.formbackground {
	width: 860px;
	height: 310px;
	background: #000000;
	position: relative;
	color: #fff;
	font-size: 110%;
	line-height: 140%;
}
.vipbackground {
	width: 860px;
	height: 310px;
	background: #000000;
	position: relative;
}
.formcontent {
	position: absolute;
	top: 15px;
	left: 345px;
	width: 515px;
	
}
.vipcontent {
	position: absolute;
	top: 35px;
	left: 355px;
	width: 425px;
	height: 260px;
	background: url(img/viptextbg.png) 0 0 no-repeat;
}
.vipmoreinfo {
	position: absolute;
	top: 245px;
	right: 10px;
	width: 78px;
	height: 27px;
	background: url(img/vipmeerinfo.png) 0 0 no-repeat;
}

.vipmoreinfo:hover {
	background: url(img/vipmeerinfo.png) 0 -28px no-repeat;
}
.terms {
	position: absolute;
	top: 280px;
	right: 10px;
	height: 25px;
	color: #FFFFFF;
	font-size: 100%;
	text-align:right;
}
.terms a {
	color: #FFFFFF;
}
.terms a:hover{
	color:#A9097B;
}
.formbackground p {
	padding-bottom: 10px;
}
.formbackground span.title {
	font-size: 108%;
	font-weight: bold;
	color:#980069; 
}
.formbackground span.purple {
	color:#980069; 
	font-weight: bold;
}
.formbackground span.smaller {
	font-size: 90%;
}
.formbackground .input input {
		width: 180px;
		border: 0;
		color: #000;
		font-size: 95%;
		margin-bottom: 0;
		outline: none;
		font-family:Arial, Helvetica, sans-serif;
		padding: 5px;
}

.formbackground .input label {
		width: 180px;
		float: none;
		text-transform: none;
		font-size: 90%;
}
.formbackground div.radio {
		float: left;
		padding-right: 20px;
		height: 30px;
		padding-top: 5px;
}
.formbackground div.radio span.vol {
		color: #666;
		background: url(img/vol.png) 11px 0 no-repeat;
		padding-top: 10px;
}
.formbackground input.radiovol {
		visibility: hidden;
}
.formbackground .input input {
		height: 15px;
		background: url(img/vipform_input_bg.png) -1px 0 no-repeat;
}
.formbackground .vipkaart01 {
	position: absolute;
	top: 140px;
	left: 345px;
	width: 200px;
}
.formbackground .vipkaart02 {
	position: absolute;
	top: 140px;
	left: 555px;
	width: 200px;
}
.formbackground .checkbox {
		width: 180px;
		padding-top: 15px;
}
.formbackground .checkbox input {
		width: 15px;
		float: left;
		padding: 0;
		margin: 0;
}
.formbackground .checkbox label {
		float: right;
		width: 160px;
		font-size: 87%;
		line-height: 120%;
		padding: 0 0 0 5px;
		margin: 0;
}
.formbackground .submit input {
		position: absolute;
		right: 30px;
		bottom: 20px;
		width: 78px;
		height: 27px;
		border: 0;
		background: url(img/vipsendbutton.png) 0 0 no-repeat;
		cursor: pointer;
}
.formbackground .submit input:hover {
		background: url(img/vipsendbutton.png) 0 -28px no-repeat;
}


/* scrollbar terms & conditions Hip Cool Modeshow */
#termsscrollable {
	margin:auto;
	width: 390px;
	height:270px;
	padding: 0 15px 20px 0;
	overflow:auto;
}


.formcontent .scrollBar .scrollable{
	cursor:pointer;
	background-image:url(img/stripe_purple.gif)!important;
	background-repeat:repeat-y;
}

/* endscrollbar */

/* event terms */
.eventterms {
	position: absolute;
	top: 280px;
	right: 10px;
	width: 136px;
	height: 21px;
	color: #FFFFFF;
	font-size: 100%;
	background:url(img/alg_voorw_bg.png) 0 0 no-repeat;
	text-align: center;
	line-height: 190%;
}
.eventterms a {
	color: #FFFFFF;
}
.eventterms a:hover{
	color:#000000;
}



/* recepten */

.recepten {background: url(img/recepten_bg.png) 0 0 no-repeat;width:860px;height:310px; overflow: hidden; position:relative;}
.recepten .column01 {width: 185px;height: 140px;position: absolute; top: 158px; left: 37px;}
.recepten .column02 {width: 185px;height: 140px;position: absolute; top: 158px; left: 240px;}
.recepten .column03 {width: 185px;height: 140px;position: absolute; top: 158px; left: 442px;}
.recepten .column04 {width: 185px;height: 140px;position: absolute; top: 158px; left: 644px;}
.recepten div {line-height: 115%; margin-bottom: 6px;}
.recepten a {font-weight: bold; font-size: 95%; color: #000000;}
.recepten a:hover {color: #980069;}

/* plattegrond */

/* openingstijden */

.calendarwrapper {
	width:860px;
	height:310px;
	position:relative;
	background:url(img/koopzondagen-extra_bg.png) 0 0 no-repeat;
}
.calendarwrapper .intro {
	position:absolute;
	top:27px;
	left:32px;
	width:215px;
	height:105px;
	border-right:#ffffff solid 1px;
	padding-right:15px;
	color:#ffffff;
}
.calendarwrapper .intro h2 {
	font-size: 140%;
	font-weight:bold;
	line-height: 130%;
	padding-bottom: 5px;
}
.calendarwrapper .calendar {
	position:absolute;
	top:27px;
	left:275px;
	width:555px;
	height:105px;
	background:url(img/calendar_bg.png) 0 50% repeat-x;
	color:#ffffff;
}
.calendarwrapper .calendar .day {
	width:50px;
	height:54px;
	text-align:center;
	float:left;
	font-size:88%;
	line-height: 100%;
	padding-bottom: 7px;
}
.calendarwrapper .calendar .day span.date {
	line-height: 115%!important;
	text-transform:uppercase;
	font-size: 115%;
}
.calendarwrapper .christmas {
	width:215px;
	height: 120px;
	position:absolute;
	top:175px;
	left:32px;
	border-right:#980069 solid 1px;
	padding-right:15px;
}
.calendarwrapper .closed {
	width:200px;
	height: 120px;
	position:absolute;
	top:175px;
	left:275px;
	border-right:#980069 solid 1px;
	padding-right:10px;
}
.calendarwrapper .changed {
	width:170px;
	height: 120px;
	position:absolute;
	top:175px;
	left:500px;
	border-right:#980069 solid 1px;
	padding-right:10px;
}
.calendarwrapper .newyear {
	width:150px;
	height: 120px;
	position:absolute;
	top:175px;
	left:695px;
}
.calendarwrapper .christmas h2, .calendarwrapper .closed h2, .calendarwrapper .changed h2, .calendarwrapper .newyear h2 {
	font-size: 115%;
	font-weight:bold;
	color:#980069;
}