@charset "UTF-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: White;
}

BODY {
	background-image: url(../images/squirrels_bg.gif);
}
h1 {
	font-size: 16px;
	color: #f4da11;
	margin-bottom: 10px;
}

h3 {
	font-size: 14px;
	margin-bottom: 8px;
	line-height: 16px;
	color: inherit;
}
p {
	margin-bottom: 10px;
	text-align: justify;
	line-height: 18px;
}
a {
	color: #4193d0;
}
a:hover {
    color: #fbdc1b;
}

input {
	color: Black;
    width: 300px;
}

input[disabled='disabled'] {
    background: #ccc;
    border: 3px solid #ccc;
}
input[type='radio'] {
    width: 20px;
}

.input_short {
    width: 80px;
}

.login tr td {
    padding: 5px 0;
}
label {
	color: White;
	font-weight: bold;
	display: block;
	position: relative;
	margin-top: -27px;
	margin-bottom: 20px;
}

ul {
    margin-left: 10px;
}
ol {
    margin-left: 20px;
}

#container {
	width: 955px;
	margin: auto;
	border-left: 3px #4193d0 solid;
	border-right: 3px #4193d0 solid;
	
}

#header {
	width: 955px;
	height: 230px;
	background-image:url(../images/squirrels_header_bg.jpg);
}

#home {
	float: left;
	position:relative;
	top: 43px;
	left: 26px;
}
#home a img{
	border: none;
}

#google_adsense {
	width: 728px;
	height: 90px;
	float: right;
	margin-right: 5px;
	margin-top: 5px;
}

#login {
	width: 600px;
	float: right;
    height: 21px;
	margin-top: 5px;
	margin-right: 5px;
	font-weight: bold;
	color: #ffffff;
	text-align: right;
    vertical-align: center;
}

#menu {
	width: 730px;
	float: right;
	margin-top: 79px;
}

/* Firefox */
@-moz-document url-prefix() 
{
#menu { margin-top: 79px; }
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #menu { margin-top: 78px; }
    #login { margin-top: 6px; }
}


#menu ul li {
	display: inline;
	list-style: none;
}

#menu a {
	color: #122c45;
	text-decoration: none;
	display: inline-block;
}

#menu a:hover {
	background-color:#fddb1e;
	color: #ffffff;
}

#submenu ul li {
	margin-bottom: 5px;
}

#content {
	background-image: url(../images/squirrels_blue_bg.gif);
	width: 935px;
	height: 100%;
	padding: 10px;
	border-bottom: 3px #4193d0 solid;
}

#col1 {
	float: left;
	width: 234px;
	margin-bottom: 10px;
}
#col2 {
	float: left;
	width: 490px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#col3 {
	float: left;
	width: 190px;
	margin-bottom: 10px;
}
#col23 {
	float: left;
	width: 670px;
	margin-left: 10px;
	margin-bottom: 10px;
    background: #262858;
	padding: 10px;
	line-height: 16px;
}

#sponsors {
	width: 234px;
	margin-bottom: -10px;
}
#sponsors img {
	border:0px;
	border-top: White 1px solid;
	border-bottom: White 1px solid;
	margin-bottom: 10px;
}

#news {
	width: 490px;
	height: 350px;
    background: #262858;
	margin-bottom: 10px;
}
#nextgame {
	width: 190px;
	height: 160px;
    background: #262858;
	color:#FFFFFF;
	text-align: center;
}

.rightcolumn {
	width: 190px;
    background: #262858;
    min-height: 300px;
}
.rightcolumn div {
	padding: 10px;
}

.floatright {
	float: right;
	margin-left: 10px;
}
.rightcenter {
    float: right;
    width: 225px;
}
.clear {
    clear: both;
}
#standings {
	width: 190px;
	height: 180px;
    background: #262858;
	color: #FFFFFF;
	font-size: 16px;
	margin-top: 10px;
}
#standings div {
	font-size: 14px;
	font-weight: bold;
}
#standings div td {
	padding-top: 3px;
	padding-bottom: 3px;
}

#mailinglist {
	width: 190px;
	height: 170px;
    background: #262858;
	color: #FFFFFF;
	font-size: 16px;
	margin-top: 10px;
}
#mailinglist div button {
	width: 80px;
	height: 22px;
	line-height: 12px;
	float: right;
	margin-top: 5px;
}
.rightbutton {
	float: right;
	color: Black;
	padding-left: 10px;
	padding-right: 10px;
}

#agenda {
	width: 234px;
	height: 170px;
    background: #262858;
	margin-top: 10px;
}
.black {
	color: #000000;
}
#map{
	width: 470px; 
	height: 300px;
	margin-top: 10px;
}
#center {
	width: 470px;
	padding: 10px;
    background: #262858;
}

.center {
	margin-top: 10px;
	width: 470px;
	padding: 10px;
    line-height:16px;
    background: #262858;
}

#sponsoring {
    width: 300px;
    float: left;
}
#sponsoring ul, #sponsorinfo ul {
    margin-left: 12px;
    line-height: 16px;
    margin-bottom: 10px;
    padding-right: 10px;
}
#sponsorinfo {
    width: 170px;
    float: right;
}


.nieuws_image {
	margin-left: -10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: #4193d0 20px solid;
	border-top: #4193d0 thick solid;
}
.wistjedat {
	list-style: inside square;
	line-height: 22px;
	margin-bottom: 5px;
}

.error {
    background: #ff0000;
    padding: 5px;
}

.succes {
    background: #009900;
    padding: 5px;
}

.light_bg { background: #262858; }
.dark_bg { background: #00033b; }

select {
	color: Black;
}
option {
	color: Black;
}

.schema {
	clear: both;
	margin-bottom: 10px;
}

.schema td {
	padding: 4px;
}

.balk_blauw {
	background:url(../images/header_balk_blauw.png);
	height:15px;
}
.schema .balk_blauw td {
	color: #122c45;
	font-size: 14px;
	font-weight: bold;
}

.squirrels td {
    color: #f4da11;
}

dl.table-display {
	
}

.table-display dt {
	clear: both;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.padding10 {
	padding: 10px;
	line-height: 20px;
}

#paginas ul{
	display: inline;
	padding: 5px;
}
#paginas ul li{
	display: inline;
	padding: 5px;
}

#lowbanners {
	clear: both;
	width: 935px;
	height: 90px;
	text-align: center;
}

#footer {
	clear: both;
	width: 955px;
	height:50px;
	margin: auto;
}
#footer a {
	color: #122c45;
}
#footer div{
	margin: 10px;
	padding: 10px;
	background-image: url(../images/wit_transparant.png);
	color: #122c45;
}
*html #footer {
	background: none;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
	/*width:745px; */
	height: 20px; 
	position:relative; 
	z-index:100;
	/*border-right:1px solid #000; */
	font-family:arial, sans-serif;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {
	width:746px; 
	w\idth:745px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
/*
.menu ul ul {
	width:149px;
}
*/
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	/*width:149px;*/
	position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	/*font-size:9px;*/
	text-decoration:none; 
	color:#fff; 
	/*width:138px; */
	/*height:30px; */
	/*border:1px solid #000; */
	/*border-width:1px 0 1px 1px; */
	/*background:#09c; */
/*	padding-left:10px; */
	padding: 7px 10px 7px 10px;
	/*line-height:29px; */
	font-size: 14px;
	font-weight:bold;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
/*
	width:149px; 
	w\idth:138px;
	*/
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background:#e5eef5; /*url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;*/
}
/* style the second level hover */
.menu ul ul a.drop:hover{
	background:#e5eef5 /*url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;*/
	font-size: 10px;
}
.menu ul ul :hover > a.drop {
	background:#c0dbf0 /*url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;*/
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#c0dbf0;
}
/* style the third level hover */
.menu ul ul ul a:hover {
	background:#e5eef5;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:30px;
	left:0; 
	width:120px;
	/*border-top:1px solid #000;*/
}
/* another hack for IE5.5 */
* html .menu ul ul {
	top:30px;
	t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
	left:148px; 
	top:0px;
	width:149px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-148px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#e5eef5; 
	color:#000; 
	height:auto; 
	/*line-height:1em; */
	padding:5px 10px; 
	width:128px;
	font-size: 11px;
	/*border-width:0 1px 1px 1px;*/
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
/*
	width:150px;
	w\idth:128px;
	*/
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	color:#000; 
	background:#c0dbf0;
}
.menu :hover > a, .menu ul ul :hover > a {
	color:#000; 
	background:#e5eef5;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
	visibility:visible;
}


/******************** WEATHER START ***********************/
#weather {
    width:130px;
    height:79px;
    margin-top: 8px;
    margin-left: 20px;
}
#weather_info {
    width:100px;
    height:49px; 
    background:url('../images/weather/weather_bg.png'); 
    float:right; 
    text-align:center;
    color:#fff; 
    font-weight:bold; 
    margin-top:25px; 
    font-family:Arial, Helvetica, sans-serif;
}
#temperatuur {
    margin-top:5px; 
    font-size:18px;
}
#plaats {
     font-size:12px;
     text-transform:uppercase;
}
#weather_img {
     width:60px;
     height:60px;
     float:left;
     margin-top:-80px;
}
/*********************** WEATHER END ************************/