.IEfix {
	position: relative; }

* { font-family: Arial, Helvetica, sans-serif; }

html { height: auto; }

body { 
	background: black center repeat-y; 
	color: white;
	height: auto; 
	line-height: 15px;
	font-size: 11px; }

table, img { border: 0; }
td, th { vertical-align: top; font-size: 11px; }
th { font-weight: normal; text-align: left; }
label { cursor: pointer; }
p { margin: 0 0 15px 0; }
ul, ol { margin: 0 0 15px 0; }
form { display: inline; }
a { color: #00adef; text-decoration: none; }
a:hover { color: #00adef; text-decoration: underline; }
h1 { font-size: 13px; color: #00adef; margin: 0 0 0 0; }
h2 { font-size: 11px; color: #00adef; margin: 0 0 15px 0; }
h3, h4 { font-size: 11px; color: #00adef; margin: 0; }
h5, h6 { font-size: 11px; margin: 0; }
hr { clear: both; border: 0; height: 1px; color: #fff; background-color: #fff; }
.hidden { display: none; }
.blue { color: #00adef; }
.yellow { color: yellow; }
.past { text-decoration: line-through; }

#container { 
	position: relative;
	width: 995px;
	min-height: 730px;
	height: auto !important;
	height: 730px;
	margin: 0 auto; }

.bg_ { background: black url(../_img/bg_home.png) repeat; }
.bg_nieuws { background: black url(../_img/bg_nieuws.png) repeat-y 0 50px; }
.bg_steden { background: black url(../_img/bg_beeld.png) repeat-y 0 50px; }
.bg_contact { background: black url(../_img/bg_contact.png) repeat-y 0 50px; }
.bg_info { background: black url(../_img/bg_info.png) repeat-y 0 50px; }
.bg_media { background: black url(../_img/bg_media.png) repeat-y 0 50px; }
.bg_aanmelden { background: black url(../_img/bg_aanmelden.png) repeat-y 0 50px; }
.bg_beeld { background: black url(../_img/bg_beeld.png) repeat-y 0 50px; }
.bg_afmelden { background: black url(../_img/bg_nieuws.png) repeat-y 0 50px; }

#header { 
	position: absolute; 
	width: 995px; 
	z-index: 1;
	border: 1px solid white; }
	
#logo { position: absolute; top: -2px; left: 0; z-index: 4; width: 165px; height: 125px; }
#logo a { display: block; width: 165px; height: 125px; background: url(/2009/_img/logo_popronde.png) no-repeat; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/2009/_img/logo_popronde.png', sizingMethod='fixed'); cursor: pointer; }
#logo img { width: 165px; height: 125px; }
#nav1 { position: absolute; left: 150px; z-index: 12; top: 0px; width: 845px; height: 40px; padding-top: 4px; background: black; }
#navTitel { position: relative; left: 150px; z-index: 11; top: 0px; width: 845px; height: 30px; padding-top: 44px; background: black; color: yellow; font-family: "Helvetica Neue", Arial; font-size: 18px; padding-left: 10px; }
#navTitel .submenu { color:#0099ff;}

#kolomNieuws {
	width: 137px;
	height: 100%;
	padding: 50px 5px 0 8px;
	background: white;
	color: black;
	float: left; }

#kolomNieuws hr {
	background: black;
	margin: 10px 0; }

#kolomNieuws #sponsors {
	font-size: 9px; }

#sponsors img {	margin: 4px auto; vertical-align: top; }

#kolomMain {
	width: 845px;
	height: 100%;
	height: auto;
	padding-top: 0px;  
	float: right; }

#kolom1 {
	width: 280px;
	padding: 10px;
	padding-bottom: 15px;
	height: auto;
	float: left; }

#kolom2 {
	width: 280px;
	padding: 10px;
	height: auto;
	float: left; }

#kolom12 {
	width: 580px;
	padding: 10px 10px 10px 10px;
	height: auto;
	padding-bottom: 15px;
	float: left; }

#kolom3 {
	width: 225px;
	padding: 10px 10px 10px 10px;
	height: auto;
	float: right; }

#kolom3 img {
	width: 225px;
	text-align: right; }

#fotoKolom3 {
	width: 225px;
	height: 340px;
	margin-bottom: 10px; }

.blackOverlay {
	background: url(/2009/_img/bg.png) repeat; 
	_background-image: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/2009/_img/bg.png', sizingMethod='scale'); }
/*
.blackOverlay {
 	background: black;
 	filter:alpha(opacity=90);
 	opacity: 0.9; }
*/

.whiteOverlay { 
	background: white;
	color: black; }

/* HOME */
.home { 
	margin-top: 40px; }
	
.popronde_label {
	margin: 10px 0px 10px 30px; }

.selectie_label {
	margin: 0 -10px 30px 0; }

#kolom1 .titel {
	color: yellow;
	font-weight: bold; }

#nieuwsbrief {
	width: 205px;
	height: auto;
	background: black;
	padding: 10px;
	margin: 5px 0; }	

#nieuwsbrief .submit {
	background: black;
	color: white;
	padding: 0 5px;
	cursor: pointer; }
	
#enquete {
	width: 205px;
	height: auto;
	background: black;
	padding: 10px;
	margin: 10px 0; }	

a.activeCityHome {
	 color: yellow; }

a.inActiveCityHome, a.inActiveCityHome:hover {
	 color: yellow;
	 cursor: text;
	 text-decoration: none; }

/* BAND POP UP */
	
#popup {
	position: fixed;
	margin: 30px auto 0 300px;
	width: 370px;
	height: 500px;
	padding: 10px;
	background: url(../_img/bg_home.png) repeat;
	border: 2px solid white;
	z-index: 70;
	outline: none;
	-moz-box-shadow: 0px 0px 15px #CCC;
	-webkit-box-shadow: 0px 0px 15px #CCC;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; }

#popupContent {
	overflow: scroll;
	width: 350px;
	height: 480px;
	padding: 10px;
	background: url(/2009/_img/bg.png) repeat; 
	outline: none;
	_background-image: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/2009/_img/bg.png', sizingMethod='scale'); }

#popupContent p  { margin: 0px; }	
#popupContent h1 { color: #00adef; font-size: 18px; display: block; width: 280px; }	
#popupContent h2 { color: yellow; margin-top: 20px; margin-bottom: 0px; }	
	
/* NIEUWS */

.nieuws h1, .nieuws a, .nieuws a:hover {
	color: yellow;
	font-size: 12px; }

.nieuws hr {
 	margin: 50px 0 10px; }

.interneLink { 
	font-size: 11px !important;
	color: #00adef !important; }

/* STEDEN */
table.steden { width: 100%; }
table.steden a { font-weight: bold; }
table.steden hr { border-bottom: 1px solid black; margin: 0; padding: 0; }
table.steden td { padding: 1px 0; }
td.showTime { width: 58px; }
td.artiest { width: 218px; }
td.locatie { width: 233px; }
td.numberOnMap { width: 15px; }

.steden h1, .steden h2 { font-weight: bold; }
table.sponsors { width: 100%; margin-top: 20px; }
table.sponsors td { text-align: center; padding: 10px; }

/* INFO */
.info h1 { color: yellow; }
.info table .kolom1 { width: 150px; padding-right: 20px; }
.info table .cd { width: 350px; padding-right: 20px;	}

#lightbox a {
	display: inline-block;
	width: 75px;
	height: 75px;
	margin-right: 20px;
	margin-bottom: 20px;
	vertical-align: top; }

#lightbox p {
	margin-bottom: 5px; }

.cd #aanmeldForm { border: 1px solid white; padding: 10px; background: black; }
.cd label { width: 100px; display: inline-block;  }
 
/* MEDIA */
.media h1 { color: yellow; }

/* AANMELDEN + CONTACT */
.aanmelden h1 { color: yellow; }
.aanmelden table ul { margin-top: -15px; }
.aanmelden table li { margin-left: 40px; list-style: disc; }
.aanmelden table .inschrijven { width: 70%; padding-right: 20px; }
.aanmelden label, .contact label { width: 200px; display: inline-block;  }
.aanmelden input, .contact input, .cd input { width: 200px; border: 1px solid white; padding: 4px; margin-bottom: 4px; background: black; color: white; }
.aanmelden textarea, .contact textarea { width: 500px; height: 100px; border: 1px solid white; padding: 4px; margin-bottom: 4px; background: black; color: white; }

p#button { display: block; width: 250px; height: 30px; border: 1px solid white; padding: 4px; margin-bottom: 4px; background: black; color: white; line-height: 30px; text-align: center; font-size: 15px; font-weight: bold; cursor: pointer; }

/* BEELD */
.beeld h1 { color: yellow; }
#fotoviewer {
	width: 600px;
	height: 625px;
	padding: 25px;
	background: black;
	position: absolute;
	z-index: 51;
	margin: auto;
	margin-top: r0px;
	border: 2px solid white; }

#fotoviewer #vorige {
	direction: inline-block;
	padding: 0 10px;
	height: 25px;
	line-height: 25px;
	float: left;
	cursor: pointer; }
		
#fotoviewer #volgende {
	direction: inline-block;
	padding: 0 10px;
	height: 25px;
	line-height: 25px;
	float: right; 
	cursor: pointer; }
		
#fotoviewer .titel {
	display: block;
	position: relative;
	width: 630px;
	height: 25px;
	margin: -25px -25px 10px -25px;
	padding: 0 10px;
	background: #999999;
	line-height: 25px;
	font-weight: bold;
	color: black;
	text-align: center; }
	
#fotoviewer .titel a {
	color: black;}	

.artistLabel {
	display: block;
	width: 600px;
	margin-bottom: 5px; }
		
#achtergrond {
	display: block;
	width: 100%;
	height: 100%;
	background: black;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50;
	opacity: 0.8;
	filter:alpha(opacity=80); }

#achtergrond a {
	display: block;
	width: 100%;
	height: 100%;
	cursor: inherit; }

#footer { clear: both; }
.clear { clear: both; }

.hr { height: 1px; margin-top: 4px; margin-bottom: 12px; background-color: #000; width: 100%; overflow: hidden; }

.artists { white-space: nowrap; }
.history { text-decoration: line-through; }

input, select, textarea { border-style: solid; border-width: 1px; border-color: #000; font-size: 11px; }
input.button { background-color: #000; color: #FFF; font-weight: bold; font-size: 11px; border-style: solid; border-width: 1px; border-color: #000; height: 20px; }
.radio, .checkbox { border-width: 0; }
.large { width: 220px; }
.medium { width: 140px; }
.small { width: 80px; }
.extraSmall { width: 45px; }

fieldset { border: 2px solid red; background: black; margin: 15px; }
legend { color: red; margin-left: 20px; font-weight: bold; }
fieldset ul { margin: 10px; }
fieldset li { list-style: disc; margin-left: 15px; }

/* FIXES */
.radioButton {
	border: none !important;
	background: none !important;
	width: 20px !important; }