body {
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	margin: 0px;
	font-size: 90%;
	background-color: #FFFFFF;
	color: #0099FF;
	background-image: url(../images/water3.jpg);
	line-height: 100%;
	padding-top: 0px;
	padding-left: 0px;
}
#pages {
	width: 1000px;
	text-align: center;
}
#main {
	width: 900px;
	text-align: center;
	border: 0px solid #000;
	padding-bottom: 10px;
}

 a {
	color: #401505;
	text-decoration: underline;
	font-weight: bold;
}
a:hover, a:active {
		background-color: #FF00CC;
		color: #fff;
		border: 2px solid #FF00CC;
	}

#empty {
	height: 220px;
}
td {
	font-size: 0.9em;
}

h1 {
	font-size: 1.8em;
	line-height: 0.9em;
	font-weight: bold;
	color: #FFFFFF;
	font-family: "Courier New", Courier, mono;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}
h2 {
	font-family: "Courier New", Courier, mono;
	font-size: 1.8em;
	font-weight: bolder;
	color: #401505;
	margin-bottom: 2px;
	margin-top: 5px;
	letter-spacing: -1px;
}

h2 a {
 	text-decoration: none;
	margin-bottom: 0px;
}
h3 {
	margin-top: 6px;
	margin-bottom: 0px;
	color: #cc3399;
	font-size: 1.6em;
	font-weight: bold;
	font-family: "Courier New", Courier, mono;
	line-height: 1em;
}
h4 {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 6px;
	font-family: "Courier New", Courier, mono;
	color: #FFFFFF;
}
h5 {
	font-family: "Courier New", Courier, mono;
	color: #401505;
	margin-top: 5px;
	padding: 0px;
	font-size: 1.3em;
	line-height: 1.3em;
	margin-bottom: 0px;
}
h6 {
	font-family: Arial,arial,helvetica,sans-serif;
	color: #FF00CC;
	margin-top: 0px;
	padding: 0px;
	font-size: 1em;
	line-height: 1em;
	margin-bottom: 0px;
}
#errorExplanation {
	color: #fff;
	border: 3px dashed #fff;
	padding: 8px;
	width: 80%;
	margin: 10px;
	background-color: #00FFFF;
}
#errorExplanation h2{
	color: #fff;
	font-size: 1.2em;
}

p.notice {
  font-weight: bold;
  color: #FFF;
}
hr {
	border: 2px dashed #401505; 
}
li {
	list-style-position: outside;
	margin-left: 0px;
	}

ol {
	margin-left: 0px;
	padding-left: 6px;
}

form textarea {
  font-size: 110%;
}


.titel {
	border: 6px solid #401505;	
	font-weight: bolder;
	background-image: url(../images/text_roze.gif);
	background-color: #FE0FE4;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: 1em;
	font-family: "Courier New", Courier, mono;
    position: absolute; 
	z-index:2; 
	left: 115px; 
	top: 10px; 
	width: 258px; 
	padding-left: 40px; 
	padding-right: 40px; 
	padding-top: 0px; 
	padding-bottom: 0px;
}

.titel h1 {
  margin-top: 10px;
}
.titel p {
  margin-bottom: 10px;
  margin-left: 30px;
  margin-right: 30px;   
}

.hometitel {
  	width: 360px; 
  	height: 320px;
	left: 120;
	top: 10px;
	position: absolute; 
	z-index:2;
	border: 6px solid #401505;	
	font-weight: bolder;
	background-image: url(../images/text_roze.gif);
	background-color: #FE0FE4;
	text-align: center; 
}

.horizontal {
	background-image: url(../images/bruin.gif);
	background-repeat: repeat-x;
	background-position: center center;
}
.vertical {
	background-image: url(../images/bruin.gif);
	background-repeat: repeat-y;
	background-position: center center;
	text-align: center;
	border: #401505;
	
}


.green {
	font-weight: bold;
	text-align: left;
	color: #401505;
	border: 6px solid #401505;
	background-color: #7CFF00;
	padding: 4px;
	line-height: 1.4em;
	background-image: url(../images/text_green.gif);
}


.green h2 {
	color: #401505;
	font-size: 1.2em;
}

.green .info {
	background-color: #66AC13;
	padding: 4px 4px 4px 9px;
	margin: 1px -4px;
	background-image: url(ima/text_green.gif);
	color: #FFFFFF;
	font-family: "Courier New", Courier, mono;
}
.green .info2 {
	padding: 4px;
	margin: 0px;
	font-family: "Courier New", Courier, mono;
	background-image: url(ima/text_green2.gif);
}


ol {
	margin-left: 22px;
	margin-top:0px;
}
.orange {
	font-weight: bold;
	text-align: left;
	color: #401505;
	border: 6px solid #401505;
	background-color: #FF6600;
	padding: 4px;
	line-height: 1.3em;
	background-image: url(../images/text_orange.jpg);
}

.orange h4 {
  margin-left: 6px;
}

.orange p {
  padding: 6px;
}

.orange h2 {
  font-size: 1.8em;
  color: #FFF;
  font-weight: bolder;
  margin-bottom: 15px;
  line-height: 1.1em;
}
.pink {
	font-weight: bold;
	line-height: 1.3em;
	text-align: left;
	color: #FFFFFF;
	border: 6px solid #401505;
	background-color: #FF6600;
	padding: 4px;
	background-image: url(../images/text_roze.gif);
}

.pink a:hover, a:active {
		background-color: #FFf;
		color: #FF00CC;
		border: 2px solid #fff;
	}

.pink h3 {
  color: #FFF;
}
.pink h2 {
  color: #0FF;
}
.yellow {
	font-weight: bold;
	text-align: left;
	border: 6px solid #401505;
	background-color: #FFFF00;
	color: #401505;
	padding: 10px;
	line-height: 1.3em;
	background-image: url(../images/text_yellow2.gif);
}

.yellow h1 {
	color: #FF00CC;
	margin-bottom: 8px;
	 font-size: 1.8em;
}

.yellow h2 {
	color: #000;
	margin-bottom: 8px;
	margin-top: 6px;
  	font-size: 1.4em;	
	font-family: Arial,arial,helvetica,sans-serif;	
	letter-spacing: .2em;	
	}

.yellow h6 {
		color: #FF00CC;
		margin-bottom: 2x;
		margin-top: 6px;
	 	font-size: 1.0em;	
		font-family: Arial,arial,helvetica,sans-serif;		
		}


.yellow img {
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 4px;
}

.link a:link, .link a {
/*	background-color: #fff;
	color: #CC3399;
	text-decoration: none;
	font-weight: bold;
	padding-top: 1px;
	padding-left: 4px;	
	padding-right: 4px;
	padding-bottom: 1px;
	border: 2px solid #FF00CC;*/
}
.link a:hover, .link a:active {
	background-color: #FF00CC;
	color: #fff;
	border: 2px solid #FF00CC;
}	

.project {
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	border: 5px solid #401505;
	background-color: #FF00CC;
	padding: 8px;
	color: #FFFFFF;
	line-height: 1.2em;
}
.project h2 {
  line-height: 90%;
  color: #0FF;
}
.project h1 {
  color: #0FF;
margin-bottom: 11px;
}


.project h6 {
  color: #0FF;
}

p {
	margin-top: 2px;
	margin-bottom: 2px;
}

.highscores {
  background-color: #FFFFFF;
  /*border: 2px solid #FF00CC;*/
  width: 50%;
}
.highscores td {
  color: #00FFFF;
  /*border: 2px solid #FF00CC;*/
}


.editor_list {
  background:#99CC00;
  padding: 10px;
  width: 700px;
  margin: 5px;
}
.editor_list_closed {
  background: #99CC00;
  padding: 10px;
  width: 700px;
  margin: 5px;
  font-size:0.8em;
  font-weight: bold;
}
.editor_list_closed .buttons {
  padding: 10px;
  text-align: right;
}
.editor_list .element {
  margin: 5px;
}
.editor_list .buttons {
  padding: 10px;
}
.editor_pages_list {
  border: 2px solid #000;
}
.editor_pages_list tr.odd {
  background:  #99CC00;
}
.editor_pages_list td {
  padding: 2px;
  padding-right: 5px;
  padding-left: 5px;
}
.editor_textile_info tr {
  color: #000;
  vertical-align: top;
}

.editor_list a:link, .editor_list_closeda:link, #editor_list a,.editor_list_closed a  {
	background-color: #fff;
	color: #CC3399;
	text-decoration: none;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 5px;	
	padding-right: 5px;
	padding-bottom: 4px;
	border: 2px solid #FF00CC;
}
.editor_list a:hover, #editor_list a:active {
	background-color: #FF00CC;
	color: #fff;
	border: 2px solid #FFf;
}
#klas {
	background-color: #fff;
	padding: 5px;
	border: 5px solid #401505;
}

.game1 {
	font-weight: bold;
	text-align: left;
	border: 6px solid #401505;
	background-color: #FFFF00;
	padding: 4px;
	line-height: 1.3em;
	background-image: url(../images/game1.gif);
}

#plaatje a img{ 	border: 5px solid #401505;}
#plaatje a:visited img {	border: 5px solid #401505;}
#plaatje a:hover img{ 	border: 5px solid #FF00CC;}
#plaatje a:active img{	border: 5px solid #FF00CC;}

#plaatje a img.actie{border: none;}

#competition {
	border:  7px solid #401505;
	line-height: 1.2em;
	color: #fff;
	font-size: 0.8em;
}

#competition img {
 margin: -5px;
}
#competition p {
	margin-left: 5px;
}
#competition br {
	line-height: 0.5em;
}

a.competition_link, a.competition_link:visited {
	/*padding-top: 1px;
	padding-left: 4px;	
	padding-right: 4px;
	padding-bottom: 1px;
	margin-left: -4px;
	margin-top: 3px;
	margin-bottom: 3px;*/
	border: 0px solid #FF00CC;
	text-decoration: none;
	color: #fff;
	font-size: 1.3em;
	line-height: 1.4em;
	font-family: Arial black,arial,helvetica,sans-serif;
}
#competition a.competition_link:hover, #competition a.competition_link:active {
	background-color: #FF00CC;
	color: #fff;

}

.contestant_img a img {
  border: 5px solid #401505;
}

.contestant_img a:hover img {
  border: 5px solid #FF00CC;
}

#competition a img{ 	border: 5px solid #401505; margin-right: 5px; margin-left: -5px; margin-bottom: 0px;}

#competition a:visited img {	border: 5px solid #401505;}
#competition a:hover img{ 	border: 5px solid #FF00CC;}
#competition a:active img{	border: 5px solid #FF00CC;}

.caption {
	color: #401505;
	font-weight: bold;
	font-size: 1.3em;
	font-family: "Courier New", Courier, mono;	
}
input, textarea {
    font-family: Helvetica, Arial, sans-serif;
	background-color: #fff;
	color: #CC3399;
	text-decoration: none;
	font-weight: bold;
	padding-top: 3px;
	padding-left: 4px;	
	padding-right: 4px;
	padding-bottom: 3px;
	border: 2px solid #FF00CC;	
}

.pipe {
  background-color: #401505;
}

a.editor, a.editor:visited {
	padding-top: 1px;
	padding-left: 2px;	
	padding-right: 2px;
	padding-bottom: 1px;
	margin-top: 3px;
	margin-bottom: 3px;
	text-decoration: none;
	color: #FFF;
	font-size: 0.9em;
	font-family: Arial black,arial,helvetica,sans-serif;
	border: 2px solid #FFf;
}
#editor a.editor:hover, #editor a.editor:active {
	background-color: #FF00CC;
	color: #FF00CC;
	border: 2px solid #FF00CC;
}

pre {
 color: red; 
 background: white;	
}

.green2 {
	width: 368px;
	font-weight: bold;
	text-align: left;
	color: #401505;
	border: 6px solid #401505;
	background-color: #7CFF00;
	padding: 4px;
	line-height: 1.4em;
	background-image: url(../images/text_green.gif);
}

#slide {
	margin-left:-4px; margin-right: -4px; margin-bottom: -5px; margin-top: 0px;	
}

/* for internet explorer */
/*\*/

* html #green2 {
		width: 366px;
}

*html #slide {
	margin-left:-11px; margin-right: -12px; margin-bottom: -18px; margin-top: 0px;	
}

*html .titel{
	left: 115px; 
	top: 10px; 
	width: 350px; 
	padding-left: 30px; 
	padding-right: 30px; 
	padding-top: 0px; 
	padding-bottom: 0px;
}

#dek {
	POSITION:absolute;
	VISIBILITY:hidden;
	Z-INDEX:500;
	padding-left: 5px; 
	padding-top: 4px; 
	padding-right: 5px; 
	padding-bottom: 3px; 
	font-family: Helvetica, Arial, sans-serif; 
	background-color: #FF00CC;
	color: #fff;
	border: 2px solid #FFF;
	}

.info2 a.xtra  {
		text decoration: underline;
		padding: 0px;
		color: #401505;
		font-weight: bold;		
	}
.info	a.xtra  {
			text decoration: underline;
			padding: 0px;
			color: #fff;
			font-weight: bold;		
		}
.info2 a:hover.xtra  {
			text decoration: none;
			padding: 0px;
			color: #fff;		
		}
.info a:hover.xtra  {
					text decoration: none;
					padding: 0px;
					color: #401505;		
				}

/**/