@import url("./editor.css");

html, body{
	margin: 0;
	padding: 0;
	background-color:#1a171b;
	z-index:1;
}

.PRINTHEADER{
	display:none;
}

#select_centerbox
{
    position: relative;
    top:150px;
    margin: 0 auto;
    width:980px;
}

#dakwerken
{
    position: relative;
    float:left;
}

#isolatiewerken
{
    position: relative;
    float:right;
}

#select_textbox
{
    position: relative;
    clear:both;
    text-align:center;
    padding-top:25px;
    width:980px;
}

.photo_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index:1001;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}

#photo_centerbox
{
    position: relative;
    margin: 0 auto;
    width:660px;
}

.photo_content {
	display: none;
	position: absolute;
	top:50px;
	width: 660px;
	height: 550px;
	padding: 15px;
	background-color: #FFFFFF;
	z-index:1002;
	overflow: auto;
	text-align:center;
}

#photo_menu
{
    position:absolute;
    bottom:10px;
    width:660px;
    text-align:center;
}

#container
{
    position: relative;
	width: 980px;
	margin: 0 auto;
	text-align: left;
	z-index:2;
    background-color:#fff;
    padding:0 1em;
}

#header_block
{
    position: relative;
    width:100%;
    height:10px;
    border-bottom: 1px solid #DDDDDD;
}

#logo_block{
	position: relative;
	float:left;
	height: 115px;
	width: 330px;
	
	display:none;
}

#details_block{
	position: relative;
	float:right;
	height: 57px;
	padding-top:58px;
	width:650px;
	text-align:right;
	
	font: normal 11px/1.2 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration: none;
	text-transform:none;
	
	display:none;
}

#quickmenu_block{
	position: absolute;
	top:15px;
	right:0px;
	
	text-align:right;
	
	font: normal 11px/1.2 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration: none;
	text-transform:none;
}

#quickmenu_block a:link {
	font: normal 12px/1.2 Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#999999;
	text-decoration: none;
	text-transform:none;
}

#quickmenu_block a:visited {
	font: normal 12px/1.2 Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#999999;
	text-decoration: none;
	text-transform:none;
}

#quickmenu_block a:active {
	font: normal 12px/1.2 Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#999999;
	text-decoration: none;
	text-transform:none;
}

#quickmenu_block a:hover {
	font: normal 12px/1.2 Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#999999;
	text-decoration: none;
	text-transform:none;
}

#mainmenu_block {
    position: relative;
    float:left;
    height: 50px;
	width: 980px;
	border-bottom: 1px solid #DDDDDD;
	border-top: 2px solid #DDDDDD;
}

#mainmenu{
	position: absolute;
	top:0px;
	left:0px;
	height:50px;
}

.mainmenu_item
{
    position: relative;
    float:left;
    height:30px;
    padding-top:20px;
    padding-right:35px;
    
    text-align:left;
    
    font: normal 12px/1.2 Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #333333;
	text-decoration:none;
	text-transform:uppercase;
}

.mainmenu_item a:link 
{
    font: normal 12px/1.2 Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #333333;
	text-decoration:none;
	text-transform:uppercase;
}

.mainmenu_item a:visited {
    font: normal 12px/1.2 Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #333333;
	text-decoration:none;
	text-transform:uppercase;
}

.mainmenu_item a:active {
    font: normal 12px/1.2 Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #333333;
	text-decoration:none;
	text-transform:uppercase;
}

.mainmenu_item a:hover {
    font: normal 12px/1.2 Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #333333;
	text-decoration:none;
	text-transform:uppercase;
}

.mainmenu_item_selected
{
    position: relative;
    float:left;
    height:30px;
    padding-top:20px;
    padding-right:35px;
    
    text-align:left;
    
    font: normal 12px/1.2 Arial, Tahoma, Verdana, Helvetica, sans-serif;
	/*color: #3399CC;*/
    color: #1a171b;
	text-decoration:underline;
	text-transform:uppercase;
}

.mainmenu_item_selected a:link {
    font: normal 12px/1.2 Arial, Tahoma, Verdana, Helvetica, sans-serif;
	/*color: #3399CC;*/
    color: #1a171b;
	text-decoration:underline;
	text-transform:uppercase;
}

.mainmenu_item_selected a:visited {
    font: normal 12px/1.2 Arial, Tahoma, Verdana, Helvetica, sans-serif;
	/*color: #3399CC;*/
    color: #1a171b;
	text-decoration:underline;
	text-transform:uppercase;
}

.mainmenu_item_selected a:active {
    font: normal 12px/1.2 Arial, Tahoma, Verdana, Helvetica, sans-serif;
	/*color: #3399CC;*/
    color: #1a171b;
	text-decoration:underline;
	text-transform:uppercase;
}

.mainmenu_item_selected a:hover {
    font: normal 12px/1.2 Arial, Tahoma, Verdana, Helvetica, sans-serif;
	/*color: #3399CC;*/
    color: #1a171b;
	text-decoration:underline;
	text-transform:uppercase;
}

.mainmenu_submenu
{
    position:absolute;
    top:55px;
    left:0px;
    width:250px;

    text-align:left;
    vertical-align:bottom;
    font: normal 12px/1.5 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-transform:capitalize;
	visibility: hidden;
	z-index:90;

}

.mainmenu_submenu a:link {
    font: normal 12px/1.5 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:none;
	text-transform:capitalize;
}

.mainmenu_submenu a:visited {
    font: normal 12px/1.5 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:none;
	text-transform:capitalize;
}

.mainmenu_submenu a:active {
    font: normal 12px/1.5 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:none;
	text-transform:capitalize;
}

.mainmenu_submenu a:hover {
    font: normal 12px/1.5 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:underline;
	text-transform:capitalize;
}

#search_block{
    position: absolute;
    top: 15px;
    right:0px;
}

#eyecatcher_block{
	position: relative;
	float:left;
	width: 980px;
	height: 250px;
	margin-top: 3px;
}
#eyecatcher_overlay{
	position: relative;
	float:left;
	width: 980px;
	height: 250px;
	margin-top: 3px;
	background-color:#FFFFFF;
}

#banner_block{
	position: relative;
	clear:both;
	width:980px;
	/*height:70px;*/
}

#BANNER{
    /*
    position:absolute;
    bottom:15px;
    left:0px;
    */
    float:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width:60%;
    margin: 0.5em 0;

    font: normal 30px/1.2 Myriad Pro, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#434242;
	text-decoration: none;
	text-transform:uppercase;
}
#FACEBOOK{
    float:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width:40%;
    margin: 0.5em 0;

    font: normal 30px/1.2 Myriad Pro, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#434242;
	text-decoration: none;
	text-transform:uppercase;

    text-align:right;
}
#content_block
{
    position: relative;
    float: left;
	width: 980px;
}

#submenu_block
{
    position:relative;
	float: left;
	width: 980px;
	border-top: 1px dashed #DDDDDD;
	margin-top: 15px;
}

#login_block
{
    float:left;
    width:220px;
}

#submenu
{
    position: relative;
    float:left;
}

.sitemapmenu_itemblock
{
    position: relative;
    float:left;
    width:200px;
}

.sitemapmenu_mainitem
{
    font: normal 18px/1.2 Myriad Pro, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #5c5d5f;
	text-decoration:none;
	text-transform:uppercase;
}

.sitemapmenu_mainitem a:link 
{
    font: normal 18px/1.2 Myriad Pro, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #5c5d5f;
	text-decoration:none;
	text-transform:uppercase;
}

.sitemapmenu_mainitem a:visited {
    font: normal 18px/1.2 Myriad Pro, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #5c5d5f;
	text-decoration:none;
	text-transform:uppercase;
}

.sitemapmenu_mainitem a:active {
    font: normal 18px/1.2 Myriad Pro, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #5c5d5f;
	text-decoration:none;
	text-transform:uppercase;
}

.sitemapmenu_mainitem a:hover {
    font: normal 18px/1.2 Myriad Pro, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #5c5d5f;
	text-decoration:none;
	text-transform:uppercase;
}

.sitemapmenu_subitem
{
    list-style-image: url(sitemapmenu_listitem.gif);
    padding-left:7px;
    margin-left:7px;
}

.sitemapmenu_subitem a:link 
{
    font: normal 13px/1.2 Arial, Tahoma, Verdana, Helvetica, sans-serif;
	/*color: #27aede;*/
    color: #1a171b;
	text-decoration:none;
	text-transform:capitalize;
}

.sitemapmenu_subitem a:visited {
    font: normal 13px/1.2 Arial, Tahoma, Verdana, Helvetica, sans-serif;
	/*color: #27aede;*/
    color: #1a171b;
	text-decoration:none;
	text-transform:capitalize;
}

.sitemapmenu_subitem a:active {
    font: normal 13px/1.2 Arial, Tahoma, Verdana, Helvetica, sans-serif;
	/*color: #27aede;*/
    color: #1a171b;
	text-decoration:none;
	text-transform:capitalize;
}

.sitemapmenu_subitem a:hover {
    font: normal 13px/1.2 Arial, Tahoma, Verdana, Helvetica, sans-serif;
	/*color: #27aede;*/
    color: #1a171b;
	text-decoration:underline;
	text-transform:capitalize;
}

#submenu_contactblock
{
    position: absolute;
    right:0px;
    bottom:12px;
    
    font: normal 18px/1.2 Myriad Pro, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #272727;
	text-decoration:none;
	text-transform:uppercase;
}

#footer_block{
    clear:both;
    
	height: 50px;
	width: 980px;
	border-top: 1px solid #DDDDDD;
	
	font: normal 11px/1.2 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration: none;
	
	text-align:right;
}

.FOOTER
{
	font: bold 10px/1.2 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration: none;
}

.FOOTER a:link {
	font: bold 10px/1.2 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration: none;
}

.FOOTER a:visited {
	font: bold 10px/1.2 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration: none;
}

.FOOTER a:active {
	font: bold 10px/1.2 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration: none;
}

.FOOTER a:hover {
	font: bold 10px/1.2 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration: none;
}

input[type="text"] {
	border:solid 1px #668395;
	background-color:#FFFFFF;
	font: normal 12px/1.2 Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

input[type="password"] {
	border:solid 1px #668395;
	background-color:#FFFFFF;
	font: normal 12px/1.2 Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

input[type="file"] {
	border:solid 1px #668395;
	background-color:#FFFFFF;
	font: normal 12px/1.2 Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

input[type="submit"] {
	border:solid 1px #668395;
	background-color:#FFFFFF;
	font: normal 12px/1.2 Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

input[type="button"] {
	border:solid 1px #668395;
	background-color:#FFFFFF;
	font: normal 12px/1.2 Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

TEXTAREA{
	border:solid 1px #668395;
	background-color:#FFFFFF;
	font: normal 12px/1.2 Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

SELECT{
	border:solid 1px #668395;
	background-color:#FFFFFF;
	font: normal 12px/1.2 Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* close commented backslash hack */