/*-----------------------------------------------------------------------------
Main Stylesheet for Alblasserwerf portal

auteurs:    johan harteveld - Fundament All Media B.V.
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
  margin: 0;
  padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

body, html {
  width:100%;
}

img {	border: 0; }

/* =Typography
-----------------------------------------------------------------------------*/

body {
  background: #fff;
  font: 62.5%/1.6  Arial, Helvetica, "Trebuchet MS", Tahoma, Verdana, sans-serif;
  color: #000;
}

p, li {
  font-size: 1.2em;
}

ul {
  list-style: none;
}

h1 {
  font-size: 1.4em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1.2em;
  margin-bottom: -1em;  
}

hr {
  height: 1px;
  background-color: #ddd;
  color: #ddd;
  border: none;
  padding: 0;
  margin: 1em 0;
}

sup {
  vertical-align: baseline;
  position: relative;
  bottom: 0.33em;
}

/* =Links
-----------------------------------------------------------------------------*/

.content a {
  color: #006197;
  text-decoration:none;
}

.content a:hover {
}

/* =Layout
-----------------------------------------------------------------------------*/

.header {
  width: 990px;
  margin: 0 auto;
    height: 106px;
    background: url("../gfx/algemeen/header_banner.gif") no-repeat;
}

.header h1 {
  text-indent: -9000px;
  margin: 25px 0 13px 118px;
  height: 69px;
  background: url("../gfx/algemeen/logo_alblasserwerf.gif") no-repeat;
}

.container {
  width: 100%;
  height: 492px;
  background: #3f72b4;
}

.content {
  width: 990px;
  height: 492px;
  margin: 0 auto;
  background: url("../gfx/algemeen/bg_content.jpg") no-repeat;
  position: relative;
}

.footer {
  margin: 0 auto;
  width: 990px;
  text-align: right;
}

.footer p {
  color: #666;
  font-size: 11px;
  padding-right: 10px;
}

.footer a {
  color: #666;
  font-size: 11px;
  text-decoration: none;
}

/* =Content
-----------------------------------------------------------------------------*/

.card {
  width: 201px;
  height: 202px;
  padding: 1px 8px 9px 2px;
  background: url("../gfx/algemeen/card_bg.png") no-repeat;
  position: absolute;
}

.cardGR {
  width: 430px;
  height: 202px;
/*  padding: 1px 8px 9px 2px;*/
  background: url("../gfx/algemeen/card_bgGR.png") no-repeat;
  position: absolute;
}


* html .card { /* gif image for IE6 */
background: url("../gfx/algemeen/card_bg.gif") no-repeat !important;
}

* html .cardGR { /* gif image for IE6 */
background: url("../gfx/algemeen/card_bgGR.gif") no-repeat !important;
}

.card h2 {
  margin: 0;
  height: 30px;
  text-indent: -9000px;
}

.cardGR h2 {
  margin: 0;
  height: 30px;
  text-indent: -9000px;
    background: url("../gfx/algemeen/header_kans.gif") no-repeat top left;
}

.card h2 a {
  display: block;
  height: 30px;
  width: 201px;
  overflow: hidden;
}

.cardGR h2 a {
  display: block;
  height: 30px;
  width: 430px;
  overflow: hidden;
}

.card h2 a:hover,
.card:hover h2 a {
  background-position: top right !important;
}

.cardGR h2 a:hover,
.cardGR:hover h2 a {
  background-position: top right !important;
}

.card p {
  position: absolute;
  top: 22px;
  left: 10px;
  font-weight: bold;
  width: 185px;
  text-align: right;
  font-weight: bold;
  font-size: 13px;
  line-height: 1.35;
}

.cardGR p {
  position: absolute;
  top: 22px;
  left: 10px;
  font-weight: bold;
  width: 185px;
  text-align: right;
  font-weight: bold;
  font-size: 13px;
  line-height: 1.35;
}

#card_hellingen h2 a { background: url("../gfx/algemeen/header_hellingen.gif") no-repeat top left; }
#card_havenendijk h2 { background: url("../gfx/algemeen/header_havenendijk.gif") no-repeat top left; }
#card_kraanbaan h2 { background: url("../gfx/algemeen/header_kraanbaan.gif") no-repeat top left; }
#card_havenmeesters h2 { background: url("../gfx/algemeen/header_havenmeesters.gif") no-repeat top left; }
#card_havenmeesters:hover h2 { background: url("../gfx/algemeen/header_havenmeesters.gif") no-repeat top right; }
#card_havenmeesters-B h2 { background: url("../gfx/algemeen/header_havenmeesters-startverkoop.gif") no-repeat top left; }
#card_havenmeesters-B:hover h2 { background: url("../gfx/algemeen/header_havenmeesters-startverkoop.gif") no-repeat top right; }
#card_straten h2 { background: url("../gfx/algemeen/header_straten.gif") no-repeat top left; }
#card_rietgorspad h2 { background: url("../gfx/algemeen/header_rietgorspad.gif") no-repeat top left; }
#card_interesse h2 a { background: url("../gfx/algemeen/header_interesse.gif") no-repeat top left; }
#card_woonbeurs h2 a { background: url("../gfx/algemeen/header_woonbeurs.gif") no-repeat top left; }
#card_rijwoningen h2 { background: url("../gfx/algemeen/header_nwproject.gif") no-repeat top left; }
#card_kans h2 a{background: url("../gfx/algemeen/header_kans.gif") no-repeat top left;}

#card_hellingen {
  left:32px;
  top:266px;
}

#card_havenendijk {
  top: 28px;
  left: 368px;
}

#card_kraanbaan {
  top: 28px;
  left: 695px;
}
#card_havenmeesters {
    left:274px;
    top:266px;
}

#card_havenmeesters-B {
    left:512px;
    top:266px;
		width: 360px;
}

#card_havenmeesters a,
#card_havenmeesters-B a{
	color:#000000
}

#card_straten {
  top: 266px;
  left: 37px;
}

#card_straten span {
  color:#666;
}

#card_rietgorspad {
  top: 266px;
  left: 268px;
}

#card_interesse {
  top: 266px;
  left: 744px;
}

#card_woonbeurs {
  top: 28px;
  left: 400px;
}

#card_rijwoningen {
  /*top: 28px;
  left: 400px;*/
    left:754px;
    top:266px;
}

#card_kans {
  /*top: 28px;
  left: 400px;*/
    top: 28px;
    left: 268px;
}

.banner {
	left:759px;
	position:absolute;
	top:325px;
}
.txtbg {
  background: url("../gfx/algemeen/text_bg.png") repeat;
  position:absolute;
  bottom:0px;
  bottom:9px;
  position:absolute;
  width:187px;
  font-weight: bold;
  text-align: right;
  font-size: 13px;
  line-height: 1.35;
  padding:3px 7px 5px;
  
}

.txtbg2,
.txtbg-startverkoop{
	background: url("../gfx/algemeen/text_bg.png") repeat;
	position:absolute;
	bottom:0px;
	bottom:9px;
	position:absolute;
	width:187px;
	height:40px;
	font-weight: bold;
	text-align: right;
	font-size: 13px;
	line-height: 1.35;
	padding:3px 7px 5px;
  
}

.txtbg-startverkoop {
	width:345px;
	height:40px;

}

.advertentie {
	height:55px;
}