/* 
 * Load seperate styles for IE
 * They suck and make the CSS invalid
 */
@import url("ie.css");
body {
	margin: 50px 0 0 0;
	padding: 0;
	text-align: center;
	background-color: #000;
	font-size: 12px;
}
* html body {
	font-size: 12px;
}
#container {
	position: relative;
	text-align: left;
	width: 900px;
	height: 600px;
	margin: 0 auto;
	background-image: url(/2009/images/bg.jpg);
}
#logo {
	position: absolute;
	top: 366px;
	left: 36px;
}
#navigation {
	position: absolute;
	padding: 0;
	margin: 0;
	left: 500px;
	top: 36px;
	list-style: none;
}
#navigation li, #navigation li ul li {
	float: left;
}
#navigation a {
	display: block;
	height: 14px;
	margin-left: 27px;
	background-position: top center;
	text-indent: -5000px;
	outline: 0;
	line-height: 9px;
}
#navigation li ul {
	display: none;
}
.vote #navigation #vote ul, .adward #navigation #adward ul {
	list-style: none;
	display: block;
	position: absolute;
	right: 0;
	top: 30px;
}
.vote #navigation #vote ul{ width: 275px;}
.adward #navigation #adward ul {
	width: 222px;
}
#navigation #vote ul li a, #navigation #adward ul li a {
	margin-left: 5px;
	height: 11px;
}
#navigation #home a { width: 66px; background-image: url(/2009/images/nav/home.gif); }
#navigation #vote a { width: 67px; background-image: url(/2009/images/nav/vote.gif); }
#navigation #adward a { width: 84px; background-image: url(/2009/images/nav/adward.gif); }
#navigation #contact a { width: 59px; background-image: url(/2009/images/nav/contact.gif); }
#navigation #vote-now a { width: 52px; background-image: url(/2009/images/nav/vote-now.gif); }
#navigation #the-nominees a { width: 71px; background-image: url(/2009/images/nav/the-nominees.gif); }
#navigation #how-to-vote a { width: 66px; background-image: url(/2009/images/nav/how-to-vote.gif); }
#navigation #voorwaarden a { width: 64px; background-image: url(/2009/images/nav/voorwaarden.gif); }
#navigation #info a { width: 28px; background-image: url(/2009/images/nav/info.gif); }
#navigation #vakjury a { width: 45px; background-image: url(/2009/images/nav/vakjury.gif); }
#navigation #werkwijze a { width: 56px; background-image: url(/2009/images/nav/werkwijze.gif); }
#navigation #uitslag a { width: 44px; background-image: url(/2009/images/nav/uitslag.gif); }
#navigation #host a { width: 22px; background-image: url(/2009/images/nav/host.gif); }
.home #navigation #home a, .vote #navigation #vote a, .adward #navigation #adward a, .contact #navigation #contact a {
	background-position: bottom center;
}
.vote #navigation #vote ul a, .adward #navigation #adward ul a {
	background-position: top center;
}
#navigation a:hover, .vote-now #navigation #vote-now a, .the-nominees #navigation #the-nominees a, .how-to-vote #navigation #how-to-vote a,
.voorwaarden #navigation #voorwaarden a, .info #navigation #info a, .vakjury #navigation #vakjury a, .werkwijze #navigation #werkwijze a,
.uitslag #navigation #uitslag a, .host #navigation #host a {
	background-position: bottom center !important;
}
#bg {
	position: absolute;
	top: 255px;
	left: 42px;
	display: block;
	height: 294px;
	width: 493px;
	background-image: url(/2009/images/content.jpg);
}
#content {
	position: absolute;
	top: 155px;
	left: 545px;
	display: block;
	height: 321px;
	width: 345px;
	padding-right: 10px;
	overflow: auto;
}
#footer {
	position: absolute;
	top: 570px;
	left: 47px;
	text-indent: -5000px;
}
#footer a {
	display: block;
	width: 75px;
	height: 12px;
	outline: 0;
}
.iab, .mf, .ipan, .urbanology, .adlink {
	position: absolute;
	text-indent: -5000px;
	display: block;
	outline: 0;
	
}
.iab {
	top: 505px;
	left: 550px;
	width: 130px;
	height: 45px;
}
.mf {
	top: 505px;
	left: 755px;
	width: 120px;
	height: 45px;
}
.ipan {
	top: 505px;
	left: 690px;
	width: 45px;
	height: 45px;
}
.urbanology {
	top: 563px;
	left: 385px;
	width: 120px;
	height: 30px;
}
.adlink {
	top: 563px;
	left: 605px;
	width: 280px;
	height: 30px;
}

/*HOME PAGE*/
.home #content {
	position: absolute;
	top: 208px;
	left: 475px;
	display: block;
  width: 402px;
  height:103px;
	background: url(/2009/images/winnaarsadward.png) top left no-repeat;
	padding: 0;
	overflow: hidden;
}
.home #content p {
	display: none;
}
.home #content a.vote {
	position: absolute;
	top: 72px;
	left: 38px;
	display: block;
	width: 270px;
	height: 45px;
	text-indent: -4000px;
	outline: none;
}
.home #content a.watch {
	position: absolute;
	top: 120px;
	left: 5px;
	display: block;
	width: 177px;
	height: 16px;
	text-indent: -4000px;
	outline: none;
  background: url(/2009/images/watch.jpg) top left no-repeat;
}
/*FORMS*/
label {
	display: block;
	width: 100px;
	float: left;
	clear: left;
	margin-bottom: 5px;
  cursor: pointer;
}
input.text, input.submit, textarea {
	float: left;
	width: 200px;
	border: 1px solid #FFF;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, Lucida Sans, Geneva, sans-serif;
	padding: 1px;
	font-size: 1em;
}
input.checkbox
{
width:20px;
float:left;margin-bottom: 5px;
	font-family: Arial, Helvetica, Lucida Sans, Geneva, sans-serif;
	padding: 1px;
	font-size: 1em;
}
input.text2 {
	float: left;
	width: 180px;
	border: 1px solid #FFF;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, Lucida Sans, Geneva, sans-serif;
	padding: 1px;
	font-size: 1em;
}
select.text {
	float: left;
	width: 205px;
	border: 1px solid #FFF;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, Lucida Sans, Geneva, sans-serif;
	padding: 1px;
	font-size: 1em;
}
input.submit {
	cursor: pointer;
	width: 205px;
}
div.vote {
	display: block;
  width: 162px;
  float: left;
	margin: 15px 0;
}
div.vote input {
	float: left;
	width: 15px;
	clear: left;
	margin: 0 5px;
	border: none;
}
div.vote label {
	clear: right;
  width: 135px;
  margin-bottom: 5px;
}
.votenow input, .votenow select
{
margin:0px 0px 12px 0px;
}
/*PHOTOS*/
#content div.photo_overview {
	width: 590px;
}
#content div.photo {
	position: relative;
	width: 120px;
	margin: 0px 5px 10px 5px;
	height: 120px;
	border: 1px solid #5A5337;
	float: left;
	text-align: center;
}
#content div.photo img {
	position: absolute;
	top: 60px;
	left: 60px;
	margin: 0;
}
#content div.photo a img{
	border: none;
}
p.medium-photo {
	display: block;
	width: 100%;
	text-align: center;
}
#content .next-pic {
	margin-left: 200px;
}
/*TEXT STYLES*/
h1, h2, p, li, form, label {
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, Lucida Sans, Geneva, sans-serif;
	font-size: .9em;
	line-height: 1.3em;
	color: #FFF;
}
ol, ul {
	padding-left: 18px;
}
h1, h2 {
	font-weight: normal;
	text-transform: uppercase;
}
h1 {
	margin: 40px 0 20px 0;
}
h2 {
	margin: 10px 0 5px 0;
	clear: both;
}
p {
	margin-bottom: 10px;
}
p.error {
	color: #FF6600;
}
p.justify {
  text-align: justify;
}
p.justify img {
  margin-left: 10px;
}
a {
	font-size: 1em;
	color: #FFCC99;
	font-style: italic;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.vakjury #content img {
	float: right;
}
.hide {
	display: none;
}