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

Title : 		Budo Lifestyle STYLE SHEET
Author : 		Strangefruit.nl
URL : 			http://www.strangefruit.nl

Description : 	structuur

Created : 		10/06/2008
Modified : 	

- - - - - - - - - - - - - - - - - - - - - */
html {
	min-height: 100%;
	height: 100%;
	background-image: url(../img/vast/bl_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#36353B;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	scrollbar-face-color: #C7C7CC;
	scrollbar-base-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 16px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	background-image: url(../img/vast/bl_mat.jpg);
	background-repeat: no-repeat;
	background-position: center top; 
	min-height: 100%;
}
/* -------------------- container -------------------------- */
#container {
	position:relative;
	z-index:0;
	width:937px;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	text-align: left;
}
/* -------------------- header -------------------------- */
#header {
	position:relative;
	z-index:0;
	width:937px;
	heigth:169px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top:0px;
}
#headertop {
	position:relative;
	z-index:0;
	width:494px;
	heigth:140px;
	margin-left: 0px;
	margin-top:0px;
	text-align: left;
}
#logo {
	float:left;
	display:inline;
	margin:0px;
}
#navigatie {
	position:relative;
	z-index:0;
	width:750px;
	height: 29px;
	margin-left: 1px;
	margin-right: auto;
	margin-top: 0px;
}
#navigatie img {
	float:left;
	display:inline;
	margin:0px;
}
#fighters {
	position:absolute;
	z-index:0;
	top:0px;
	left:494px;
	width:443px;
	height: 221px;
	background-repeat: no-repeat;
	background-position: left top; 
	z-index:1;
}
/* -------------------- sidebar -------------------------- */
#sidebar {
	position:relative;
	z-index:0;
	width:220px;
	heigth:auto;
	margin-left:0px;
	margin-top: 5px;
	float:left;
	display:inline;
}
#vlakagenda, #vlakfoto, #vlakform, #vlakcontact {
	position:relative;
	z-index:0;
	width:220px;
	heigth:auto;
	margin-left: 0px;	
	background-repeat: no-repeat;
	background-position: top;
	/*background-color:#434144;*/
}
#vlakagenda {
	margin-top: 0px;
	background-image: url(../img/vast/inx_left_ag_head.gif);
	min-height:100px;
}
#vlakform {
	margin-top: 0px;
	background-image: url(../img/vast/frm_left_fr_head.gif);	
	min-height:100px;
}
#vlakcontact {
	margin-top: 0px;
	background-image: url(../img/vast/cnt_left_fr_head.gif);	
	min-height:100px;
}
#vlakfoto {
	margin-top: 12px;
	background-image: url(../img/vast/inx_left_fo_head.gif);	
	min-height:140px;
}
#vlakagenda p, #vlakform p, #vlakcontact p{
	width:220px;
	height: 15px;
	background-image: url(../img/vast/inx_left_ag_foot.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	margin:0px 0px 0px 0px;
	display:block;
}
#vlakfoto p {
	width:220px;
	height: 15px;
	background-image: url(../img/vast/inx_left_fo_foot.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	margin:0px 0px 0px 0px;
	display:block;
}
#vlakagenda span, #vlakfoto span, #vlakform span, #vlakcontact span{
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9D9BA4;
	border-left-color: #9D9BA4;
	background-color:#716E7F;
	display:block;
	margin:0px 0px 0px 0px;
	min-height:100px;
}
#vlakagenda h1, #vlakfoto h1, #vlakmidden h1, #vlakover h1, #vlakcontact h1 {
	color: #C8C8C8;
	font-size: 10px;
	line-height: 10px;
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 15px;
	margin-bottom: 0px;
	display:block;	
}
#vlakagenda h2, #vlakfoto h2, #vlakmidden h2, #vlakover h2, #vlakcontact h2, #vlakform h2  {	
	color: #FFFFFF;
	font-size: 12px;
	line-height: 15px;
	font-weight:normal;
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 15px;
	margin-bottom: 0px;
	display:block;
}
#vlakcontact h3 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight:bold;
	margin-left: 10px;
	margin-right: 5px;
	display:block;
}
#vlakagenda hr, #vlakfoto hr, #vlakmidden hr {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 12px;
}
#vlakfoto a, #vlakmidden a, #vlakform a {
	color:#FFFFFF;
}
#vlakfoto a:hover, #vlakmidden a:hover, #vlakform a:hover {
	color:#FF4433;
	font-weight: bold;
}
.vlakfototitel {
	color: #FFFFFF;
	font-size: 14px;
	font-weight:bold;
	text-decoration:none;	
	margin-left: 10px;
	margin-right: 5px;
	display:block;
}
.vlakfotototaal {
	color: #F04444;
	font-size: 12px;
	text-decoration:underline;	
	margin-left: 10px;
	margin-right: 5px;
	display:block;
}
#vlakfoto img {
	margin-left:1px;
}
/* -------------------- container midden -------------------------- */
#containermidden {
	position:relative;
	z-index:0;
	width:435px;
	heigth:auto;
	margin-left:30px;
	margin-top: 60px;
	float:left;
	display:inline;
}
#vlakmidden {
	position:relative;
	z-index:0;
	width:435px;
	heigth:auto;
	margin-top: 0px;
	margin-left: 0px;
	background-image: url(../img/vast/inx_mid_head.gif);	
	background-repeat:no-repeat;
	background-position: top;	
}
#vlakmidden p {
	width:435px;
	height: 16px;
	background-image: url(../img/vast/inx_mid_foot.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	margin:0px 0px 0px 0px;
	display:block;
}
#vlakmidden span {
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9D9BA4;
	border-left-color: #9D9BA4;	
	background-color:#716E7F;
	overflow:hidden;
	display:block;
	margin:0px 0px 0px 0px;
	min-height:350px;
}
#vlakmidden h3, #vlakover h3 {
	color: #FF4433;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 9px;
	margin-bottom: 14px;
	display:block;
}
#vlakmidden h4 {
	color: #C8C8C8;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
	display:block;
}
.vlakmiddenimg {
	float:right;
	display:inline;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 4px;
}
.vlakmiddenimggroot {
	margin-top: 20px;
	margin-left: 10px;
}
.thumbimg {
	width:90px;
	height:auto;
	float:left;
	display:inline;
	margin-left: 40px;
	margin-top: 20px;
	border: opx;	
}
.navigatie {
	margin-left: 10px;
}
.navigatie a {
	color:#FF4433;
}
.navigatie a:hover {
	color: #FF4433;
	font-weight:bold;
}
/* -------------------- container over-pagina -------------------------- */
#containerover {
	position:relative;
	z-index:0;
	width:685px;
	heigth:auto;
	margin-left:0px;
	margin-top: 60px;
	float:left;
	display:inline;
}
#vlakover {
	position:relative;
	z-index:0;
	width:685px;
	heigth:auto;
	margin-top: 0px;
	margin-left: 0px;
	background-image: url(../img/vast/over_head.gif);	
	background-repeat: no-repeat;
	background-position: top;
}
#vlakover p {
	width:685px;
	height: 16px;
	background-image: url(../img/vast/over_foot.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	margin:0px 0px 0px 0px;
	display:block;
}
#vlakover span {
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9D9BA4;
	border-left-color: #9D9BA4;
	background-color:#716E7F;
	display:block;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	min-height:300px;
}
/* -------------------- formulieren ------------------------ */
.formtekst {
        position:relative;
        z-index:0;
        float:left;
        display:inline;
        width:140px;
        margin:0px !important;
}
.error {
	font-weight:bold;
    color:#FF3300;
}
#keepheightshort {
	position:relative;
	z-index:0;
	width:1;
	overflow:hidden;
	float:right;
	display:inline;
	margin:0px !important;
	height: 300px;