/****************************************************/
/* Stichting OOV-Support - main screen CSS file     */
/* Copyright (c) 2006 Mark H. Kathmann              */
/* http://www.oov-support.nl                        */
/*                                                  */
/* Table of contents:                               */
/*                                                  */
/* 1. Positioning                                   */
/* 2. Layout and formatting                         */
/* 3. Typography                                    */
/****************************************************/

/****************************************************/
/* 1. Positioning                                   */
/****************************************************/

body {
	margin: 0px;
	padding: 0px;
}

#wrapper {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -390px;
	width: 780px;
}

#header_logo {
	float: left;
	width: 200px;
	height: 94px;
	padding: 0px;
	margin-top: 19px;
}

#header_menu {
	float: left;
	width: 580px;
	height: 94px;
	padding: 0px;
	margin: 0px;
}
#header_menu p.login {
	padding: 0px;
	margin: 0px;
}
#header_menu ul {
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
#header_menu li {
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#wrp {
	float: left;
	width: 780px;
}

#random {
	float: left;
	width: 780px;
	height: 150px;
	margin-top: 15px;
}

#bandwrapper {
	width: 780px;
}

#rightcorner {
	float: right;
	width: 270px;
	height: 146px;
	z-index: 1;
	left: 512px;
	top: 114px;
	visibility: visible;
	overflow: visible;
}

#bigband_outer {
	clear: both;
	position: relative;
	float: left;
	width: 780px;
	height: 142px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
#bigband_outer[id] {
	display: table;
	position: static;
}
#bigband_middle { /* for explorer only*/
	position: absolute;
	top: 50%;
	padding-left: 8px;
}
#bigband_middle[id] {
	display: table-cell;
	vertical-align: middle;
	position: static;
}
#bigband_inner { /* for explorer only */
	position: relative;
	top: -50px;
	padding: 8px;
	margin: 0px;
	text-align: center;
}
#bigband_inner[id] {
	position: static;
	padding: 8px;
	margin: 0px;
	text-align: center;
}

#smallband {
	clear: both;
	position: relative;
	float: left;
	width: 500px;
	height: 25px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

#photostrip {
	width: 780px;
	height: 50px;
	margin-top: 10px;
}

#clearline {
	clear: both;
	height: 1px;
	padding: 0px;
	margin: 0px;
}

#content {
	float: left;
	position: relative;
	width: 500px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#content h2 {
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.subtitle {
	padding: 0px;
	margin: 0px;
}
#content li {
	padding-bottom: 5px;
}

#sidebar {
	float: left;
	position: relative;
	width: 265px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 15px;
}
.sidebox {
	width: 265px;
	padding: 0px;
	margin: 0px;
}
.sidebox_top {
	width: 265px;
	height: 25px;
	padding: 0px;
	margin: 0px;
}
.sidebox_middle {
	width: 265px;
	padding: 0px;
	margin: 0px;
}
.sidebox_bottom {
	width: 265px;
	height: 25px;
	padding: 0px;
	margin: 0px;
}
.sidebox_content {
	padding: 0px 20px 0px 15px;
	margin: 0px;
}

/****************************************************/
/* 2. Layout and formatting                         */
/****************************************************/

body {
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-position: left top;
}
.bigband {
	background-image: url(images/layout/body_bg_bigband_2.gif);
}
.smallband {
	background-image: url(images/layout/body_bg_smallband.gif);
}
.noband {
	background-image: url(images/layout/body_bg_noband.gif);
}

#header_logo {
	background-image: url(images/layout/logo_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#header_menu p.login {
	text-align: right;
}
#header_menu ul {
	text-align: right;
}
#header_menu li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

#wrp {
	background-image: url(images/layout/bigband_bg_2.gif);
	background-repeat: no-repeat;
}


#bigband2_outer {
	background-image: url(images/layout/bigband_bg_2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#bigband_outer {
	background-image: url(images/layout/bigband_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#content h2 {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
}
#content img {
	border: 1px solid #999999;
}
#content .noborder {
	border: 0px solid #999999;
}

.sidebox {
	background-image: url(images/layout/sidebox_bg.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
.sidebox_top {
	background-image: url(images/layout/sidebox_top.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.sidebox_bottom {
	background-image: url(images/layout/sidebox_bottom.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.center {
	text-align: center;
}
.sidebox img {
	border: 0px solid #ffffff;
}
.sidebox p {
	margin-top: 0px;
}
.sidebox form {
	padding: 0px;
	margin: 0px;
}

/****************************************************/
/* 3. Typography                                    */
/****************************************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#header_logo h1 {
	display: none;
	visibility: hidden;
}

#header_menu {
	font-size: 1.4em;
	font-weight: bold;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}
#header_menu a:link {
	color: #990000;
	text-decoration: none;
}
#header_menu a:visited {
	color: #990000;
	text-decoration: none;
}
#header_menu a:hover {
	color: #000000;
	text-decoration: none;
}
#header_menu a:active {
	color: #000000;
	text-decoration: none;
}
#header_menu a.active:link {
	color: #000000;
}
#header_menu a.active:visited {
	color: #000000;
}
#header_menu a.active:hover {
	color: #990000;
}
#header_menu a.active:active {
	color: #990000;
}
#header_menu a.login:link {
	color: #ffffff;
	font-size: 0.8em;
}
#header_menu a.login:visited {
	color: #ffffff;
	font-size: 0.8em;
}
#header_menu a.login:hover {
	color: #efefd6;
	font-size: 0.8em;
}
#header_menu a.login:active {
	color: #efefd6;
	font-size: 0.8em;
}

#bigband_inner {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #ffffff;
	font-style: italic;
	font-weight: bold;
}

#content h2 {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #990000;
	font-weight: bold;
}
#content h3 {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #990000;
	font-weight: bold;
}
#content {
	font-size: 1.2em;
}
#content p.subtitle {
	font-size: 0.9em;
	color: #996666;	
}
#content .smalltxt {
	font-size: 0.8em;
	color: #999999;	
}

.sidebox {
	font-size: 1.1em;
}

.sidebox .smalltxt {
	font-size: 0.9em;
}

a:link {
	color: #990000;
	text-decoration: underline;
}
a:visited {
	color: #990000;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
a:active {
	color: #000000;
	text-decoration: underline;
}

#kerstwens {
	width: 100%;
	padding-top: 10px;
}