@charset "UTF-8";
body {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	background: #017873;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #53565e;
	height: 100%;
}
h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	color: #007873;
	font-weight: bold;
	margin-bottom: -2px;
	margin-top:0px;	
	padding-top:10px;
}

#ContentTekstSub h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	color: #007873;
	font-weight: bold;
	margin-bottom: -2px;
	margin-top:0px;	
	padding-top:263px;
}
/* container_menu - hoofdmenu */
.seerden #container_menu {
	width: 952px;
	height:102px;
	background: #017873 url(../images/style/achtergrond_menu.gif) top no-repeat;
	margin: 0 auto;
	text-align: left;
}
.seerden #container_menu #zoeken {
	height: 34px;
	width: 950px;
}
.seerden #container_menu #talen {
	height: 32px;
	width: 950px;
}

.seerden #container_menu #talen #taal{
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	height: 21px;
	color: #ffffff;
	padding-right: 19px;
	padding-top:11px;
	text-align:right;
}
.seerden #container_menu #hoofdmenu {
	height: 36px;
	width: 422px;
	float:right;
	background: url(../images/style/achtergrond_hoofdmenu.png) top repeat-x;
	text-align:right;
}
.seerden #container_menu #hoofdmenu #menu{
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	background: transparant;
	padding-left: 11px;
	padding-top:11px;
	padding-right:20px;
}
/* Einde container_menu - hoofdmenu */


.seerden #container {
	width: 950px;
	background: #ffcf5a url(../images/style/achtergrond_container.jpg) top no-repeat;
	margin: 0 auto;
	border: 1px solid #e8e8e8;
	text-align: left;
	min-height: 100%;
}
.seerden #submenu {
	height: 41px;
	width:870px;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #007873;	
	padding-left:39px;
	padding-top:30px;
	background: url(../images/style/lijn-oranje.gif) bottom right no-repeat;	
}
.seerden #mainContent {
	width:868px;
	min-height: 100%;
	height: 100%;
	margin-left:39px;
	margin-right:39px;
	background: #ffffff;	
	border: 1px solid #ffb500;
	border-top:0px;
}
.seerden #mainContentSub {
	width:868px;
	min-height: 100%;
	height: 100%;
	margin-left:39px;
	margin-right:39px;
	background: url(../images/style/achtergrond_submenu.gif) ;	
	border: 1px solid #ffb500;
	border-top:0px;
}
#fix_bg{
	height:10px;
	background: url(../images/style/achtergrond_fix.gif) ;	
}
.seerden #mainContent #ContentTekst{
	width:770px;
	margin-left:40px;
	line-height: 150%;
	padding-bottom:40px;
}
.seerden #mainContent #ContentTekst ul{
	padding:0px;
	margin:0px;
	padding-left:13px;
	padding-top:10px;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
}
.seerden #mainContent #ContentTekst ul li{
	padding:0px;
	margin:0px;
	padding-bottom:10px;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
}
.seerden #mainContent #ContentTekst ul a,
.seerden #mainContent #ContentTekst ul a:visited,
.seerden #mainContent #ContentTekstSub ul a,
.seerden #mainContent #ContentTekstSub ul a{
	color: #007873;
}
.seerden #mainContent #ContentTekst ul a:hover,
.seerden #mainContent #ContentTekst ul a:active{
	color: #007873;
}

.seerden #mainContent #ContentTekst a,
.seerden #mainContent #ContentTekst a:visited,
a.ContentLink,
a.ContentLink:visited {
	text-decoration:underline;
	color: #53565e;
}
.seerden #mainContent #ContentTekst a:hover,
.seerden #mainContent #ContentTekst a:active,
a.ContentLink:hover,
a.ContentLink:active {
	text-decoration:none;
	color: #53565e;
}
.seerden #mainContentSub #ContentTekstSub{
	width:620px;
	margin-left:40px;
	line-height: 150%;
	padding-bottom:40px;
}
#voorbeelden{
	width: 616px;
	height: 170px;
	background: url(../images/style/voorbeeld_bg.gif) top no-repeat;
	float:left;
}
#voorbeelden #voorbeelden_image{
	width: 220px;
	height: 163px;
	float:left;	
	margin-top:7px;
}
#voorbeelden #voorbeelden_tekst{
	width: 396px;
	height: 163px;
	float:left;	
}
a.maatproducten,
a.maatproducten:visited {
	text-decoration:underline;
	color: #007873;
}
a.maatproducten:hover,
a.maatproducten:active {
	text-decoration:none;
	color: #007873;
}

#product_verzamel{
	height:100%;
	width: 676px;
}
#product_verzamel #product_tekst{
	height:100%;
	width: 314px;
	float:left;
}
strong.groen{
	color: #007873;
}
#product_verzamel #product_tekst ul{
	padding:0px;
	margin:0px;
	padding-left:13px;
	padding-top:10px;
}
#product_verzamel #product_tekst h1{
	margin-top:10px;
	padding:0px;
	height:100%;
}
#product_verzamel #product_fotos{
	height:382px;
	width: 278px;
	float:left;
	margin-left: 24px;
	margin-top:10px;
	text-align:right;
}
#offerte_aanvraag{
	width: 622px;
	background: url(../images/offerte/offerte_bg.gif) repeat-y;
	padding-bottom:20px;
}
#offerte_top{
	height:33px;
	width: 622px;
	background: url(../images/offerte/offerte_top.gif) top no-repeat;
}
#offerte_bottom{
	height:11px;
	width: 622px;
	background: url(../images/offerte/offerte_bottom.gif) top no-repeat;
}

#optie{
	height:100%;
	width: 578px;
	padding-left:22px;
	padding-top:22px;
}
#optie_top{
	height:25px;
	width: 578px;	
}
#optie_bottom{
	height:6px;
	width: 578px;
	background: url(../images/offerte/optie_bottom.gif) top no-repeat;
}
#optie_content{
	padding:20px;	
	width: 536px;
	border-left:1px solid #adadad;
	border-right:1px solid #adadad;
	background: #ffffff;
}
#optie_content input[type="text"]
{
    font-family: Arial, Sans-Serif;
    font-size: 11px;
	color: #53565e;
    border: solid 1px #808080;
    width: 404px;
	margin-bottom:2px;
}
#optie_content select { 
	font-family: Arial, Sans-Serif;
    font-size: 11px;
	color: #53565e;
    border: solid 1px #808080;
    width: 200px;
	margin-top:5px;
} 
hr {
  	background: url(../images/offerte/lijn.gif) top no-repeat;
	height: 1px;
	width:576px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:-20px;
	border:0px;
}
h3{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #53565e;
	font-weight: bold;
	margin-bottom: -19px;
}
.seerden #mainContent #home_image{
	width:850px;
	height:224px;
	padding:9px;	
	padding-bottom:20px;
}
.seerden #mainContentSub #sub_image{
	width:676px;
	height:224px;
	padding:9px;
	float:left;
	padding-bottom:20px;
}
.seerden #mainContentSub #subsub_menu{
	width:162px;	
	float:right;
	background:#e2e2e2;
	margin-right:9px;
	margin-top: 9px;
	border-left: 1px solid #adadad;
	border-right: 1px solid #adadad;
	border-top: 1px solid #adadad;
	height:100%;
}
.seerden #subcontent {
	width:868px;
	height: 185px;
	margin-left:39px;
	margin-right:39px;
	padding-top:30px;
	font-size:11px;
}
.seerden #subcontent #laatste_nieuws{
	margin-left:40px;
	width:380px;
	float:left;	
}
.seerden #subcontent #laatste_nieuws a,
.seerden #subcontent #laatste_nieuws a:visited{
	text-decoration:none;
	color: #007873;
	font-style:italic;
}
.seerden #subcontent #laatste_nieuws a:hover,
.seerden #subcontent #laatste_nieuws a:active{
	text-decoration:none;
	color: #53565e;
	font-style:italic;
}
.seerden #subcontent #sub_lijn{
	margin-left:15px;
	width:1px;
	height:145px;
	float:left;
	background: #007873;
}
.seerden #subcontent #nieuwsbrief_aanmelden{
	margin-left:38px;
	width:380px;
	float:left;
}

.seerden #subcontent #nieuwsbrief_aanmelden input[type="text"]
{
    font-family: Arial, Sans-Serif;
    font-size: 11px;
	color: #53565e;
    border: solid 1px #007873;
    width: 250px;
}
.seerden #subcontent_sub {
	width:868px;
	height: 132px;
	margin-left:45px;
	margin-right:39px;
	padding-top:20px;
	font-size:11px;
}
.seerden #subcontent_sub #sitemap_overview{
	padding-right:20px;
	float:left;
	line-height:15px;
}
.seerden #subcontent_sub #sitemap_overview h1{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #007873;
	font-weight: bold;
	margin-bottom: -14px;
	margin-top:0px;
}
.seerden #subcontent_sub #sitemap_overview h1 a,
.seerden #subcontent_sub #sitemap_overview h1 a:visited{
	text-decoration:none;
	color: #007873;
	font-weight: bold;
}
.seerden #subcontent_sub #sitemap_overview h1 a:hover,
.seerden #subcontent_sub #sitemap_overview h1 a:active{
	text-decoration:underline;
	color: #007873;
	font-weight: bold;
}

.seerden #subcontent_sub #sitemap_overview a,
.seerden #subcontent_sub #sitemap_overview a:visited{
	text-decoration:none;
	color: #53565e;
}
.seerden #subcontent_sub #sitemap_overview a:hover,
.seerden #subcontent_sub #sitemap_overview a:active{
	text-decoration:underline;
	color: #53565e;
}
.seerden #footer {
	margin: 0 auto;
	text-align: left;
	height:40px;
	width:952px;
	color: #ffffff;
	font: 10px Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height:35px;
	background: url(../images/style/leverings.png) 790px no-repeat;
}
#footer a,
#footer a:visited {
	text-decoration:underline;
	color: #ffffff;
}
#footer a:hover,
#footer a:active {
	text-decoration:none;
	color: #ffffff;
}
#ContentTekstSub h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #53565e;
	font-weight: normal;
	margin-bottom: -2px;
	margin-top:8px;	
}

/*** ESSENTIAL STYLES ***/
.hoofd-menu, .hoofd-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
}
.hoofd-menu {
	line-height:	1.0;
}
.hoofd-menu ul {
	position:		absolute;
	top:			-999em;
	width:			2px;
}
.hoofd-menu ul li {
	width: 100%;
}
.hoofd-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.hoofd-menu li {
	float:			left;
	position:		relative;
	padding-left:9px;
	padding-right:8px;
	border-right:1px solid #ffffff;
}
.hoofd-menu a,
.hoofd-menu a:visited {
	text-decoration:none;
}
.hoofd-menu a:hover,
.hoofd-menu a:active {
	text-decoration:underline;
}