/*	===============================================================================================
		Naam:			HW_portal.css
		Functie:	Definities portal
		Project:	Harderwijk
		Door:			Zinster Webdesign
		
		Notes:		Images in banner moeten precies 154 x 66px zijn
		datum:		op 27 januari aangeleverd gekregen van GX (Johan Veldkamp)
		Laatste aanpassing Zinster: 16 maart 2009
		=============================================================================================== */

* {
	margin: 0;
	padding: 0;
}

body {
	font-size:100%;
	font-family: Arial, Helvetica, sans-serif;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.2em;
	font-weight:bold;
	color:#999999;
	padding:2px;
	text-align:center;
	background-image:none;
	background-repeat:repeat-y;
	background-position:center;
}

a:link {
	text-decoration:none;
	color:#007cbf;
	font-weight:bold;
}

a:hover{
	text-decoration:underline;
}

a:visited {
	text-decoration:none;
	color:#56B6EA;
	font-weight:bold;
}
/*h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:1.5em;
	color:#ffffff;
	background-image:url(../images/wittePijlLichtBlauweBG.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-left:30px;
}*/

/*gewijzigd 02-09-08 vanwege favorieten*/ 

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:1.5em;
	color:#ffffff;
	/*background-image:url(../images/wittePijlLichtBlauweBG.gif);
	background-repeat:no-repeat;*/
	background-position:bottom left;
	padding-left:5px;
}

/*toegevoegd 02-09-08 vanwege wijziging favorieten*/ 
.H1_blauwe_pijl {
	background-image:url(../images/wittePijlLichtBlauweBG.gif);
	background-repeat:no-repeat;
	padding-left:30px;
}

.H1_oranje_pijl {
	background-image:url(../images/wittePijlOranjeBG.gif);
	background-repeat:no-repeat;
	padding-left:30px;
}

.H1_groene_pijl {
	background-image:url(../images/wittePijlGroenBG.gif);
	background-repeat:no-repeat;
	padding-left:30px;
}


h1 a:link, h1 a:visited {
	text-decoration:none;
	color:#ffffff;
}

h1 a:hover {
	text-decoration:underline;
	color:#ffffff;
}

/*gewijzigd 02-09-08 vanwege favorieten*/ 
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.8em;
	color:#ffffff;
	background-image:url(../images/wittePijlGroenBG.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-left:30px;
}

/*toegevoegd 02-09-08 vanwege favorieten*/ 
h2 a:link, h2 a:visited {
	text-decoration:none;
	color:#ffffff;
}

h2 a:hover {
	text-decoration:underline;
	color:#ffffff;
}

/*toegevoegd 27-01-09 vanwege favorieten*/ 

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.5em;
	color:#ffffff;
}

h3 a:link, h3 a:visited {
	text-decoration:none;
	color:#ffffff;
}

h3 a:hover {
	text-decoration:underline;
	color:#ffffff;
}

/*einde wijziging/toevoeging */ 


li {
	list-style-type:none;
}

/* Geen dotted outline/border na keuze link */
a:active {
	outline:none;
	outline:hidden;
}
a {
	outline: none;
	outline-style:hidden;
}

img, div {
	behavior: url(/static/harderwijkpresentation/ie6/iepngfix.htc);
}

/* ============================================================================ */

#Wrapper {
	position:relative;
	width: 1000px;
	height:auto;
	margin:0px auto;
}

.Taal {
	display:block;
	width:auto;
	height:17px;
	background-color:#00387b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#FFFFFF;
	padding-left:5px;
	padding-top:3px;
}

.Taal a:link, .Taal a:visited {
	text-decoration:none;
	color:#FFFFFF;
	font-weight:normal;
}

.Taal a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}

#Header {
    float:right;
    top:20px;
    width: 1000px;
    height:130px;
    /*background-color:#067bbc;*//*weggehaald d.d. 5-12-2008*/
    z-index:1;
}

/*toegevoegd d.d. 5-12-2008*/
/*ie6*/
* html #Header img {
    margin-bottom:-4px;
}


#Header_verloop {
	float:right;
	top:20px;
	width:1000px;
	height:130px;
	margin-top:-130px;
	z-index:5;
}

#gemeente {
	float:left;
	width:418px;
	height:320px;
	z-index:10;
	border-top:#ffffff 2px solid;
	border-right:#ffffff 2px solid;
}

#gemeenteTekst {
	position:absolute;
	left:0px;
	top:472px;
	width:388px;
	background-color:#067bbc;
	height:140px;
	padding-left:30px;
	padding-top:20px;
	z-index:10;
	oveflow:hidden;
}

#recreatieTekst {
	position:absolute;
	top:150px;
	left:420px;
	width:388px;
	height:140px;
	background-color:#d8650B;	
	padding-left:30px;
	padding-top:20px;
	border-top:#ffffff 2px solid;
	border-right:#ffffff 2px solid;
	z-index:1;
}
	
#recreatieFoto {
	position:absolute;
	top:312px;
	left:420px;
	width:418px;
	height:320px;
	z-index:1;
}

#vrouw {
	position:absolute;
	top:309px;
	left:202px;
	width:160px;
	height:300px;
	z-index:10;
}

#man {
	position:absolute;
	top:285px;
	left:650px;
	width:160px;
	height:300px;
	z-index:10;
}
/* nieuwe banners en classes i.v.m. keuze door Harderwijk*/
#banner1, #banner2 , #banner3, #banner4 {
	position:absolute;
	left:838px;
	width:170px;
	height:75px;
}

#banner1 {
	/*top:145px;*/
	top:155px;
	z-index:50;
}
/*ie6*/
* html #banner1 {
	top:155px;
}
/*ie7*/
*+ html #banner1 {
	top:155px;
} 

#banner2 {
	top:231px;
}

#banner3 {
	top:477px;/*!!! 11-02-09*/
	z-index:30;
}

#banner4 {
	top:553px;/*27-01-09*/
}

#banner1 p, #banner2 p, #banner3 p, #banner4 p{
	padding:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.5em;
	font-weight:bold;
	text-align:center;
	color:#00387b;
}
/*ie6*/
* html #banner1 p, * html #banner2 p, * html #banner3 p, * html #banner4 p{
	padding:10px 10px 10px 10px;/*aaa*/
}
/*ie7*/
*+ html #banner1 p, *+ html #banner2 p, *+ html #banner3 p, *+ html #banner4 p{
	padding:10px 10px 10px 10px;
}
 
#banner1 img, #banner2 img, #banner3 img, #banner4 img{/*27-01-09!!!*/
	/*padding-left:8px;
	padding-top:5px;*/
	margin-left:-2px;
	margin-top:-5px;
}
/*ie6*/
* html #banner1 img, * html #banner2 img, * html #banner3 img, * html #banner4 img{/*aaa*/
	padding:0;
}

/*ie7*/
*+html #banner1 img, *+html #banner2 img, *+html #banner3 img, *+html #banner4 img{/*aaa*/
	padding:0;
}

.img-bannerBlauw, .img-bannerGroen, .img-bannerOranje, .img-bannerWit, .img-banner_img   {
	background-image:url(../images/SchadowPortalBlauw.jpg);
	background-repeat:no-repeat;
	height:80px;
}

.img-bannerGroen {
	background-image:url(../images/SchadowPortalGroen.jpg);
}
.img-bannerOranje{
	background-image:url(../images/SchadowPortalOranje.jpg);
}
.img-bannerWit {
	background-image:url(../images/SchadowPortalWit.jpg);
}
/*.img-banner_img {/*27-01-09 !!!
	background-image:url(../images/SchadowPortalWit.jpg);
	margin-left:-7px;
	margin-top:-7px;}*/
	

#Persoonlijk {
	position:absolute;
	top:312px;
	left:840px;
	width:155px;
	height:145px;/*!!! 27-01-09*/
	background-color:#a4c424;
	padding-top:15px; /*27-01-09 padding was 3*/
	padding-left:5px;
}

#favoriet_instellen {/*nieuw 27-01-09*/
	position:absolute;
	top:134px;
	left:10px;
	width:145px;
	height:20px;
}
	
#clear {
	clear:both;
}

#clean {
	padding: 0px 2px 0px 2px;
}

/*#clean img {!!!
	padding:8px 8px 8px 8px;
	background-image:url(../images/SchadowPortal_img.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}*/
	

/*	=============================================================================================== */
/* 	===== AANPASSINGEN ASERIO =====		*/

h2 {
	background-position: 0 2px;
}

.Taal em {
	font-style: normal;
	float: right;
	margin-top: -14px;
	margin-right: 10px;
}