/*
	WEBSITE: StadiumImpact  	
	STYLE: layout
    	
	1 - General style
	2 - Layout general style
	3 - Layout website style
	4 - Form style
	5 - Other style
	
*/
	/* 1 - GENERAL ================================================================ */
HTML,BODY {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	line-height:25px;
}

BODY {
  background: #d4d956 url(../img/background_yellow_01.jpg) repeat center top;
	/*background: #d4d956 url(../img/background_yellow_01.gif) repeat center top;*/
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h4,h5,h6,pre,form,fieldset,input,label,p,blockquote,th,td,a {
	font-family: arial,verdana;
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

ol,ul {
	list-style: none;
}

a {
	cursor: pointer;
}

DIV.clear,BR.clear {
	clear: both;
	height: 0;
	margin: 0;
	font-size: 1px;
	line-height: 0;
}

/* DEFAULT FONT SETTINGS */
BODY,TD,DIV,P {
	font-family: arial, verdana;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

/* DEFAULT FONT SETTINGS DIV#MAIN_CONTENT_MIDDLE 
DIV#main_content_middle TD,DIV#main_content_middle DIV,DIV#main_content_middle P {
	color: #3F3F3F;
}*/

/* 2 - LAYOUT GENERAL ========================================================= */

DIV#container_layout {
  position:relative;
  width:910px;
  z-index:100;
  margin: 0 auto;
}

DIV#layout_links, DIV#layout_rechts {
	z-index:100;
	margin: 0 auto;
	height: 100%;
	min-height:100%;
	width: 10px;
	border:0;
  float:left;
}

DIV#layout_links {
  position: absolute;
  background-color: #FFCCCC;
  left:0px;
}

DIV#layout_rechts {
  position:absolute;
  right:0px;
  background-color: #FFCCCC;
}

DIV#layout {
	position: relative;
	z-index:100;
	margin: 0 auto;
	height: auto;
	min-height:100%;
	width: 866px;
	background-color: #ffffff;
	color: #000000;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
/*
DIV#website_container {
	position: absolute;
	z-index: 100;
	float:left;
	width: 866px;
	margin: 0;
}
*/
/* 3 - LAYOUT WEBSITE ================================================================ */
P.nieuwsitem{
	float:left;
	width:500px;
	text-align:left;
	padding-bottom:8px;
}

DIV#logo {
	position: absolute;
	width: 388px;
	height: 165px;
	margin: 30px 0px 0px 15px;
	text-align: left;
	z-index: 51;
}

DIV#logo IMG {
	width: 388px;
	height: 165px;
	background: url(../img/nkwalogo.png) repeat-x left top;
}

DIV#foto_top{
	position: absolute;
	width: 520px;
	height: 255px;
	margin: 0px 0px 0px 351px;
	text-align: left;
	z-index: 50;
}

DIV#slogan {
	position:absolute;
	left:85px;
	top:5px;
	font-size:40px;
	font-weight:900;
	color:#231f20;
	letter-spacing:-3px;
	padding-top:10px;
	padding-bottom:10px;
}

DIV#foto_top IMG {
	width: 520px;
	height: 255px;
	background: url(../img/topfoto.png) repeat-x left top;
}

DIV#headback {
	width: 866px;
	height: 258px;
	background-color: #313B8A;
	background: url(../img/topback.jpg) repeat-x left top;
}

DIV#menu {
	position: absolute;
	width: 857px;
	height: 34px;
	margin: 224px 0px 0px 0px;
	text-align: left;
	z-index: 52;
	background: url(../gfx/menu_bg.png) repeat-x left top;
}

DIV#menu DIV.container {
	float: left;
	height: auto;
	width: 857px;
}

/* MAIN CONTENT --------------- */
DIV.main_content {
	width: 857px;
	height: auto;
	background: #ffffff;
}

DIV#main_content_left {
	position: relative;
	z-index:100;
	height:auto;
	float:left;
}
	
DIV#main_content_left DIV.container {
	position: relative;
	z-index:100;
	float: left;
	border-right: 1px solid #000000;
	width: 610px;
	margin-top: 0px;
	text-align: left;
	padding-top:20px;
}

DIV#main_content_right {
	position: relative;
	height: auto;
	width: 245px;
	z-index: 100;
	float:left;
}

DIV#main_content_right DIV.container {
	position: relative;
	float:left;
	height: auto;
	width: 254px;
	margin-top: 0px;
	text-align: left;
	margin-left:1px;
	z-index:100;
}

DIV#tourimage {
	position: relative;
	height: 86px;
	width: 245px;
	float:left;
	padding-left:40px;
	padding-top:20px;
}

DIV#tourlist_container {
	position: relative;
	height: 216px;
	width: 250px;
	float:left;
	background: url(../img/tourback.gif) no-repeat;
	padding-left:2px;
}
DIV#tourlist_left {
	position: relative;
	height: auto;
	width: 70px;
	float:left;
	padding: 0px 0px 0px 40px;
}
DIV#tourlist_right {
	position: relative;
	height: auto;
	width: 140px;
	float:left;
	display:inlne;
	color:#FFFFFF;
	font-size:11px;
}
DIV#tourlist_spacer {
	position: relative;
	height: 7px;
	width: 250px;
	float:left;
	font-size:0px;
}

DIV#tourlist_container H3 {
	height: 25px;
	margin: 40px 38px 0px 35px;
	padding: 0px 0px 0px 0px;
	line-height: 28px;
	color: #000000;
	font-size: 16px;
}

DIV#newshead_container H3 {
	height: 22px;
	margin: 43px 38px 0px 35px;
	padding: 0px 0px 0px 0px;
	line-height: 22px;
	color: #000000;
	font-size: 16px;
}

DIV#tourlist_container H4 {
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 23px;
	color: #000000;
	font-size: 16px;
	max-width:75px;
	
}

DIV#newshead_container {
	position: relative;
	height: 265px;
	width: 230px;
	float:left;
	background: url(../img/newsback.gif) no-repeat;
	padding-left:2px;
	margin-top: 20px;
}

DIV#newshead_items {
	position: relative;
	height: auto;
	width: 230px;
	float:left;
	padding: 0px 0px 0px 40px;
	color:#FFFFFF;
	font-size:11px;
}

#newshead_container A {
	color: #FFFFFF;
	text-decoration: none;
}
#newshead_container A:hover {
	color: #FFFFFF;
	text-decoration: underline;	
}

#tourlist_right A {
	color: #FFFFFF;
	text-decoration: none;
}
#tourlist_right A:hover {
	color: #FFFFFF;
	text-decoration: underline;	
}

DIV.nieuwsitem {
	position: relative;
	height: auto;
	min-height:260px;
	width: 500px;
	float:left;
	padding-left:55px;
	padding-top:20px;
}

div.gastenboek_main{
	width:519px; 
	float:left; 
	height:25px;
}

div.gastenboek_naam_border{
	width:370px; 
	padding-left:20px; 
	float:left; 
	height:22px;
}

div.gastenboek_datum_border{
	width:105px; 
	float:left; 
	display:inline; 
	height:17px;
}

div.gastenboek_bericht{
	width:500px; 
	padding-left:20px;
}
div.gastenboek_left{
	width:100px;
	float:left;
}
div.gastenboek_right{
	width:400px;
	float:left;
}

textarea.gastenboek{
	font-family: arial,verdana;
	font-size: 12px;
	width:500px;
	height:100px;
}

input.gastenboek{
	width:230px;
}

/* 5 - OTHER STYLES ======================================================= */
.skip {
	display: none;
}

DIV#noscript {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #0F1C75;
	height: 30px;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #F2F2F2;
	z-index: 10000;
}

DIV#noscript DIV.container {
	height: 30px;
	width: 553px;
	margin: auto;
}

DIV#noscript DIV.container,DIV#noscript DIV.container A,DIV#noscript DIV.container A:hover
	{
	line-height: 30px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
}

/*sIFR Stylesheet  ======================================================= */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3.right {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}