pre { margin-bottom: 1em; }

    

.jscom, .mix htcom   { color: #4040c2; }

.com      { color: green; }

.regexp   { color: maroon; }

.string   { color: teal; }

.keywords { color: blue; }

.global   { color: #008; }

.numbers  { color: #880; }

.comm     { color: green; }

.tag      { color: blue; }

.entity   { color: blue; }

.string   { color: teal; }

.aname    { color: maroon; }

.avalue   { color: maroon; }

.jquery   { color: #00a; }

.plugin   { color: red; }

li { list-style-type: none; }
.basic, #list2, #list3, #navigation { }

#log { position:fixed; bottom: 0; right:1em; text-align:right; }
#switch { position: fixed; bottom: 0; right: 15em; }

#header {
       margin: 0px;
       padding: 0px;
       background: url('/static/images/header3.png');
       width: 1030px;
       height: 227px;
}


.basic  {
	width: 270px;      
}

.basic div {
	background-color: #fff;
	width: 270px;
}

.basic span {
	margin-bottom : 10px;
	border: none;
	margin: 0px;

        margin-bottom: 5px;
}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 10px;

}

.basic .agenda a {
        margin-top: 2px;
        padding-top: 4px;
        color: #fff;
	cursor:pointer;
	display:block;
	text-decoration: none;
        text-transform: uppercase;
    font-family: arial;
font-weight:900;
text-align: center;
}
.basic a:hover {
	color: ffffff;
	background-color: white;
}

.basic a.selected {
	color: black;
}

#list1 {
	height: 270px;
	overflow: hidden;
}
#list2 .red {
	color: red;
	background-color: red;
}
#list2 .green {
	color: green;
	background-color: green;
}
#list2 .blue {
	color: blue;
	background-color: blue;
}
#list2 dd { height: 130px; overflow: hidden; }

#list3 { border: 1px solid #111; }
#list3 div.selected .title { font-weight: bold; }

#list3 div div {
	border-left:8px solid #6699CC;
	padding: 5px;
}
#list3 div.title {
	border: 1px solid #3366AA;
	background-color: #6699CC;
	padding: 10px;
	cursor: pointer;
}
#list3 div.selected {
	border-bottom: none;
}

#navigation {
	border:1px solid #5263AB;
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:#E2E2E2;
	width:960px;
}
#navigation a.head {
	cursor:pointer;
	border:1px solid #CCCCCC;
	background:#5263AB;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-decoration: none;
}
#navigation a.head:hover {
	color:#FFFF99;
}
#navigation a.selected {

}

#navigation a.current {

	background-color:#FFFF99;

}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation li {
	list-style:none outside none; display:inline;
}
#navigation li li a {
	color:#000000;
	display:block;
	text-indent:10px;
	text-decoration: none;
}
#navigation li li a:hover {
	background-color:#FFFF99;
	color:#FF0000;
}



#wizard {

	width: 200px;

	border: 1px solid black;

}

#wizard .title {

	background-color:#DDDDDD;

}

@media print {
	.basic div, #navigation ul, #list2 dd, #list3 div{
		display: block!important;
		height: auto!important
	}
}

.agenda {
    width: 270px;
    height: 20px;
    font-size: 15px;
font-weight:900;
    color: #ffffff;
    text-align: center;
}

 
#agenda1 {
    background-color: #273589;
    width: 270px;
    height: 26px;
}

#agenda2 {
    background-color: #1b4393;
    width: 270px;
    height: 26px;
}

#agenda3 {
    background-color: #1e509b;
    width: 270px;
    height: 26px;
}

#agenda4 {
    background-color: #2471a1;
    width: 270px;
    height: 26px;
}

#agenda5 {
    background-color: #2f775f;
    width: 270px;
    height: 26px;
}

#agenda6 {
    background-color: #7f9f40;
    width: 270px;
    height: 26px;
}

#agenda7 {
    background-color: #e0be39;
    width: 270px;
    height: 26px;
}

#agenda8 {
    background-color: #db8734;
    width: 270px;
    height: 26px;
}

#agenda9 {
    background-color: #da6c3e;
    width: 270px;
    height: 26px;
}

#agenda10 {
    background-color: #d5522c;
    width: 270px;
    height: 26px;
}

#agenda11 {
    background-color: #c44549;
    width: 270px;
    height: 26px;
}

#agenda12 {
    background-color: #632d69;
    width: 270px;
    height: 26px;
}
#agenda13 {
    background-color: #e0be39;
    width: 270px;
    height: 26px;
}

a {
  color: #000;
}

	/* ** STYLES FOR CROSSFADER ** */

	#crossfader {
		position: relative;
		top: 0px;
		left: 0px;
		width: 456px;
		height: 292px;
	}

	ul#portfolio li {
		position: absolute;
		top:0px;
		left:0px;
		list-style-type: none;
		width: 456px;
		height: 292px;
		border: 1px solid #000;
	}

	ul#portfolio li img {
		position: absolute;
		top:0px;
		left:0px;
	}

	ul#portfolio li span {
		position: absolute;
		top:190px;
		left:8px;
		font-weight: bold;
		font-size:16px;
		width: 350px;
		color: #0892d9;
	}

	ul#portfolio li cite {
		position: absolute;
		top:210px;
		left:8px;
		width: 350px;
		color: #000;
		font-style: normal;
		font-size: 11px;
	}

	ul#portfolio li a, ul#portfolio li a h3 {
		text-decoration: none;
	}

	ul#preview   {
		margin:0;
		padding:0;
		position: absolute;
		border: 0px solid #000;
		left: 366px;
		top:15px;
		width: 75px
		height: 285px;
		list-style-type: none;
		z-index: 10;
	}

	ul#preview li  {
		padding: 0;
		margin: 0 0 4px 0;
		list-style-type: none;
	}

	ul#preview li a img{
		border: 2px solid #0892d9;
	}

	ul#preview li a:hover img {
		border: 2px solid #fff;
	}

	#portfolio .wittebalk {
		position: absolute;
		top:185px;
		left:1px;
		width:455px;
		height: 77px;
		background: #fff;
		-moz-opacity:0.8;filter:alpha(opacity='80');opacity:0.8;
	}

        .teaser {
               color: #ffffff;
        }
    
/* CSS for the box starts here */
.box {
	padding:0 6px 0 0;

}
.bi {
	padding:0 0 0 6px;

}
.bt {
	height:6px;
	margin:0 6px;
	background: #02aec6 url(http://events.bnn.nl/static/images/box.png) 100% 0 no-repeat;
}
.bt div {
	width:18px;
	height:17px;
	background: #02aec6 url(http://events.bnn.nl/static/images/box.png) 0 0 no-repeat;
}
.bb {
	height:17px;
	margin:0 -6px;
	background: #02aec6 url(http://events.bnn.nl/static/images/box.png) 100% 100% no-repeat;
}
.bb div {
	width:18px;
	height:17px;
	background: #02aec6 url(http://events.bnn.nl/static/images/box.png) 0 100% no-repeat;
}

.innerweblog
{ background-color: #ffffff; text-align: center; height: 22px; width: 96%; padding-top: 7px; margin-left: 10px; color: #000000; margin-top: 10px; font-size: 15px; text-transform: uppercase;}

.footerweblog
{ background-color: #ffffff; text-align: center; height: 14px; width: 96%; padding-top: 5px; margin-left: 10px; color: #000000; margin-top: 10px;  font-size: 11px; text-align: left;}

.outerweblog 
{ margin: 10px; padding-top: 5px; background-color: #02aec6; margin-left: 0px; color: #fff; width: 448px; padding: 5px;}


.outerweblog img{
   margin-right: 8px;
   float: left;
}


#bloem {
     position: absolute;
     top: -120px;
     left: -20px;
}

 .grid_6 {
 margin-left: -20px;
}

a {
color: #ffffff;
}

#postit_top {
  background:  url('/static/images/postittop.png');
  width: 270px;
  height: 37px;
}
#postit_center {
  background:  url('/static/images/postitcenter.png');
  width: 270px;
  color: #000000;
  
}
#postit_bottom {
  background:  url('/static/images/postitbottom.png');
  width: 270px;
  height: 13px;
}

#postit_center a {
  color: #000000;
}

.innerblok {
  margin-left: 15px;
  margin-right: 15px;
}


#logos_boven {
    background: url('/static/images/logos_boven.png');
    width: 148px;
    height: 21px;
}

#logos_midden {
    background: url('/static/images/logos_midden.png');
    width: 148px;
  }


#logos_onder {
    background: url('/static/images/logos_onder.png');
    width: 148px;
    height: 21px;
}

#innerlogo {
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 14px;
   padding-right: 14px;
   color: #fff;
}

#nav {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	text-align:left;	
	width: 961px;
	background: transparent url('/static/v2/images/events_menu2.png') top left repeat-x;
}

#nav li span { display: none; }

#nav li { float:left; list-style:none; position:relative; }

#nav li, #nav a { 
	height:69px;	/* Each button must have the same height, define it here */
	display:block;
	margin:0 0 0 5px;
	padding:0;
	}

#nav li#bnn { width:86px;}
#nav li#home { width:86px; margin-left: 16px; }
#nav li#video{ width:95px; margin-left: 8px; }
#nav li#sensation{ width:86px; margin-left: 20px}
#nav li#extrema{ width:86px; }
#nav li#solar{ width:86px;}
#nav li#mysteryland{ width:86px; }
#nav li#seen{ width:86px;}
#nav li#thatslive{ width:86px; }
#nav li#thesenseofdance{ width:86px;}
#nav li#stateawards{ width:86px; }


#nav {
	margin:0;
	padding:85px 0 0 420px;
}
#nav li {
	width:86px;
	height:69px;
	list-style:none;
	float:left;
	border:#000 solid 0px;
}

#nav li a {
 display: block;
height: 69px;
width86px;
}
#nav li a span {
	display:none
}

#nav a:link, #nav a:visited {
width: 86px;
height: 69px;
padding: 0;
}

#nav a:hover {
background: transparent;
}

.grid_8 h1 {
color: white;
font-size: 16px;
padding:13px 0 0 15px;
}

.grid_4 h1 {
color: white;
font-size: 16px;
padding:13px;
text-align: center;
}


h1, p {
padding-bottom: 0px;
}

.vidblock2.small a {
text-decoration: none;
font-size: 11px;
}

.vidblock2.small {
padding: 10px;
}

.vidblock2.small p {
font-size: 11px;
margin: 3px 3px;
}
.inner.box{
color:#ffffff;
clear: both;
}

.views, #videoVotingStars, .social {
float: left;
}
.social {
float: right;
}

#videoVotingStars {
margin-left: 40px;
}

#videoCommentForm center, #videoCommentForm div{

background:#2A3000 none repeat scroll 0 0;
color:#FFFFFF;
height:100px;
margin:40px;
}

#videoCommentSubmit {
height: 20px;
}

.grid_6 {
margin-left: -30px;
}

.grid_2 {
margin-left: 20px;
}