* {
	padding: 0;
	margin: 0;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	/*line-height: 17px;*/
	/*letter-spacing: 0.1em;*/
	height:100%;
	margin:0;
	padding:0;
	background-color: #bad4ef;
}

li {
	list-style-position: inside;
	list-style-type: disc;
}

/*****************************************************
** WEBSITE STRUCTUUR                                **
*****************************************************/

#DLPageWrapper {
	position: absolute;
	left: 50%;
	margin-left: -477px;
	width:955px;
}

	#DLHeader {
		position:relative;		
		top:0;
		left:0;
		width:955px;
		height:176px;
		background-image: url(../images/pageparts/Stobi_header_bg.jpg);
	}

		#DLLogo {
			position:absolute;
			top:0;
			left:0;
			width:286px;
			height:102px;
			/* Het logo van het bedrijf */
		}

		#DLWebTitle {
			position:absolute;
			top:60px;
			left:338px;
			width:;
			height:;
			/* Dit is de naam van het geselecteerde menu-item */
		}

		#DLNavigation1 {
			position:absolute;
			top:96px;
			left:338px;
			width:;
			height:;
			color: #0089ce;
			/* Dit is de eerste laag van het menu */
		}

		#DLNavigation2 {
			position:absolute;
			top:126px;
			left:224px;
			width:;
			height:;
			/* Dit is de tweede laag van het menu */
		}

	#DLBody {
		position: relative;
		width: 955px;
		background-color: #FFFFFF;
		/* In de het DLBodyID zitten het DLContentID en DLImageID */
	}

		#DLButtonsContain{
			position: absolute;
			top: 0px;
			left: 32px;
			width: 190px;
		}
		
		#DLContentContain{
			position: relative;
			top: 0px;
			left: 223px;
			width: 688px;
			z-index: 0;
		}
			#DLbgImage{
				position: relative;
				left: 226px;
				bottom: 86px;
				width: 199px;
				height: 70px;
				background-image: url(../images/pageparts/010.jpg);
				z-index: -1;
			}
		
		#DLHeaderContent {
			position:absolute;
			top:24px;
			left:340px;
			width:;
			height:;
			/* De teksten die de website bevat */
		}

		#DLContent {
			position:absolute;
			top:63px;
			left:254px;
			width:390px;
			background-color: #999999;
			height:235px;
			/* De teksten die de website bevat */
		}

		#DLImage {
			position:absolute;
			top:62px;
			left:671px;
			width:203px;
			height:203px;
			/* De afbeeldingen die de website bevat */
		}
		
		#DLImageKader {
			position: absolute;
			top:62px;
			left:671px;
			width: 203px;
			height: 203px;
		}

#DLFooter {
	clear:both;
	position: relative;
	top: -50px;
	width:100%;
	height: 40px;
	margin-left:0px;
	background-color: #0089ce;
	/*height:90px;*/
}

#DLDesign {
	position:relative;
	top:-50px;
	width: 955px;
	height: 15px;
	background-color: #1c327b;
}




.DLWebTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
}

.DLButtons a{
	display: block;
	text-decoration: none;
	padding:8px 0px 0px 12px;
	font-size: 11px;
	width: 174px;
	height: 42px;
	color: #fff;
	line-height: 10px;
	background: url(../images/pageparts/buttons.gif) 0 0 no-repeat;
}

.DLButtons a:hover{
	color: #0089ce;
	width: 191px;
	text-decoration: none;
	background-position: 0 -50px;
}

a.TabInactive{
	display: block;
	text-decoration: none;
	padding:5px 0px 0px 12px;
	_ padding: 8px 0px 0px 12px;
	font-size: 11px;
	width: 174px;
	height: 42px;
	color: #fff;
	line-height: 18px;
	_ line-height: 14px;
	background: url(../images/pageparts/buttons.gif) 0 0 no-repeat;
}

a.TabInactive:hover{
	display: block;
	text-decoration: none;
	padding:5px 0px 0px 12px;
	_ padding: 8px 0px 0px 12px;
	font-size: 11px;
	width: 191px;
	height: 42px;
	color: #0089ce;
	line-height: 18px;
	_ line-height: 14px;
	background-position: 0 -50px;
}
.TabActive{
	display: block;
	text-decoration: none;
	padding:5px 0px 0px 12px;
	_ padding: 8px 0px 0px 12px;
	font-size: 11px;
	width: 191px;
	height: 42px;
	color: #0089ce;
	line-height: 18px;
	_ line-height: 14px;
	background: url(../images/pageparts/buttons.gif) 0 0 no-repeat;
	background-position: 0 -50px;
}

.DLFooter {
	line-height: 13px;
	font-size: 13px;
	color: #fff;
	text-align: center;
}

.DLDesign {
	line-height: 2px;
	font-size: 9px;
	color: #093eeb;
	text-align: center;
}

.Navigation1Active {
	font-size: 11px;
	color:#fff;
	text-decoration:;
}

.Navigation1Inactive {
	font-size: 11px;
	color:#0089ce;
	text-decoration:none;
}

.Nav1InactiveSelected {
	color:;
	text-decoration:;
}

.Nav1ActiveSelected {
	color:;
	text-decoration:;
}

.Navigation2Active {
	color:#000;
	text-decoration:underline;
}

.Navigation2Inactive {
	color:#000;
	text-decoration:none;
}

.login {
	width: 139px;
	height: 104px;
	background-image: url(../images/pageparts/inlog.gif);
	font-size: 11px;
	color: #fff;
	line-height: 14px;
	padding: 8px;
}

.loginveld{
	width: 68px;
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.submit{
	background-color: #1c327b;
	color: #fff;
	border: 0;
	width: 71px;
	font-size: 11px;
	text-align: left;
	padding-left: 3px;
}

a {
	color:#0089ce;
}
a:hover {
	color:#1C327B;
	text-decoration: underline;
}

a.linkDLFooter{
	color: #fff;
	text-decoration: none;
}

a.linkDLFooter:hover{
	color: #fff;
	text-decoration: underline;
}

a.linkDLDesign{
	color: #093eeb;
	text-decoration: none;
}

a.linkDLDesign:hover{
	color: #093eeb;
	text-decoration: underline;
}

a.linkDLLogin{
	color: #fff;
	text-decoration: underline;
}

a.linkDLLogin:hover{
	color: #fff;
	text-decoration: none;
}


/*****************************************************
** TYPOGRAFIE	                                    **
*****************************************************/

h1 {
	font-size:16px;
	color:#000;
}