body
{
	background-image:					url('../images/background18.jpg');
	background-attachment: 					fixed;
	background-repeat: 					y;				
	background-position:					center;
	background-color:					#F5F5F5;
	font-family:						Verdana, Arial, sans-serif;
	border:							1px;
	font-size:						84%;
	color:							#000000;
	margin:							0px 20px 20px 0px;	
}

.main
{
	width:							800px;
	padding:						0px;
	margin:							0px auto 0px auto;
}

.logo
{
	padding:						0px;
	margin:							0px 0px 0px 0px;
}

.logo div.logomain
{
	padding:						0px;
	border:							none;
	line-height: 						0px;
	margin:							0px 0px 5px 0px;
}

.logo div.logomenu
{
	padding:						0px;
	border:							none;
	padding:						0px;
	margin:							0px 0px 10px 0px;
	display:						inline;
}

.logomenu ul
{
	margin:							0px;
	padding:						0px;
}

logomenu li
{
	float:							left;
	display:						inline;
	background-image:					url('../images/logomenu_one_selected.gif');
	background-repeat:					no-repeat;
	height:							30px;
	line-height:						30px;
	width:							160px;
	padding:						0px;
	margin:							0px;
	font-family:						Comic Sans MS;
	text-align:						center;
	color:							#000000;
}

.logomenu li.one
{
	background-image:					url('../images/logomenu_one.gif');
	background-repeat:					no-repeat;
}

.logomenu li.five
{			
	background-image:					url('../images/logomenu_five.gif');
	background-repeat:					no-repeat;
}

.logomenu li a
{
	display:						block;
	text-decoration:					none;
	letter-spacing:						2px;
	color:							#000000;
}

.logomenu a:hover, a.selected
{
	background-image:					url('../images/logomenu_selected.gif');
	background-repeat:					no-repeat;
	color:							#000000;
}

.logomenu li.one a:hover, li.one a.selected
{
	background-image:					url('../images/logomenu_one_selected.gif');
	background-repeat:					no-repeat;	
}

.logomenu li.five a:hover, li.five a.selected
{	
	background-image:					url('../images/logomenu_five_selected.gif');
	background-repeat:					no-repeat;	
}


#nav, #nav ul {
padding: 0px 0 0 0;
margin: 0;
list-style: none;
}

#nav li {
float: left;
width: 113px;
}

#nav ul {
position: absolute;
width: 120px;
left: -1000px;
}

#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: 0 0;
}

#nav a {
display: block;
margin: 2px 5px 3px 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}

ul a{
font-weight: bold;
font-size: 110%;
color: #FFA500;
cursor: default;
}

ul ul a:link, ul ul a:visited{
font-weight: normal;
color: #FFF;
cursor: pointer;
}

ul ul a:hover, ul ul a:active{
font-weight: normal;
color: #FFA500;
cursor: pointer;
}

ul li{
background-image: url('../images/menuplaatje.jpg');
border-top: 0px solid #FFF;
border-left: 1px solid #FFF;
}

ul ul li{
background color: #CCC;
border-top: 1px solid #FFF;
border-left: 0;
width: 100%;
}

/* IE only hack \*/
* html ul li, * html ul ul li{
border-bottom: 0px solid #FFF;
}

* html ul ul li{
border-top: 0;
}


/* Einde IE only hack */




.content
{
	margin:							5px 0px 0px 0px;
}


/*
Holly hack (or * html hack), this only gets parsed by IE-win
*/

* html .content
{
	margin:							0.8em 0px 0px 0px;
}


.links
{
	float:							left;
	width:							150px;
	margin:							0px 10px 0px 0px;
	overflow:						hidden;
}

.links div.linksbox
{
	display:						block;
	margin-bottom:						10px;
}

.links div.adminbox
{
	display:						block;
	margin-bottom:						10px;
}

.adminbox h2
{
	margin:							0px;
	padding:						0px 5px;
	height:							25px;
	line-height:						25px;
	background-color:					#FF0000;
	font-size:						90%;
	font-weight:						bold;
	letter-spacing:						1px;
	color:							#FFFFFF;
}

.adminbox h2 a
{
	color:							#FFFFFF;
	text-decoration:					none;
}

.adminbox a
{
	color:							#000000;
	text-decoration:					none;
	text-indent:						0px;
}


.linksbox h2
{
	margin:							0px;
	padding:						0px 5px;
	height:							25px;
	line-height:						25px;
	background-color:					#3a0000;
	font-size:						100%;
	font-weight:						bold;
	letter-spacing:						4px;
	color:							#FFFFFF;
}

.linksbox h2 a

{
	color:							#FFFFFF;
	text-decoration:					none;
}

.links blockquote
{
	margin:							0px;
	padding:						0px;
	background-color:					#FFFFFF;
	border-right:						1px solid black;
	border-bottom:						1px solid black;
	border-left:						1px solid black;
}

.links blockquote p
{
	margin:							0px;
	padding:						3px;
}

.linksbox a
{
	color:							#000000;
	text-decoration:					none;
	text-indent:						0px;
}

.links form
{
	padding:						3px;
	margin:							0px;
	text-align:						left;
}

.links form input.searchtext
{
	width:							128px;
	border:							1px solid black;
	padding:						0px;
}

.links form input.searchbutton
{
	margin:							2px 0px 0px 0px;
	padding:						0px;
	letter-spacing:						2px;
}

.links form p
{
	padding:						0px;
	margin:							0px;
}


.midden 
{
	float:							left;
	width:							475px;
	margin:							0px;
	overflow:						hidden;
}

.midden .contentbox
{
	display:						block;
	margin-bottom:						10px;
	overflow:						hidden;
}

.middenuitslag 
{
	float:							right;
	width:							640px;
	margin:							0px;
	overflow:						hidden;
}
.middenuitslag .contentbox
{

	display:						block;
	margin-bottom:						10px;
	overflow:						hidden;
}
.middeninschrijven 
{
	float:							left;
	width:							800px;
	margin:							0px;
	overflow:						hidden;
}
.middeninschrijven .contentbox
{
	background-color:				#FFFFFF;
	border-right:					1px solid;
	border-bottom:					1px solid;
	border-left:					1px solid;
	display:						block;
	margin-bottom:					10px;
	overflow:						hidden;
}

.middenlinks 
{
	float:							left;
	width:							640px;
	margin:							0px;
	overflow:						hidden;
}
.middenlinks .contentbox
{
	display:						block;
	margin-bottom:						10px;
	overflow:						hidden;
}

.middenwaterpolo 
{
	float:							left;
	width:							510px;
	margin:							0px;
	overflow:						hidden;
}
.middenwaterpolo .contentbox
{
	
	display:						block;
	margin-top:						5px;
	margin-left:						5px;
	margin-right:						5px
	margin-bottom:						5px;
	overflow:						hidden;
}

.midden blockquote img
{
	border:							none
	margin-top:						5px;
	margin-left:						5px;
	margin-right:						5px
	margin-bottom:						5px;
}

/*
Holly hack om de 3px text jog van IE tegen te gaan, najah minder irritant te
maken

* html .contentbox
{
	height:							1%;
}

*/

.contentbox h3
{
	margin:						0px;
	padding:					0px 5px;
	background-color:				#003366;
	height:						25px;
	line-height:					25px;
	font-size:					90%;
	font-weight:					bold;
	letter-spacing:					2px;
	color:						#FFFFFF;
}

.contentbox h3 span
{
	line-height:					25px;
	text-align:					right;
	padding-right:					5px;
	font-weight:					normal;
	font-style:					italic;
	font-size:					80%;
	float:						right;
}

.contentbox h3 a
{
	color:						#FFFFFF;
	text-decoration:				none;
}

.contentbox h2
{
	margin:							0px;
	padding:						0px 5px;
	background-image:					url('../images/hd4.jpg');
	background-repeat: 					repeat-x;
	background-color:					#FFFFFF;
	height:							25px;
	line-height:						25px;
	font-size:						100%;
	font-weight:						bold;
	letter-spacing:						4px;
	color:							#FFFFFF;
	
}

.contentbox h2 span
{
	line-height:					25px;
	text-align:					right;
	padding-right:					5px;
	font-weight:					normal;
	font-style:					italic;
	font-size:					80%;
	float:						right;
}

.contentbox h2 a
{
	color:						#FFFFFF;
	text-decoration:				none;
}

.contentbox blockquote
{
	background-color:				#FFFFFF;
	margin:						2px;
	padding:					5px;
	border-style : 				solid; 
  	border-color : 				#DCDCDC;
  	border-width : 				1px;
	filter:						shadow(color=gray);
}

.contentbox p
{
	margin:						0px;
	padding-bottom:					0px;
}

address
{
	margin: 					3ex 1ex 1ex 0ex;
	padding: 					0px;
	font-size: 					1.0em;
	text-align: 					right;
}

.rechts
{
	display:						block;
	float:							left;
	width:							280px;
	margin:							0px 0px 0px 5px;
	overflow:						hidden;
	
}

.rechts div.rechtsbox
{
	display:						block;
	margin-bottom:						10px;
}

.rechtsbox h2
{
	margin:							0px;
	padding:						0px 5px;
	height:							25px;
	line-height:						25px;
	background-color:					#3e5799;
	font-size:						100%;
	font-weight:						bold;
	letter-spacing:						2px;
	color:							#FFFFFF;
}

.rechtsbox h2 a

{
	color:							#FFFFFF;
	text-decoration:					none;
}

.rechts blockquote
{
	margin:							2px;
	padding:						0px;
	background-color:					#FFFFFF;

}

.rechts blockquote p
{
	margin:							0px;
	padding:						3px;
	text-align:						left;
	white-space: 						no-wrap;
	font-size:						100%;
}

.rechts blockquote img
{
	border:							none
}


.rechtsbox a
{
	color:							#000000;
	text-decoration:					none;
	text-indent:						5px;
}


.footer
{
	display:						block;
	float:							center;
	height:							25px;
	line-height:						25px;
	margin:							0px auto 10px auto;
}

.footer blockquote
{
	margin:							0px 5px 0px 5px;
	text-align:						center;
	font-size:						11px;
	color:							#000000;
	letter-spacing:						2px;
}

.footer blockquote p
{
	margin:							0px;
	padding:						0px;
}

.footer blockquote a
{
	color:							#000000;
}

.smileys {
	text-align:center;
	padding:2px 60px 10px 60px;
	background:#eaeaea;
	}
div.smileys img {
		border:none;
}
.phpMyBorder{ 
  width        : 250px;
} 
.pmb1, .pmb2, .pmb3, .pmb4, .pmb5, .pmbContent{ 
  background   : #FFFFFF; 
  border-color : #FFA500; 
} 
.pmb1{ 
  background   : #FFA500;

} 
.pmb2, .pmb3, .pmb4{ 
  border-style : solid; 
  border-width : 0 1px; 
} 
.pmbContent{ 
  display      : block; 
  border-style : solid; 
  border-color : #FFA500;
  border-width : 0 1px;
  font-size    : 80%; 
  padding      : 5px;
  white-space  : no-wrap;
} 
.pmb1, .pmb2, .pmb3{ 
  height       : 1px; 
} 
.pmb1{ 
  margin       : 0 5px; 
} 
.pmb2{ 
  margin       : 0 3px; 
  border-width : 0 2px; 
} 
.pmb3{ 
  margin       : 0 2px; 
 } 
.pmb4{ 
  height       : 2px; 
  margin       : 0 1px; 
} 
.pmb1, .pmb2, .pmb3, .pmb4{ 
  display      : block; 
  overflow     : hidden; 
} 
.pmb5{ 
  font-size    : 1px;
  display      : block; 
  overflow     : hidden; 
  height       : 1px; 
} 
.pmbBlock{ 
  display      : block; 
  font-size    : 1px; 
} 

function hide_email($email)

{ $character_set = '+-.0123456789@ABCDEFGHIJKLMNOPQRSTUVWXYZ_abcdefghijklmnopqrstuvwxyz';

  $key = str_shuffle($character_set); $cipher_text = ''; $id = 'e'.rand(1,999999999);

  for ($i=0;$i<strlen($email);$i+=1) $cipher_text.= $key[strpos($character_set,$email[$i])];

  $script = 'var a="'.$key.'";var b=a.split("").sort().join("");var c="'.$cipher_text.'";var d="";';

  $script.= 'for(var e=0;e<c.length;e++)d+=b.charAt(a.indexOf(c.charAt(e)));';

  $script.= 'document.getElementById("'.$id.'").innerHTML="<a href=\\"mailto:"+d+"\\">"+d+"</a>"';

  $script = "eval(\"".str_replace(array("\\",'"'),array("\\\\",'\"'), $script)."\")"; 

  $script = '<script type="text/javascript">/*<![CDATA[*/'.$script.'/*]]>*/</script>';

  return '<span id="'.$id.'">[javascript protected email address]</span>'.$script;

}

 p{
padding: 0;
margin: 0 0 10px;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{
zoom: 1;
}

.container{
border: 1px solid;
background: url(http://www.retse.triathlonrijssen.nl/images/kolom1.jpg) no-repeat top left;
margin: 20px 0;
}

.inner-container{
border: 1px solid;
background: url(http://www.retse.triathlonrijssen.nl/images/kolom1.jpg) no-repeat top left;
}

.box{
border: 1px solid;
width: 600px;
float: left;
display: inline;
margin: 10px 20px 0 7px;
padding: 10px;
} 

.shadowbox { 

   background:#d2d0d0; width:798px;position: relative; top: 2px; left: 2px;
  
} 

.shadowbox div { 

   background:#ffffff; border:1px solid gray; width:776px; color:#000000; padding:10px; position:relative; top:-2px; left: -2px;

}

.nospam { unicode-bidi:bidi-override; direction:rtl; }