/*  
Theme Name: Progwereld
Theme URI: http://www.progwereld.org/
Description: De nieuwe layout voor Progwereld.org, met een oog op de toekomst.
Version: 2.0
Author: Colorlab
Author URI: http://www.colorlab.nl/
Blauw: #529ad4
Donkergrijs: #363636
Lichtgrijs: #808080
*/
/* =BODY */
html, body { 
margin:0;
padding:0;
height:100%;
width:100%;
border:0;
}
body {
background: #808080;
font-size:62.5%;
}
div#buiten {
background: #363636;
padding: 30px;
padding-top: 0;
width: 940px;
min-height: 100%;
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
}
div#container {
background: #529ad4;
width: 850px;
margin: 0 auto;
text-align: left;
}
div#content {
padding: 8px;
}
div#start-light, div#start-skinny {
padding:0;
background: #DCDBDB;
color: #363636;
border-bottom: 20px solid #363636;
}
div#start-skinny {
padding:0;
width: 415px;
height: 300px;
text-align: center;
}
div#start-light h2, div#start-skinny h2 {
padding:0;
padding-left: 6px;
background: #529ad4;
}
div#start-skinny h2 {
padding:0;
}
div.startright {
border-left: 20px solid #363636;
}
div#text {
background: #ffffff;
padding: 20px;
}
div#textstart {
background: none;
padding: 0px;
}
div#foot {
background: url(img/foot.gif) no-repeat;
width: 850px;
height: 75px;
margin: 0 auto;
text-align: center;
border: 3px solid #363636;
}
td#wereldse10 {
border-bottom:1px solid #d9d9d9;
padding: 10px;
}
strong {
color: #222222;
}
td.kopding {
width: 375px;
color: #ffffff;
font-family: Trebuchet MS;
font-size: 12px;
text-align: center;
}
td.kopding a {
color: #ffffff;
text-decoration: underline;
}
/* NIEUWE DINGEN */
#r1 img,
.nieuweRecensiesFotos img {
	height: 100px;
	margin-left: 5px;}
#l2 ul,
#l2 ul li,
#r2 ul,
#r2 ul li {
	list-style: none;
	margin:0;
	padding: 0;}
.nieuweRecensiesFotos img {
	}
/* =NAVIGATION  */
div#nav {
width: 635px;
margin: 0 auto;
text-align: left;
}
table#menutable {

}
#nav {

	margin: 0 auto;
	padding: 0;
	height: 26px;
	list-style: none;
	overflow: hidden;
	text-align: center;
	margin-left:43px;
}
#nav li {
	margin: 0; 
	padding: 0;
        list-style: none;
	display: inline;
}
#nav a {
	float: left;
	padding: 26px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:26px; /* for IE5/Win only */
}
	
#nav a:hover {
	background-position: 0 -26px;
}
#nav a:active, #nav a.selected {
	background-position: 0 -52px;
}
#tstart a  {
	width: 72px;
	background: url(img/menu/start.gif) top left no-repeat;
}
#tnieuws a  {
	width: 80px;
	background: url(img/menu/nieuws.gif) top left no-repeat;
}
#trecensies a  {
	width: 88px;
	background: url(img/menu/recensie.gif) top left no-repeat;
}
#twereldse10 a  {
	width: 114px;
	background: url(img/menu/wereldse10.gif) top left no-repeat;
}
#tbijlage a  {
	width: 84px;
	background: url(img/menu/bijlage.gif) top left no-repeat;
}
#tcontact a  {
	width: 84px;
	background: url(img/menu/contact.gif) top left no-repeat;
}


#subnav {
	margin: 0 auto;
	padding: 0;
	height: 23px;
	list-style: none;
	overflow: hidden;
	text-align: center;
}
#subnav li {
	margin: 0; 
	padding: 0;
        list-style: none;
	display: inline;
}
#subnav a {
	float: left;
	padding: 23px 0 0 0;
	height: 0px !important; 
	height /**/:23px; /* for IE5/Win only */
}
	
#subnav a:hover {
	background-position: 0 -23px;
}
#subnav a:active, #subnav a.selected {
	background-position: 0 -46px;
}
#trecensie a  {
	width: 90px;
	background: url(img/submenu/recensie.gif) top left no-repeat;
}
#ttracklist a  {
	width: 86px;
	background: url(img/submenu/tracklist.gif) top left no-repeat;
}
#tbezetting a  {
	width: 92px;
	background: url(img/submenu/bezetting.gif) top left no-repeat;
}
#tdiscografie a  {
	width: 107px;
	background: url(img/submenu/discografie.gif) top left no-repeat;
}
#toverige a  {
	width: 55px;
	background: url(img/submenu/overige.gif) top left no-repeat;
}
#tsetlist a  {
	width: 86px;
	background: url(img/submenu/setlist.gif) top left no-repeat;
}
#tlocatie a  {
	width: 86px;
	background: url(img/submenu/locatie.gif) top left no-repeat;
}
#recmenu {
	margin: 0 auto;
	padding: 0;
	height: 26px;
	list-style: none;
	overflow: hidden;
	text-align: center;
}
#recmenu li {
	margin: 0; 
	padding: 0;
        list-style: none;
	display: inline;
}
#recmenu a {
	float: left;
	padding: 26px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:26px; /* for IE5/Win only */
}
	
#recmenu a:hover {
	background-position: 0 -26px;
}
#recmenu a:active, #recmenu a.selected {
	background-position: 0 -52px;
}
#talbum a  {
	width: 80px;
	background: url(img/recmenu/album.gif) top left no-repeat;
}
#tdvd a  {
	width: 69px;
	background: url(img/recmenu/dvd.gif) top left no-repeat;
}
#tconcert a  {
	width: 103px;
	background: url(img/recmenu/concert.gif) top left no-repeat;
}
#tboek a  {
	width: 81px;
	background: url(img/recmenu/boek.gif) top left no-repeat;
}
#contactmenu {
	margin: 0 auto;
	padding: 0;
	height: 23px;
	list-style: none;
	overflow: hidden;
	text-align: center;
}
#contactmenu li {
	margin: 0; 
	padding: 0;
        list-style: none;
	display: inline;
}
#contactmenu a {
	float: left;
	padding: 23px 0 0 0;
	height: 0px !important; 
	height /**/:23px; /* for IE5/Win only */
}
	
#contactmenu a:hover {
	background-position: 0 -23px;
}
#contactmenu a:active, #contactmenu a.selected {
	background-position: 0 -46px;
}
#toverons2 a  {
	width: 90px;
	background: url(img/contactmenu/overons.gif) top left no-repeat;
}
#temailons a  {
	width: 101px;
	background: url(img/contactmenu/emailons.gif) top left no-repeat;
}
#tmailinglist a  {
	width: 101px;
	background: url(img/contactmenu/mailinglist.gif) top left no-repeat;
}
#thetteam a  {
	width: 87px;
	background: url(img/contactmenu/hetteam.gif) top left no-repeat;
}
#tadres a  {
	width: 76px;
	background: url(img/contactmenu/adres.gif) top left no-repeat;
}
#bijlagemenu {
	margin: 0 auto;
	padding: 0;
	height: 23px;
	list-style: none;
	overflow: hidden;
	text-align: center;
}
#bijlagemenu li {
	margin: 0; 
	padding: 0;
        list-style: none;
	display: inline;
}
#bijlagemenu a {
	float: left;
	padding: 23px 0 0 0;
	height: 0px !important; 
	height /**/:23px; /* for IE5/Win only */
}
	
#bijlagemenu a:hover {
	background-position: 0 -23px;
}
#bijlagemenu a:active, #bijlagemenu a.selected {
	background-position: 0 -46px;
}
#tbijlage1 a  {
	width: 66px;
	background: url(img/bijlagemenu/bijlage.gif) top left no-repeat;
}
#tprogvizier a  {
	width: 108px;
	background: url(img/bijlagemenu/progvizier.gif) top left no-repeat;
}
#tcolumn a  {
	width: 86px;
	background: url(img/bijlagemenu/column.gif) top left no-repeat;
}
#nieuwsmenu {
	margin: 0 auto;
	padding: 0;
	height: 23px;
	list-style: none;
	overflow: hidden;
	text-align: center;
}
#nieuwsmenu li {
	margin: 0; 
	padding: 0;
        list-style: none;
	display: inline;
}
#nieuwsmenu a {
	float: left;
	padding: 23px 0 0 0;
	height: 0px !important; 
	height /**/:23px; /* for IE5/Win only */
}
	
#nieuwsmenu a:hover {
	background-position: 0 -23px;
}
#nieuwsmenu a:active, #nieuwsmenu a.selected {
	background-position: 0 -46px;
}
#tnieuws1 a  {
	width: 78px;
	background: url(img/nieuwsmenu/nieuws.gif) top left no-repeat;
}
#tconcertagenda a  {
	width: 132px;
	background: url(img/nieuwsmenu/concertagenda.gif) top left no-repeat;
}
#twereldseverwachtingen a  {
	width: 192px;
	background: url(img/nieuwsmenu/wereldseverwachtingen.gif) top left no-repeat;
}
#zoekbutton {
background: #363636;
border: 2px solid #6f6f6f;
font-family: Arial;
text-transform: uppercase;
font-size: 1.1em;
font-weight: bold;
color: #ffffff;
height: 22px;
}
#zoek {
margin:0;padding:0;
border:0;
background: url(img/menu/bgsearch.gif) no-repeat;
color: #ffffff;
font-family: Arial;
font-size: 1.3em;
height: 17px;
width: 150px;
padding: 3px;
}
div.alfabet {
background: #363636;
height: 24px;
padding-top:2px;
}
table#alfabet {
width: 100%;
}
div.alfabet a {
color: white;
text-decoration: none;
font-size: 1.2em;
font-family: Tahoma;
}
div.alfabet a:link, div.alfabet a:active, div.alfabet a:visited {
padding:5px;
color: white;
background: #363636;
}
div.alfabet a:hover {
padding:5px;
color: #363636;
background: #46acff;
}
div.alfabet a.active {
padding:5px;
color: #363636;
background: #46acff;
font-weight: bold;
}
/* =TEXT */
div#text {
font-family: Trebuchet MS;
font-size: 1.2em;
color: #5b5b5b;
line-height: 1.4em;
}
div#textstart {
font-family: Trebuchet MS;
font-size: 1.2em;
color: #cfcfcf;
}
div#foot {
font-family: Tahoma;
font-size: 1.1em;
line-height:1.9em;
color: #b8b8b8;
letter-spacing:2px;
}
small {
font-size: 1em;
line-height: 1.4em;
}
h2 {
font-size: 2em;
font-family: Arial;
text-transform: uppercase;
color: #ffffff;
font-weight: bold;
}
h3 {
font-size: 1.5em;
font-family: Arial;
text-transform: uppercase;
font-weight: bold;
}
a:link, a:visited, a:active {
color: #3E83BB;
font-weight: 700;
text-decoration: none;
}
a:hover {text-decoration: underline;}
a:link#nieuws, a:visited#nieuws, a:active#nieuws {
color: #529ad4;
}
/* =INDEX */
div#indextitel {
background: #529ad4;
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
}
td#cols,td#titel {
	padding:3px;
	border-bottom:1px solid #d9d9d9;
}
td#titel {
	font-weight: bold;
}
table#albummain,table#dvdmain,table#concertmain,table#boekmain {
	font-size:12px;
	font-family: Arial;
	color:#4c341d;
	border-top:0;
	width: 100%;
}
td#albumcols, td#dvdcols, td#concertcols, td#dvdcols, td#albumtitel, td#dvdtitel, td#concerttitel, td#boektitel{
	padding:3px;
	border-bottom:1px solid #d9d9d9;
}
td#albumtitel, td#dvdtitel, td#concerttitel, td#boektitel {
	font-weight: bold;
}
div#nolist {
list-style: none;
}
/* breadcrumbs */
#breadcrumbs {
	float:left;
	clear:both;
	width: 835px;
	padding: 10px 0 0 0;
	margin:5px 0 10px 0;
	border-top:1px solid #6ea9da;
	height:50px;}
	
	#breadcrumbs a {
		float: left;
		color: #fff;
		margin: 0 8px 0 0;
		padding:0;
		text-decoration: none;}
		#breadcrumbs a:hover span {
			background: #89b9e1;
			color:#2b6ea6;
			cursor:pointer}
		#breadcrumbs a:hover img.crumbArrow {
			cursor: pointer;
			background-position: 0 -22px !important;}
	#breadcrumbs a span {
		float: left;	
		text-transform: uppercase;
		font: 700 11px/12px "Helvetica", "Arial", sans-serif;
		background: #3280c2;
		padding: 5px 3px 5px 8px;
		cursor: pointer;}
	
	img.crumbArrow {
		background: url(img/breadcrumb-arrow.png) !important;
		width: 10px;
		float: left;
		height: 22px;}
	
	a#currentCrumb span {
		padding-left: 0;
		background: none !important;
		color:#2b6ea6 !important;}
		a#currentCrumb:hover span {
			color:#ffffff !important;}
		

#yummygumlink {
	background: transparent url(img/signature-progwereld.png) no-repeat;
	display: block;
	width: 87px;
	height: 38px;
}
#yummygumlink:hover {
	background: transparent url(img/signature-progwereld.png) no-repeat 0 -38px;
}
/* =IMG */
img { border:0; }
li.page_item current_page_item { background: #ffffff; }
div.alfabet (
position:absolute;
top:0;
left:0;
)