/*reset rule*/
html{color:#000;background:#f2f2f2;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/** tag based style declarations **/
body {
	font: normal 72% Arial, Helvetica, Verdana, sans-serif;
	color: #333;
	border-style: none;
	text-align: center;
	background: #f2f2f2 url(../images/backg_sky.jpg) no-repeat -180px top; 
}
a {
	color: #4C4C4C;
    text-decoration: none;
}
a:hover {
	color: #000;
    text-decoration: underline;
}
p{
	margin:0px;
	padding:0px;
	clear: both;
}
h1 {
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
    color: #4C4C4C;
	font-weight: bold;
	margin: 10px 0px 15px 10px;
	line-height: 14px;
}
h2 {
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
    color: #4C4C4C;
	font-weight: bold;
	margin: 10px 0px 10px 10px;
	clear: both;
	line-height: 14px;
}
h3 {
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
    color: #4C4C4C;
	font-weight: bold;
	margin: 10px 0px 10px 6px;
	clear: both;
}
h4 {
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
    color: #4C4C4C;
	font-weight: bold;
	margin: 10px 0px 10px 10px;
	float: left;
	font-style: italic;
}
strong {
	font-weight: bold;
}
em {
    font-style: italic;
}

/** defaults **/
.hidden {
    display: none !important;
}
input.link {
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 0 0 0 5px;
    text-align: left;
}
.clearer {
    clear: both;
}
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.center {
    text-align: center;
}
.subtext {
    font-size: 10px;
	color: #444;
	line-height: 14px;
}
.contenttext {
    overflow: hidden;
}
.contentphotos img {
    width: 120px;
    height: 80px;
    padding-bottom: 10px;
    padding-right: 10px;
    float: left;
}
.contentphotos .portrait {
    width: 80px;
    height: 120px;
    padding-bottom: 10px;
    padding-right: 10px;
    float: left;
}
span.contentdivider {
    display: block;
    height: 12px;
}
.subtext {
    font-size: 10px;
    color: #868782;
    font-style: italic;
}

/** Vakantie-Limburg template **/
#wrapper {
	position: relative;
	width: 792px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	text-align: left;

	
}
#container {
    background: url(../images/backg_kadertop.png) no-repeat left top;      
}
#logo {
    position: absolute;
    width: 250px;
    height: 62px;
    left: 18px;
    top: 20px;
    z-index: 99;
}
#header {
    position: relative;
    height: 268px;
    width: 778px;
    margin-left: 7px;
    margin-bottom: 1px;
    background: transparent url(../images/backg_header.jpg) no-repeat right 6px;
}
#header a {
    color: #009;
}

/** mainnavigation **/
#mainnav {
    height: 100px;
    padding-top: 2px;
}
#mainnav ul {
    height: 33px;
    /*margin: 55px 0px 0px 380px;*/
    margin: 55px 0px 0px 700px;
}
#mainnav ul li {
    float: left;
    display: inline;
}
#mainnav ul li a {
    color: #FFF;
    float: left;
    text-align: center;
    height: 80px;
    text-indent: -9999px;
}
#mainnav ul li a#but_home {
    background: transparent url(../images/but_home.png) no-repeat 0 0;
    width: 80px;
}
#mainnav ul li a#but_bbw {
    background: transparent url(../images/but_bbw.png) no-repeat 0 0;
    width: 105px;
}
#mainnav ul li a#but_dakterrasinfo {
    background: transparent url(../images/but_dakterrasinfo.png) no-repeat 0 0;
    width: 120px;
}
#mainnav ul li a#but_contact {
    background: transparent url(../images/but_contact.png) no-repeat 0 0;
    width: 90px;
}

#mainnav .download {
    font-weight: bold;
    color: #333333;
    float: right;
    margin: 75px 15px 0px 0px;
}

.photoheader_home, .photoheader_dakdekkerij, .photoheader_cyprea, .photoheader_dakterras, .photoheader_dakterraswinkel, .photoheader_daktuinier, .photoheader_spaopjedak, .photoheader_bouwbedrijf, .photoheader_drd {
    height: 170px;
    padding-top: 2px;
}
.photoheader_home {
    background: transparent url(../images/backg_photoheader_home.jpg) no-repeat scroll center top;
}
.photoheader_dakdekkerij {
    background: transparent url(../images/backg_photoheader_dakdekkerij.jpg) no-repeat scroll center top;
}
.photoheader_dakterras {
    background: transparent url(../images/backg_photoheader_dakterras.jpg) no-repeat scroll center top;
}
.photoheader_dakterraswinkel {
    background: transparent url(../images/backg_photoheader_dakterraswinkel.jpg) no-repeat scroll center top;
}
.photoheader_daktuinier {
    background: transparent url(../images/backg_photoheader_daktuinier.jpg) no-repeat scroll center top;
}
.photoheader_spaopjedak {
    background: transparent url(../images/backg_photoheader_spaopjedak.jpg) no-repeat scroll center top;
}
.photoheader_cyprea {
    background: transparent url(../images/backg_photoheader_cypreawellness.jpg) no-repeat scroll center top;
}
.photoheader_bouwbedrijf {
    background: transparent url(../images/backg_photoheader_bouwbedrijf.jpg) no-repeat scroll center top;
}
.photoheader_drd {
    background: transparent url(../images/backg_photoheader_drd.jpg) no-repeat scroll center top;
}


/** content **/
#content {
    overflow: hidden;
    width: 782px;
	clear: both;
	padding: 0px 0px 20px 4px;
	color: #4c4c4c;	
}
#content.homepage .introtext {
    width: 700px;
    padding: 6px 6px 30px 6px;
}
#content .introtext {
    width: 700px;
    padding: 6px 6px 6px 6px;
}

.home_intro {
    padding: 6px 6px 40px 6px;
}

#leftcontent {
    height:1%;
    overflow:hidden;
    position:relative;
}
#rightcontent {
	float: right;
	width: 220px;
	min-height: 1px;
}

.daktuinierlogo {
    margin-top: -12px;
}

.sticker {
    width: 78px;
    height: 80px;
    float: right;
}
#rightcontent p {
	padding-bottom: 20px;
	padding-left: 10px;
}
.navelement {
    margin: 15px 0px 10px 7px;
    clear: both;
    float: left;
}

/** box template **/
#content .box {
    /*background-color: #FFFFFF;
    border: 1px solid #bcbcbc;*/
    display: inline;
    float: left;
    margin: 5px 5px 5px 5px;
    /*padding: 8px;*/
    position: relative;
    height: 1%;
    text-align: left;
    width: auto;
}
#content .box-tl,#content .box-tr,#content .box-bl,#content .box-br {
	position: absolute;
	width: 9px;
	height: 8px;
	background: transparent url(../images/box_corners.gif) no-repeat;
	overflow: hidden;
	z-index: 1;
}

#content .box-grey {
    border: 1px solid #bcbcbc;
    background-color: #f9f7f8;
}

#content .box-tl {
    background-position: 0px 0px;
    top: -2px;
    left: -2px;
}
#content .box-tr {
    background-position: 0px -9px;
    top: -2px;
    right: -2px;
}
#content .box-bl {
    background-position: 0px -18px;
    bottom: -2px;
    left: -2px;
}
#content .box-br {
    background-position: 0px -27px;
    bottom: -2px;
    right: -2px;
}
#content .noborder, #content .box .noborder.box {
	border: none;
	border-width: 0px;
	padding: 0px;
}
#content .noborder .box {
    border: 1px solid #D6D6D6;
}

/* box width */
#content .boxwidth_single {
    width: 177px;
}
#content #rightcontent .boxwidth_single {
    width: 210px;
}
#content .companyblockswide .boxwidth_single {
	width: 185px;
}
#content #rightcontent .boxwidth_single .thumbimg {
    margin-right: 4px;
    margin-bottom: 20px;
}
#content .boxwidth_onehalf {
    width: 235px;
}
#content .boxwidth_double {
    width: 260px;
}
#content .boxwidth_double p {
    width: 200px;
}
#content .boxwidth_tripple {
    width: 516px;
}
#content .boxwidth_quadruple {
    width: 550px;
}

/* box height */
#content .boxheight_xxsmall {
    height: 140px;
}
#content .boxheight_xsmall {
    height: 215px;
}
#content .boxheight_small {
    height: 290px;
}
#content .boxheight_medium {
    height: 315px;
}
#content .boxheight_medlarge {
    height: 435px;
}
#content .boxheight_large {
    height: 570px;
}
#content .boxheight_var { }


/** box - Content elements **/
.box .topimagebackg {
	margin: -8px -8px 3px -8px;
}
.box .imagebackg {
	margin: 3px -8px 6px -8px;
}
.box .contentimage {
	margin: 3px 6px 3px 3px;
}
.box .singleimagebackg {
	margin: -8px;
}

.box p,
.box table,
.box ul,
.companyblockswide .boxwidth_tripple p, 
.companyblockswide .boxwidth_onehalf p {
	padding: 5px 10px 5px 10px;
}
.companyblocks p, 
.companyblockswide p {
	padding: 3px 6px 3px 6px;
}
ul.linklist li {
    padding: 3px 4px 3px 12px;
    position: relative;
    background: transparent url(../images/icon_arrow.gif) no-repeat scroll left 8px;
}
ul.linklist li a, .singlelink li a, a.singlelink {
    color: #326c0a;
    font-weight: bold;
}
ul.linklist li a:hover, .singlelink li a:hover, a:hover.singlelink {
    text-decoration: underline;
}

/* Dynamic buttons */
.dynamicbutton_grey,
.dynamicbutton_green {
    display: block;
    font-size: 11px;
    text-align: center;
    font-weight: 700;
    line-height: 19px;
    height: 27px;
    min-width:26px;
    margin: 6px;
    padding-left: 9px;
    text-decoration: none;
    cursor: pointer;
}
.dynamicbutton_grey {
    background: transparent url(../images/button_grey_spriteleft.png) no-repeat top left;
}
.dynamicbutton_green {
    background: transparent url(../images/button_green_spriteleft.png) no-repeat top left;
}
.dynamicbutton_grey span,
.dynamicbutton_green span {
    display: block;
    padding: 2px 11px 6px 0px;
    white-space: nowrap;
}
.dynamicbutton_grey span {
    color: #265F00;
    background: transparent url(../images/button_grey_spriteright.png) no-repeat top right;
}
.dynamicbutton_green span  {
    color: #FFFFFF;
    background: transparent url(../images/button_green_spriteright.png) no-repeat top right;
}
.dynamicbutton_grey:hover,
.dynamicbutton_green:hover {
    background-position: bottom left;
}
.dynamicbutton_grey:hover span,
.dynamicbutton_green:hover span {
    background-position: bottom right;
}

/** footer **/
#footer {
	margin-bottom: 20px;
    height: 1%;
    background-color:#f2f2f2;
    border-top:1px solid #CECECE;
}
#footer a {
    color: #FFF;
}
#footer a:hover {
    color: #FFF;
    text-decoration: underline;
}
.footerbg {
    background: transparent url(../images/main_part_footer_backg.png) no-repeat 0 0;
    height: 45px;
}

#footer ul {
    list-style: none;
    padding: 9px 0px 0px 5px;
    margin: 0px;
}
#footer li {
    display: inline;
    padding: 0 12px 0 12px;
    margin: 0px;
    border-right:1px solid #333333;
}
#footer li.last {
    border: none;
}