#snet-container
{ background: black; color: white; font-family: Arial, FreeSans, sans-serif; font-size: 13px; margin: 0 auto; position: relative; text-align: left; width: 970px; }

/******************************************************************************
 * standaard layout css
 */
#content
{ float: left; left: 128px; padding-top: 4px; position: relative; width: 498px; font-size: 12px; }
#sidebar-small
{ float: left; left: -498px; position: relative; width: 128px; }
#sidebar-big
{ min-height: 660px; float: left; left: 4px; padding-top: 4px; position: relative; width: 336px; }
#sidebar-big h2 
{ margin-bottom: 10px; }
#content p, #sidebar-big p
{ padding: 0 20px; }
#content h2, #content h3, #content h4, #content h5,
#sidebar-big h2, #sidebar-big h3, #sidebar-big h4, #sidebar-big h5
{ /*height: 20px;*/ padding: 3px 20px 3px 20px; }

.clear
{ clear: both; height: 0; width: 100%; }
.deelnemer_box
{margin-left:25px;}

.banner120x600
{ margin-left: 4px; }

.news
{ margin-left:5px;}
.item h3 a
{ font-size: 20px; font-weight: normal; margin-top: 0; margin-left:-11px; text-decoration: none; }
	
.news .description
{ width: 255px; float: right; margin-top: 25px; }

.news .picture
{ float: left; margin: 10px;}

h1
{ margin-left: 18px; }

h2
{  }

h3
{ color: #ffffff;  }

h3 a
{ color: #ffffff; font-size: 12px;  }

.citybox 
{ 
	width: 90px;
	height: 120px;
	margin: 15px 0 0 15px;
	float: left;
	border: 4px solid #222222;
	text-align: center;
}
.citybox:hover
{ 
	cursor: pointer;
	border: 4px solid #555555;
	background: #222222;
}
.citybox a
{ color: white; text-decoration: none; }

.citybox a span
{ margin: 5px 0 0 0; padding: 0; }

.citybox a img
{ display: block; margin: 10px auto; padding: 0; background-color: 000000; width: 70px; height: 70px; }

p
{ font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 1.5em; }

p a
{ color: #939598;  }

a
{ color: #939598;  }

.userinfo
{ margin-left: 20px; margin-top: 0px; margin-right: 60px; text-align: left; vertical-align: top; }

.userinfo * td,
.userinfo * th
{ text-align: left; vertical-align: top; }

.userinfo * td
{ color: #939598; }
.userinfo a {
	color:#939598;
}
.photos
{ padding-left: 20px; }

#message_board
{ padding-left: 20px; }

#menu
{ color: #ffa000; }
.page-home #menu
{ background-color: inherit; background: none; /* IE7SUCKS2 */ }
#menu ul, #menu li
{ list-style: none; margin: 0; padding: 0; }
#menu ul
{ margin: 0px 0 0 0; padding: 0 0 9px 0; }
#menu li
{ display: inline; /* IE7SUCKS2 */ }
#menu a
{ display: block; width: 120px; height: 30px; margin: 0; padding: 0; }
#menu a:hover, #menu a.active, #menu a:active, #menu a:focus
{ background-position: 100%; }
#menu a span
{ display: none; }
#menu a.home
{ background-image: url(img/home.gif); }
#menu a.aanmelden
{ background-image: url(img/aanmelden.gif); }
#menu a.deelnemers
{ background-image: url(img/deelnemers.gif); }
#menu a.stemmen
{ background-image: url(img/stemmen.gif); }
#menu a.tussenstand
{ background-image: url(img/tussenstand.gif); }
#menu a.winnaars
{ background-image: url(img/winnaars.gif); }
#menu a.prijzen
{ background-image: url(img/prijzen.gif); }
#menu a.nieuws
{ background-image: url(img/nieuws.gif); }
#menu a.viproom
{ background-image: url(img/viproom.gif); }
#menu a.foto
{ background-image: url(img/foto.gif); }
#menu a.kaarten
{ background-image: url(img/kaarten.gif); }
#menu a.finalefeest
{ background-image: url(img/finalefeest.gif); }
#menu a.voorwaarden
{ background-image: url(img/voorwaarden.gif); }

.aanmelden
{ background-image: url(img/aanmelden.jpg); height: 80px;  }
.big
{ background-image: url(img/header.jpg); height: 500px;  }
.deelnemers
{ background-image: url(img/deelnemers.jpg); height: 80px; margin-left: 0px; width: 498px;   }
.eerdere_finalisten
{ background-image: url(img/header.jpg); height: 80px;   }
.finalefeest
{ background-image: url(img/finalparty.jpg); height: 80px;   }
.front
{ background-image: url(img/header.jpg); height: 447px;   }
.kaarten
{ background-image: url(img/header.jpg); height: 80px;   }
.normal
{ background-image: url(img/header.jpg); height: 80px;   }
.tussenstand
{ background-image: url(img/tussenstand.jpg); height: 80px;   }
.stemmen
{ background-image: url(img/tussenstand.jpg); height: 80px;   }
.prijzen
{ background-image: url(img/prices.jpg); height: 80px;   }
.nieuws
{ background-image: url(img/news.jpg); height: 80px;   }
.voorwaarden
{ background-image: url(img/title_voorwaarden.jpg); height: 80px;   }
.voorwaarden2
{ background-image: url(img/voorwaarden.jpg); height: 30px; width: 120px; margin-right: 20px; no-repeat; float: right;}
.voorwaarden span
{ display: block; }
.vorigedeelnemer
{ background-image: url(img/btn-prev.jpg); height: 59px; width: 120px; float: left; display: block; margin-right: 20px;}
.vorigedeelnemer:hover
{ background-image: url(img/btn-prev-hover.jpg); height: 59px; width: 120px; float: left; display: block; margin-right: 20px;}
.volgendedeelnemer
{ background-image: url(img/btn-next.jpg); height: 59px; width: 120px; float: left; display: block; margin-right: 20px;}
.volgendedeelnemer:hover
{ background-image: url(img/btn-next-hover.jpg); height: 59px; width: 120px; float: left; display: block; margin-right: 20px;}
.terugnaaroverzichtdeelnemers
{ background-image: url(img/btn-summary.jpg); height: 59px; width: 120px; float: left; display: block; margin-right: 20px;}
.terugnaaroverzichtdeelnemers:hover
{ background-image: url(img/btn-summary-hover.jpg); height: 59px; width: 120px; float: left; display: block; margin-right: 20px;}

.bigoption
{ border: 1px solid #333; margin-bottom: 4px; padding-bottom: 4px; padding-top: 4px; }

.form
{  }

.form label
{ clear: left; display: block; float: left; min-height: 18px; padding: 4px 0 0 24px; width: 200px; }
.form .text,
.form .select,
.form .password
{ border: 1px solid #333; clear: right; display: block; float: left; height: 20px; margin-bottom: 4px; padding: 0; width: 200px; }
.form .radio
{ border: 0px solid #333; clear: right; display: block; float: left; height: 15px;  padding: 0; }
.form .file
{ clear: right; color: white; display: block; float: left; height: 20px; margin-bottom: 4px; padding: 0; width: 200px; }
.form div
{ padding: 2px 24px; }
.form p
{float:left;}

.form .wide
{ width: 420px !important; }
.form .lblradio
{ width: 380px !important; }
.form textarea
{ clear: both !important; height: 60px !important; margin: 0 0 4px 24px; width: 400px !important; }

.zipcode_a
{ width: 120px !important; }
.zipcode_n
{ margin-left: 4px; width: 74px !important; }

#home-register-button
{ display: block; height: 100%; width: 100%; cursor: pointer; }
#home-register-button span
{ display: none; }

.deelnemer_box
{ margin: 0px; padding: 0px;}

/********************
* tussenstand
********************/
#scores
{ position:relative; display:block; background-color: black; padding-left:10px; padding-right:10px;}
.males
{ position:relative; display:block; float:left;}
.tinybox
{background-color: #333333; margin-bottom:10px; height: 65px; width: 235px; padding-top:10px;}
#alt
{background-color: #414141;}
.tinybox a
{color:white; text-decoration:none; font-size:11px;}
.tinybox a:hover
{text-decoration:underline;}
.females
{ position:relative; display:block; float:right;}


#popup-overlay {	position: absolute; background-color: black; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.7; filter: alpha(opacity = 80); z-index: 1000; }
#popup-winner {		position: absolute; margin: 100px auto; width: 636px; height: 650px; z-index: 2000; }

#popup-winner a {	/*float: right; margin: 2px 0 5px 0px; width: 51px; height: 44px;*/ display: block;
			/*background-image: url(popup/close_it.png);*/ }
			#popup-winner a span {	display: none; }
			#popup-winner a:active, #popup-winner a:focus, #popup-winner a:hover { background-position: 100% 0; }




