/* Style voor groothuis.nl  by alstro webdesign */

@import url("../css/faq.css");
@import url("../css/menu.css");
@import url("../css/nieuws.css");
@import url("../modules/referenties/referenties.css");
@media screen
{
html,body  {
margin: 0px;
padding: 0px;
color: black;
margin: 0 auto;
background-image: url(../images/topbg.png);
/*background-color: #fdf5de; */
background-repeat: repeat-x;
font-family:  arial, sans-serif;
font-size: 10pt;
overflow: auto;
overflow-x: hidden;
}

img {border: none;}
H1 {
  color: #00894e;
  font-size: 14pt;
  margin: 10px 0;
  font-weight: normal;
  padding-left: 10px;
}
H2 {
  color: #000;
  font-size: 10pt;
  margin: 0;
  font-weight: bold;
}

H3 {
   color: #00894e;
   font-size: 12pt;
   margin: 10px 0;
}


H4 {
  margin: 0px;
  color: #2b617e;
}

H5 {
  color: #00894e;
  font-size: 14pt;
  margin: 10px 0;
  font-weight: normal;
}

div#container {
	margin:0 auto;
	width:975px;
    cursor: default;
    line-height: 20px;
    }
/* header */
div#header {
  padding-top: 21px;
  height: 135px;
}

/* bc */
div#bc {
  height: 43px;
  width: 975px;
  line-height: 43px;
  color: #7d7d7d;
}
div#bcleft {
    float: left;
    background-image: url(../images/bcleft.png);
    height: 43px;
    width: 10px;
}
div#bccontent {
    float: left;
    background-image: url(../images/bcbg.png);
    height: 43px;
    width: 780px;
}
div#bctelefoon {
    float: left;
    background-image: url(../images/bctelefoon.png);
    height: 43px;
    width: 175px;
}
div#bcright {
    float: left;
    background-image: url(../images/bcright.png);
    height: 43px;
    width: 10px;
}

/* content */
div#content {
  width: 100%;
}

div#main {
  float: left;
  width: 770px;
}
div#reactiestekst {
  float: left;
  width: 955px;
  padding: 0 10px;
}


div#maintekst {
  float: left;
  width: 778px;
  line-height: 20px;
  padding: 0 10px;
}
div#mainleft {
  float: left;
  width: 380px;
  line-height: 20px;
  padding: 0 10px;
}
div#mainright {
  float: left;
  width: 379px;
  line-height: 20px;
  padding: 0 10px;
}
div#updates {
  float: left;
  width: 176px;
  padding: 0;
}
div#updatescont {
  float: left;
  width: 220px;
  padding: 20px 0 0 5px;
}
.updatesleesverder {
  width: 176px;
  height: 20px;
}
div#updates1 {
  padding-top: 0px;
}
div#updates2 {
  padding-top: 48px;
}
div#updates3 {
  padding-top: 10px;
}
/* contact */
.textfield {
background-color:#EBEBEB;
border:1px solid #B7BABC;
}

#concontent {
  height: 260px;
  width: 289px;
  padding: 10px;
  float: left;
  color: #fff;
  background-image: url(../images/adresbg.png);
}
#conform {
  float: left;
  width: 470px;
  padding: 0 10px
}

#tekstcontent {
  float: left;
  width: 789px;
  padding-right: 10px;
}


/* submenu */
div#submenu {
  height: 461px;
  background-image: url(../images/bottom.png);
}
div#submenucontent {
    position: relative;
  	margin:0 auto;
	width:975px;
    background-image: url(../images/bottom.png);
}
div#opleveren {
  float: left;
  width: 175px;
}
div#submenuleft {
  float: left;
  width: 312px;
  margin-top: 64px;

}
div#submenunieuws {
  float: left;
  width: 467px;
  margin-top: 46px;
  margin-left: 20px;
}
div#submenuhuizenboek {
  margin-left: 77px;
}
div#submenuonzevoordelen {
  margin-left: 77px;
}
div#submenuopgeleverdehuizen {
  margin-left: 77px;
}
div#submenuonzeklanten {
  height: 142px;
  width: 300px;
  margin-left: 12px;
  background-image: url(../images/onzeklanten.png);
  background-repeat: no-repeat;
}
div#onzeklantentitel {
  color: #fff;
  height: 30px;
  text-align: right;
  padding-top: 4px;
  font-weight: normal;
  font-size: 13pt;
}
div#onzeklantencontent {
  height: 40px;
  color: #fff;
  padding: 20px 35px 20px 35px;
}
div#onzeklantenleesverder {
  width: 487px;
}
div#onzeklantenleesartikel {
  padding-top: 10px;
  float: left;
  font-size: 8pt;
  color: #fff;
}
div#onzeklantenmeerartikelen {
  padding-top: 10px;
  float: right;
  font-size: 8pt;
  color: #2b617e;
}


/* footer */
div#footer {
  height: 134px;
  background-image: url(../images/footer.png);
}
div#footercontent {
	margin:0 auto;
	width:975px;
    color: #fff;
    height: 114px;
    font-size: 10pt;
    line-height: 20px;
    padding-top: 20px;
}
div#footer1 {
  float: left;
  width: 200px;

}
div#footer2 {
  float: left;
  width: 130px;
}
div#footer3 {
  float: left;
}
div#footer4 {
  float: right;
  text-align: right;
}
 /* overig */
#modelcontent  a:link {
	color:#fff;
    text-decoration: underline;
}
#modelcontent  a:visited {
	color:#fff;
    text-decoration: underline;
}
#modelcontent  a:hover {
	color:#fff;
    text-decoration: none;
}

#concontent  a:link {
	color:#fff;
    text-decoration: underline;
}
#concontent  a:visited {
	color:#fff;
    text-decoration: underline;
}
#concontent  a:hover {
	color:#fff;
    text-decoration: none;
}
#nieuwsoverzicht  a:link {
	color:#00894e;
    text-decoration: underline;
}
#nieuwsoverzicht  a:visited {
	color:#00894e;
    text-decoration: underline;
}
#nieuwsoverzicht  a:hover {
	color:#00894e;
    text-decoration: none;
}
#reactiestekst  a:link {
	color:#00894e;
    text-decoration: underline;
}
#reactiestekst  a:visited {
	color:#00894e;
    text-decoration: underline;
}
#reactiestekst  a:hover {
	color:#00894e;
    text-decoration: none;
}
#maintekst  a:link {
	color:#00894e;
    text-decoration: underline;
}
#maintekst  a:visited {
	color:#00894e;
    text-decoration: underline;
}
#maintekst  a:hover {
	color:#00894e;
    text-decoration: none;
}
#faqright  a:link {
	color:#00894e;
    text-decoration: underline;
}
#faqright  a:visited {
	color:#00894e;
    text-decoration: underline;
}
#faqright  a:hover {
	color:#00894e;
    text-decoration: none;
}
.clear {
	clear: both;
	font-size: 0%;
	line-height: 0%;
	height: 0;
}

.bclinks { text-decoration: underline;color: #7d7d7d;}
.bclinks:visited { text-decoration: underline;color: #7d7d7d;}
.bclinks:active { text-decoration: underline;color: #7d7d7d;}
.bclinks:hover { text-decoration: underline;color: #7d7d7d;}

.sublinks { text-decoration: underline;color: #2b617e;}
.sublinks:visited { text-decoration: underline;color: #2b617e;}
.sublinks:active { text-decoration: underline;color: #2b617e;}
.sublinks:hover { text-decoration: none;color: #2b617e;}

.links { text-decoration: underline;color: #00894e;font-weight: bold;}
.links:visited { text-decoration: underline;color: #00894e;font-weight: bold;}
.links:active { text-decoration: underline;color: #00894e;font-weight: bold;}
.links:hover { text-decoration: none;color: #00894e;font-weight: bold;}

.footerlinks { text-decoration: underline;color: #fff;}
.footerlinks:visited { text-decoration: underline;color: #fff;}
.footerlinks:active { text-decoration: underline;color: #fff;}
.footerlinks:hover { text-decoration: none;color: #fff;}

.nieuwslinks { text-decoration: underline; padding-left:2px; color: #fff;}
.nieuwslinks:visited { text-decoration: underline; padding-left:2px; color: #fff;}
.nieuwslinks:active { text-decoration: underline; padding-left:2px; color: #fff;}
.nieuwslinks:hover { text-decoration: none; padding-left:2px; color: #fff;}

}