/* CSS Bestand
   Gemaakt door : One Mind
   Uw webdesign op maat! Kijk voor meer info op:
   http://www.onemind-designs.nl/ 
*/

*{
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%; /* Required */
}

body {
  color: #333;
  font: 11px Verdana, sans-serif;
  text-align: center;
  background-image:url(../images/abgt.jpg);
  background-repeat:repeat-x;
}


/* ------  TEKST ------ */

img {
	border: 0;
}

a {
	text-decoration: none;
	color:#a65005; 
	font-weight:bold;
}

a:link { }
a:visited { }
a:hover { color:#f8ab66; text-decoration:underline; }
a:active { }

strong, b {
	font-weight: bold;
	color:#eb872d;
}

b.contact {
	color:#485f13;
}

i.contact {
	color:#92aa58;
}

h2 {
font-family:Arial;
font-size:18px;
color:#ea7e1d;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#485f13;
}

p.left {
padding-left: 0px;
}

p.kopjes {
padding: 0px 13px 0px 17px;
}

p.nieuwsdatum {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#92aa58;
}

p.nieuwstekst {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
}

.pkop {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#e4883b;
font-weight:bold;
padding-left:10px;
}

p.kop {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#ea7e1d;
font-weight:bold;
}

p.kop2 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#ea7e1d;
font-weight:bold;
padding: 0px 17px;
}

.ptekst {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
padding-left:10px;
padding-right:15px;
padding-bottom:10px;
}

p.wistjedat {
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
color:#000;
}


a.p {
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
}

a.p:hover { color:#f8ab66; text-decoration:underline; }

/* ------  MENU ------ */

a#p_webdesign {
width: 168px;
height: 104px;
display: block;
background: url(../images/icons/webdesign.jpg) no-repeat;
}

a:hover#p_webdesign {
background: url(../images/icons/webdesign.jpg) no-repeat 0px -104px;
}

a#p_ontwikkeling {
width: 168px;
height: 104px;
display: block;
background: url(../images/icons/ontwikkeling.jpg) no-repeat;
}

a:hover#p_ontwikkeling {
background: url(../images/icons/ontwikkeling.jpg) no-repeat 0px -104px;
}

a#p_dtp {
width: 168px;
height: 104px;
display: block;
background: url(../images/icons/dtp.jpg) no-repeat;
}

a:hover#p_dtp {
background: url(../images/icons/dtp.jpg) no-repeat 0px -104px;
}



a#nieuws {
width: 152px;
height: 46px;
display: block;
background: url(../images/menu/ahome.jpg) no-repeat;
}

a:hover#nieuws {
background: url(../images/menu/ahome.jpg) no-repeat 0px -46px;
}

a#anieuws {
width: 152px;
height: 46px;
display: block;
background: url(../images/menu/ahome.jpg) no-repeat 0px -46px;
}

a:hover#anieuws {
background: url(../images/menu/ahome.jpg) no-repeat 0px -46px;
}


a#organisatie {
width: 152px;
height: 46px;
display: block;
background: url(../images/menu/aorganisatie.jpg) no-repeat;
}

a:hover#organisatie {
background: url(../images/menu/aorganisatie.jpg) no-repeat 0px -46px;
}

a#aorganisatie {
width: 152px;
height: 46px;
display: block;
background: url(../images/menu/aorganisatie.jpg) no-repeat 0px -46px;
}

a:hover#aorganisatie {
background: url(../images/menu/aorganisatie.jpg) no-repeat 0px -46px;
}

a#portfolio {
width: 152px;
height: 46px;
display: block;
background: url(../images/menu/aportfolio.jpg) no-repeat;
}

a:hover#portfolio {
background: url(../images/menu/aportfolio.jpg) no-repeat 0px -46px;
}

a#aportfolio {
width: 152px;
height: 46px;
display: block;
background: url(../images/menu/aportfolio.jpg) no-repeat 0px -46px;
}

a:hover#aportfolio {
background: url(../images/menu/aportfolio.jpg) no-repeat 0px -46px;
}

a#diensten {
width: 152px;
height: 46px;
display: block;
background: url(../images/menu/adiensten.jpg) no-repeat;
}

a:hover#diensten {
background: url(../images/menu/adiensten.jpg) no-repeat 0px -46px;
}

a#adiensten {
width: 152px;
height: 46px;
display: block;
background: url(../images/menu/adiensten.jpg) no-repeat 0px -46px;
}

a:hover#adiensten {
background: url(../images/menu/adiensten.jpg) no-repeat 0px -46px;
}

a#contact {
width: 152px;
height: 46px;
display: block;
background: url(../images/menu/acontact.jpg) no-repeat;
}

a:hover#contact {
background: url(../images/menu/acontact.jpg) no-repeat 0px -46px;
}

a#acontact {
width: 152px;
height: 46px;
display: block;
background: url(../images/menu/acontact.jpg) no-repeat 0px -46px;
}

a:hover#acontact {
background: url(../images/menu/acontact.jpg) no-repeat 0px -46px;
}


/* ------  LAY-OUT ------ */

#container-page {
  margin: 0 auto;
  background-image:url(../images/tile.jpg);
  width: 900px;
  text-align: left;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}

#container-head {
  height: 295px;
  background-image:url(../images/aheader.jpg);
}

#head {
  padding: 1em;
}

#container-nav {
  padding: 0 0 0 31px;
  height: 46px;
  background-image:url(../images/amenu_back.jpg);
}

#nav {
height: 44px;
}

#container-content {
  padding-top: 20px;
  padding-bottom: 55px; /* Footer is transparant, zo niet Pixels van footer nemen */
  background-image:url(../images/act.jpg);
  background-repeat:no-repeat;
}

#container-content:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

#container-content2 {
  width: 900px;
}

#content-right {
  padding: 0px 20px 0px 0px;
  width: 20%;
  float: right;
}

#content-left {
  padding: 0px 0px 0px 30px;
  width: 68%;
  float: left;
}

#container-foot {
  clear: both;
  width: 100%;
  position:absolute;
  bottom: 0 !important;
  height: 170px;
  background-image:url(../images/bottom.gif);
}

#foot {
  line-height: 150px;
}