﻿img, div { behavior: url('iepngfix.htc') }

img 
{
	border: none;
	
}
body 
{
	margin:0px;
	padding:0px;
	background-image: url('images/background-bottom.png');
	background-repeat: repeat-x;
	background-position: bottom;
	/*height: 100%;*/
	background-attachment:fixed;
}

.BodyTop
{
	background-image: url('images/background-top.png');
	background-repeat: repeat-x;
	background-position: top;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.BodyBottom
{
	/*background-color: #000000;
	background-image: url('images/background-bottom.png');
	background-repeat: repeat-x;
	background-position: center bottom;*/
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}


#wrap 
{
	width: 900px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
}

#header
{
	width: 900px;
	margin-top: 0px;
}

#upnav
{
	position: relative;
	left: 10px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: auto;
	width: 272px;
	height: 49px;
	background-image: url('images/righttop.png');
	background-repeat: no-repeat;
}

#upnav li 
{
	
	padding-top: 8px;
	margin: 0px 34px 0px 0px;
	list-style: none;
	float: left;
	text-decoration: none;
}

#upnav li.noborder 
{
	margin: 0px 0px 0px 10px;
}

#upnav li a 
{
font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color: #dddddd;
	font-family:Arial, Helvetica, sans-serif;
}

#upnav li a:hover
{
	text-decoration: underline;
	color: #7fa0f3;
	font-family:Arial, Helvetica, sans-serif;
}

#upnav ul
{
	margin-top: 0px;
	margin-left: -6px;
}

#logog
{
	background: url('images/logog.png') no-repeat;
	width: 900px;
	height: 130px;
	margin-top: 30px;
	float:right;
}

#logor
{	
	margin-top: -325px;
	float:left;
	width: 275px;
	height: 125px;
	background: url('images/logok.png') no-repeat;
	
}

#tabs {
	float:left;
	width:898px;
	font-size:93%;
	background: url('images/bg-nav.png') left bottom repeat-x;
	line-height:normal;
	margin-top: 75px;
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
	
	}

#tabs li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	display:inline;
	margin:0;
	padding:0;
	
	}

#tabs a {
	float:left;
		
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}
	
#tabs li.active a {
	float:left;
	background:url("images/tableft.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	padding:5px 5px 4px 6px;
	color:#FFF;
	
	}
	
#tabs a span {
	float:left;
	display:block;
	padding:20px 30px 4px 6px;
	color:#333838;
	}

#tabs li.active a span {
	float:left;
	display:block;
	background:url("images/tabright.gif") no-repeat right top;
	padding:20px 25px 4px 20px;
	color:#3151a3;
	}


#tabs a span {float:none;}


#tabs a:hover span {
	color:#3151a3;
	text-decoration: underline;
	}

span:hover
{
	text-decoration: underline;
}

	
#content 
{
	background-color: #ffffff;
	border-left: solid 1px #ebebff;
	border-right: solid 1px #ebebff;
	margin-top: 0px;
	margin-bottom: 0px;
	width:898px;
	height: auto;
	float:left;
}

#colleft
{
	width:auto;
	margin: auto;
}


#colright
{
	width: auto;
	margin: auto;
	border-right: solid 1px #ebebff;
}

#portfolio
{
	margin-top: 15px;
	width: 196px;	
	height: 455px;
	position:relative;
	float:right;
	background: url('images/portfolio.jpg') no-repeat;
}


#rmenu {
	width: 200px;
	float:right;
}

#pmenu {
	width: 650px;
	float:right;
	background-color: red;
}

#rmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#rmenu ul li a 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	background: #FFF;
	
}	

#rmenu li
{
background: url('images/pijl.gif') 2px 11px no-repeat;
}
	
#rmenu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	
	}	

	
#rmenu li a:link, #rmenu li a:visited {
	color: #656556;
	display: block;
	padding: 8px 0 0 20px;
	background: url('images/pijl_underline.gif') left bottom no-repeat;
	
	}

	
#rmenu li a:hover{
	color: #274DAD;
	
	padding: 8px 0 0 20px;
	}

#img1
{
	margin-top: 37px;
	margin-left: 12px;
	margin-bottom: 11px;
}

#img2
{
	margin-top: 23px;
	margin-left: 12px;
	margin-bottom: 11px;
}

#img3
{
	margin-top: 17px;
	margin-left: 12px;
	margin-bottom: 11px;
}

#intro
{
	margin-bottom: 0px;
	margin-left: 15px;
	margin-top: 0px;
	float:left;
	width: 640px;
	height: 7px;
	position:absolute;
}


.imgbalken
{
	margin-top: 20px;
	height: 139px;
}

.imgbalkl
{
	width: auto;
	float:left;
	margin-left: 15px;
}

.imgbalkr
{	
	width: 306px;
	float:right;
	margin-right: 30px;
}

#imgbalkl
{
	width: auto;
	float:left;
	margin-left: 15px;
	margin-top: 50px;
	position:absolute;
	
}

#imgbalkr
{
	width: auto;
	float:right;
	margin-right: 30px;
	margin-top: 50px;
	
}

#imgbalkl2
{
	width: auto;
	float:left;
	margin-left: 15px;
	margin-top: 100px;
	position:absolute;
	
}

#imgbalkr2
{
	width: auto;
	float:right;
	margin-right: 30px;
	margin-top: 100px;
	
}

#headcontent 
{
	margin-bottom: 0px;
	margin-left: 15px;
	margin-top: 10px;
	float:left;
	width: 20px;
	height: 7px;
}

#maintext 
{
	margin-left: 15px;
	width: 660px;
	height: 267px;
	margin-top: 200px;
	background: url('images/bg_nav2.gif') top repeat-x;
	position: absolute;
}

.separator
{
	background-image: url('images/bg_nav2.gif');
	background-repeat: repeat-x;
	background-position: center 10px;
	width: 656px;
	height: 25px;
	margin-left: 14px;
}

.pars1
{
	margin-left: 14px;
	width: 656px;
	height: 125px;
}

.pars2
{
	margin-left: 14px;
	width: 656px;
	height: 120px;
}

.leftpar
{
	width: 305px;
	float:left;
	margin-left: 0px;
	margin-top: 0px;
	position:absolute;
	text-align: justify;
}


.rightpar
{
	width: 305px;
	float:right;
	margin-right: 0px;
	margin-top: 0px;
	text-align: justify;
}

#leftpar
{
	
	width: 305px;
	float:left;
	margin-left: 0px;
	margin-top: 0px;
	position:absolute;
	
}



#rightpar
{
	
	width: 305px;
	float:right;
	margin-right: 0px;
	margin-top: 0px;
	
}

#fleftpar
{
	
	width: 500px;
	float:left;
	margin-left: 0px;
	margin-top: 0px;
	position:absolute;
	
}



#frightpar
{
	
	width: 390px;
	float:right;
	margin-right: 0px;
	margin-top: 0px;
	
}

#terms
{
	
	width: 450px;
	float:right;
	margin-top: -24px;
	position:relative;

		
}

#terms a
{
	margin-top: -20px;
	text-decoration: none;
	color: #3151a3;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#terms a:hover
{
	margin-top: -20px;
	text-decoration: underline;
	color: #3151a3;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#footer
{
	background: url('http://www.noticed.nl/images/footer.png');
	width: 900px;
	height: 90px;
	margin-top: auto;
	float: left;
}

#footer li
{
	background: url('http://www.noticed.nl/images/n.png') no-repeat;
	background-position: 0px 4px;
	list-style: none;
	background-attachment: scroll;
	margin-top: auto;
	list-style-position: outside;
	height:auto;
	
}

#footer li a 
{
	margin-left: 20px;
	margin-top: -5px;
	height:auto;
	
}

#footer ul 
{
	float: left;
	position: relative;
	margin-top: -5px;
	height:auto;
}

#tel 
{
	width: 120px;
	position:absolute;
	margin-top: 31px;
	margin-left: 185px;
}

#kvk 
{
	width: 170px;
	position:absolute;
	margin-top: 31px;
	margin-left: 305px;
}

#kvk p 
{
	width: 170px;
}

#text 
{
	
	margin-top: 40px;
	width: 660px;
	height: auto;
	background: url(http://www.noticed.nl/images/n_big.png) right bottom no-repeat;
}

#text li
{
	padding-left: 16px;
	list-style: none;
	width: 630px;
	line-height: 18px;
	margin-left: 5px;
	margin-top: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#3151a3;
	background: url(http://www.noticed.nl/images/pijl.gif) 2px 3px no-repeat;
}

#text ul
{
	
}

#ptext 
{
	margin-top: 40px;
	width: 230px;
	height: auto;
	
}

#ptext p
{
	width: 230px;
	line-height: 18px;
	margin-left: 15px;
	margin-top: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#353535;
}


#n 
{
	
	width: 284px;
	height: 289px;
	margin-left: auto;
	margin-top: -200px;
	margin-bottom: auto;
	
}
H1 
{
	
	position:absolute;
	margin-top: 8px;
	font-family:Century Gothic;
	font-size: 30px;
	font-weight: normal;
	color:#274dad;
	
}

H2 
{
	width: auto;
	margin-top: 0px;
	font-family:Century Gothic;
	font-size: 30px;
	font-style:italic;
	font-weight: normal;
	color:#274dad;
}

H3 
{
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#414040;
	
}


h4
{
	width: 320px;
	background: url('images/bg_nav2.gif') top;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#414040;
	margin-left: 70px;
}


h5
{
	margin-left:15px;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: 900;
	color: #414040;
}

p 
{
	line-height: 18px;
	margin-top: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	color:#353535;
}

#footer p 
{
	position: absolute;
	display:block;
	line-height: 18px;
	margin-top: auto;
	margin-left: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#353535;
	
}


#text p
{
	
	width: 630px;
	line-height: 18px;
	margin-left: 15px;
	margin-top: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#353535;
}

#footer a {
	line-height: 18px;
	margin-top: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#3151a3;
	text-decoration: none;
}

#footer a:hover {
	line-height: 18px;
	margin-top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#3151a3;
	text-decoration: underline;
}


a
{
	line-height: 18px;
	margin-top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color:#3151a3;
	text-decoration: none;
}

a:hover 
{
	line-height: 18px;
	margin-top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	color:#3151a3;
	text-decoration: underline;
}
