/***************************************************************
	Vlaamse Ju-Jitsu Federatie (vjjf.be) - CSS
	@author		Tim Molderez
***************************************************************/


/***************************************************************
	General
***************************************************************/

body, html {
	background:#cbe5ed url('images/background_top.jpg') 0 0 repeat-x;
	color:#101010;
	font-family:Verdana, Arial;
	font-size:12px;
	margin:0;
	padding:0;
	<link rel=”shortcut icon” type=”image/x-icon” href=”favicon - vjjf - ju.png” />
}

body {
	min-width:1000px;
}

a {
	color:#0549ff;
	text-decoration:none;
}

a:hover,active {
	color:#44813f;
	text-decoration:underline;
}

p {
	margin:16px 0 0 4px;
}

img {
	border:0;
}

ul {
	list-style-image:url(images/bullet.jpg);
}

li {
	padding-left:4px;
	padding-top:4px;
}

table {
	margin-left:4px;
	width:608px;
	border-collapse:collapse;
}

table.bestuur {
	margin-left:4px;
	width:461px;
	border-collapse:collapse;
}

table.formatted td {
	border:1px solid #4b312d;
	padding: 4px;
	background-color:#f8f5e8;
}

table.formatted tr:hover td {
	background-color:#ffe4b9;
}

table.formatted tr.alt td {
	background-color:#ebf5f3;
}

table.formatted tr.alt:hover td {
	background-color:#c1e3d3;
}

table.formatted tr.alt2 td {
	background-color:#48D1CC;
	
}

table.formatted tr.alt2:hover td {
	background-color:#98FB98;
}

table.formatted tr.alt3 td {
	background-color:#FF1100;
	color: #ffffff;
}

table.formatted tr.alt3:hover td {
	background-color:#FF4500;
	color: #ffffff;
}

table.formatted tr th {
	border:1px solid #4b312d;
	padding: 4px;
	font-weight:bold;
	background-color:#ebf5f3;
}

table.formatted tr:hover th {
	background-color:#c1e3d3;
}

#container_background {
	position:relative;
	background:transparent url('images/background_bottom.jpg') bottom left repeat-x;
	padding:0;
	width:100%;
}

#container_content {
	position:relative;
	background:transparent url('images/container.jpg') 0 0 repeat-y;
	margin:0 auto;
	padding:0;
	width:1000px;
}


/***************************************************************
	Header
***************************************************************/

#header {
	position:relative;
	background:transparent url('images/header.jpg') 0 0 no-repeat;
	height:181px;
}

#header #logo_left {
	position:absolute;
	top:24px;
	left:31px;
	width:96px;
	height:156px;
}

#header #logo_right {
	position:absolute;
	top:24px;
	left:873px;
	width:96px;
	height:156px;
}

#header #photo_left {
	position:absolute;
	top:57px;
	left:216px;
	width:140px;
	height:92px;
}

#header #photo_right {
	position:absolute;
	top:57px;
	left:644px;
	width:140px;
	height:92px;
}

#header .menu {
	position:relative;
	top: 153px;
	margin: 0 auto;
	width:690px;
	text-align:center;
}

#header .menu a {
	float:left;
	background:transparent url('images/header_button_normal.jpg') 0 0 no-repeat;
	width:86px;
	height:20px;
	padding:4px 0 0 0;
	color:#0a0a0a;
	text-decoration:none;
	display:inline;
}

#header .menuBreed a {
	width:126px;
}

#header .menu a.selected {
	background:transparent url('images/header_button_selected.jpg') 0 0 no-repeat;
	color:#1c385c;
	width:84px;
	height:19px;
	padding:5px 0 0 2px;
}

#header .menuBreed a.selected {
	background:transparent url('images/header_button_selected.jpg') 0 0 no-repeat;
	width:124px;
}

#header .menu a:hover,active {
	background:transparent url('images/header_button_hover.jpg') 0 0 no-repeat;
	color:#1c4d5c;
	width:84px;
	height:19px;
	padding:5px 0 0 2px;
}

#header .menuBreed a:hover,active {
	background:transparent url('images/header_button_hover.jpg') 0 0 repeat;
	width:124px;
}

#header .menu .end {
	float:left;
	background:transparent url('images/header_menu_end.jpg') 0 0 no-repeat;
	width:2px;
	height:24px;
	display:inline;
}


/***************************************************************
	Left Column
***************************************************************/

#column_left {
	float:left;
	margin-left:9px;
	background:transparent url('images/column_left.jpg') 0 0 repeat-y;
	width:194px;
	display:inline;
}

#column_left .top {
	background:transparent url('images/column_left_top.jpg') 0 0 no-repeat;
	height:7px;
	margin-bottom:8px;
}

#column_left .bottom {
	background:transparent url('images/column_left_bottom.jpg') 0 0 no-repeat;
	height:76px;
}

#column_left .menu_top {
	background:transparent url('images/column_left_menu_top.jpg') 0 0 no-repeat;
	height:5px;
}

#column_left .menu_bottom {
	background:transparent url('images/column_left_menu_bottom.jpg') 0 0 no-repeat;
	height:6px;
}

#column_left a {
	background:transparent url('images/column_left_button_normal.jpg') 0 0 no-repeat;
	width:174px;
	height:20px;
	display:block;
	padding:4px 0 0 8px;
	color:#040404;
	text-decoration:none;
}

#column_left a.selected {
	background:transparent url('images/column_left_button_selected.jpg') 0 0 no-repeat;
	color:#1c385c;
	width:173px;
	height:19px;
	padding:5px 0 0 9px;
}

#column_left a.indented {
	background:transparent url('images/column_left_button_indented_normal.jpg') 0 0 no-repeat;
	padding:4px 0 0 18px;
	width:164px;
	color:#202020;
}

#column_left a.indented_selected {
	background:transparent url('images/column_left_button_indented_selected.jpg') 0 0 no-repeat;
	width:163px;
	height:19px;
	padding:5px 0 0 19px;
}

#column_left a:hover,active {
	background:transparent url('images/column_left_button_hover.jpg') 0 0 no-repeat;
	color:#1c4d5c;
	width:173px;
	height:19px;
	padding:5px 0 0 9px;
}

#column_left a.indented:hover {
	background:transparent url('images/column_left_button_indented_hover.jpg') 0 0 no-repeat;
	width:163px;
	height:19px;
	padding:5px 0 0 19px;
}

#column_left a.indented_selected:hover {
	background:transparent url('images/column_left_button_indented_hover.jpg') 0 0 no-repeat;
	width:163px;
	height:19px;
	padding:5px 0 0 19px;
}


/***************************************************************
	Content
***************************************************************/

#content {
	float:left;
	width:616px;
	padding:8px 4px 0 4px;
	display:inline;
}

#content .title {
	background:transparent url('images/title.jpg') 0 0 no-repeat;
	height:23px;
	width:605px;
	margin:4px 0 4px 5px;
	text-align:center;
	padding-top:5px;
	font-size:13px;
	font-weight:bold;
	color:#281f1e;
}

#content .subtitle {
	background:transparent url('images/separator.jpg') 0 14px no-repeat;
	height:24px;
	width:589px;
	margin:20px 0 8px 0px;
	padding: 0 0 0 16px;
}

#content .subtitle:first-letter {
	font-weight:bold;
}

#content .column {
	float: left;
	width:308px;
	margin:0 0 0 0;
	display:inline;
}

#content .column .subtitle {
	background:transparent url('images/separator_short.jpg') 0 14px no-repeat;
	width:280px;
}

#content .column table {
	width:300px;
}


/***************************************************************
	Right Column
***************************************************************/

#column_right {
	float:left;
	background:transparent url('images/column_right.jpg') 8px 0px repeat-y;
	width:164px;
	display:inline;
}

#column_right .top {
	background:transparent url('images/column_right_top.jpg') 4px 0px no-repeat;
	height:7px;
	margin-bottom:8px;
}

#column_right .bottom {
	background:transparent url('images/column_right_bottom.jpg') 0 0 no-repeat;
	height:76px;
}

#column_right .title {
	background:transparent url('images/column_right_title.jpg') 0 0 no-repeat;
	height:25px;
	width:152px;
	text-align:center;
	margin-left:12px;
	padding-top:9px;
}

#column_right #login {
	background:transparent url('images/login.jpg') 19px 0 no-repeat;
	height:114px;
	width:138px;
	margin:-1px 0 12px 0px;
	padding:15px 0 0 16px;
	color:#dbd5c9;
	font-size:10px;
}

#column_right #login .label {
	margin-left:20px;
	text-align:left;
}

#column_right #login .profile {
	font-size:11px;
	padding:22px 0 30px 20px;
}

#column_right #login .textfield {
	background:transparent url('images/textfield.jpg') 0 0 no-repeat;
	width:108px;
	height:18px;
	margin:3px 0 4px 17px;
	border-width:0px;
}


#column_right #login .button_login {
	width:62px;
	height:27px;
	background:transparent url('images/login_button_normal.jpg') 0 0 no-repeat;
	border-width:0;
	margin-left:40px;
}

#column_right #login .button_logout {
	width:62px;
	height:27px;
	background:transparent url('images/logout_button_normal.jpg') 0 0 no-repeat;
	border-width:0;
	margin-left:40px;
}

#column_right #login .button_login:hover,active {
	cursor:pointer;
	background:transparent url('images/login_button_hover.jpg') 0 0 no-repeat;
}

#column_right #login .button_logout:hover,active {
	cursor:pointer;
	background:transparent url('images/logout_button_hover.jpg') 0 0 no-repeat;
}


/***************************************************************
	Footer
***************************************************************/

#footer {
	clear:both;
	background:transparent url('images/footer.jpg') 0 0 no-repeat;
	height:187px;
	width:1000px;
	text-align:center;
	padding-top:50px;
	font-size:11px;
	color:#606060;
}

#footer a {
	color:#245e9c;
}