
html { 
  padding:0px;
  margin:0px;
}

body {
background-color:#902800;
background-image:url(images/bg_centre.png);
background-repeat:no-repeat;
background-position:top center;
font-family: Verdana, Arial, Sans-serif; 
font-size: 12px;    
padding:0px;
margin:0px;
text-align:center;

}

/* tekst */
a { 
color: #902800;
font-size: 1.0em;
font-weight: bold;
background-color:transparent;
text-decoration: none; 
}
p {
font-size:1.0em;
line-height:1.2em;
} 

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 1.6em;
	font-weight: bold;
	color: #902800;
}
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 1.4em;
	font-weight: bold;
	color: #902800;
	}
h3 {
font-size:1.1em;
font-weight:normal;
padding-top:10px;
color: #902800;
	}

hr {
	height:2px;
	color: #902800;
}
/*positioning layers*/
#navigatie{
	margin: 0px auto 0px auto;
	padding-top:10px;
	width:804px;
	height:24px;

	}
#main_container {
	margin: 0px auto 0px auto;
	background-color:#FFFFFF;
	width:800px;
	height::600px;
	text-align:left;
}	
#main_winterspellen {background-image:url(folder_bg/winterspellen_bg.gif); height:1000px;}
#main_verrassingsmenu {background-image:url(folder_bg/verrassingsmenu_bg.gif); height:960px;}

#textbox1{
	float:left;
	margin-top:150px;
	margin-left:350px;
	width:450px;
	
}
#top {
	float:left;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom:0px;
	width: 400px;
	height: 275px;
	overflow:auto;

	}
#inhoud_breed {
	float:left;
	margin-left: 97px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 550px;
	height: 375px;
	overflow:hidden;
	}


#footer{
	clear:both;
	margin: 0px auto 0px auto;
	background-color:#FFFFFF;
	border-top: 1px solid #902800;
	width:800px;
	text-align:center;
}
/* menu */
#menu {
	margin: 0px auto 0px auto;
	width:400px;
	text-align:center;
	}
ul {
	position: relative; 
	list-style: none;
	margin: 0;
	padding: 0;
	display:inline;
	}	
#menu li a {
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
	float:left;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #FFFFFF;
	display: block;
	border:2px dotted #FFFFFF;
	padding: 5px 14px 5px 14px;
	}
	
#menu li a:hover, #menu li a:active {
	color: #902800;
	background-color:#FFFFFF;
	padding: 5px 14px 5px 14px;
	}
	
/*end menu*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


.suckertreemenu ul{
	position: relative; 
margin: 0;
padding: 0;
list-style-type: none;
font-family:Arial, Helvetica, sans-serif;

}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: transparant; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
	color: #FFFFFF;
	display: block;
	padding: 5px 14px 5px 14px;
/*belangrijk voor IE6*/
float:left;
width:auto;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 100px; /*width of sub menu levels*/
background:#902800;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}

.suckertreemenu ul li a:hover{
background-color: #FFFFFF;
color:#902800;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: transarant url(speulderai/media/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #65C1DA url(speulderai/media/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }



/* End */

/* classes */

.imglinks {
	margin: 0px 10px 0px 0px;
}

.imgrechts {
	margin: 0px 0px 0px 10px;
}
.kop {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 1.1em;
	font-weight: bold;
}

.whitelink
{ 	color:#FFFFFF;
	font-weight:normal;
	font-size:0.8em;
}
