html {
	height:100%; 
}

body {       
	font-family: Verdana, Arial, Helvetica,  sans-serif;
	background: #fff url('$body_background_image') top center repeat-y;  
	-webkit-background-size: 2060px 28px;
	font-size:11px;
	color: $body_text_color;
	line-height:150%;
	text-align: left;	
	margin: 0;
	height:100%;  
} 
/*===============
GENERAL  STYLES
===============*/

a:link, a:visited {   
	color:$h2_color;
	text-decoration: underline;
}
a:hover { 
	color:#521618;  
	text-decoration: underline;
}
strong {
	font-weight: bold;
}
h1 { 
	height: 116px;
	color: $h1_color;
	font-size: 48px;
	margin-bottom: 15px;
	padding: 40px 0px 0px 20px;
	font-weight: normal;
	text-transform: uppercase; 
	overflow: hidden;
}  
h2 { 
	color: $h2_color;  
	font-size: 28px; 
	font-weight: normal;  
	text-transform: uppercase; 
}    
h2.purple {
	color: #980146;
} 
h2.green {
	color: #00afa5;  
}

h3 { 
	color: $h3_color;
	font-size: 15px;
	text-transform: uppercase; 
}   

img {
	border: 0; 
}
p {
	margin: 0px 0px 10px 0px; 
}
p img { 
} 
 
hr {
	border: 0;
	color: #3b3b3c;
	background-color: #b32027;
	height: 1px;
}
.white {
	color: white;
}

.hide {
	display: none;
}

.cufon-loading h2 span, .cufon-loading h3, .cufon-loading div.singleslide, .cufon-loading h1 span , .cufon-loading p span , .cufon-loading span.menu {
	display: none;
}
 
  
/*=============
LAYOUT STYLES
=============*/

div.mainwrapper  { 
	margin: 0 auto; 
	background: url('$mainwrapper_background_image') top center no-repeat;   
	-webkit-background-size: 2060px 695px;
	height: 100%;
}  

div.maincolumn {
	width: 1010px;  
	margin: 0px auto;  
	height: auto;
	height: 100%;
	position: relative;
	-webkit-background-size: 940px 758px; 
}
div.maincolumnedit { 
	width: 1010px;  
	margin: 0px auto; 
	background: white;
	height: auto;    
	position: relative; 
	padding-top: 250px;
}
div.module_content {
	background: url('$header_bg') no-repeat ;
	width: 890px;
	margin-left: 25px;
	min-height: 200px;
	margin-top: 14px;
}
div.module_content_fp { 
	width: 915px;
	margin-left: 25px;
	min-height: 200px;  
}
  
div.module_content_fp div.col1 {
	background: url('$fp_nieuwsheader') no-repeat ;
}
div.header{
	width: 1010px;;
	height: 316px;
	overflow: hidden;      
	top: 0; 
	z-index: 200; 
}
  
 
div.content {
	width: 940px;   
	margin: 0 auto;      
} 
 

div.ticketslabel {
	width: 35px;
	height: 155px;
	float: right;
	position: absolute;
	top:400px;
	right: 0; 
}

div.bottom { 
	height: 202px;
	width: 890px;
	margin: 0px auto;
	min-height: 50px; 
	background: url('$bottom_image') no-repeat ; 
	clear: both;
	position: relative;
	bottom: 0px;
}

 
div.bottom ul.bottommenu {  
	text-align: right; 
	line-height: 100%;  
	list-style: none;
	float: left; 
	padding: 0;   
	width: 440px; 
	margin: 153px 0px 0px 440px;
}
 
div.bottom ul.bottommenu li {
	display: inline;   
	font-weight: bold;  
	text-align: center; 
	float: left;   
	height: 26px;
	padding: 2px;
	margin-left: 15px;
}  

div.bottom ul.bottommenu li a {  
	display: block; 
	color: white;
	text-decoration: none;  
	font-size: 16px;
	font-weight: normal;  
	width: auto;
	overflow: hidden;  
	height: 26px ;
	text-transform: uppercase;
} 
div.bottom p.credits  { 
	float: right;
	text-decoration: none; 
	margin: 10px 0px 0px 0px;
	font-size: 10px;
} 
 
 


/*=============
CHAINED DIVS STYLES
=============*/
div.chained {
	width: 940px;
}
div.topspace {
	height: 234px;
	overflow: hidden;
}
 
div.nieuws {
	min-height: 501px; 
}
 
div.lineup {
	min-height: 501px; 
}
 
div.fotovideo {
	min-height: 501px; 
}
 
div.info { 
	 
}
 

/*=============
MENU STYLES
=============*/ 

 
div.header ul.fourseasons li a span{  
	display: block;      
	background-position: 0px 107px; 
	text-indent: -3000px;
	height: 107px;
	width: 228px;
	overflow: hidden; 
}  
div.header  ul.fourseasons li a.active span{     
	display: none;
	background-attachment:fixed;
}
  
div.header ul.mainmenu {  
	text-align: right; 
	line-height: 100%;  
	list-style: none;
	float: left; 
	padding: 0;   
	width: 960px; 
	margin: 263px 0px 0px 40px;
}
 
div.header ul.mainmenu li {
	display: inline;   
	font-weight: bold;  
	text-align: center; 
	float: left;   
	height: 26px;
	padding: 2px;
	margin-left: 30px;
}  

div.header ul.mainmenu li a {  
	display: block; 
	color: $mainmenu_color; 
	text-shadow: white 1px 1px 1px;
	text-decoration: none;  
	font-size: 26px;
	font-weight: normal;  
	width: auto;
	overflow: hidden;  
	height: 26px ;
	text-transform: uppercase;
} 
  
div.header  ul.mainmenu li a.active {    
	color: $mainmenu_hover_color;  
  text-shadow: $mainmenu_shadow_color 1px 1px 1px; 
  filter: glow(color=$mainmenu_shadow_color,strength=2);
}

div.header ul.mainmenu li a:hover {  
} 
  
/*=============
WELKOMSLIDER STYLES
=============*/ 
 
div.welkom { 
	height: 595px; 
	background: url('$welkom_background_image') center top  no-repeat;  
}

div.placeandtime {
	height: 92px;	
}
div.placeandtime p ,div.placeandtime p span{
	text-align: center;
	padding-top: 25px;
	color: $placeandtimecolor;
	text-transform: uppercase;
	font-size: 24px;
}


#welkomslider{ 
	width: 749;
	height: 351px; 
}

div.singleslide {
	width: overflow;
	height: 351px;
	overflow: hidden;
}

div.singleslide img {
	border: 0px solid $bottom_bg;
}
div.slidelayoverwrap {  
	width: 749px;
	height: 351px;
	overflow: hidden;
	position: relative;
	overflow: hidden;
	left: 95px; 
	margin-bottom: 20px;
}

div.layover {
	background: url('$slide_layover') center top  no-repeat;  
	width: 749px;
	height: 351px;
	position: relative;
	top: -351px;
}

.welkomslider .jshowoff {
	width: 809px;
	margin: 0px ;  
}
  

.welkomslider .jshowoff-slidelinks a:hover, .welkomslider  .jshowoff-controls a:hover { 
	color: #cb262c;;
}
.welkomslider .jshowoff-slidelinks a.jshowoff-active, .welkomslider  .jshowoff-slidelinks a.jshowoff-active:hover {  
	background: url('/images/cp_smaken_arrow.png') no-repeat;
}
 
.welkomslider .jshowoff-pausetext {
	color: #fff;
	
}  


div.col2_fp {
	width: 346px;  
	overflow:hidden;
	margin-left: 22px;  
	float: left;  
}
div.col2_fp div.facebookbar {  
	overflow: hidden;
	background: url('$socialbar_fb_bg') no-repeat; 
	padding: 40px 0px 0px 17px;
} 

div.col2_fp div.twitterbar {
	background: url('$socialbar_tw_bg') no-repeat; 
	padding-top: 5px;
	margin-top: 10px;
	height: 606px;
}
div.sociallinks { 
	width: 319px;
	margin: 1px 20px 0px 0px;
	clear: both;
}
div.sociallinks img{ 
	float: right;
}
	
	
div.join {
	height: 153px; 
	overflow: hidden;
	clear: both; 
}

form.join {
	margin: 56px 0px 6px 30px;
}
form.join input[type="text"]
{
	display: block;
	width: 267px; 
	margin: 20px 0px 6px 0px;
	background: none;
	color: $h3_color;
	border: 0px; 
	text-indent: 10px; 
  line-height: 100%; 
  //hacked in style_old_ie.css
}
  
form.join input[type="submit"].inschrijven
{
	width: 120px;
	height: 17px;
	background: none; 
	color: none;
	border: 0;
	text-indent: -9999px;
	float: left;
	margin-top: 7px;
}
form.join input[type="submit"].uitschrijven
{
	width: 125px;
	height: 17px;
	background: none;  
	border: 0;
	text-indent: -9999px;
	float: left;
	margin-right: 6px;
	margin-top: 7px;
}
div.joinerror {
	margin: 55px 0px 0px 40px;
}

/*=============
NIEUWS STYLES
=============*/ 


div.nieuws div.col1 {
	width: 547px;
	float: left;
}
div.nieuws div.col2 {
	width: 318px;
	padding-bottom: 50px;
	overflow:hidden;
	margin-left: 25px; 
	background: #bfe6f1;
	float: left;
	background: url('$newslist_background_image') repeat-y; 
}

div.nieuws div.twitter { 
	background: url('$twitter_background_image') repeat-y; 
	height: 708px;
	padding-bottom: 0px;
}
 

div.nieuws div.col2 h3 {
	margin: 10px 0px 0px 10px;
}

ul.newslist {
	margin: 10px 0px 0px 10px;
}
ul.newslist li { 
	margin-bottom: 5px;
}
ul.newslist a {
	font-size: 12px;
	color: $newslist_color; 
	font-style: italic;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: 10px;
}
ul.newslist  a.current {
	color: $newslist_color; 
	font-weight: bold;
}


div.newswrapper { 
	width: 547px;
	overflow-x: hidden;
	position: relative;
} 
div.newsitem {
	float: left;
	width: 547px;
	min-height: 100px;
}  
  
div.newswrapper ul {
	width: 547px;
}
div.newswrapper ul li{
	width:547px;
	display: inline; 
}

 

div.newspages {
	width: 275px;
	height: 42px;
	float: right;
} 
div.newspages img{
	float: right;
	width: 42px;
	height: 42px;
}
div.newspages ul {
	width: 188px; 
	float: left;
	text-align: center;
	margin-top: 13px;
}
div.newspages li {
	display: inline; 
	margin-left: 10px;
	color: #4a2670;
	font-weight: bold;
	font-size: 13px;
}

div.newspages li a {
	text-decoration: none; 
	color: #ca114e;
}  
	
div.newspages li a.active {
	text-decoration: none; 
	color: #4a2670;
}  
	
div.nieuws h2 {
	margin-bottom: 20px;
}

p.newsdate {
	margin-top: 20px;
}

div.nieuws div.imgcol {
	width: 125px;
	height: 136px;
	float: left;
	background: url('/images/kr_newsthumb_bg.jpg') no-repeat;
}
div.nieuws div.imgcol div.imgwrap {
	width: 125px;
	height: 125px;
	background: $bottom_bg;
}
div.nieuws div.imgcol div.imgwrap img {
	width: 115px;
	height: 115px;
	margin: 5px 0px 0px 5px ;
} 

div.nieuws div.txtcol {
	float: left;
	width: 400px;
	margin: 0px 0px 10px 19px;;	   
}

div.nieuws div.txtcol ul {
	display: block;
	list-style-type: disc;
}
div.nieuws div.txtcol li {
	display: block; 
	padding-left: 10px;
}
	
	
div.facebook {
	height: 45px;
	border-bottom: 0px solid #4d2d73;
	margin-top: 8px;
}
div.facebook {max-height:62px;}
div.facebook div.FB_Loader {display:none;}


div.tweet, .query { 
	height: 245px;
	width: 290px;
	margin-left: 14px;
	overflow: hidden;
	margin-top: 110px;
}
 
div.tweet .tweet_list, .query .tweet_list {
  -webkit-border-radius: .5em;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow-y: hidden;
}
div.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
  text-transform: uppercase; 
}
div.tweet .tweet_list li, .query .tweet_list li {
  overflow-y: auto;
  overflow-x: hidden;
  padding: .5em; 
}
div.tweet .tweet_list li a, .query .tweet_list li a {
 }
div.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
}
div.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
  padding-right: .5em;
  float: left; 
}
div.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
  vertical-align: middle; 
}

div.nieuws div.container h3 {
	margin: 6px 0px ;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}



/*=============
LINEUP STYLES
=============*/


div.stage {
	float: left;
	width: 445px;
	min-height: 100px;
}
div.stage h2 {
	color: $artist_h2_color;
}

div.artistspacer{ 
	width: 440px;
	height: 11px;
	background:  url('/images/kr_artist_bottomshadow.jpg') bottom center  no-repeat; 
}
div.stagewrapper { 
	width: 890px;
	overflow-x: hidden;
	position: relative;
} 
 
div.stagepages {
	width: 119px;
	float: right; 
	text-align: right;
} 
 
div.stagewrapper ul {
	width: 880px;
}
div.stagewrapper ul li{
	width:445px;
	display: inline; 
}
a.arrow {
	cursor: pointer;
}
div.artist { 
	width: 440px;
	background: $artist_bg_color no-repeat; 
}
div.artistpic {
	width: 133px;
	height: 94px;
	float: left;
	margin: 10px 20px 0px 10px;
}
div.artist h2{
	padding-top: 10px;
 	width: 220px;
 	float: left;
 	font-size: 24px;
}
div.artist img.downarrow{
	margin-top: 30px;
 	width: 44px;
 	float: left;
 	cursor: pointer;
}
div.artist div.artisttoprow {
	height: 96px; 
	padding-bottom: 20px; 
}

div.artist div.artistbottomrow { 
	width: 415px;
	margin-left: 10px; 
	display: none;
	padding-bottom: 10px;
}



/*=============
FOTOVIDEO STYLES
=============*/
 
 
div.fotovideo div.module_content div.col1 {
	width: 547px;
	float: left;
}
div.fotovideo div.module_content div.col2 {
	width: 318px; 
	float: left; 
	margin-left: 25px; 
	background: url('$newslist_background_image') repeat-y; 
	padding-bottom: 50px;
} 

div.fotovideo div.module_content div.colwide {
	width: 890px; 
	float: left;   
	padding-bottom: 50px;
} 

div.fotovideo div.album{
	width: 891px;
	height: 559px;
	background: url('$album_background_image') ; 
	overflow: hidden;
}

div.fotovideo div.col2 h3 {
	margin: 10px 0px 0px 10px;
}
	
div.fotovideo div.videoalbum{
	width: 891px;
	height: 639px;
	background: url('$videoalbum_background_image') ; 
	overflow: hidden;
} 

div.videowrapper { 
	width: 766px;
	height: 523px;
	overflow: hidden;
	margin-left: 65px;
	float: left; 
	margin-top: 65px; 
	background: url('/images/video_shadow.png') bottom no-repeat;
} 
li.currentvideo a {
	color: #ca1e50;
	font-weight: bold;
	margin-bottom: 10px;
}

div.fotorechts {
	width: 64px;
	float: left;
	height: 559px;
	cursor: pointer;
}
div.fotolinks {
	width: 60px;
	float: left;
	height: 559px;
	cursor: pointer;
}

div.fotowrapper { 
	width: 766px;
	height: 559px;
	overflow: hidden;
	float: left; 
	margin-top: 40px
} 
 
div.fotowrapper  li{ 
	width: 330px; 
	overflow: hidden;
	float: left;
}
div.fotowrapper li img{ 
	margin: 0px 4px 5px 0px;
	float: left;
	border:  1px solid white;
}
ul.fotolist {
	margin: 10px 0px 0px 10px;
}
ul.fotolist li {
	height: 20px; 
}
ul.fotolist a {
	font-size: 12px;
	color: $newslist_color; 
	font-style: italic;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: 10px;
} 

h3.fotolist  a.current {
	color: $newslist_color; 
	font-weight: bold;
}

div.fotopages {
	width: 343px;
	float: left;  
	height: 42px;
} 
h2.albumheader {
	padding-right: 10px;
	margin-bottom: 10px;
	width: 537px;
}

h2.albumheader a.arrow img {
	height: 30px;
} 

/*=============
INFO STYLES
=============*/
 
 
div.info  div.col1 {
	width: 547px;
	float: left;
}
ul.accordion h2 {
	color: $h2color;
	font-size: 20px;
	cursor: pointer;
	margin-bottom: 5px;
	background: url('$ticketbullet') 0px 3px no-repeat ;
	padding: 3px 0px 0px 30px;	
	min-height: 21px;
}

ul.accordion h2.active {
	background: url('$ticketbulletdown') 0px 3px no-repeat ;
}
ul.hiddeninfo {
	display: none;
	margin-left: 32px;
}

/*=============
TICKETS STYLES
=============*/
 
 
div.tickets  div.col1 {
	width: 547px;
	float: left;
}
div.bestel{
	background: url('$bestel') left no-repeat ;	
	width: 590px;
	height: 62px;	
	padding-top: 10px;
	cursor: pointer;
	margin-bottom: 30px;
}
div.bestel span {
	text-transform: uppercase;
	color: #h2color;
	margin-left: 162px;
}
div.bestel span.line1 {
	font-size: 24px;
}
div.bestel span.line2 {
	font-size: 28px;
}
div.tickets div.module_content p { 
	padding: 5px 0px 0px 30px;	
	min-height: 21px;
	font-size: 12px;
	text-transform: uppercase;
	background: url('$ticketbullet') 0px 3px no-repeat ;
}

/*=============
ADMIN STYLES
=============*/

span.admin, span.red {
	color: #f00;
}

div.admin  {
	float: right;
	position: relative;
	background: #fdfcfa;   
}  
img.tool {
	width: 20px;
	border: 0px;
	background: #fdfcfa;
	border: 1px solid #8547b2;
	margin:0px;
	padding: 0;  
}

div.tool {
	width: 20px;
	height: 20px; 
	float: left;
	background: #fdfcfa;
	margin: 0;
	padding: 0; 
}

img.toolsmall {
	width: 14px;
	background: #fdfcfa;
	border: 1px solid #8547b2;
	border: 0px;
	margin: 2px; 
}

div.toolsmall {
	width: 14px;
	height: 14px;
	border: 1px solid #333; 
	float: left;
}

 

/*=============
EDIT STYLES
=============*/
  
input.edit {
	width: 500px;
}
input.editfile {
	width: 470px;
}
select.edit {
	width: 500px;
}
input.edit_frontpage {
	width: 420px;
}
 
textarea.edit {
	width: 500px;
	height: 90px;
	background: #eee; 
	color: #000;
	border: 0;
	font-family: Arial, Helvetica,  sans-serif;
}


/*=============
FORM STYLES
=============*/

label {
	width: 100px; 
	float: left;
	
}