@import url('leesleeuw.css');

/*
 * DESIGN
 */

#outerwrapper {
	background-image: url('../gfx/podium/achtergrond-b.jpg');
}

#contentwrapper {}

#groepswinnaar {
	font: bold 18px/20px arial,sans-serif;
	color: #ffffff;
}

#groepswinnaarinfo, #groepswinnaarinfo a {
	font: bold 14px/20px arial,sans-serif;
	color: #ffffff;
}

#groepswinnaarinfo a:hover {
	text-decoration: none;
}

#wedstrijdvoorwaarden, #wedstrijdvoorwaarden a {
	font: 14px arial,sans-serif;
	color: #5a5a59;
}

#wedstrijdvoorwaarden a:hover {
	text-decoration: none;
}

#wedstrijdvoorwaarden h1,#wedstrijdvoorwaarden h2,#wedstrijdvoorwaarden h3 {
	font: bold 24px/20px arial,sans-serif;
	margin: 0 0 20px;
}

#wedstrijdvoorwaarden p {
	margin: 0 0 20px;
}

.groepknop a {
	font: bold 12px arial,sans-serif;
	text-decoration: none;
	color: #ffffff;
}



/*
 * GROUP DESIGN
 */

body.groep12 #groepnr {background-image: url('../gfx/podium-groepnr-12.png');}
body.groep3 #groepnr {background-image: url('../gfx/podium-groepnr-3.png');}
body.groep4 #groepnr {background-image: url('../gfx/podium-groepnr-4.png');}
body.groep5 #groepnr {background-image: url('../gfx/podium-groepnr-5.png');}
body.groep6 #groepnr {background-image: url('../gfx/podium-groepnr-6.png');}
body.groep78 #groepnr {background-image: url('../gfx/podium-groepnr-78.png');}

#knop-groep12 a strong {background-image: url('../gfx/podium-knop-groep12.png');}
#knop-groep12 a:hover strong {background-image: url('../gfx/podium-knop-groep12-over.png');}
#knop-groep3 a strong {background-image: url('../gfx/podium-knop-groep3.png');}
#knop-groep3 a:hover strong {background-image: url('../gfx/podium-knop-groep3-over.png');}
#knop-groep4 a strong {background-image: url('../gfx/podium-knop-groep4.png');}
#knop-groep4 a:hover strong {background-image: url('../gfx/podium-knop-groep4-over.png');}
#knop-groep5 a strong {background-image: url('../gfx/podium-knop-groep5.png');}
#knop-groep5 a:hover strong {background-image: url('../gfx/podium-knop-groep5-over.png');}
#knop-groep6 a strong {background-image: url('../gfx/podium-knop-groep6.png');}
#knop-groep6 a:hover strong {background-image: url('../gfx/podium-knop-groep6-over.png');}
#knop-groep78 a strong {background-image: url('../gfx/podium-knop-groep78.png');}
#knop-groep78 a:hover strong {background-image: url('../gfx/podium-knop-groep78-over.png');}



/*
 * STRUCTURE
 */

#outerwrapper {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	min-width: 959px;
	height: 704px; /* ie6 fix */
	background-repeat: no-repeat;
}

#headerwrapper {}

#headerwrapper h2 {
	position: absolute;
	left: 344px;
	top: 91px;
	width: 0px;
	height: 53px;
	padding: 0 0 0 218px;
	overflow: hidden;
}

#headerwrapper h3 {
	position: absolute;
	left: 141px;
	top: 74px;
	width: 0px;
	height: 32px;
	padding: 0 0 0 54px;
	overflow: hidden;
	background-repeat: no-repeat;
}

#contentwrapper {}

#groepswinnaar {
	position: absolute;
	left: 272px;
	top: 156px;
	width: 123px;
	height: 42px;
	padding: 8px 5px 19px 12px;
	background: url('../gfx/podium/groepswinnaar-bg.png') no-repeat;
	z-index: 20;
}

#groepswinnaarinfo {
	position: absolute;
	left: 75px;
	top: 269px;
	width: 208px;
	height: 199px;
	overflow: hidden;
}

#boekcover {
	position: absolute;
	left: 314px;
	top: 201px;
	width: 190px;
	height: 298px;
	overflow: hidden;
}

#wedstrijdvoorwaarden {
	position: absolute;
	left: 553px;
	top: 163px;
	width: 300px;
	height: 345px;
	overflow: hidden;
}

#doemeeknop {
	position: absolute;
	left: 800px;
	top: 266px;
	width: 159px;
	height: 129px;
	z-index: 10;
}

#doemeeknop a {
	display: block;
	width: 0px;
	height: 129px;
	padding: 0 0 0 159px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url('../gfx/podium/doemeeknop.png');
	text-decoration: none;
}

#doemeeknop a:hover {
	background-position: 0 -129px;
}

#groepnavigatie {
	position: absolute;
	left: 119px;
	top: 505px;
	width: 780px;
	height: 181px;
	overflow: hidden;
}

.groepknop {
	position: relative;
	width: 109px;
	height: 181px;
	margin: 0 21px 0 0;
	float: left;
}

.groepknop a {
	display: block;
	width: 109px;
	height: 181px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 5px 28px;
}

.groepknop strong {
	display: block;
	height: 46px; /* 46 + 153 = 181 */
	width: 99px;
	padding: 135px 10px 0 5px;
	text-align: center;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
}





/*
 * Overzicht
 */

#overzichtwrapper {
	position: relative;
	width: 897px;
	margin: 749px 0 0;
	padding: 0;
}

#overzichttop { /* h2 */
	width: 0;
	height: 41px;
	margin: 0 0 0 69px;
	padding: 0 0 0 828px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../gfx/podium/overzichttop.png);
}

.overzichtnavigatie {
	position: relative;
	width: 897px;
	height: 52px;
	color: #ffffff;
	font-size: 1px;
}

.overzichtnavigatie a {
	display: block;
	background-repeat: no-repeat;
	height: 52px;
	overflow: hidden;
}

#knopvorige { /* a */
	margin: 0 0 0 62px;
	width: 0;
	padding: 0 0 0 107px;
	background-image: url(../gfx/podium/knopvorige.png);
}

#knopvorige:hover {
	background-image: url(../gfx/podium/knopvorigeh.png);
}

#knopvolgende { /* a*/
	position: absolute;
	top: 0;
	left: 768px;
	padding: 0 0 0 124px;
	width: 0;
	background-image: url(../gfx/podium/knopvolgende.png);
}

#knopvolgende:hover {
	background-image: url(../gfx/podium/knopvolgendeh.png);
}

.overzichtcontent {
	width: 839px;
	height: 253px;
	margin: 0 0 0 56px;
}

.overzichtcontent h3 {
	width: 822px;
	height: 35px;
	margin-left: 18px;
	font: bold 24px/24px arial,helvetica,verdana,sans-serif;
	color: #3f94c0;
	overflow:hidden;
}

ul.overzicht {
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(../gfx/podium/knoppenbg.png) no-repeat 0 25px;
	height: 218px;
	width: 840px;
}

ul.overzicht li {
	list-style: none;
	background: no-repeat;
	position: relative;
	width: 120px;
	height: 199px;
	margin: 0 0 0 20px;
	float: left;
	overflow: hidden;
}

ul.overzicht a {
	position: relative;
	display: block;
	width: 120px;
	height: 199px;
	overflow: hidden;
	font: bold 14px/14px arial,helvetica,verdana,sans-serif;
	color: #ffffff;
	text-decoration: none;
}

ul.overzicht img {
	margin: 34px 7px 0;
	padding: 0;
}

ul.overzicht strong {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: block;
	height: 31px;
	width: 90px;
	margin: 0;
	padding: 152px 15px 16px;
	text-align: center;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #ffffff;
}

ul.overzicht li.groep12 strong {background-image: url(../gfx/podium/coverknop1-2.png);}
ul.overzicht li.groep12 a:hover strong {background-image: url(../gfx/podium/coverknop1-2h.png);}

ul.overzicht li.groep3 strong {background-image: url(../gfx/podium/coverknop3.png);}
ul.overzicht li.groep3 a:hover strong {background-image: url(../gfx/podium/coverknop3h.png);}

ul.overzicht li.groep4 strong {background-image: url(../gfx/podium/coverknop4.png);}
ul.overzicht li.groep4 a:hover strong {background-image: url(../gfx/podium/coverknop4h.png);}

ul.overzicht li.groep5 strong {background-image: url(../gfx/podium/coverknop5.png);}
ul.overzicht li.groep5 a:hover strong {background-image: url(../gfx/podium/coverknop5h.png);}

ul.overzicht li.groep6 strong {background-image: url(../gfx/podium/coverknop6.png);}
ul.overzicht li.groep6 a:hover strong {background-image: url(../gfx/podium/coverknop6h.png);}

ul.overzicht li.groep78 strong {background-image: url(../gfx/podium/coverknop7-8.png);}
ul.overzicht li.groep78 a:hover strong {background-image: url(../gfx/podium/coverknop7-8h.png);}


#overzichtfooter {
	width: 826px;
	height: 40px;
	margin: 0 0 0 62px;
	background-repeat: no-repeat;
	background-image: url(../gfx/podium/overzichtfooter.png);
}