/* 
December 2008
Door : Koen Haarbosch  |  Bit Squad
*/

/* --------------------------------------------- // -------- ALGEMENE SITE */

*
{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	padding: 0; 
	margin: 0;
	border: 0;
}

a:link { color: #000000; text-decoration: underline; } /*  niet bezochte link */
a:hover  { color: #000000; text-decoration: none;} /*  roll over  */

body 
{
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 100%; /* font-size wordt op 100% van de browser instellingen van de gebruiker gezet, deze grootte wordt dus overgenomen */
  	background: #FFFFFF;
}

.clear 
{
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0; 
	padding: 0;
	background: transparent;
}

#wrapper 
{
	width: 995px;
	margin-left: auto; 
	margin-right: auto;
	padding: 0;
	text-align: left;

}

/* --------------------------------------------- // -------- Instellen Fonts */
#sitewidemenu, #footer, #dienstregeling {
	font-size: 0.7em;	
}
#content {
	font-size: 0.75em;	
}
noscript {
	font-size: 0.9em;	
}
#menu, #blogList span, .rss_uitinbrabant {
	font-size: 0.9em;	
}

/* --------------------------------------------- // -------- Site Wide Menu */
#sitewidemenu {
	float: left;
	width: 990px;
	padding: 15px 5px 15px 0;
	text-align: right;
	background: #FFFFFF url(../_images/bgSiteWideMenu.gif) no-repeat bottom left;	
}

#sitewidemenu a {
	color: #666666;	
	padding: 0 10px 0 0;
	margin: 0 0 0 10px;
	background: #FFFFFF url(../_images/stripeSiteWideMenu.gif) no-repeat right 4px;
}
#sitewidemenu a.last {
	background: #FFFFFF;	
}

a#kleineLetters { font-size: 0.8em; padding:0; }
a#middenLetters { padding:0; margin: 0 0 0 5px; }
a#groteLetters { font-size: 1.2em; padding:0; margin: 0 0 0 5px; }

/* --------------------------------------------- // -------- Header */

#header {
	float: left;
	width: 995px;
	height: 120px;
	background: #050833 url(../_images/visualTopBorder.gif) no-repeat right bottom;	
}
#header img.logoNachtnet 
{
	float: left;
	margin: 17px 0 0 26px;
}
#header img.payOff 
{
	float: right;
	margin: 30px 18px 0 0;
}
#header_temp {
	width: 100%;	
	height: 200px;
	text-align: right;
	margin-top: 400px;
	background: #050833;
}
#header_temp img {
	margin: 100px 100px 0 0;	
}
#visual {
	float: left;
	width: 995px;
	height: 188px;
	background: #000;
}

/* --------------------------------------------- // -------- Tab menu */
#tabContainer {
	float: left;
	position: relative;
	background: #CCCCCC;
	z-index: 9999;
}
#tabContainer2 {
	display: block;
	width: 500px;
	height: 28px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
}
#tab 
{
	float: left;
	width: 500px;
	height: 28px;
	margin: 157px 0 0 0;
	padding: 0 0 0 125px;
	text-align: right;

}

#tab a {
	margin: 0 5px 0 0;
	padding: 0;
}
#tab a img 
{
	filter: alpha(opacity=70); /* for IE5-7 */
	opacity: .7; /* for all other browsers */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* for IE8 */
}

#tab a:hover img, #tab a.TrueOpen img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* --------------------------------------------- // -------- Column Container */

#columnContainer {
	float: left;
	width: 995px;
	background: #FFFFFF url(../_images/bgColumnContainer.gif) repeat-x 0px 0px;	
}

/* --------------------------------------------- // -------- Column Left */

#colLeft {
	float: left;
	width: 190px;
	padding: 13px 0 0 14px;
}

/* --------------------------------------------- // -------- Menu */
#menu {
	float: left;
	width: 190px;
	margin: 20px 0 0 0;
}

#menu ul {
	float: left;
	list-style: none;
	width: 190px;
	padding: 0;
	margin: 0;
}

#menu ul li {
	float: left;
	width: 190px;
	padding: 0;
	margin: 0;
}

#menu ul li a {
	float: left;
	width: 150px;
	color: #050833;
	font-weight: bold;
	padding: 8px 5px 8px 30px;
	background: #FFFFFF url(../_images/iconMenuItem.gif) no-repeat 12px 13px;
	text-decoration: none;
	border-bottom: solid 1px #cdced6;
}
#menu ul li a:hover
{
	background-color: #e6e6ea;
}

#menu ul li a.TrueOpen, #menu ul li a.TrueOpen:hover 
{
	color: #fff;
	background: #050833 url(../_images/iconMenuItem_over.gif) no-repeat 12px 13px;
}

#menu ul li a.inactive, #menu ul li a.inactive:hover  
{
	color: #ccc;
	background: #FFFFFF url(../_images/iconMenuItem_inactive.gif) no-repeat 12px 13px;
}


/* submenu */
/*
#menu ul li ul 
{
	float: left;
	margin: 0;
	padding: 0;
	background: #FF0000;
	display: none;
}

#menu ul li ul li a, #menu ul li.TrueOpen ul li a {
	float: left;
	width: 145px;
	font-size: 0.8em;
	color: #666666;
	font-weight: normal;
	padding: 5px 5px 5px 35px;
	background: #f8f8f8 url(../_images/iconSubMenuItem.gif) no-repeat 22px 13px;

	text-decoration: none;
	border-bottom: solid 1px #dfdfdf;
}
#menu ul li ul li a:hover, #menu ul li ul li.True a {
	background-color: #f1f1f1;
	
}
*/
/* --------------------------------------------- // -------- Dienstregeling */
img.kaart 
{
	float: left; 
	margin: 0 0 15px 0;
}

.tab 
{
	float:left;
	width: 380px;
	height: 27px;
	padding: 0;
	
	border-bottom: solid 1px #fff;
	background: #050833;
	cursor: pointer;
	
}
.tab:hover 
{
	background: #ffcc33;
}
.tab span.title
{
	float:left;
	width: 306px;
	height: 25px;
	color: #fff;
	font-size: 0.9em;
	padding: 2px 0 0 10px;
	text-decoration: none;
}

.tab:hover span.title 
{
	color: #050833;
}
.tab span.arrow 
{
	float: right;
	width: 64px;
	height: 27px;
	background: #050833 url(../_images/dienstregeling/arrowShowLink.gif) no-repeat 0 0;
}

.tab:hover span.arrow 
{
	background: #ffcc33 url(../_images/dienstregeling/arrowShowLink_over.gif) no-repeat 0 0;
}

#table01, #table02, #table03, #table04, #table05, #table06 
{
	float: left;
	display: none;
	width: 100%;
	background: #f1f1f1;
}
#table01 img, #table02 img, #table03 img #table04 img, #table05 img, #table06 img 
{
	margin: 10px 0 0 10px;
}
/* --------------------------------------------- // -------- Search */
#search {
	float: left;
	width: 190px;
	padding: 15px 0 0 0;
}

.searchBox 
{
	float: left;
	width: 150px;
	font-size: 0.7em;
	padding: 3px 5px 3px 5px;
	border-top: solid 1px #808080;
	border-left: solid 1px #808080;
	border-right: solid 1px #d4d0c8;
	border-bottom: solid 1px #d4d0c8;
	color: #999999;
}

#search a
{
	float: left;
	margin: 0;
}
/* --------------------------------------------- // -------- Column Middle */

#colMiddle {
	float: left;
	width: 402px;
	padding: 20px 10px 0 10px;
}
/* --------------------------------------------- // -------- Content */
#content 
{
	float: left;
	width: 402px;
	padding: 5px 0 40px 0;
	line-height: 1.6em;
	color: #050833;
}

#content h1 { margin: 0 0 8px 10px; font-size: 1.6em; color: #cc0000; }
#content h2 { margin-bottom: 20px; font-size: 1.4em; }
#content h3 { margin-bottom: 20px; font-size: 1.2em; }
#content h1 span {font-size: 0.7em; margin-left: 20px;}
#content h1 span span {font-size: 1.2em; color: #050833; margin: 0 5px 0 5px;}

#content a 
{
	color: #000;

}

#content p {
	margin: 10px 0 20px 0;
}

#content ul 
{
	list-style: none;
	margin: 10px 0 10px 5px;
}

#content ul li
{
	padding: 0 0 0 10px;
	background: url(../_images/iconListItem.gif) no-repeat 0 6px;
}
#content li ul li
{
	margin: 0 0 0 10px;
}

.contentContainer 
{
	float: left;
	width: 382px;
	padding: 10px 10px 0 10px;
	margin: 17px 0 40px 0;
	background: #FFFFFF;
}

.contentContainer img.blogTeaser 
{
	float: right;
	margin: 0 0 10px 10px;
	border: solid 1px #ccc;
}
.contentContainer img.logo_uit 
{
	float: right;
	margin: -30px 0 0 0;
}

.contentContainer p.dateLocation 
{
	font-weight: bold;
}
#content .contentContainer span a 
{
	float: left;
	color: #666;
	padding: 2px 0 2px 27px;
	margin: 0 0 18px 10px;
}
.contentContainer span a.print { background: #fff url(../_images/iconPrint.gif) no-repeat 0 2px; margin-left: 0; }
.contentContainer span a.download { background: #fff url(../_images/icon_pdf.gif) no-repeat 0 3px; margin: 0 0 0 20px; }
.contentContainer p.payoff 
{
	float: left;
	width: 382px;
	margin: 5px 0 0 0;
	background: #FFFFFF url(../_images/imgPayoff.gif) no-repeat right 6px;
	}

#content a.linkBackToTop 
{
	float: left;
	width: 95%;
	
	text-align: right;
	color: #ced1e0;
	font-size: 0.9em;
	text-decoration: none;
	padding: 0 15px 1px 0;
	margin: 5px 0 20px 0;
	background: url(../_images/arrowBackToTop.gif) no-repeat right 10px;
	border-bottom: solid 1px #ced1e0;
	
}
#content a.linkBackToTop:hover 
{
	color: #666;
	border-bottom: solid 1px #666;
}
/* --------------------------------------------- // -------- Blog */
#blogList {
	float: left;
	width: 402px;
}
#selectBlogList 
{
	float: left;
	width: 402px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: solid 1px #CCCCCC;
}
#selectBlogList div 
{
	float: right;
	color: #666;
	font-size: 0.9em;
	padding: 0 15px 0 0;
}
#selectBlogList .ddlSteden {
	float: right;
	width: 180px;
	padding: 2px 0px 2px 5px;
	border-top: solid 1px #808080;
	border-left: solid 1px #808080;
	border-right: solid 1px #d4d0c8;
	border-bottom: solid 1px #d4d0c8;
	font-size: 0.9em;
	color: #000;
	background: #ccc;
}

#blogList span {
	float: left;
	width: 402px;
	color: #999999;
	text-align: right;
	margin: 5px 0 20px 0;
	border-bottom: solid 1px #CCCCCC;
}
#blogList dl {
	float: left;
	width: 402px;
	color: #050833;
	line-height: 1.4em;
}
#blogList dt {
	font-size: 1.4em;
	color: #cc0000;
	margin: 0 0 5px 0;
}
#blogList dd 
{
	font-size: 0.9em;
}
#blogList dd p 
{
	font-weight: bold;
	margin: 0 0 10px 0;
}
#blogList dd a.readMore
{
	padding: 0 0 0 12px;
	background: url(../_images/arrowReadMoreRed.gif) no-repeat 0 4px;
}
#blogList div img {
	float: right;
	border: solid 1px #CCC;	
	margin: 0 0 0 15px;
}
#blogFooter {
	float: left;
	width: 270px;
	padding: 20px 0 20px 132px;
}
#blogFooter a {
	margin: 0 0 0 15px;	
	float: left;
	color: #999;
	text-decoration: none;
}
#blogFooter a:hover 
{
	text-decoration: underline;
	color: #666;
}
#blogFooter a.active 
{
	color: #cc0000;
	font-size: 1.2em;
	font-weight: bold;
}
#blogFooter a.previous {
	/* float: left; */
	width: 8px;
	height: 13px;
	margin: 4px 15px 0 0;
	background: url(../_images/arrowPreviousSmall.gif) no-repeat 0 0;
}
#blogFooter a.previous:hover {
	background: #FFFFFF url(../_images/arrowPreviousSmall_over.gif) no-repeat 0 0;
}

#blogFooter a.next {
	/* float: left; */
	width: 8px;
	height: 13px;
	margin: 4px 0 0 30px;
	background: url(../_images/arrowNextSmall.gif) no-repeat 0 0;
}
#blogFooter a.next:hover {
	background: #FFFFFF url(../_images/arrowNextSmall_over.gif) no-repeat 0 0;
}

#blogRss 
{
	text-align: right;
	margin: 0 0 20px 0;
}
#blogRss a 
{
	margin: 0 0 0 5px;	
}

/* --------------------------------------------- // -------- Column Right */

#colRight {
	float: left;
	width: 356px;
	padding: 0 13px 0 0;
}
/* --------------------------------------------- // -------- NS Reisplanner */
#NSreisplanner {
	float: left;
	position: relative;
	background: #CCCCCC;
	z-index: 500;
}
#NSWidgetContainer {
	display: block;
	width: 356px;
	height: 353px;
	padding: 0;
	margin: 0;
	position: absolute;
	
	top: -180px;
	left: 0;
}

#NSreisplanner img {
	float: left;
}

#NSWidget {
	float: left;
	width: 350px;
	height: 320px;
	padding: 0;
	margin: 0;
	border-left: solid 3px #FFFFFF;
	border-right: solid 3px #FFFFFF;
	background: #CCCCCC;
}

#NSWidget noscript {
	display: block;
	padding: 0 20px 0 20px;	
}
#NSWidget noscript h3 {
	margin: 20px 0 20px 0;	
}
/* --------------------------------------------- // -------- Banners */
#banners {
	float: left;
	width: 353px;
	padding: 160px 0 0 3px;
}

#banners noscript 
{
	padding: 0;
}

#banners a 
{
	display:block;
	margin-bottom:15px;

}
#banners a.gefilmt_banner 
{
	width: 348px;
	height: 60px;
	background: url(../_images/banners/banner_ben_jij_gefilmt_op2.gif) no-repeat 0 0;
}
#banners a.gefilmt_banner:hover
{
	background: url(../_images/banners/banner_ben_jij_gefilmt_op2_over.gif) no-repeat 0 0;
}
/* --------------------------------------------- // -------- Footer */
#footer {
	float: left;
	width: 356px;
	margin: 50px 0 50px 0;
	padding: 5px 0 0 0;
	text-align: right;	
	border-top: solid 1px #ced1e0;
	background: #FFFFFF;
}
#footer a {
	color: #050833;
	padding: 0 10px 0 0;
}
#footer span 
{
	margin: 0 10px 0 10px;
}
#footer a.last {
	background: #FFFFFF;
}
/* --------------------------------------------- // -------- Toolbox */

.toolboxExamples {
	float: left;
	width: 365px;
	border: solid 1px #CCCCCC;
	padding: 10px 8px 15px 7px;
	margin: 0 0 20px 0; 
	background: #fff;
}
.toolboxExamples ul#toolbox, .toolboxExamples ul li { list-style: none; }
.toolboxExamples ul#toolbox li 
{
	float: left;
	width: 330px;
	
	padding:  3px 0 3px 25px;
	background: #fff url(../_images/toolbox/icon_zip.gif) no-repeat 0 2px;

}
.toolboxExamples ul#toolbox li.total 
{
	font-weight: bold;
	margin: 20px 0 0 0;
	padding-top: 20px;
	border-top: solid 1px #d5d5d5;
	background: url(../_images/toolbox/icon_zip.gif) no-repeat 0 20px;
}
.toolboxExamples ul#toolbox li a 
{
	color: #666666;
	
	} 
.toolboxExamples ul#toolbox li a span 
{
	text-decoration: none;
	padding: 0 0 0 10px;
	color: #999;	
}


/* --------------------------------------------- // -------- Sitemap */

ul#sitemap 
{
	list-style: none;
	margin: 0 0 10px 5px;
}

ul#sitemap li
{
	padding: 0 0 0 10px;
	background: url(../_images/iconListItem.gif) no-repeat 0 10px;
}
ul#sitemap li ul li
{
	margin: 0 0 0 10px;
}

#content ul#sitemap a 
{
	text-decoration: underline;
	border: none;	
}
#content ul#sitemap a:hover
{
	text-decoration: none;
}
/* --------------------------------------------- // -------- List: o.a. Zoekresultaat */

#list dl 
{
	float: left;
	margin: 0 0 20px 0;
}


#list dl dt 
{

	font-weight: bold;
	margin: 0 0 10px 0;
}

#list dl dd
{
	
	font-weight: normal;
	margin: 5px 0 5px 0;	
}



/* --------------------------------------------- // -------- Paging */

#paging {
	float: left;
	width: 90%;
	padding: 0;
	margin: 20px 0 30px 0;
}
#paging ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#paging ul li {
	float: left;
	background: none;
}
#paging ul li a 
{
	
	display: block;
	border-bottom: solid 3px #050833;
	margin-right: 10px;
	padding: 0 3px 2px 3px;
	text-decoration: none;
}
#paging ul li a:hover {
	color: #000000;
	border-bottom: solid 3px #666666;
}
#paging ul li a.active {
	color: #666666;
	font-weight: bold;
	border-bottom: solid 3px #050833;
	text-decoration: none;
}


/* --------------------------------------------- // -------- Forms */

#formContainer 
{
	float:left;
	width: 90%;
}
/*
.txtBox, .txtBox2, .txtBoxLarge 
{
	width: 90%;
	padding: 2px;
	margin: 0 0 10px 0;
	border: solid 1px #CCCCCC;
}
*/
#formContainer label 
{
	color: #666;
	font-weight: bold;
	margin: 0 12px 3px 12px;
}

.txtBox, .txtBox2, .txtBoxLarge 
{
	width: 343px;
	color: #000033;
	padding: 4px 5px 3px 25px;
	margin: 0 0 18px 0;
	background: #fff url(../_images/forms/bg_input.gif) no-repeat 0 0;
	border-top: solid 2px #7f7f7f;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 2px #7f7f7f;

}
.txtBoxLarge 
{
	font-size: 1em;
	height: 130px;
	background: #fff url(../_images/forms/bg_input_large.gif) no-repeat 0 0;
}

.txtBox2 {

	color: #000033;
}
.button 
{
	font-weight: bold;
	color: #000033;
	cursor: pointer;
	padding: 0 0 0 10px;
	margin-left: 10px;
	text-decoration: none;
	background: #fff url(../_images/forms/arrow_button.gif) no-repeat 0 2px;
}
.button_margin
{
	font-weight: bold;
	color: #666;
	cursor: pointer;
	border: solid 2px #CCCCCC;
	background: #FFFFFF;
	margin: 10px 0 10px 0;
}
table.optGeslacht 
{

	}
table.optGeslacht tr td 
{
	float: left;	
	padding: 0 0 0 10px;
}
p.verplicht 
{
	padding: 30px 0 0 10px;
}
.message  
{
	float: left;
	width: 90%;
	color: #CC0000;
	border: solid 2px #CC0000;
	padding: 5px;
	margin: 20px 0 20px 0;
}
.message ul
{
	margin: 10px 0 0 20px;	
}

/* --------------------------------------------- // -------- Preload */

#preload {
	position:absolute;
	margin-left: -5000px;
}



/* --- RSS uit in brabant blog */
#blogList .rss_uitinbrabant span, #blogList .rss_uitinbrabant a
{
	display: block;
	border: none;
	margin:0;
	padding:0;
	text-align: left;
}

.rss_uitinbrabant 
{
	float: left;
	width: 400px;
	border: solid 1px #ccc;
	border-top: none;
	background: #f4f4f4;
	padding: 0 0 15px 0;
	margin: 0 0 25px 0;
	background: url(../_images/logo_uit_2.gif) no-repeat right bottom;
}

#blogList .rss_uitinbrabant a 
{
	float: left;
	width: 300px;
	margin: 0 0 5px 12px;
	padding: 0 0 0 12px;
	font-size: 1.1em;
	background: url(../_images/arrowReadMoreRed.gif) no-repeat 0 6px;
}



/* Verborgen linkjes geen background (arrow) image meegeven om snelheid van laden te bevorderen */
#blogList .rss_uitinbrabant #neverShow a 
{
	background: none;
}

h2.rss_header img
{
	float: left;
}
.rss_uitinbrabant h3 
{
	text-align: right;
	font-size: 0.7em;
	color: #fff;
	padding: 0 12px 0 0px;
	background: #ccc;
	
}

a#showAllRssItems 
{
	display: block;
	cursor: pointer;
	text-decoration: underline;
	color: #cc0000;

}


/* Add2Any knop in nieuwsbrichten */
a.a2a_dd
{
	float: right;
	margin: 20px 0 0 0;
}