/* basis elementen: */
*{
	margin:0px; 
	padding:0px;
}

.pngFix {
	behavior: url("../css/iepngfix.htc");
}

/*div{
	background-color:red;
	
}*/

/*	 DEBUGGER VOOR ie6 

div{
	
	border: 1px solid #fff;
}*/


ul{
	list-style:none;
}
	
img{
	border:0px;
	margin:0px;
	padding:0px;
	vertical-align: bottom; /*otherwise IE was adding 3 px under the image*/
}

#flash_container{
	z-index: 1;
}

body{
	margin:0px;
	padding:0px;
	width:100%;
	height:1000px;
	background-color:#14353c;/*BIJ DYNAMISCHE ACHTERGROND MOET DEZE GEEN KLERU HEBBEN*/
	background-image: none;
	background-repeat:no-repeat;
	background-position:top left;
	/*overflow:hidden;*/
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	behavior: url("http://www.strp.nl/strp/css/csshover.htc");
}

.item_content ul{
	list-style:none;
	line-height:20px;
}

.item_content li{
	padding-left:11px;
	background:url(../img/list_item.gif) 0px 8px no-repeat;
}

hr{
	color:#bbb;
	background-color:#bbb;
	border: 0px;
	height:1px;
	margin-top: 10px;
	margin-bottom:10px;
}

td{
	padding-bottom: 5px;
}

table{
	font-size: 12px;
	line-height: 20px;
}

#container{
	/*height:100%;*/
	margin: 0px;
	padding:0px;
	z-index:2;
	position: absolute;
	top:0px;
	left:0px;
}

/* typo: */
p{
	color: #fff;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	line-height: 20px;
	margin-bottom:20px;
}

.small{
	font-size:10px;
}

.news_kop {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size:16px;
	line-height: 20px;
}

/* typo links */
a:link {
	color:#fff;
	text-decoration:none;
}

a:visited {
	color:#fff;
	text-decoration:none;
}

.item_content a:link {
	color:#fff;
	text-decoration:underline;
}

.item_content a:visited {
	color:#fff;
	text-decoration:underline;
}

a:hover{
	color:#333;
}


/* top: */
#top{
	width:1024px;
	height:352px;
}

#logo{

}

#login{
	padding-left:6px;
	padding-top:2px;
	font-size:10px;
	height:14px;
	width:124px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	position:absolute;
	left:47px;
	top:285px;
	background-image:url(../img/bg_dots.gif);
	background-position:110px 0px;
	background-repeat:repeat-y;
}

a:hover #login{
	color:#fff;
	background-color:#7ad1db;
}

.loginarrow{
	vertical-align:top;
	padding-top:2px;
	position:absolute;
	right:6px;
}

#languagemenu{
	position:absolute;
	left:47px;
	top:250px;
}

#languagemenu ul{
	position:relative;
	left:8px;
}

#tickets{
	visibility: hidden;
	position:relative;
	background-image:url(../img/tickets.gif);
	width:232px;
	height:22px;
	right:47px;
	top:30px;
	float:right;
	border-top:2px #fff solid;
	border-bottom:2px #fff solid;
	display:block;
}

#ticket_text{
	font-family:arial black, arial, helvetica;
	font-size:11px;
	margin-top:3px;
	margin-left:40px;
}

#tickets:hover{
	color:#fff;
	background-color:#7ad1db;
	display:block;
}

.topmenu{
	position:absolute;
	float:left;
	width:650px;
	left:47px;
	top:330px;
	text-align:center;	
}

.lastfm{
	position:absolute;
	width:160px;
	height:22px;
	top:330px;
	left:527px;
	text-align:center;
	background-image:url(../img/lastfm.png);
	background-repeat:no-repeat;
	border-bottom:#fff solid 2px;
	border-top:#fff solid 2px;
	behavior: url("/css/iepngfix.htc");
}

.lastfm_nl{
	left:557px;
}

.lastfm:hover{
	background-color:#7ad1db;
}

.search{
	position:absolute;
	width:267px;
	top:330px;
	left:710px;
	height:22px;
	text-align:center;
	border-bottom:#fff solid 2px;
	border-top:#fff solid 2px;
	z-index:10;
}

.search_nl{
	left:738px;
	width:239px;
}

#searchtekst{
	background-image:url(../img/bg_dots.gif);
	background-position:top right;
	background-repeat:repeat-y;
	width:67px;
	font-size:11px;
	padding-top:2px;
	height:22px;
	font-family:arial black, arial, helvetica, sans-serif;
	float:left;
}


.searchbar{
	padding-top:3px;
	background-color:transparent;
	background-image:url(../img/trans_back.gif);
	display:block;
	height:17px;
	font-size:10px;
	border:0px;
	color:#fff;
	float:left;
	margin-left:5px;
	width:115px;
	margin-top:2px;
	outline:none;
}

.topmenu ul{
	list-style: none;
   	display: block;
   	float:left;
	line-height:16px;
}

.topmenu li{
	float:left;
}

.topmenu li a{
   	height:10px !important;
	max-height:10px;
	padding-left:12px;
	padding-right:13px;
	padding-bottom:10px;
	padding-top:2px;
	font-size:11px;
	font-family:arial black, arial, helvetica, sans-serif;
	float:left;
	background-image:url(../img/bg_dots.gif);
	background-position:top right;
	background-repeat:repeat-y;
	border-bottom:#fff solid 2px;
	border-top:#fff solid 2px;
}

.topmenuSearch{
	position:absolute;
	width:550px;
	left:47px;
	top:330px;
	text-align:center;	
}


.topmenuSearch ul{
	list-style: none;
   	display: block;
   	float:left;
	line-height:16px;
}

.topmenuSearch li{
	float:left;
}

.topmenuSearch li a{
	height:22px;
	overflow:hidden;
	max-height:10px !important;
	padding-left:12px;
	padding-right:13px;
	padding-bottom:10px;
	padding-top:2px;
	font-size:11px;
	font-family:arial black, arial, helvetica, sans-serif;
	float:left;
	background-image:url(../img/bg_dots.gif);
	background-position:top right;
	background-repeat:repeat-y;
	border-bottom:#fff solid 2px;
	border-top:#fff solid 2px;
}

.topmenuSearch a:hover {
	background-color:#7ad1db;
	display:block;	
	color:#fff;
}

.topmenuSearch a:link {
	text-decoration: none;
}

/*topmenu hovers */

.topmenu a:hover {
	background-color:#7ad1db;
	display:block;	
	color:#fff;
}

.noHover {
	background-color:transparent;
}

.topmenu a:link {
	text-decoration: none;
}

/* content */

#content {
	position:relative;
	float:left;
	top:30px;
	left:47px;
	width:977px;	
}

/* submenu */
.submenu {
	position:relative;
	width:900px;
	height:16px;
	float:left;
	margin-bottom:18px;
}

.subbottom{
	float: left;
	margin-bottom:30px;
}

.category{
	padding-top:3px;
	font-size:10px;
	float:left;
	text-transform:uppercase;
}
.program{
	float:left;
	position:absolute;
	left:130px;
}

.submenu ul{
	list-style: none;
   	display: block;
   	float:left;
}

.submenu li {
	float:left;
}

.submenu li a{
   	height:8px;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:7px;
	padding-top:3px;
	font-size:10px;
	font-family:arial, helvetica, sans-serif;
	float:left;
	background-image:url(../img/bg_dots.gif);
	background-position:top right;
	background-repeat:repeat-y;
	border-bottom:#fff solid 2px;
	border-top:#fff solid 2px;	
}
/* submenu hovers */

.submenu a:hover {
	background-color:#7ad1db;
	display:block;
	color:#fff;
}

#newsletter a:hover {
	background-color:#7ad1db;
	display:block;
}

/*sidebar: */

#sidebar{
	float:left;
	display:block;
	width:290px;
}

.sidebar_head_item{
	font-size: 11px;
	font-family: arial black, arial, helvetica, sans-serif;
	text-transform:uppercase;
	height:16px;
	padding-top:0px;
	padding-bottom:2px;
	padding-left: 5px;
	border-bottom:2px solid #fff;
	border-top:2px solid #fff;
}

#featured{
	float:left;
	width:290px;
	margin-bottom:30px;
}

#featured_moving{
	
}

/* youtube MAIN: */


#youtube_sidebar{
	margin-bottom:45px;
	float:left;
	width:290px;
	height:312px;
}

#videos{
	width:290px;
}

#youtube{
	width:870px;
	height:312px;
}
a:hover .titlec {
	background-color:#7ad1db;
	color: #fff;
}
.titlec {
  	font-size: 10px;
	font-family:arial black, arial, helvetica, sans-serif;
	text-transform:uppercase;
	line-height:18px;
	background-color:#b3b4a6;
	height:36px;
	width:139px;
	overflow:hidden;
	border-bottom:2px solid #fff;
	margin:0px;
	float:left;
	padding-left:5px;
	background-image:url(../img/item_title_small.gif);
	background-repeat:repeat;
}


ul.videos li {
  	float: left;
  	width: 142px;
	margin:0px;
	border-right:2px dotted #fff;
}

ul.videos
{
  	list-style: none;
	margin:0px;
}

/* flickr MAIN: */

#flickr_sidebar{
	margin-bottom:30px;
	width:290px;
	float:left;
}

#flickr{
	width:864px;
}

#images {
	height:220px;
	overflow:hidden;
	border-bottom:2px solid #fff;
}

#images IMG{
	width:71px;
	height:72px;
	border-bottom:2px solid #fff;
	border-right:1px dotted #fff;
}


/* twitter MAIN */

#twitter_sidebar{
	margin-bottom:30px;
	width:290px;
	float:left;
	font-weight:normal;
	height:300px;
	padding-bottom:40px;
}

.tweet{
	background-color:#87877f;
	font-size:12px;
	line-height: 20px;
	border-bottom:2px solid #fff;
}

.tweethead{
	font-size:10px;
	height:22px;
	border-bottom:2px solid #fff;
	background-color:#a7a79f;
}

.tweetpart{
	float:left;
	margin-left:5px;
	padding-right:10px;
	background-image:url(../img/bg_dots.gif);
	background-position:top right;
	background-repeat:repeat-y;
	height:22px;
	padding-top:0px;
	padding-bottom:0px;
}

.tweetbody{
	min-height:35px;
	text-align:left;
	margin-left:5px;
	margin-right:5px;
	padding-top:5px;
	padding-bottom:5px;	
}

/*newsletterbox */

#newsletter{
	margin-bottom:30px;
	width:290px;
	height:60px;
	float:right;	
}

#newsletterForm{
	border-bottom:2px #fff solid;
	height:22px;
	padding-left:3px;
	width:287px;
	overflow:hidden;
	text-align:left;
}

.newsletterform{
	background-color:transparent !important; 
	background-image:url(../img/trans_back.gif);
	display:block;
	font-size:10px;
	border:0px;
	color:#fff;
	float:left;
	width:260px;
	margin-top:5px;
	outline:none;
	text-align:left;
	
}

.submitbutton{
	margin-top:-2px;
	float:right;
	width:25px;
	border-top:2px #fff solid;
}

.no_margin_bottom{
	margin-bottom:0px;
}

#inschrijven{
	display:none;
}

.buttonField2:hover{
	background-color: #7ad1db;
}

textarea{
	width:531px;
}

.submitbutton2{
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: -1px;
	float:right;
	position:relative;
	font-size:10px;
	text-transform:uppercase;
}

.submitbutton2:hover{
	background-color: #7ad1db;
	color:#fff;
}

.submitbutton2 a:link, .submitbutton2 a:visited, submitbutton2 a:hover{
	text-decoration: none;
	color:#fff;
}

.form_title{
	font-size:12px;
	margin-bottom:3px;
}

.textfield{
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	border: 0px;
	padding: 2px;
	color: #87877f;
}

.radiobuttons{
	position: relative;
	top:3px;
	margin:0px;
}

/*news items:*/

#news_section{
	float:left;
	width:640px;
	overflow:hidden;
	
}

.main_news_item{
	width:610px;
	margin-bottom:30px;
	margin-right:30px;
	/* IE6 fix*/
	overflow:hidden;
}

.items_column{
	width:290px;
	margin-right:30px;
	float:left;
	/* IE6 fix: */
	overflow:hidden;
}

.news_item {
	width:290px;
	float:none;	
	margin-right:30px;
	margin-bottom:30px;
	
}

.item_top{
	background-image:url(../img/pattern.gif);
	background-repeat: repeat;
	width:100%;
	height:11px;
	overflow:hidden;
}

.item_actions{
	position:relative;
	height:20px;
	width:100%;
	border-top:#fff solid 2px;
	border-bottom:#fff solid 2px;
	font-size:9px;
	overflow:hidden;
}



/*when no image is included with news_item*/
.no_border_bottom{
	border-bottom:none;
}

.item_action{
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:7px;
	font-size:10px;
	background-image:url(../img/bg_dots.gif);
	background-position:top right;
	background-repeat:repeat-y;
	float:left;
}

.item_actions img, .item_action img {
	behavior: url("/css/iepngfix.htc");
}

.item_action img{
	padding-top:1px;
}

.item_reactions{
	float:left;
	margin-right:6px;
}

.img_reactions{
	float:left;
	position:relative;
	top:-1px;
}

.item_img{
	margin:0px;
	padding:0px;
}

.item_title{
	background-image:url(../img/item_title.gif);
	background-repeat:repeat;
	background-color:#b3b4a6;
	line-height:32px;
	padding-bottom:2px;
	width: 100%;
	left:0px;
	overflow:hidden;
}

.item_title h2{
	margin-left:6px;
	margin-right:6px;
	font-family:arial black, arial;
	font-weight:normal;
	font-size:21px;
	text-transform:uppercase;
}

.item_content{
	background-color:#77776f;
	padding: 6px 70px 20px 6px;
	width:534px;
	border-bottom:2px solid #fff;
}

.item_react_form{
	background-color:#87877f;
	padding: 6px 70px 20px 6px;
	width:534px;
	border-bottom:2px solid #fff;
}

.item_react{
	background-color:#87877f;
	padding: 6px 70px 6px 6px;
	width:534px;
}

.item_bottom{
	border-bottom:2px solid #fff;
	height:18px;
	width:100%;
	font-weight:normal;
	
}

.item_bottom:hover{
	background-color: #7ad1db;
	color: #fff;
	display:block;
	float:none;
	cursor:hand;
	cursor:pointer;
}

.item_readmore{
	float:right;
	padding-top: 3px;
	padding-right: 6px;
	font-size:10px;
	text-transform:uppercase;
}

.rm_img {
	vertical-align:top;
	padding-top:3px;
}

.item_sub{
	width:100%;
	border-bottom:2px solid #fff;
}

.item_sub_txt{
	height:18px;
	padding-left:6px;
	font-size: 11px;
	font-family:arial black, arial, helvetica, sans-serif;
	text-transform:uppercase;
	background-color:#d3d4c6;
}

/*PROGRAM ITEMS*/

.program_items_column{
	width:130px;
	margin-right:30px;
	float:left;
}

.program_item{
	width:130px;
	float:left;
	margin: 0px 0px 30px 0px;
	height:145px;
}

.program_item2{
	width:130px;
	float:left;
	margin: 0px 0px 30px 0px;
}

.item_small_title{
	position:relative;
	top:-112px;
	background-image:url(../img/item_title_small.gif);
	background-repeat:repeat;
	background-color:#b3b4a6;
	padding-bottom:2px;
	width: 130px;
	height: 18px;
	overflow:hidden;
}

.item_small_title2{
	position:relative;
	background-image:url(../img/item_title_small.gif);
	background-repeat:repeat;
	background-color:#b3b4a6;
	padding-bottom:2px;
	margin-top:-2px;
	width: 130px;
	overflow:hidden;
}

.item_small_title h2{
	margin-left:6px;
	margin-right:6px;
	font-family:arial black, arial;
	font-weight:normal;
	font-size:11px;
	line-height:18px;
	text-transform:uppercase;
}

.item_small_title2 h2{
	margin-left:6px;
	margin-right:6px;
	font-family:arial black, arial;
	font-weight:normal;
	font-size:11px;
	line-height:18px;
	text-transform:uppercase;
}

.linebottom{
	border-bottom:2px solid #fff;
}

.hidden_title{
	display:block;
}

#footer{
	margin-top:40px;
	margin-bottom:40px;
	float:left;
	padding-right:50px;
	width:930px;
}
.footer_txt{
	color:#888;
	font-size:10px;
	float:right;
}

#footer a{
	color:#888;
}

#footer a:hover{
	color:#7ad1db;
}

/* timetable */

#grid_overlay{
	position:absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
}

.time{
	position:absolute;
	top:32px;
	left:41px;
	width:887px;
	height:1483px;
	/*background-image:url(/strp/img/tile.jpg);*/
	float:left;
/*border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;*/
}
#schedule{
	position:relative;
	float: left;
}
.time_top{
	/*background-image:url(/strp/img/time_top.jpg);
	top:0px;
	width:931p;*/
	border-bottom: 1px solid #fff;
}

#time_side{
	float:left;
	border-right: 2px solid #fff;
	margin-right:-1px;
	overflow:hidden;
}

.timetable_act{
	border:1px solid #fff;
	position:absolute;
	text-align: left;
	overflow:hidden;
	/*background-image:url(/strp/img/bg_dots2.gif);*/
	/*background-position:0px -1px;*/
}

#time_top{
	float:none;
}

.favorites{
	z-index:3;
	position:absolute;
	right:1px;	
	margin: 2px;
}

.act_title{
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
	margin-left: 2px;
	margin-right: 2px;
	font-size:10px;
	line-height:15px;
	font-family:arial, helvetica, sans-serif;
	text-transform: uppercase;
	color:#fff;
}

.expo_act{
	/*background-image:url(/strp/img/bg_dots_expo.gif);*/
	background-color:#c4c602;
}
.expo_act_submenu {
	background-color:#c4c602;
}

.expo_act:hover {
	background-image:url(../img/bg_dots_expo_h.gif);
/*	background-color:#d4d612;*/
}
.music_act{
	/*background-image:url(/strp/img/bg_dots_music.gif);*/
	/*background-color:#5bb404;*/
}

.music_act_submenu{
	background-color:#5bb404;
}

.music_act:hover;{
	background-image:url(../img/bg_dots_music_h.gif);
	/*background-color:#6bc414;*/
}

.performance_act {
	/*background-image:url(/strp/img/bg_dots_performance.gif);*/
	/*background-color:#03c474;*/
}

.performance_act_submenu {
	background-color:#03c474;
}

.performance_act:hover {
	background-image:url(../img/bg_dots_performance_h.gif);
	/*background-color:#13d484;*/
}

.visuals_act{
	/*background-image:url(/strp/img/bg_dots_visuals.gif);*/
	/*background-color:#02a8c6;*/
}

.visuals_act_submenu{
	background-color:#02a8c6;
}

.visuals_act:hover{
	background-image:url(../img/bg_dots_visuals_h.gif);
	/*background-color:#12b8d6*/
}

.livecinema_act {
	/*background-image:url(/strp/img/bg_dots_livecinema.gif);*/
	/*background-color:#9b1dd2;*/
}

.livecinema_act_submenu {
	background-image:url(../img/bg_dots_livecinema.gif);
	background-color:#9b1dd2;
}

.livecinema_act:hover {
	background-image:url(/img/bg_dots_livecinema_h.gif);
	/*background-color:#ab2de2;*/
}

.artisttalk_act{
	/*background-image:url(/strp/img/bg_dots_artisttalk.gif);*/
/*	background-color:#d21d96;*/
}

.artisttalk_act_submenu{
	background-color:#d21d96;
}

.artisttalk_act:hover{
	background-image:url(../img/bg_dots_artisttalk_h.gif);
	/*background-color:#e22da6;*/
}

.workshop_act {
/*	background-image:url(/strp/img/bg_dots_workshop.gif);*/
	/*background-color:#d1341a;*/
}

.workshop_act_submenu {
	background-color:#d1341a;
}

.workshop_act:hover {
	background-image:url(../img/bg_dots_workshop_h.gif);
	/*background-color:#e1232a;*/
}

.nofavorite_act {
	/*background-image:url(/strp/img/bg_dots_nofavorite.gif);*/
	/*background-color:#555;*/
}
.nofavorite_act:hover {
	background-image:url(../img/bg_dots_nofavorite_h.gif);
	/*background-color:#666;*/
}

.print_img{
	z-index:1;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
}

li a:hover{
	cursor:pointer;
	cursor:hand;
}

/*
#program_sub2{
	display:none;
}

#program_sub1{
	display:none;
}

#program_sub{
	display:none;
}

#top{
	display:none;
}

#flashheader{
	display:none;
}*/


.openingtime {
	position:absolute;
	border-bottom: 1px solid #d1341a;
	width:780px;
	margin-left:-43px;
	font-size:10px;
	color:#d1341a;
	padding-bottom:2px;
	z-index:100;
}
