﻿body {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	background-color: #444444;
	background-image: url(../_layout/main/Kyokushin%20-%20background.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-attachment: fixed;
}
#outline {
	display: block;
	position: relative;
	width: 823px;
	margin-left: auto;
	margin-right: auto;
}
#super {
	position: relative;
	width: 823px;
}
#banner {
	position: relative;
	width: 823px;
	height: 128px;
	background-image: url(../_layout/main/titlebar.jpg);
	background-repeat: no-repeat;
}
#banner a {
	display: block;
	position: relative;
	width: 823px;
	height: 128px;
	background-image: url(../_layout/main/titlebar.jpg);
	background-repeat: no-repeat;
}
#banner a:hover {
	display: block;
	position: relative;
	width: 823px;
	height: 128px;
	background-image: url(../_layout/main/titlebar%20-%20RO.jpg);
	background-repeat: no-repeat;
}
#navigation {
	position: relative;
	width: 823px;
	height: 28px;
	background-image: url(../_layout/main/navigation.jpg);
	background-repeat: no-repeat;
}
#MenuPos {
	position: relative;
}
#center {
	position: relative;
	background-image: url(../_layout/main/body.jpg);
	background-repeat: repeat-y;
	overflow: auto;
	text-align: left;
	width: 823px;
}
#content {
	position: relative;
	padding-top: 25px;
	padding-left: 50px;
	padding-right: 0px;
	padding-bottom: 15px;
	margin-right: 158px;
}
#crane {
	background-image: url(../_layout/main/crane.jpg);
	background-repeat: no-repeat;
	width: 158px;
	float: right;
	height: 432px;
}
#nofloat {
	clear: none
}
#bottom {
	position: relative;
	width: 823px;
	height: 102px;
	background-image: url(../_layout/main/bottom.jpg);
	background-repeat: no-repeat;
}
#sub {
	position: relative;
}

/* super bevat header */
#header 			{margin-top: 5px;		margin-bottom: 10px;	color: #999999;}
#header a:link 		{font-weight: normal;	color: #999999;		text-decoration: none;}
#header a:visited 	{font-weight: normal;	color: #999999;		text-decoration: none;}
#header a:hover		{font-weight: normal;	color: #999999;		text-decoration: underline;}
#header a:active 	{font-weight: normal;	color: #CCCCCC;		text-decoration: underline;}

/* sub bevat footer1 & footer2 */
#footer1 			{margin: 5px;			color: #999999;}
#footer1 a:link 	{font-weight: bold;		color: #999999;		text-decoration: none;}
#footer1 a:visited 	{font-weight: bold;		color: #999999;		text-decoration: none;}
#footer1 a:hover	{font-weight: bold;		color: #999999;		text-decoration: underline;}
#footer1 a:active 	{font-weight: bold;		color: #CCCCCC;		text-decoration: underline;}

#footer2 			{margin: 5px;			color: #999999;}
#footer2 a:link 	{font-weight: normal;	color: #999999;		text-decoration: none;}
#footer2 a:visited 	{font-weight: normal;	color: #999999;		text-decoration: none;}
#footer2 a:hover	{font-weight: normal;	color: #999999;		text-decoration: underline;}
#footer2 a:active 	{font-weight: normal;	color: #CCCCCC;		text-decoration: underline;}

/* Formulier elementen */
input				{font-family: Verdana, Arial, Helvetica, sans-serif;		font-size: 11px;			color: #CCCCCC;}
input.btn			{background-color: #444444;		border-color: #999999;		border-style: solid;		border-width: 1px;			 padding: 2px;}
input.chk			{border-width: 0px;}
input.file			{background-color: #444444;		border-color: #999999;		border-style: solid;		border-width: 1px;			 padding: 2px;}
input.rdo			{border-width: 0px;}
input.txt			{background-color: #444444;		border-color: #999999;		border-style: solid;		border-width: 1px;			 padding: 2px;}
.txtarea			{background-color: #444444;		border-color: #999999;		border-style: solid;		border-width: 1px;			 padding: 2px;
					 font-family: Verdana, Arial, Helvetica, sans-serif;		font-size: 11px;			color: #CCCCCC;}
select				{font-family: Verdana, Arial, Helvetica, sans-serif;		font-size: 11px;			color: #CCCCCC;
					 background-color: #444444;		border-color: #999999;		border-style: solid;		border-width: 1px;
					 padding: 2px;}

/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

/* algemene opmaakprofielen */
.bold				{font-weight: bold;}
.title_text			{font-size: 12px;		color: #F38907;		font-weight: bold;}
.title_capital		{font-size: 15px;}
.subtitle			{color: #F38907;		font-weight: bold;}
.warning			{font-weight: bold;		color: #EE0000;}
.inputcaption		{font-weight: bold;}
.small				{font-size: 9px;}
.rights				{font-size: 9px;		color: #999999;}
.italic				{font-style: italic;}
.imagelink a img	{border: none;}
					
.alignleft			{text-align: left;}
.center				{text-align: center;}

.table_middle-center{text-align: center; 	vertical-align: middle;}
.table_border		{border-width: 1px;		border-style:solid;	border-color: #EEEEEE;}

a:link 				{font-weight: normal;	color: #F38907; 	text-decoration: none}
a:visited 			{font-weight: normal;	color: #F38907;	 	text-decoration: none}
a:hover 			{font-weight: normal;	color: #F38907; 	text-decoration: underline}
a:active 			{font-weight: normal;	color: #FFFFFF; 	text-decoration: none}

/* Profiles */
.profiles a			{color: #CCCCCC;}

/* Calendar */
.past				{color: #999999;}
.past a:link		{font-weight: normal;	color: #999999;		text-decoration: none}
.past a:visited		{font-weight: normal;	color: #999999;		text-decoration: none}
.past a:hover		{font-weight: normal;	color: #999999;		text-decoration: underline}
.past a:active		{font-weight: normal;	color: #999999;		text-decoration: none}

.present			{color: #F38907;}
.present a:link		{font-weight: normal;	color: #F38907;		text-decoration: none}
.present a:visited	{font-weight: normal;	color: #F38907;		text-decoration: none}
.present a:hover	{font-weight: normal;	color: #F38907;		text-decoration: underline}
.present a:active	{font-weight: normal;	color: #F38907;		text-decoration: none}

.future				{color: #CCCCCC;}
.future a:link		{font-weight: normal;	color: #CCCCCC;		text-decoration: none}
.future a:visited	{font-weight: normal;	color: #CCCCCC;		text-decoration: none}
.future a:hover		{font-weight: normal;	color: #CCCCCC;		text-decoration: underline}
.future a:active	{font-weight: normal;	color: #CCCCCC;		text-decoration: none}

/* Status */
.notVisible				{color: #999999;}
.notVisible a:link		{font-weight: normal;	color: #999999;		text-decoration: none}
.notVisible a:visited	{font-weight: normal;	color: #999999;		text-decoration: none}
.notVisible a:hover		{font-weight: normal;	color: #999999;		text-decoration: underline}
.notVisible a:active	{font-weight: normal;	color: #999999;		text-decoration: none}

.attention				{color: #F38907;}
.attention a:link		{font-weight: normal;	color: #F38907;		text-decoration: none}
.attention a:visited	{font-weight: normal;	color: #F38907;		text-decoration: none}
.attention a:hover		{font-weight: normal;	color: #F38907;		text-decoration: underline}
.attention a:active		{font-weight: normal;	color: #F38907;		text-decoration: none}

.normal					{color: #CCCCCC;}
.normal a:link			{font-weight: normal;	color: #CCCCCC;		text-decoration: none}
.normal a:visited		{font-weight: normal;	color: #CCCCCC;		text-decoration: none}
.normal a:hover			{font-weight: normal;	color: #CCCCCC;		text-decoration: underline}
.normal a:active		{font-weight: normal;	color: #CCCCCC;		text-decoration: none}
