/* All rights reserved (c) 2001-2009, WEBBER interactieve vormgeving. More information at info@webber.nl */

/* standaard styles */

* { margin: 0; padding: 0; } 
p { margin: 0; padding: 0;} 
hr { display: none; clear: both; }
a img { border : none; }
a { outline: none; color: #f00;}
a:hover{ color: #333;}
body { margin: 0; padding: 0; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; height: 100%; background-image: url(../img/kiwondo_site_bgnew.jpg); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; background-color: #000;
}

/* einde standaard styles */

/* standaard link kleuren */

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none; outline: 0px;}
a:focus {outline: 0px;}

/* einde standaard link kleuren */

/* IE 5.5+ styles voor transparante PNG */

img { behavior: url(../html/iepngfix.htc) }

/* bovenstaand .htc bestand moet op de server staan */

/* basis DIV's start */

#centerblok
{
      position: absolute;
      left: 50%;
      width: 960px;
      margin-left: -480px; /* half of width */
      z-index: 1;
}

#menublok
{
	z-index: 10;
	width: 610px;
	height: 80px;
	background-image: url(../img/menu_bg.png);
	background-repeat: no-repeat;
	background-position: top;
	position: relative;
	left: 40px;
	top: 0px;
}

#logo
{
	z-index: 3;
	left: 520px;
	top: 65px;
	position: absolute;
}

#content
{
	z-index: 4;
	width: 573px;
	position: absolute;
	left: 60px;
	top: 162px;
}

#contenttitelbar
{
	height: 74px;
	width: 573px;
	background-image: url(../img/titelbar.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#contenttitelbar h1
{
	color: #000;
	font-weight: normaal;
	font-size: 22px;
	margin-left: 20px;
	padding-top: 35px;
}

#contenttekst
{
	padding: 20px;
	background-image: url(../img/bg_content.png);
	background-repeat: repeat;
	font-size: 11px;
	line-height: 18px;
	min-height: 350px;
}

#contenttekst p
{
	margin-bottom: 7px;	
}

#contenttekst h2
{
	margin-bottom: 6px;
	font-size: 14px;
}

#contenttekst h3
{
	margin-bottom: 3px;
	font-size: 12px;
}

#contenttekst ul
{
	margin-left: 15px;
	list-style-type: circle;
}

#naw
{
	z-index: 5;
	color: #fff;
	position: absolute;
	left: 670px;
	top: 520px;
	
}

#naw p
{
	margin-bottom: 2px;
	font-size: 12px;
}

.rood
{
	color: #f00;	
}

/* menu styles */

#menu {position:absolute; width: 570px; left: 35px;}
#menu ul .item{display:none; margin-left: 12px;}
#menu ul .itemaan{display:block; background:#f00; color:#000;}
#menu ul:hover .item{display:block;background:#f00;}

#menu ul:hover {display:block;background:#f00;color: #fff;}
#menu ul li.item {
	font-size: 12px; line-height: 24px; border-bottom-style:solid; border-bottom-width: 0px; border-bottom-color: #fff;}

#menu ul li.itemaan {
	font-size: 12px; line-height: 24px; border-bottom-style:solid; border-bottom-width: 0px; border-bottom-color: #fff;}
	
	#menu ul li.itemaan a{
	color: #000; padding-right: 12px;
}

#menu ul:hover .item a{color:#000;text-decoration:none;display: block;margin-left: -12px;padding-right: 12px;}

#menu ul:hover .itemaan a{color:#000; background-color:#f00; text-decoration:none;display: block; padding-right: 12px;}
#menu ul:hover .item a:hover{color:#000;background-color: #fff;}
#menu ul:hover .itemaan a:hover{color:#000;background-color: #fff;}

#menu ul{float:left;margin:0px;list-style:none;}

.clear{clear:both;height:10px;}

#menu h1
{
	font-size: 15px;
	font-weight: bold;
	padding-top: 22px;
}

.kleineheader
{
	font-size: 13px;	
}

#menu h2
{
	font-size: 10px;
}

#menu li.top a
{
	color: #000;height: 63px;padding-left: 9px;padding-right: 9px;display: block;
}

#menu li.top a:hover
{
	color: #fff;
	background:#f00;
}

#menu li.topaan a
{
	color: #fff;height: 63px;padding-left: 9px;padding-right: 9px;display: block;	background:#f00;
}

#menu li.topaan a:hover
{
	color: #fff;
	background:#f00;
}

/* einde menu styles */