/* 
Tennispark De Molenkrocht
======================================================================================
Start xhtml: 		10 okbtober 2007
Auteur xhtml +css: 	Ale van der Ploeg [http://www.addsite.nl]
======================================================================================
*/




/* Kleuren
Oranje:			#D27427
Groen:			#003D2D
*/


@import url(/addsite/css/iconen.css);

body {
	font-family: 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
	font-size: 12px;
	line-height: 20px; 
	color: #003D2D; 
	font-style: italic;
	margin: 0;
	padding: 0;
	background: #ffffff;
}

		/* Fix voor IE */
		* html body
		{
			font-style: normal;
		}		

a:link, a:visited  { 
	font-weight: normal; 
	text-decoration: none; 
	color: #C75600;
	   outline-color: invert;
	   outline-style: none;
	   outline-width: 0pt; 	
	}

a:hover { 
	text-decoration: underline; 
	color: #C75600;
	}

#wrapper {
	float: left;
	width: 600px;
}

#footer {
	float: left;
	height: 61px;
	width: 808px;
	background: url(../images/footer.gif) top left no-repeat;
	visibility: hidden; display: none;
}


#menu_boven {
	float: left;
	background: url(../images/menu_boven.jpg) top left no-repeat;
	height: 39px;
	width: 990px;
	visibility: hidden; display: none;
}

#menu {
	float: left;
	background: url(../images/menu.jpg) top left no-repeat;
	height: 36px;
	width: 990px;
	visibility: hidden; display: none;
}

#menu_onder {
	float: left;
	background: url(../images/menu_onder.jpg) top left no-repeat;
	height: 14px;
	width: 990px;
	line-height: 1px;
	font-size: 1px;
	visibility: hidden; display: none;
}

#linkerkant { 
	float: left;
	width: 193px;
	min-height: 679px;
	background: url(../images/linkerkant.jpg) top left no-repeat;
	visibility: hidden; display: none;
	display: none;
	}	
	
		/* Fix voor IE */
		* html #linkerkant
		{
			height: 679px;
		}	



#middenstuk { 
	float: left;
	width: 600px;
	}	
	
		
#middenstuk2 { 
	float: left;
	width: 600px;
	background: #ffffff;
	}	
	


	
#middenlinks { 
	float: left;
	width: 600px;
	background: #ffffff;
	}
	
		
#middenrechts { 
	float: left;
	width: 147px;
	min-height: 608px;
	background: url(../images/rechtsback.jpg) top left no-repeat;
	padding: 19px 0px 0px 21px;
	visibility: hidden; display: none;
	}
	
		/* Fix voor IE */
		* html #middenrechts
		{
			height: 608px;
		}		
		
		
#middenrechts img{ 
	float: left;
	width: 129px;
	height: 159px;
	border: 0px;
	padding: 0px 0px 15px 0px;
	visibility: hidden; display: none;
	}		
	
.fotooverzicht{ 
	display: block;
	float: left;
	margin: 20px 0px 0px 0px;
	visibility: hidden; display: none;
	}
	
.fotooverzicht img{ 
	float: left;
	width: 104px;
	height: 104px;
	padding: 0px 10px 10px 0px;
	border: 0px;
	visibility: hidden; display: none;
	}	
	

.clearer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}


.clearer10 {
	height: 10px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer17 {
	height: 17px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.footerspacer {
	height: 10px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
	position: relative;
	visibility: hidden; display: none;
}
	
.logo {
	position: absolute;
	top: -113px;
	left: 649px;
	visibility: hidden; display: none;
}

.tekstspacer { 
	width: 629px;
	height: 235px;
	float: left;
	visibility: hidden; display: none;
	}
	
.tekst { 
	padding: 25px;
	float: left;
	}
	

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

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

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

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


/* 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; display: none;
	margin: 0px 0px 0px 0px;
	letter-spacing: -2px;
	height: 30px;
	width: 450px;
}


	

h1 {
	font-family: 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
	font-size: 21px;
	font-style: italic;
	font-weight: normal; 
	text-decoration: none; 
	padding: 0px 0px 0px 0px;
	margin: 0px;
	visibility: hidden; display: none;
}

.kop {
	font-family: 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
	font-size: 21px;
	font-style: italic;
	font-weight: normal; 
	text-decoration: none; 
	padding: 0px 0px 0px 0px;
	margin: 0px;
	visibility: visible;
	display: block;
}


#adresgegevens{
	color: #ffffff;
	font-weight: bold;
	width: 162px;
	text-align: center;
	line-height: 15px;
	padding-top: 560px;
	visibility: hidden; display: none;
}




.intro {
	font-weight: bold;
}

.subkop {
	font-family: 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
	font-size: 15px;
	font-style: italic;
	font-weight: normal; 
	text-decoration: none; 
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

		/* Fix voor IE */
		* html .subkop
		{
			font-style: normal;
		}




/* Sliding doors
---------------------------------------------------------------------------------------------- */	
	
.btn_keyboard, a.btn_keyboard:link, a.btn_keyboard:visited 
{
	float: right;
	width: 22px;
	height: 35px;
	background: url(../images/btn_keyboard.gif) 0px 0px no-repeat;
	margin-top: 0px;
	padding-right: 18px;
	visibility: hidden; display: none;
}

a.btn_keyboard:hover, a.btn_keyboard:active
{
	background: url(../images/btn_keyboard.gif) 0px -35px no-repeat;
}



.btn_telefoon, a.btn_telefoon:link, a.btn_telefoon:visited 
{
	float: right;
	width: 23px;
	height: 35px;
	background: url(../images/btn_telefoon.gif) 0px 0px no-repeat;
	margin-top: 0px;
	padding-right: 16px;
	visibility: hidden; display: none;
}

a.btn_telefoon:hover, a.btn_telefoon:active
{
	background: url(../images/btn_telefoon.gif) 0px -35px no-repeat;
}


.btn_printer, a.btn_printer:link, a.btn_printer:visited 
{
	float: right;
	width: 18px;
	height: 35px;
	background: url(../images/btn_printer.gif) 0px 0px no-repeat;
	margin-top: 0px;
	padding-right: 18px;
	visibility: hidden; display: none;
}

a.btn_printer:hover, a.btn_printer:active
{
	background: url(../images/btn_printer.gif) 0px -35px no-repeat;
}

.btn_sitemap, a.btn_sitemap:link, a.btn_sitemap:visited 
{
	float: right;
	width: 18px;
	height: 35px;
	background: url(../images/btn_sitemap.gif) 0px 0px no-repeat;
	margin-top: 0px;
	padding-right: 29px;
	visibility: hidden; display: none;
}

a.btn_sitemap:hover, a.btn_sitemap:active
{
	background: url(../images/btn_sitemap.gif) 0px -35px no-repeat;
}



/* Pulldown menu
------------------------------------------------------------------------------------------ */

#nav2, #nav2 ul 
{
	float: right;
	list-style: none;
	line-height: 36px;
	padding: 0px 8px 0px 0px;
	margin: 0 0 0 0;
	color: #ffffff;
	min-height: 36px;
		z-index:4;
		visibility: hidden; display: none;
}

	/* Fix voor IE */
	* html #nav2,* html #nav2 ul
	{
		height: 36px;
	}

#nav2 a 
{
	display: block;
	float: left;
	text-decoration: none;
	text-align: center;
	padding: 0px 22px 0px 0px;
	margin: 0;
	min-height: 36px;
	background: url(../images/fuzz.gif) top right no-repeat;
	visibility: hidden; display: none;
}

	/* Fix voor IE */
	* html #nav2 a
	{
		height: 36px;
	}

ul #nav2 li
{
	background-color: #33332d;
	visibility: hidden; display: none;
}

#nav2 li a
{
	font-size: 16px;
	line-height: 36px;
	color: #ffffff;
	visibility: hidden; display: none;
}

#nav2 li a:hover
{
	color: #003d2d;
	visibility: hidden; display: none;
}

#nav2 li .actief
{
	color: #003d2d;
	visibility: hidden; display: none;
}

#nav2 li li a
{
	font-size: 16px;
	line-height: 25px;
	color: #2d5576;
	font-weight: normal;
	background: none;
	visibility: hidden; display: none;
}

#nav2 li li a:hover
{
	font-size: 16px;
	color: #003d2d;
	background: none;
	visibility: hidden; display: none;
}


#nav2 li ul li
{
	font-size: 16px;
	visibility: hidden; display: none;
}

#nav2 li ul li a 
{
	display: block;
	color: #588C81;
	width: 250px;
	text-decoration: none;
	text-align: left;
	font-size: 16px;
	padding: 0px 9px 0px 24px;
	min-height: 24px;
	line-height: 25px;
	visibility: hidden; display: none;
}

	/* Fix voor IE */
	* html #nav2 li ul li a
	{
		height: 24px;
	}

#nav2 li ul li a:hover
{
	color: #003d2d;
	font-size: 16px;
	background: url(../images/bal.gif) 0px 4px no-repeat;
	visibility: hidden; display: none;
}


#nav2 li 
{
	position: relative;
	float: left;
	padding: 0 0 0 0;
	text-align: center;
	border: 0px solid #ffffff;
	border-width: 0 0px 0 0;
	height: auto;
	visibility: hidden; display: none;
}

#nav2 li.eind 
{
	float: left;
	padding: 0;
	text-align: center;
	border: 0px solid #ffffff;
	border-width: 0 0px 0 0;
	visibility: hidden; display: none;
}

#nav2 li ul 
{
	margin-top: 36px;
	padding-top: 10px;
	position: absolute;
	left: -999em;
	min-height: 10px;
	height: auto;
	width: 200px;
	font-weight: normal;
	visibility: hidden; display: none;
}

.regela
{
	position: relative;
	visibility: hidden; display: none;
}

.regelb
{
	position: relative;
	visibility: hidden; display: none;
}

#nav2 li li 
{
	border: solid #6083A7;
	border-width: 0px 0 0px 0;
	padding-left: 0px;
	padding-right: 0px;
	visibility: hidden; display: none;
}

#nav2 li ul ul 
{
	margin: -1.75em 0 0 14em;
	width: 0px;
	visibility: hidden; display: none;
}

#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul 
{
	left: -999em;
	visibility: hidden; display: none;
}

#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul 
{
		position: absolute;
		left: -26px;
		visibility: hidden; display: none;
}


#nav2 li.sfhover 
{
	font-weight: normal;
	visibility: hidden; display: none;
}

#nav2 li.sfhover a:hover 
{
visibility: hidden; display: none;
}

#nav2 li li.sfhover a:hover 
{
visibility: hidden; display: none;
}

#nav2 li.sfhover a.home:hover 
{
visibility: hidden; display: none;
}

#nav2 li:hover 
{
	background: none;
	visibility: hidden; display: none;
}

#nav2 ul li a:hover 
{
	font-weight: normal;
	visibility: hidden; display: none;
}