* {
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: underline;
	color: #FFF;
}

hr {
	height: 0px;
	width: 510px;
	border-bottom: 1px solid #fff;
	border-top: 0px solid #fff;
}

a:hover {
	color: #FFF;
}

a img {
	border: 0px;
}

body {
	background-image: url(../img/layout/tile_v2.png);
	background-position: top center;
	width: 960px;
	margin: 0px auto;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #fff;
	line-height: 16px;
}

div.clear {
	clear: both;
	height: 0px;
	width: 100%;
}

dt {
	padding: 3px;
}

dd {
	padding: 3px 3px 3px 18px;
}

textarea {
	width: 475px;
	height: 300px;
}

/**
 * Header
 */
#header {
	height: 48px;
	padding-top: 14px;
	background-image: url(../img/layout/studentenvolleybal.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#header #krotonLogo {
	margin-left: -33px;
	margin-right: -269px;
}

#header #breadcrumbs {
	float: right;
	font-size: 10px;
	font-weight: bold;
	padding-top: 1px;
	height: 0px;
	overflow: visible;
	text-transform: lowercase;
}

#header #breadcrumbs a {
	color: #fff;
	text-decoration: none;
}

/**
 * Logo
 */
div#logo {
	background-image: url(../img/layout/logo.png);
	background-repeat: no-repeat;
	float: right;
	height: 163px;
	margin-top: 51px;
	width: 163px;
	margin-right: -31px;
	margin-left: -163px;
	margin-bottom: -163px;
	position: relative;
	z-index: 9499;
}

/**
 * Menu
 */
#menu {
	height: 35px;
	overflow: visible;
	position: absolute;
	z-index: 9498;
	width: 960px;
}

#menu ul.menu li.menu {
	display: block;
	float: left;
	margin-right: 5px;
	list-style-type: none;
	height: 35px;
	z-index: 9498;
}

#menu ul.menu li.menu img {
	display: block;
}

#menu ul.submenu {
	display: none;
	float: left;
	background-repeat: repeat-y;
	background-position: top left;
	overflow: visible;
	margin-right: -176px;
	position: relative;
	z-index: 9498;
}

#menu ul.submenu li.submenu_start {
	height: 10px;
	width: 181px;
	background-image: url(../img/layout/submenu_top.png);
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
}

#menu ul.submenu li.submenu_end {
	height: 16px;
	width: 181px;
	background-image: url(../img/layout/submenu_bottom.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#menu ul.submenu li {
	list-style-type: none;
	list-style-position: inside;
	float: left;
	clear: both;
	width: 181px;
	background-image: url(../img/layout/submenu.png);
	background-repeat: repeat-y;
	background-position: top left;
}

#menu ul.submenu li a {
	display: block;
	height: 14px;
	width: 167px;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	padding-left: 8px;
	line-height: 12px;
	text-decoration: none;
}

#menu ul.submenu li a:hover {
	background-color: #ff2300;
	border-bottom: none;
}

#menuspacer {
	height: 35px;
}

/**
 * Infobar
 */
#infobar {
	height: 25px;
	background-color: #fff;
	margin-bottom: 4px;
}

#infobar #headlines {
	height: 25px;
	width: 539px;
	border-right: 1px solid #d0d0d0;
	overflow: hidden;
	float: left;
	position: relative;
	line-height: 25px;
	font-style: italic;
	font-size: 10px;
	color: #323232;
	z-index: 3;
}

#infobar #headlines span {
	color: #00bc00;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 10px;
	font-size: 11px;
	font-style: normal;
}

#infobar #innerheadlines {
	padding-left: 90px;
	height: 20000em;
	position: absolute;
	z-index: 3;
}

#infobar #innerheadlines a {
	font-style: italic;
	font-size: 10px;
	color: #323232;
	text-decoration: none;
}

#infobar #logininfo {
	height: 25px;
	width: 420px;
	overflow: hidden;
	float: left;
	z-index: 3;
	line-height: 25px;
	font-style: italic;
	font-size: 10px;
	color: #323232;
}

#infobar #logininfo span {
	color: #00bc00;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 10px;
	font-size: 11px;
	font-style: normal;
}

#infobar #logininfo a.logout {
	padding: 0px 10px;
	font-size: 10px;
	color: #323232;
	float: right;
	font-style: normal;
	margin-right: 140px;
	text-decoration: none;
}

/**
 *
 */
#left {
	width: 540px;
	float: left;
}

/**
 * Content
 */
#left {
	width: 540px;
	float: left;
}

#left .sponsor {
	height: 86px;
	border-top: 4px solid #00bc00;
	background-color: #e10000;
	margin-bottom: 4px;
	overflow: hidden;
}

/**
 * Inline Submenu
 */
.inlineSubmenu {
	background-color: #FFF;
	color: #000;
	padding: 5px 7px 15px 7px;
}

.inlineSubmenu a {
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	margin: 3px;
}

.inlineSubmenu a.active {
	font-weight: bold;
}

/**
 * Content > Tekst
 */
#content_text {
	border-top: 4px solid #00bc00;
	background-color: #eb0000;
	padding-bottom: 10px;
}

#content_text p,
#content_text table,
#content_text dl,
#content_text ul,
#content_text ol,
#content_text h2,
#content_text h3,
#content_text h4,
#content_text h5,
#content_text hr {
	margin: 10px;
}

#content_text ol, ul {
	list-style-position: inside;
}

#content_text h1 {
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	font-size: 13px;
	width: 100%;
	font-family: Georgia, serif;
	color: #f00;
	background-color: #fff;
	padding: 0px 10px;
}

#content_text select.urlChanger {
	float: right;
	position: relative;
	top: -30px;
	height: 20px;
	margin-right: 10px;
}

/**
 * Content > Forum
 */
#content_text table.forum {
	width: 520px;
}

#content_text table.forum a {
	text-decoration: none;
}

#content_text table.forum td {
	line-height: 25px;
	padding-left: 5px;
	padding-right: 5px;
}

#content_text table.forum tr.unread td {
	font-weight: bold;
}

#content_text table.forum tr.head td {
	background-color: #ff2300;
}

/**
 * Content > Team/Commissie
 */
#content_team {
	border-top: 4px solid #00bc00;
	background-color: #eb0000;
	padding-bottom: 10px;
}

#content_team p,
#content_team table,
#content_team dl,
#content_team ul,
#content_team ol,
#content_team h2,
#content_team h3,
#content_team h4,
#content_team h5,
#content_team hr {
	margin: 20px;
}

#content_team p.nomargin {
	margin-bottom: -20px;
}

#content_team h1 {
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	font-size: 13px;
	width: 100%;
	font-family: Georgia, serif;
	color: #f00;
	background-color: #fff;
	padding: 0px 10px;
}

#content_team select.urlChanger {
	float: right;
	position: relative;
	top: -30px;
	height: 20px;
	margin-right: 10px;
}

#content_team td {
	padding: 1px;
}

#content_team tr.kroton {
	background-color: #ff2300;
}

#content_team div.teamSeparator {
	background-color: #ff2300;
	border-top: 1px solid #fff;
	height: 19px;
	margin: 20px;
}

/**
 * Content > Prikbord
 */
#content_team .prikbord {
	margin: 20px;
}

#content_team .berichtenOption {
	margin: 15px 10px;
}

#content_team .prikbordOption a {
	text-decoration: none;
}

#content_team .berichten .bericht {
	padding: 15px 0px 25px 0px;
}

#content_team .berichten .bericht .naam {
	width: 385px;
	float: right;
	padding-bottom: 5px;
	font-weight: bold;
}

#content_team .berichten .bericht .message {
	width: 385px;
	float: right;
	margin-bottom: 20px;
}

#content_team .berichten .bericht .datum {
	width: 385px;
	float: right;
	font-style: italic;
	font-size: 9px;
}

#content_team .berichten .bericht .foto {
	float: left;
}

#content_team .prikbordMenu {
	background-color: #ff2300;
	line-height: 30px;
	text-transform: lowercase;
	padding: 0px 10px;
	height: 30px;
}

#content_team .prikbordMenu a.prev {
	float: left;
	text-decoration: none;
}

#content_team .prikbordMenu a.next {
	float: right;
	text-decoration: none;
}

/**
 * Content > Leden/Spelers
 */
#content_team .leden {
	padding: 30px;
}

#content_team .leden .lid {
	margin-bottom: 15px;
	width: 50%;
	float: left;
}

#content_team .leden .lid img {
	float: left;
	margin-right: 15px;
}

#content_team .leden .lid .naam {
	font-weight: bold;
	line-height: 18px;
	float: left;
	width: 150px;
}

#content_team .leden .lid .positie {
	line-height: 18px;
	float: left;
}

#content_team .leden .lid .details {
	line-height: 22px;
	text-transform: uppercase;
	margin-top: 65px;
}

#content_team .leden .lid .details a {
	text-decoration: none;
}

/**
 * Content > Home
 */
#content_home {
	width: 540px;
	height: 266px;
	overflow: hidden;
	border-top: 4px solid #00bc00;
	margin-bottom: 4px;
	z-index: 0;
}

#content_news {
	width: 540px;
	border-top: 4px solid #00bc00;
	margin-bottom: 4px;
	background-color: #ffffff;
	height: 146px;
	overflow: hidden;
}

#content_news .box {
	width: 269px;
	margin-top: 6px;
	border-right: 1px solid #d0d0d0;
	height: 140px;
	overflow: hidden;
	float: left;
	padding: 0px 0px;
	color: #808080;
}

#content_news .box h3 {
	color: #ed0000;
	font-size: 13px;
	line-height: 23px;
	text-transform: uppercase;
	font-family: Georgia;
	padding: 0px 9px;
	margin-bottom: 10px;
}

#content_news .box .date {
	width: 66px;
	float: left;
	clear: left;
	overflow: hidden;
	height: 18px;
	line-height: 18px;
	padding: 0px 0px 0px 9px;
}

#content_news .box .item {
	width: 178px;
	float: left;
	overflow: hidden;
	height: 18px;
	line-height: 18px;
	padding: 0px 9px 0px 0px;
}

#content_news .box .item2 {
	width: 251px;
	float: left;
	clear: left;
	overflow: hidden;
	height: 18px;
	line-height: 18px;
	padding: 0px 9px;
}

#content_news .box .all {
	margin-top: 10px;
	width: 100px;
	float: left;
	clear: left;
	font-weight: bold;
	font-size: 9px;
	text-transform: uppercase;
}

#content_new .all a {
	text-decoration: none;
}

#content_news .box a {
	text-decoration: none;
	color: #808080;
}

#content_news .box a:hover {
	text-decoration: none;
	color: #00bc00;
}

/**
 * Content > Fotoalbum
 */
#content_team .photoAlbum {
	background-color: #ff2300;
	width: 220px;
	float: left;
	margin: 20px 0px 10px 33px;
}

#content_team .photoAlbum .albumTitle {
	line-height: 30px;
	padding: 0px 5px;
	font-weight: bold;
}

#content_team .photoAlbum .albumTitle a {
	text-decoration: none;
}

/**
 * Content > Berichten
 */
#content_team .berichten,
#content_text .berichten {}

#content_team .berichten .berichtTop,
#content_text .berichten .berichtTop {
	background-image: url(../img/layout/bericht-top.png);
	padding-top: 20px;
	margin: 10px 10px 0px 10px;
}

#content_team .berichten .bericht,
#content_text .berichten .bericht {
	margin: 0px 10px;
	background-color: #e10000;
	border-left: 1px solid #f00;
	border-right: 1px solid #f00;
	padding: 0px 10px;
}

#content_team .berichten .berichtBottom,
#content_text .berichten .berichtBottom {
	background-image: url(../img/layout/bericht-bottom.png);
	padding-bottom: 20px;
	margin: 0px 10px 10px 10px;
}

#content_team .berichten .bericht h2,
#content_text .berichten .bericht h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
}

#content_team .berichten .bericht .message,
#content_text .berichten .bericht .message {}

#content_team .berichten .bericht .message *,
#content_text .berichten .bericht .message * {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#content_team .berichten .bericht .date,
#content_text .berichten .bericht .date {
	font-style: italic;
	font-size: 10px;
	color: #c9c9c9;
}

/**
 * Right
 */
#right {
	width: 420px;
	float: right;
}

#right #usermenu {
	height: 172px;
	border-top: 4px solid #00bc00;
	background-color: #e10000;
	margin-bottom: 4px;
}

#right #usermenu h1 {
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	font-size: 13px;
	font-family: Georgia, serif;
	color: #fff;
	padding: 0px 10px;
}

#right #usermenu h3 {
	margin: 10px;
	font-weight: bold;
	font-size: 13px;
	font-family: Georgia, serif;
	color: #fff;
}

#right #usermenu p {
	margin: 10px;
}

#right #usermenu a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#right #usermenu a:hover {
	text-decoration: underline;
}

#right #usermenu a.loggedin {
	display: block;
	text-decoration: none;
	width: 140px;
	padding-left: 10px;
	float: left;
	line-height: 18px;
	color: #fff;
	font-weight: normal;
}

#right #userlogin {
	border-top: 4px solid #00bc00;
	background-color: #ffffff;
	margin-bottom: 4px;
	height: 146px;
}

#right #userlogin input.text {
	background-color: #d0d0d0;
	border: 0px;
	width: 165px;
	height: 18px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	margin: 3px 9px;
	padding: 7px 5px 0px 5px;
}

#right #userlogin select {
	background-color: #d0d0d0;
	border: 0px;
	width: 175px;
	height: 24px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	margin: 8px 9px 9px 9px;
	padding: 0px 0px 0px 0px;
}

#right #userlogin a.submit {
	text-transform: uppercase;
	background-color: #fff;
	border: 0px;
	cursor: pointer;
	text-transform: uppercase;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	display: block;
	clear: left;
	color: #808080;
	margin-top: 20px;
}

#right #userlogin .box {
	width: 209px;
	margin-top: 6px;
	border-right: 1px solid #d0d0d0;
	height: 140px;
	overflow: hidden;
	float: left;
	padding: 0px 0px;
	color: #808080;
}

#right #userlogin .box .date {
	width: 46px;
	float: left;
	clear: left;
	overflow: hidden;
	height: 18px;
	line-height: 18px;
	padding: 0px 0px 0px 9px;
}

#right #userlogin .box .item {
	width: 145px;
	float: left;
	overflow: hidden;
	height: 18px;
	line-height: 18px;
	padding: 0px 9px 0px 0px;
}

#right #userlogin .box .all {
	margin-top: 10px;
	width: 191px;
	float: left;
	clear: left;
	font-weight: bold;
	font-size: 9px;
	text-transform: uppercase;
}

#right #userlogin .box a {
	text-decoration: none;
	color: #808080;
}

#right #userlogin .noborder {
	border-right-width: 0px;
}

#right #userlogin .box h3 {
	color: #ed0000;
	font-size: 13px;
	line-height: 23px;
	text-transform: uppercase;
	font-family: Georgia;
	margin-bottom: 10px;
	padding: 0px 9px;
}

#right #userlogin .box_noborder {
	width: 210px;
	height: 146px;
	overflow: hidden;
	float: left;
}

#right .sponsor {
	height: 86px;
	border-top: 4px solid #00bc00;
	background-color: #e10000;
	margin-bottom: 4px;
	overflow: hidden;
}

#right .snapshot {
	border-top: 2px solid #00bc00;
	background-color: #e10000;
	margin-bottom: 4px;
	overflow: hidden;
}

/**
 * Admin Styles > Input Table
 */
table.input {
	width: 100%;
}

table.input td {
	padding: 3px 3px 3px 20px;
}

table.input td.head {
	padding-left: 3px;
	font-weight: bold;
}

table.input td.head span {
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	font-style: italic;
}

table.input td textarea {
	width: 490px;
	height: 350px;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
}

/**
 * Admin Styles > Overview Table
 */
table.overview {
	width: 520px;
}

table.overview td {
	padding: 3px;
	line-height: 25px;
}

table.overview td {
}

table.overview tr.head td {
	padding: 3px;
	font-weight: bold;
	border-top-width: 0px;
	background-color: #f00;
	border-bottom: 1px solid #fff;
}

table.overview tr:hover td {
	background-color: inherit;
}

table.overview tr.head:hover td {
	background-color: #f00;
}

/**
 * Admin Styles > Index
 */
div.beheerCat {
	float: left;
	width: 167px;
	margin: 10px 0px 10px 10px;
	line-height: 25px;
}

div.beheerCat a {
	padding: 0px 5px;
	text-decoration: none;
}

div.beheerCat div.beheerTitle {
	background-color: #f00;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	padding: 0px 5px;
}
