/*
 * DUS!
 * datum 20080701
 *	20080923
 *	Ontwerp 150px breder, 80px hoger
 */
/***** Initialize *****/
html, body {
    height: 100%;
}

* {
    margin: 0;
    padding: 0;
}

p, h1, h2, h3, h4, h5, h6 {
    padding: 0 0 1em 0; /* restore whitespace */
}
/***** General layout *****/
body {
    background: #fff url(/site/images/bg_body.jpg) no-repeat center center;
}

a {
    color: #333;
		outline: none;
}

a:hover {
    text-decoration: none;
    color: #00006A;
}
/*
 * Verticaal&horizontaal centreren
 */
#distance {
    width: 1px;
    height: 50%;
    margin-bottom: -318px; /* Helft van containers hoogte = 561 + 75*/
    float: left;
}
/***** container *****/
/*
 * Bevat alle inhoud incl logo rechts
 */
#container {
    margin: 0 auto; /* Horizontaal centreren */
    position: relative; /* puts container in front of distance */
    clear: left; /* Wachten tot distance gedaan is */
    height: 636px;
    width: 935px; /* Hier breedte bepalen */
	padding: 0 30px;
}
#banner {
	width: 935px; height: 75px;
	text-align: center;
}
#containerInner {
	/* Deze bevat de achtergrond */
    background: url(/site/images/bg_container_inner.gif) repeat-x top left;
	height: 561px;
}
/***** Logo DUS ******/
#logo {
    position: absolute;
    z-index: 100;
    top: 90px;
    right: 0;
}

#logo h1 {
    padding: 0;
}

#logo h1 a {
    text-indent: -500em;
    display: block;
    width: 175px;
    height: 175px;
    background: url(/site/images/bg_logo.png) no-repeat left top;
}
/***** Header *****/
#header {
    overflow: hidden;
		padding-bottom:27px;
}
/** Menu **/
#menu1 {
    float: left;
    padding: 14px 14px 0 22px;
    width: 602px;
    zoom: 1;
}
/* hoofdmenu */
#menu1 ul {
    list-style: none; /* Opsommingstekens verwijderen */
	zoom:1;

	}

#menu1 li {
    list-style: none;
    float: left; /* Links naast elkaar zetten */
    position: relative; /* Nodig voor submenu > absolute */
    height: 25px;
}

#menu1 li:hover,
#menu1 li.hover,
#menu1 li.selected {
    background: url(/site/images/bg_menu1_hover.gif) repeat-x left bottom; /* Oranje afbeelding */
}


#menu1 a { /* Opmaak geldt voor alle koppelingen binnen menu */
    color: #40408F;
    display: block; /* 100% breedte*/
	font-size: 14px;
    text-decoration: none;
   /* text-indent: -500em;*/
}
/* submenu  */
#menu1 li ul {
	display:none;    /* Submenu verbergen */
}

#menu1 li:hover ul, #menu1 li.hover ul {
    /* submenu zichtbaar maken wanneer menu1 item aangewezen wordt */
    position: absolute;
    top: 25px;
    left: 0px;
	display:block;
}

#menu1 li ul li {
    float: none;
    height: 20px;
    padding: 0 0 0 0;
	border-bottom: #FF7F00 solid 2px;
}

#menu1 li ul li:hover,
#menu1 li ul li.hover {
    background: none;
}

#menu1 li li a {
	color: #fff;
	font-size: 12px;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    text-indent: 0px; /* text terug in beeld */
    background: #333388;
    width: 120px;
}

#menu1 li li a:hover, #menu1 li li.selected a {
    color: #FF7F00;
}

/* Button */
#menu1 #button {
 /*   float: left;
    padding: 27px 0 0 0;
	clear:left; /* Onder menu plaatsen */
	position: absolute;
	top: 142px;
	left: 50px;
}

#menu1 #button a {
    display: block;
    width: 69px;
    height: 79px;
    background: url(/site/images/bg_button.png) no-repeat top left;
	text-indent:-500em;
}
/* Title */
#title {
    background: url(/site/images/bg_title.gif) repeat-x left top;
    height: 120px;
    width: 297px;
    float: left;
}

#title h1 {
   /* text-indent: -500em; Verwijderd voor sIFR */
    width: 280px;
    height: 130px;
    background: url(/site/images/bg_home.png) no-repeat 10px 10px;
}
/***** middle *****/
#middle {
    clear: both;
}
/* content */
/* inhoud van de pagina*/
#middle #content {
    width: 460px;
    height: 395px;
    padding: 0 15px 0 0;
    overflow: auto;
    margin: 0 0 0 160px;
}
/***** left *****/
#left {
    position: absolute;
    top: 225px;
    left: 0px;
    width: 180px;
    height: 320px;
    background: url(/site/images/bg_wordDus.gif) no-repeat 30px 0px; /* Moet verwijderd worden op home pagina */
	padding: 80px 0 0 30px; /* Moet verwijderd worden op home pagina */
}
/***** right ******/
#right {
    position: absolute;
    z-index: 100;
    top: 215px;
    right: 0px;
    width: 325px;
    height: 280px;
    text-align: right; /* TEST*/
}

/***** pictures *****/
#pictures {
	margin-top: 60px;
}
#pictures li {
	margin: 0; padding: 0;
	list-style: none;
	width: 290px;
	text-align: center;
}

/***** sponsorsSmall *****/
#sponsorsSmall {
	top: 40px;
	left: 0px;
}
#sponsorsSmall li {
	margin: 0; padding: 0;
	list-style: none;
	width: 85px;
	text-align: center;
}

/***** footer *****/
#footer {
	overflow: hidden;
    position: absolute;
    left: 30px;
    bottom: 0;
    color: #666;
    height: 17px;
    padding: 0 0 0 15px;
    line-height: 20px;
	width: 770px;
	font-size: 10px;
}

#footer a {
    text-decoration: none;
    color: #999;
}
/***** dank *****/
#dank {
    position: absolute;
    right: 30px;
    bottom: 0;
    width: 109px;
    height: 102px;
	z-index: 100;
    background: url(/site/images/bg_dank.png) no-repeat bottom right;	
	overflow: hidden;
}

/***** getDus *****/
/* Constructie voor IE6 */
#left #getDus {
    background: url(/site/images/bg_getDus.gif) no-repeat left top;
    margin: 0 0 0 20px;
}
#left #getDus a {
    display: block;
    width: 60px;
    height: 60px;
    text-indent: -500em;
}

/***** Left / Telex *****/
#left {
	background:none;
	padding:0;
}
#left #telex {
    width: 129px; /*144*/
    height: 375px; 
    padding: 35px 15px 0 6px;
}
#left #telex ul {
	list-style: none;
	margin: 0;
}
#left #telex ul li {
	border-bottom: #FF7F00 solid 1px;
	padding: 5px 0 5px 5px;
}
#left #telex ul li a {
	text-decoration: none;
	display: block;
}
#left #telex ul li a.selected {
	color: #FF7F00;
	font-weight: bold;
}