html, body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
body {background:#8B9298;}


/* fonts and other styles */
	h3 {font-size:16px; font-weight:bold; color:#4B3286; margin:0 0 10px 0;}
	h4, h5, h6 {font-size:12px; font-weight:bold; color:#4B3286; margin:20px auto 5px;}
	p {margin-bottom:10px;}
	a {color:#4B3286;}
	
	p.alert {color:#B5130A; font-weight:bold;}
	.oneliner {font-weight:bold; font-size:16px; font-variant:small-caps; margin:20px 30px;}
	
	.fl {display:block; float:left;}
	.fr {display:block; float:right;}
	.clearboth {clear:both;}


/* Main layout */
	#container {background:url(../img/bg_purple.png); width:980px; margin:0 auto; position:relative;}
	#header {background:url(../img/header.png) no-repeat; width:984px; height:212px; margin:0 auto; margin-top:10px;}

	.bar {width:984px; position:relative;}
	.topbar {height:25px; top:43px;}
	.bottombar {background:url(../img/footer.png) no-repeat; position:absolute; height:78px; left:-57px; bottom:-78px; text-align:center;}
	.bottombar p {margin-top:35px; font-size:10px;}

	#main {width:870px; height:100%; background:#FFF; margin:0px auto; position:relative; top:0px; left:2px; display:block;}
	#primary {margin:0 0 10px 30px; padding-left:15px; border-left:1px solid #4B3286; width:580px; float:left; line-height:16px; position:relative;}
	#secondary {height: 100%;}
	#tertiary {float:right; width:180px; border-left:1px solid #4B3286; margin-right:17px; padding-left:13px; text-align:center;}
	#tertiary p {font-size:9px; margin-bottom:5px;}
	
	p.formstep {position:relative; font-weight:bold;}
	p.formstep span {position:absolute; font-weight:normal; left:250px; font-size:10px;}
	
	/* Global form styles */
	form label {float:left; width:250px; margin-bottom:10px; padding:4px 0;}
	form input, form select {float:left; width:300px; margin-bottom:10px; border:1px solid #4B3286; padding:4px 0;}
	form textarea {border:1px solid #4B3286; padding:4px 0; width:550px; height:100px;}
	form select {width:auto; margin-right:10px; padding:0; margin:4px 8px 4px 0;}
	form p {float:none; clear:both;}
	
	form input.radio, form label.radio, form input.checkbox, form label.checkbox {width:auto; border:0;}
	form input.radio, form input.checkbox {margin-top:0px; display:block;}
	
	form fieldset#fourcolumns label {width:120px;}
	form fieldset#fourcolumns label.question {width:150px;}
	form fieldset#fourcolumns label.interesses {display:block; height:120px;}
	form fieldset#fourcolumns fieldset {float:left;}
	
	form button.nextstep {background:url(../img/button_login.png) no-repeat; width:142px; height:25px; border:0; font-size:12px; color:#5C4E89; text-align:left; padding-left:8px; cursor:pointer; font-size:11px;}
	form#quick-signup button.nextstep {position:relative; left:150px;}
	
	/* other main styling */
	table.faq {width:100%;}
	table.faq td {padding:8px 8px 8px 0; text-align:left;}
	table.faq th {text-align:left;}
	ul, ol {list-style:outside disc; margin-left:15px;}
	ul#errors {font-weight:bold; color:#990000;}
	ol#faq-questions {margin-bottom:20px; padding-bottom:20px; border-bottom:2px solid #4B3286;}
	p#prefs-warning {font-weight:bold; color:#990000;}
	
	
	
/* Header */
	/* Text & logo styling */
	h1 #dvs-logo {background:url(../img/dvs_logo.jpg); display:block; width:110px; height:113px; position:relative; top:20px; left:18px;}
	h1 #dvs-logo span {display:none;}
	h2 {display:none;}
	
	/* Header ad-space */
	#header-ad {width:250px; height:100px; overflow:hidden; position:absolute; top:25px; left:140px; vertical-align:bottom;}
	#header ad img {border:0; position:absolute; bottom:20px;}
	
	/* headerforms */
	.headerforms {position:absolute; top:19px; left:670px; margin-right:20px; width:300px;}
	.headerforms label {float:inherit; width:auto; margin-bottom:auto; border:none; top:0; padding:0;}
	.headerforms input {float:inherit; width:auto; margin-bottom:auto; border:none; padding:2px;}
	input.styled {border:1px solid #CCC; width:134px; height:18px; padding-top:4px; color:#5C4E89; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; float:left;}
	input.arrow {background:url(../img/input_arrow.png) no-repeat; width:142px; height:20px; border:0;}
	.headerforms button.submit {background:url(../img/button_login.png) no-repeat; width:142px; height:25px; border:0; position:relative; left:-4px; font-size:12px; color:#5C4E89; text-align:left; padding-left:8px; cursor:pointer; font-size:11px;}
	.headerforms label.note {display:block; font-size:9px; color:#666666; position:absolute; top:-14px; right:14px;}
	.headerforms fieldset.user {float:left; width:120px; position:relative; top:-5px; height:27px;}
	.headerforms fieldset.user input {float:left;}
	.headerforms fieldset.user label {float:left; position:relative; font-style:italic; line-height:16px; color:#4B3286;}
	.headerforms #quick-signup {position:relative; top:32px;}
	
	/* logged in */
	.headerforms p.name {background:url(../img/bg_infobar.png); width:200px; height:18px; padding-top:4px; border:1px solid #CCC; font-size:14px; text-align:center; color:#4B3286; font-variant:small-caps; margin-bottom:5px;}
	.headerforms a.profile, .headerforms a.settings, .headerforms a.logout, .headerforms a.campaigns {padding-left:20px; margin-left:5px; padding-top:3px; height:16px; display:block; text-decoration:none;}
	.headerforms a.profile {background:url(../img/ico_go.gif) no-repeat left;}
	.headerforms a.settings {background:url(../img/ico_edit.gif) no-repeat left;}
	.headerforms a.campaigns {background:url(../img/campaigns-icon.png) no-repeat left;}
	.headerforms a.logout {background:url(../img/ico_red.gif) no-repeat 0px 4px; padding-top:6px;}
	.headerforms p.logout {background:url(../img/bg_infobar.png); height:23px; border:1px solid #CCC; margin-bottom:5px; top:-4px; position:relative; display:block; width:202px;}
	/* standen */
	.standen {width:810px; height:100%; top:20px; margin-left:30px; z-index:100;}
	.standen .date {background:url(../img/bg_infobar.png); height:24px; padding-top:4px; border:1px solid #CCC; font-size:14px; text-align:center; color:#4B3286; font-variant:small-caps; margin-bottom:5px;}
	.standen .date {height:16px !important; padding-top:0px; margin-bottom:5px;}
	.standen .date tr {height:23px;}
	.standen .date td {padding-top:4px;}
	.standen .date .day {text-align:right; width:100px;}
	.standen .date .nr {text-align:center; width:30px;}
	.standen .date .month {text-align:left; width:100px;}

	.standen a.date {font-size:10px; font-variant:normal; padding-top:7px; height:17px; display:block; text-decoration:none;}

	.standen table {border:0; height: 100%; width:100%; color:#2E3169;}
	.standen table .hometeam {text-align:right;}
	.standen table tr {height:18px;}
	.standen table tr td.competition, .standen table .count {width:15px; font-size:14px; font-weight:bold;}
	.standen table tr td.eredivisie {background:url(../img/ico10_ed.gif) no-repeat center 3px;}
	.standen table tr td.jupiler-league {background:url(../img/ico10_jl.gif) no-repeat center 3px;}
	.standen table tr td.oranje {background:url(../img/ico10_or.gif) no-repeat center 3px;}
	.standen table tr td.de-beker {background:url(../img/ico10_bk.gif) no-repeat center 3px;}
	.standen table tr td.champions-league {background:url(../img/ico10_cl.gif) no-repeat center 3px;}
	.standen table tr td.uefa-cup {background:url(../img/ico10_uc.gif) no-repeat center 3px;}

/* Navigation */
	ul.navigation {list-style:none; height:40px; margin-left:30px; position:relative; top:3px;}
	ul.navigation li {float:left;}
	ul.navigation li a {display:block; height:25px; margin-right:4px; background:url(../img/bg_navigation.png) top left;}
	ul.navigation li span {display:none;}
	
	ul.navigation li a.smsdienst {background-position:0 0; width:151px;}
	ul.navigation li a.eredivisie {background-position:-155px 0; width:97px;}
	ul.navigation li a.jupilerleague {background-position:-256px 0; width:97px;}
	ul.navigation li a.oranje {background-position:-357px 0; width:52px;}
	ul.navigation li a.beker {background-position:-413px 0; width:68px;}
	ul.navigation li a.championsleague {background-position:-485px 0; width:130px;}
	ul.navigation li a.uefacup {background-position:-619px 0; width:68px;}
	
	/*
	ul.navigation li#checkmark img {width:68px;}
	ul.navigation li#checkmark {width:68px;}
	ul.navigation li#checkmark a {background:none;}
	*/
	
	ul.navigation li a.eredivisie:hover {background-position:-155px -35px; width:97px;}
	ul.navigation li a.jupilerleague:hover {background-position:-256px -35px; width:97px;}
	ul.navigation li a.oranje:hover {background-position:-357px -35px; width:52px;}
	ul.navigation li a.beker:hover {background-position:-413px -35px; width:68px;}
	ul.navigation li a.championsleague:hover {background-position:-485px -35px; width:130px;}
	ul.navigation li a.uefacup:hover {background-position:-619px -35px; width:68px;}
		
	ul.navigation li.active a.eredivisie {background-position:-155px -35px;}
	ul.navigation li.active a.jupilerleague {background-position:-256px -35px;}
	ul.navigation li.active a.oranje {background-position:-357px -35px;}
	ul.navigation li.active a.beker {background-position:-413px -35px;}
	ul.navigation li.active a.championsleague {background-position:-485px -35px;}
	ul.navigation li.active a.uefacup {background-position:-619px -35px;}
	
	/* Google Search */
	.googlesearch{margin-left: 720px; margin-top: 19px;}
	.googlesearch input.textfield{width: 140px; margin-right: 5px;}
	.googlesearch input.button{width: 60px;}

	/* Contentnavigation */
	ul.contentnavigation {list-style:none; margin-left:80px; padding:6px; z-index:10; position:relative;}
	ul.contentnavigation li {float:left; margin-right:5px;}
	ul.contentnavigation li a {background:#4B3286; display:block; padding:4px; color:#FFF; font-weight:bold; text-decoration:none;}
	ul.contentnavigation li a.active, ul.contentnavigation li a:hover {border-bottom:double 3px #FFF;}
	
	/* SMS Dienst Keurmerk */
	div.checkmark {width:88px; height:31px; position:absolute; top:0; right:33px;}
	
/* form#signup-form */
	
/* competitionstable-signup */
	table.competitiontable label {float:inherit; width:auto; margin-bottom:auto; padding:inherit;}
	table.competitiontable input, form select {float:inherit; width:auto; margin-bottom:auto; padding:inherit;}
	table.competitiontable input {border:none;}

	table.competitiontable {width:600px;}
	table.competitiontable tr.title td {font-weight:bold; height:50px; vertical-align:bottom;}
	table.competitiontable tr.even td {background:#DBD6E7;}
	table.competitiontable tr td.col1 {width:160px;}
	table.competitiontable tr td.col4 {width:130px;}
	table.competitiontable tr td span {font-size:10px; font-weight:normal;}
	
	.tosagree {width:auto; float:none; position:relative; top:5px;}


/* Table campagne-overview */
	table.campagnes {width:100%;}
	table.campagnes tr.title td {font-weight:bold;}
	table.campagnes tr td {height:20px;}
	table.campagnes tr td.col1 {width:250px;}
	table.campagnes tr.even td {background:#DBD6E7;}
	table.campagnes span {color:#F00;}
	
/* Form startcampaign */
	form#startcampaign fieldset fieldset {width:280px; margin-bottom:20px;}
	form#startcampaign fieldset.col2 {margin-left:px;}
	form#startcampaign label {width:100px;}
	
	form#startcampaign fieldset fieldset.wide {width:100%;}
	form#startcampaign fieldset fieldset.wide label {float:none; clear:both;}
	form#startcampaign fieldset fieldset.wide textarea {float:none; clear:both; display:block; width:580px; height:60px;}
	
	form#startcampaign fieldset fieldset.wide span.charleft {position:absolute; right:0px;}


/* debug */
  div#debug{text-align:center;}

/* frontpage */
  .sideimg{float: right;margin: 5px;text-align: center;}
  
/* special page */
form#advertiser-stats
{
  float:left;
  width:300px;
}  

p#user-counter
{
  float:left;
  width:200px;
  font-size:40px;
  height:100px;
  padding-top:30px;
  padding-bottom:10px;
  font-weight:bold;
}

div#notices p
{
	text-align:center;
	margin-bottom:2em;                 
}

p.flash_notice
{
	color:green;
	font-size:1.5em;
	font-weight:bold;
}

p.warning_notice
{
	color:red;
}

div.validation-advice {display:block; color:#B5130A; clear:both}
h2.user-stats {display:block;}
	
table#smsreports{border-collapse: collapse;}
table#smsreports td, table#smsreports th{padding: 2px 5px;}
div#maintenance{font-weight:bold;color:red;}
ul#games li{padding-bottom:1em;}
table#games, table#stats-log{width:100%;}
table#games td.cache{width:20%;padding-left:10px;}
table#stats-log tr.odd, table#games tr.odd{background-color:#EEE;}
table#stats-log tr.odd, table#games tr.even{background-color:#CCC;}

/* New signup pagegs */
ol#signup-steps{background: black; padding: 3px;}
ol#signup-steps li{display: inline; color: white; margin-right: 20px; padding: 5px;}
ol#signup-steps li.active{background: white; color: black;}
ol#signup-steps li a{color:inherit;text-decoration:none;}

table#signup-selected-combos{width:100%; position: relative; }
table#signup-selected-combos thead{text-align:left;}

form#signup-form-1 p#signup-form{margin-top: 10px; float: left;}
form#signup-form-1 input{width:70px; float:right; clear: both;}
input#add-combo{float:none;}

p.has-submit{overflow:hidden;}

table.signup-confirmation{width:100%;}
table.signup-confirmation th{text-align:left;}
table.signup-confirmation tr.odd{background-color:#EEE;}
table.signup-confirmation tr.even{background-color:#CCC;}
table#matchtimes{width:100%;font-style:normal;}
table#matchtimes label, table#matchtimes input{float:none;display:inline;width:auto;}
table#signup-personal-confirmation tr td ul{list-style-type:none;margin:0;}
form.signup-3-form label, form.signup-3-form input{width:auto;float:none;}
form#signup-3-activation-form input.submit{float:none;}
span.invalid-combo{color:red;font-weight:bold;}
table#signup-selected-combos{font-style:normal;text-align:left;}
table#signup-selected-combos th{text-align:left;}
form#signup-form input.checkbox, form#signup-form input.radio{margin:0;padding:0;height:25px;margin-right:5px;margin-left:5px;}
form#signup-form fieldset#fourcolumns, form#signup-form div#genderdiv{clear:both;}
ol#sms-options, table#matchtimes{margin-top:1em;margin-bottom:1em;}