/*
	Copyright @ GemeenteOplossingen
	home stylesheet www.dehullen.nl
*/

*
{
	text-align:	left;
	margin:		0;
	padding:	0;
}

body
{
	margin:0;
	padding:0;
	font-family: Arial, Verdana, Sans-Serif;
	font-size:76%;
}

p,ol,ul,td
{
	font-size:1em;
}

a:link
{}
a:visited
{}
a:hover
{}
a:active
{}

h1
{}

h2
{}

h3
{}

h4
{}

h5
{}

h6
{}


.hidden
{
	position:		absolute;
	left:			-999em;
}

/*------------------------------MAIN---------------------------------------*/
#main
{

	margin:			0 auto;
	position:		relative;
	text-align:		center;
	/*width:			774px;*/
	width:			774px;
}

/*-------------------------------Header------------------------------------*/
#header
{
	background: 	url(../images/header.jpg) no-repeat center;
	height: 		12.34em;
	position:		relative;
	width:			774px;
}

#header img
{
	border:			none;
}

#header a
{
	text-decoration: none;
}

#header_logo 
{
	display:			block;
	height:				6em;
	padding-top:		3em;
	width:				11em;
}
/*--------------------------------Content-------------------------------------*/

#content
{
	margin-top:		-2em;
	position:		relative;
}

#content h2
{
	margin:			0;
	text-align:		center;
}

#content ul
{
	background:		url(../images/hoofdingang.jpg) no-repeat center -27em;
	height:			25.8em;
	list-style: 	none;
	padding: 		0;
	margin: 		0;
	width:			774px;
}
#content ul li
{
	height:			2.47em;
	float:			left;
	padding:		0;
	width:			155px;
}

#content ul li span p
{
	
	line-height:	145%;
	padding:		.7em .2em 4em .5em;
	min-height:		100%;
}

#content ul li span
{
	background:		white;
	border-right:	1px dotted #D1ECFF;
	background: 	white;
	display:		block;
	min-height: 	15em!important;
	
}


#content ul li .a_home
{
	border-right:	1px dotted #D1ECFF;
	color: 			white;
	display:		block;
	font-size:		.9em;
	height:			18.3em;
	padding-top:	.3em;
	text-decoration:none;
	text-align:		center;
}

#content p.border
{
	border:			none;
}


#content #blue
{
	background:		url(../images/h2_blue.png) no-repeat left top;
}	

#content #blue a:hover
{
	background:		url(../images/zwembad.jpg) no-repeat center 1.8em;
}

#content #yellow
{
	background:		url(../images/h2_purple.jpg) no-repeat center top; 
}

#content #yellow a:hover
{
	background:		url(../images/aerobics.jpg) no-repeat center 1.8em;
}

#content #purple
{
	background:		url(../images/h2_purple.png) no-repeat center top; 
}

#content #purple a:hover
{
	background:		url(../images/aerobics.jpg) no-repeat center 1.8em;
}

#content #orange
{
	background:		url(../images/h2_orange.png) no-repeat center top; 
}

#content #orange a:hover
{
	background:		url(../images/sporthal.jpg) no-repeat center 1.8em;
}

#content #green
{
	background:		url(../images/h2_green.png) no-repeat center top; 
}

#content #green a:hover
{
	background:		url(../images/squash.jpg) no-repeat center 1.8em;
}

#content #red
{
	background:		url(../images/h2_red.png) no-repeat center top;
	width: 154px;
}

#content #red a:hover
{
	background:		url(../images/horeca2.jpg) no-repeat center 1.8em;
}


#content a
{
	color:				#D30E0E;
}

#content a:hover
{
	color:				black;
}

/*--------------------------------Top Menu------------------------------------*/

#topmenu
{
	background:		#41B1FF url(../images/top_zwembad_l.jpg) no-repeat left bottom;
	clear:			both;
	height:			2.47em;
	position:		absolute;
	right:			0;
	top:			0;
	width:			29.41em;
}

#topmenu ul
{
	float:			left;
	margin-left:	1em;	
}

#topmenu ul li
{
	color:			white;
	float:			left;
	height:			1.97em;
	list-style-type: none;	
	padding:		.5em .3em 0 0em;
}

#topmenu ul li a
{
	color:			white;
	text-decoration: none;
}

#topmenu ul li a:hover
{
	color:			black;
}

/*--------------------------------Search--------------------------------------*/

form
{
	background:		url(../images/top_zwembad_r.jpg) no-repeat right bottom;
	height:			2.47em;
}
legend 
{
	display:		none;
}

label
{
	display:		none;
}

form fieldset
{
	border:			none;	
}

#zoeken
{
	border:			none;
	color:			gray;
	height:			1.1em;
	font-size:		1.05em;
	margin-left:	1em;
	margin-top:		.45em;
	padding-bottom:	.1em;
	padding-left:	.5em;
	width:			9.3em;
}

.submit
{
	background:		url(../images/search_zwembad.jpg) no-repeat 0 .1em;
	border:			none;
	cursor:			pointer;
	width:			2em;
}

/*--------------------------------Footer--------------------------------------*/

#footer_home
{
	background:		#E5F4FF url(../images/footer_home.jpg) no-repeat center;
	height:			12.34em;
	margin-top:		12em;	
	position:		relative;	
}
	
#footer_home p
{
	bottom:			.5em;
	color:			#797E82;
	font-size:		.9em;
	text-align:		center;
	position:		absolute;
	width: 			100%;
}

#footer_home img
{
	position:		absolute;
	left:			1.5em;
	top:			.3em;
}

/*--------------------------------Visuals-------------------------------------*/

#logo
{
	margin:			.5em 0 0 2em;
}


#content #blue span.hover
{
	background: #E4F4FF;
}
#content #yellow span.hover
{
	background: #FEFCE7;
}
#content #orange span.hover
{
	background: #FDEFE6;
}
#content #green span.hover
{
	background: #E7F5E5;
}
#content #red span.hover
{
	background: #FAE5E5;
}


/*#content ul li span p span.invalid_link*/
#content ul li span .invalid_link
{
	color:				black!important;
	text-decoration:	underline;
	display:			inline;
}

.nonvisual
{
	display:	none;
}