/* ++++++++++++++++++++++++++++++++*/
/* MC's Hollandse Nieuwe		                                        */
/* ++++++++++++++++++++++++++++++++*/
/* Design: HOTEL (hotelworldwide.com)				     		*/
/* CMS: Cleancode (cleancode.nl)                                    */
/* CSS: Coen Warmer (mono9.nl)	                                    */
/* ++++++++++++++++++++++++++++++++*/
/* "Come at the king, you best not miss." – Omar Little      */
/* ++++++++++++++++++++++++++++++++*/

/* RESET */
body, div, h1, h2, h3, h4, h5, h6, p, img, ul, li {
margin: 0;
padding: 0;
border: 0;
}

/* LOADER */
#ajax-loader{
margin-top: 200px;	
margin-left: 250px;
}

/* BASIC LAYOUT */

html {
height: 100%;
}

body {
margin: 0;
height: 100%;
background-color: #000;
}

#wrapper {
width: 1000px;
height: 100%;
}

/* SIDEBAR */
#sidebar {
margin: 0 20px 0 20px;
width: 215px;
height: 100%;
padding-top: 59px;
text-align: left;
float: left;
background-color: #000;
}

#nav_home{
width: 195px;
height: 324px;
display: block;
background: url('http://www.mconline.nl/hollandsenieuwe/img/hn_logo.png') no-repeat;
}

#picofthehour{
background-color: #090;
padding: 0px 0px 5px 0px;
width: 195px;
margin-bottom: 20px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
}

/* NAVIGATIE */
#navigatiewrap {
display: block;
position: absolute; 
z-index: 100;
width: 100%;
height: 40px;
}

#navigatietop {
width: 100%;
height: 10px;
background-repeat: repeat-x;
}

#navigatie {
background-color: #fff220;
height: 28px;
padding-top: 2px;
text-align: left;
text-indent: 20px;
width: 100%;
}

#navigatieshade {
display: block;
width: 100%;
height: 10px;
background-image: url('http://www.mconline.nl/hollandsenieuwe/img/hn_shade-30pct-10px.png');
background-repeat: repeat-x;
}

   /* TABS */
#tabs, .tabs{
padding-top: 6px;
margin-bottom: 18px;
}

.tab_active, .tab_nonactive {
margin-right: 2px;
}

.tab_active {
background-color: #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding-bottom: 25px;
}

.tab_nonactive {
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
background-color: #222;
height: 1px;
}


/* CONTENT */
   /* GENERAL */

.container {
width: 765px;
text-align:left;
margin-left: 235px;}

.content_header, #content_header{
background-color: #1ae;
color: #fff;
padding: 58px 20px 8px 20px;	
}

#content_header{
padding: 58px 20px 0px 20px;	
}

#content, #content_hn_selectie, #content_eenakters, #content_hnselectie_persoon, .content, .content_shows, .content_login {
background: url('http://www.mconline.nl/hollandsenieuwe/img/hn_content_topshade.png') repeat-x;
padding: 20px 20px 0px 20px;
}

#content.frontpage{
background-image: none !important;
}

#content p, #content_voorstelling p, #content_eenakters p, #content_hnselectie_persoon p, #container1 p, .content_item, .content {
font-family: Verdana, sans-serif;
font-size: 11px;
line-height: 16px;
}

#content p, #content_voorstelling p, #content_eenakters p, #content_hnselectie_persoon p, #container1 p, .content_item{
margin-bottom: 15px;
}

#content_bottom, #content_bottom_2, #content_bottom_3{
width: 765px;
height: 20px;
background-image: url('http://www.mconline.nl/hollandsenieuwe/img/hn_ronding.png');
margin-top: -15px;
margin-bottom: 60px;
}

#content_bottom_2{
margin-top: -22px;
}

#content_bottom_3{
margin-top: -7px;
}

.intro, .frontpage_intro{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #090;
line-height: 20px;
}

.content_item, .content_item_last{
border-top: solid 1px #bbb;
}

.content_item:after{
clear: both;
}

.content_item, .content_item_first, .content_item_last{
margin-bottom: 15px;
padding-top: 20px;
overflow: hidden;
}

.content_item_last, .content_item_last p{
margin-bottom: 0 !important;
}

   /* FRONTPAGE */
.frontpage{
padding-bottom: 13px !important;
padding-top: 0 !important;
}

.frontpage_intro{
color: #fff;
}

.frontpage_em{
color: #fff220;
}

.frontpage table{
margin-left: -20px;
width: 765px !important;
overflow: hidden;
}

.frontpage_item_text{
margin-left: 20px;
}

.frontpage_item_text p{
margin-bottom: 0 !important;	
}

.frontpage p{
width: 400px;	
}

.frontpage_item_image{
padding-bottom: 5px;	
}

#frontpage_table_divider_bluewhite{
width: 765px !important;
height: 35px !important;
}

.frontpage_table_divider_white{
margin-bottom: 5px;
margin-left: -20px;
margin-top: 4px;
}

#content_header ul {
padding: 2px 0px 0px 20px;
margin-bottom: 10px;
}

#content_header li {
display: inline;
margin-right: 24px;
}

#content_header img{
width: 40px;
height: 50px;
}

#popup1, #popup2, #popup3, #popup4, #popup5, #popup6, #popup7, #popup8, #popup9, #popup10, #popup11, #popup12, #popup13, #popup14, #popup15{
color: #fff;
position: absolute;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
margin: 40px 0 0 -25px;
background: url('http://www.mconline.nl/hollandsenieuwe/img/22BB22-opacity-90.png');
padding: 5px;
visibility: hidden;
}

a#popup1, a#popup2, a#popup3, a#popup4, a#popup5, a#popup6, a#popup7, a#popup8, a#popup9, a#popup10, a#popup11, a#popup12, a#popup13, a#popup14, a#popup15{
text-decoration: none;
}

#frontpage_bottom{
background: url('http://www.mconline.nl/hollandsenieuwe/img/hn_frontpage_table3.png') no-repeat;
height: 88px;
padding-top: 15px;
margin:  0px 0 50px 0;
}

   /* OVER HOLLANDSE NIEUWE */
.intro_em{
color: #1ae;
}  

.over_hn_img{
float: left;
padding-right: 20px;	
}

   /* NIEUWS */
.nieuws_item_first{
padding-bottom: 5px;
}

.nieuws_item{
border-top: solid 1px #bbb;
padding-top: 20px;
padding-bottom: 5px;
}

.nieuws_item p, .nieuws_item_first p{
margin-left: 120px;
}

.nieuws_item img, .nieuws_item_first img{
float: left;
margin-right: 20px;
width: 100px;
height: 67px;
}

#content_header img{
margin-left: -20px;
}

   /* HN11 SELECTIE */
#content_hn_selectie{
padding: 0px 0 0 20px;	
}

.hnselectie_popup{
color: #fff;
position: absolute;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background: url('http://www.mconline.nl/hollandsenieuwe/img/22BB22-opacity-80.png');
padding: 10px;
visibility: hidden;
margin-left: -148px;
margin-top: 16px;
width: 112px;
height: 145px;
text-decoration: none;
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
}

#hn_selectie_container{
padding-top: 0;
margin-bottom: 20px;
overflow: hidden;
}

.hn_selectie_persoon{
float: left;
}

.hn_selectie_persoon img{
width: 132px;
height: 165px;
margin: 16px 16px 4px 0;
}

      /* HN11 SELECTIE -  PERSOON */
#content_voorstelling{
background: url('http://www.mconline.nl/hollandsenieuwe/img/hn_content_topshade.png') repeat-x;
padding: 20px 20px 0px 20px;
}

#content_hnselectie_persoon p{
margin-top: -2px;
}

#content_hnselectie_persoon img {
margin-right: 20px;
}

.hnselectie_person_pasfoto{
float: left;
}

.content_right p{
overflow: hidden;
}

#content_hnselectie_persoon table{
margin-bottom: 8px;
}

#hnselectie_person_gallery{
border-top: solid 1px #bbb;
padding-top: 20px;
text-align: center;
margin-top: 20px;
margin-bottom: 5px;
}

#content_hnselectie_persoon .voorstelling_info{
display: none;	
}

.voorstelling_info .voorstelling_datum{ 
display: block;
clear: right;
}

.content_left img{
float: left;
margin-right: 20px;
}

   /* PROGRAMMA */
         /* EENAKTERS */
.eenakter_item_foto, .content_item img{
float: left;
margin-right: 20px;
}

.content_item p{
overflow: hidden;
}

.eenakter_voorstelling_info{
display: none;
}

   /* COLOFON */
.colofon_column{
width: 352px;
margin-right: 20px;
float: left;
}

.colofon_logos span{
margin-right: 20px;
}

/* END CONTENT */

/* TYPOGRAPHY */
h1, h2{
font-size: 58px;
line-height: 58px;
}

h2.frontpage_h2{
color: #090;
width: 405px;
}

h2.frontpage_h2_bottom{
color: #fff;
padding: 35px;
padding-top: 20px;
text-align: center;
}

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

h3, h6{
float: left;
text-transform: uppercase;	
font-size: 11px;
padding-top: 8px;
}

h3 a, h6 a {
color: #222;	
text-decoration: none;
}

h3 a:hover, h3 em, .nav_selected{
color: #090;	
}

h3#login{
color: red !important;	
}

h3 strong{
color: #ddbb00;
font-weight: normal;	
}

h4{
position: absolute;
margin-top: -1px;
left: 900px;
}

h4 a{
color: #333;
font-size: 30px;	
text-decoration: none;
margin-left: 30px;
}

h5, .shows ul h1, h5 a{
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 18px;
text-transform: uppercase;
font-weight: bold;
color: #090;
margin: 0 0 4px 0;
text-decoration: none;
}

#content_voorstelling h5{
margin-left: 245px;
}

h5.noncaps{
text-transform: none;	
margin: 0;
padding: 0;
}

h5.colofon{
margin: 0;
padding: 0;
font-size: 12px;
}

h5.black {
color: #000;
margin-bottom: 3px;
}

h6{
padding: 8px 10px 17px 10px;
color: #bbb;	
font-size: 11px;
}

h6 a {
color: #bbb;	
}

h6 em{
color: #090;	
font-size: 11px;
}

.p_bottom{
margin-bottom: 0 !important;
}

a{
color: #1ae;
font-weight: bold;
} 

a:focus{
outline: 0;
}

.picofthehour_header{
font-family: Verdana, sans-serif;
font-size: 11px;
color: #fff;
font-weight: normal;
padding: 0 0 4px 6px;
}

.picofthehour_maker, .picofthehour_titel {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 15px;
text-transform: uppercase;
font-weight: bold;
padding: 7px 6px 2px 9px;
text-decoration: none;
}

a.picofthehour_maker, a.picofthehour_titel{
text-decoration: none;	
}

#picofthehour a{
text-decoration: none;		
}

.picofthehour_titel{
color: #fff220;
}

.picofthehour_maker{
color: #fff;
padding-top: 2px;
}


.voorstelling_datum, .voorstelling_bestellink{
margin-bottom: 0;
padding: 0;
}

.voorstelling_datum{
color: #1ae;	
font-weight: bold;
text-transform: uppercase;
}

.voorstelling_bestellink a{
font-weight: bold;
color: #000;
text-decoration: none;
}

.voorstelling_bestellink {
font-weight: bold;
}

/* SCHEMA */
   /* SHOWS */
.content_shows{
height: 1420px;
margin-bottom: 10px;
}

#shows_dayselector{
margin-bottom: 20px;
margin-left: 10px;
margin-top: 5px;
}

#shows_dayselector h5{
font-size: 12px;
color: #999;
}

#shows_dayselector a{
text-decoration: none;
}

.shows_dayselector_active h5, .shows_dayselector_active h5 a{
color: #00A451 !important;
}

#shows_dayselector li, #shows_dayselector h5{
display: inline;
margin-right: 10px;
}

#shows, #shows-quarters{
padding-left: 50px;
}

li.show_location{
background-color: #fff !important;
padding: 5px !important;
padding-left: 10px !important;
height: 20px !important;
padding-right: 0px !important;
width: 112px !important;
}

li.show_location p{
color: #000 !important;
font-size: 11px !important;
font-family: Arial, helvetica, sans-serif !important;
}

#shows-quarters li.show_location p{
margin-bottom: 0 !important;
}

#shows ul{
border-left: solid 1px #bbb;
height: 759px;
width: 133px;
float: left;
position: relative;
}

#shows-quarters ul{
border-left: solid 1px #888;
height: 1345px;
width: 133px;
float: left;
position: relative;
}

#shows ul li {
background-color: #00ACED;
margin-bottom: 10px;
padding: 8px;
padding-top: 6px !important;
list-style: none;
margin-right: 1px;
margin-left: 1px;
text-transform: uppercase;
font-weight: bold;
color: #fff;
font-family: arial;
font-size: 11px;
margin-bottom: 0px !important;
position: absolute;
width: 113px;
border: solid 1px #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#shows-quarters ul li{
background-color: #00ACED;
margin-bottom: 10px;
padding: 8px;
padding-top: 6px !important;
list-style: none;
margin-right: 1px;
margin-left: 1px;
text-transform: uppercase;
font-weight: bold;
color: #fff;
font-family: arial;
font-size: 10px;
line-height: 14px;
margin-bottom: 0px !important;
position: absolute;
width: 113px;
border: solid 1px #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 5px;
}

.start, .end{
font-size: 10px;
}

#shows ul li a, .schema_bestel, #shows-quarter ul li a{
color: #fff !important;
font-size: 11px;
text-transform: none;
font-weight: normal;
}

#shows-quarters .schema_bestel{
color: #000 !important;
font-size: 11px;
text-transform: none;
font-weight: normal;
}

#shows-quarters .start, #shows-quarters .end{

}

#shows ul li a.show_name, #shows-quarters ul li a.show_name{
font-weight:bold;
text-transform:uppercase;
text-decoration: none;
color: #fff;
}

.duration-1 {
height: 36px;
}

.duration--2 {
height: 36px;
}

.duration-2{
height: 91px;
}

.duration-3{
height: 146px;
}

.duration-4{
height: 201px;
}

.duration-5{
height: 254px;
}

.duration-6{
height: 311px;
}

.duration-7{
height: 364px;
}

.duration-8{
height: 421px;
}

.duration-9{
height: 476px;
}

.slot-35{
margin-top: 46px;
}

.slot-36{
margin-top: 101px;
}

.slot-37{
margin-top: 156px;
}

.slot-38{
margin-top: 211px;
}

.slot-39{
margin-top: 266px;
}

.slot-40{
margin-top: 321px;
}

.slot-41{
margin-top: 376px;
}

.slot-42{
margin-top: 431px;
}

.slot-43{
margin-top: 486px;
}

.slot-44{
margin-top: 541px;
}

.slot-45{
margin-top: 596px;
}

.slot-46{
margin-top: 651px;
}

.slot-47{
margin-top: 706px;
}

/* SCHEMA 2.0 */
.duration-1-quarters {
height: 30px;
/* CHECK */
}

.duration-2-quarters{
height: 81px;
/* CHECK */
}

.duration-3-quarters{
height: 130px;
/* CHECK */
}

.duration-4-quarters{
height: 181px;
/* CHECK */
}

.duration-5-quarters{
height: 230px;
/* CHECK */
}

.duration-6-quarters{
height: 281px;
/* CHECK */
}

.duration-7-quarters{
height: 330px;
/* CHECK */
}

.duration-8-quarters{
height: 381px;
/* CHECK */
}

.duration-9-quarters{
height: 430px;
/* CHECK */
}

.slot-70-quarters{
margin-top: 46px;
/* CHECK */
}

.slot-71-quarters{
margin-top: 95px;
/* CHECK */
}

.slot-72-quarters{
margin-top: 146px;
/* CHECK */
}

.slot-73-quarters{
margin-top: 195px;
/* CHECK */
}

.slot-74-quarters{
margin-top: 246px;
/* CHECK */
}

.slot-75-quarters{
margin-top: 295px;
/* CHECK */
}

.slot-76-quarters{
margin-top: 346px;
/* CHECK */
}

.slot-77-quarters{
margin-top: 395px;
/* CHECK */
}

.slot-78-quarters{
margin-top: 446px;
/* CHECK */
}

.slot-79-quarters{
margin-top: 495px;
/* CHECK */
}

.slot-80-quarters{
margin-top: 546px;
/* CHECK */
}

.slot-81-quarters{
margin-top: 595px;
/* CHECK */
}

.slot-82-quarters{
margin-top: 646px;
/* CHECK */
}

.slot-83-quarters{
margin-top: 695px;
/* CHECK */
}

.slot-84-quarters{
margin-top: 746px;
/* CHECK */
}
	
.slot-85-quarters{
margin-top: 795px;
/* CHECK */
}
	
.slot-86-quarters{
margin-top: 846px;
/* CHECK */
}
	
.slot-87-quarters{
margin-top: 895px;
/* CHECK */
}
	
.slot-88-quarters{
margin-top: 946px;
/* CHECK */
}
	
.slot-89-quarters{
margin-top: 995px;
/* CHECK */
}
	
.slot-90-quarters{
margin-top: 1046px;
/* CHECK */
}
	
.slot-91-quarters{
margin-top: 1095px;
/* CHECK */
}
	
.slot-92-quarters{
margin-top: 1146px;
/* CHECK */
}

.slot-93-quarters{
margin-top: 1195px;
/* CHECK */
}

.slot-94-quarters{
margin-top: 1246px;
/* CHECK */
}
	
   /* GRID */
#times{
margin-top: 33px !important;
padding-top: 0px;
height: 800px;
width: 720px;
position: absolute;
margin-left: 0px;
z-index: 0 !important;
}

#times-quarters{
margin-top: 33px !important;
padding-top: 0px;
height: 1400px;
width: 720px;
position: absolute;
margin-left: 0px;
z-index: 0 !important;
}

#times li{
padding: 5px;
list-style: none;
font-family: arial;
font-size: 11px;
font-weight: bold;
margin-left: 0px;
height: 45px !important;
background: url(img/ticketing/grid-horizontal-border.png) no-repeat 50px 11px !important;
}

#times-quarters li{
padding: 5px;
list-style: none;
font-family: arial;
font-size: 11px;
font-weight: bold;
margin-left: 0px;
margin-bottom: 39px;
height: 51px !important;
background: url(img/ticketing/grid-horizontal-border2.png) no-repeat 50px 11px !important;
}

#times-quarters .last{
height: 10px !important;	
}

/* Safari 3.0 en Webkit browser hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#times{
margin-top: 40px !important;	
}

#times-quarters{
margin-top: 53px !important;	
}

.ticketing_tab_nonactive, .ticketing_tab_active, .ticketing_tab_active_login{
padding-top: 4px;
}

.ticketing_tab_nonactive{
padding-bottom: 6px;
}

#times{
margin-top: 53px !important;
}

.frontpage_item_image{
padding-bottom: 9px;	
}

}