/* Custom html */

#pagina_template {
margin: 0px 0px 20px 0px;
}

#pagina_template .kopje1 {
color: #666666;
font-size: 14px;
display: block;
font-weight: bold;
}

#pagina_template .kopje2 {
color: #666666;
font-size: 13px;
display: block;
font-weight: bold;
}

#pagina_template .kopje3 {
color: #666666;
font-size: 12px;
display: block;
font-weight: bold;
}

.franchise_adres_back {
	background-image: url('images/frameset/imp/custom/franchise_adresgegevens.gif');
	color : #666666;
}

.franchise_adres_back thead td {
padding: 20px 0px 10px 20px;
color : #666666;
}

.franchise_adres_back tbody .dagNaam {
padding: 0px 0px 0px 20px;
font-size: 10px;
color : #666666;
}

.franchise_adres_back_2 {
	background-image: url('images/frameset/imp/custom/franchise_adresgegevens-2.gif');
	color : #666666;
}

.franchise_adres_back_2 thead td {
padding: 18px 0px 17px 20px;
color : #666666;
}

.franchise_adres_back_2 tbody .dagNaam {
padding: 0px 0px 0px 20px;
font-size: 10px;
color : #666666;
}
.franchise_adres_back_2 tbody .lunchpauze {
padding: 10px 0px 10px 20px;
font-size: 10px;
color : #666666;
}

#flash_video_block tr td {
padding: 15px 0px 0px 12px;
background: url('images/frameset/imp/custom/flash_video_back.gif') no-repeat;
}

#flash_test_block tr td {
padding: 15px 0px 0px 3px;
_padding: 15px 0px 0px 8px;
background: url('images/frameset/imp/custom/flash_test_back.gif') no-repeat;
}

#flash_test_block tr td img {
/*margin: 0px 0px 0px 8px; Dit gaat fout in FF*/
_margin: 0px 0px 0px 0px;
background: url('images/frameset/imp/custom/flash_test_back.gif') no-repeat;
}

#midden_links_block tr td {
padding: 0px 20px 0px 25px;
_padding: 0px 20px 0px 30px;
background: url('images/frameset/imp/custom/midden_links_back.gif') no-repeat;
}

#onder_links_blok {
margin: 12px 0px 0px 0px;
_margin: 7px 0px 0px 0px;
}

#onder_links_blok tr td {
padding: 0px 0px 0px 0px;
_padding: 0px 0px 0px 0px;
background: url('images/frameset/imp/custom/portal_links_onder_back.gif') no-repeat;
}

.onder-links-blok-nieuw tr td.portal-box {
padding: 0px 0px 0px 0px;
_padding: 0px 0px 0px 0px;
background: url('images/portal-blok-links.gif') no-repeat !important;
}

#onder_links_blok tr td tr td {
vertical-align: top;
background: none;
}

#onder_links_blok tr td tr td img {
margin: 9px 12px 0px 0px;
border: 0px;
}

#onder_rechts_blok {
margin: 0px;
_margin: 7px 0px 0px 0px;
}

#onder_rechts_blok tr td {

padding: 0px 0px 0px 0px;
background: url('images/frameset/imp/custom/portal_rechts_onder_back.gif') no-repeat;

}
.onder_rechts_blok_nieuw tr td.portal-box {
	background: url('images/portal-blok-rechts.gif') no-repeat !important;
}
#onder_rechts_blok tr td tr td {
vertical-align: top;
background: none;
}

#onder_rechts_blok tr td tr td img {
margin: 9px 9px 0px 0px;
border: 0px;
}



/*Sifr text */

span.optimal-sifr{
  float:right; 
    text-align:center;
	font-size:18px;
	color:#000000;
}

h2{
	font-size:8px;
	color:#333;
	float:left;
	padding:2px 0 2px 0;
	margin:2px 0 0 2px;
	display:inline;
}

/* Einde sifr text */

/* Editor styles */

.pagina_kop, #page_content_middle h1, .content h1  {
display: block;
margin: 0px 0px 20px 0px;
padding: 3px 0px 10px 0px;
font-size: 14px;
font-weight: bold;
color: #666666;
background: url('images/frameset/imp/kop_border.gif') LEFT BOTTOM repeat-x;
width: 95%;
}

.portal_kopje {
display: block;
margin: 0px 0px 3px 0px;
padding: 5px 0px 0px 0px;
_padding: 15px 0px 0px 0px;
font-size: 14px;
font-weight: bold;
color: #666666;
}

.alinea_heading {
font-size: 11px;
font-weight: bold;
}

/* Einde eidtor styles */

/* Implementation styles */

#maandtextVeld {
display: none;
padding: 5px;
background-color: #FFFFFF;
width: 100%;
border: 1px solid Orange;
}


/* Portal styles */

#portal_footer_left {
float: left;
width: 500px;
height: 40px;
}

#portal_footer_left ul li a {
color: #999999;
text-decoration: none;
}

#portal_footer_left ul li a:hover {
color: #999999;
text-decoration: underline;
}

#portal_footer_right {
float: right;
padding: 1px 0px 0px 16px;
width: 450px;
height: 40px;
}

/* Einde Portal styles */

/* Menu achtergronden */

.page_menu_content_9999 {
margin: -2px 0px 0px 0px;
padding: 0px 0px 0px 17px;
background: url('images/frameset/imp/menuBackgrounds/menuBack_9999.gif');
}

.page_menu_content_538 {
margin: -2px 0px 0px 0px;
padding: 0px 0px 0px 17px;
background: url('images/frameset/imp/menuBackgrounds/menuBack_538.gif');
}

.page_menu_content_539 {
margin: -2px 0px 0px 0px;
padding: 0px 0px 0px 17px;
background: url('images/frameset/imp/menuBackgrounds/menuBack_539.gif');
}

.page_menu_content_540 {
margin: -2px 0px 0px 0px;
padding: 0px 0px 0px 17px;
background: url('images/frameset/imp/menuBackgrounds/menuBack_540.gif');
}

.page_menu_content_541 {
margin: -2px 0px 0px 0px;
padding: 0px 0px 0px 17px;
background: url('images/frameset/imp/menuBackgrounds/menuBack_541.gif');
}


/* Einde menu achtergronden */

/*Menu mouseovers */

.menu542 {
padding: 2px 0px 2px 0px;
color: #FFFFFF;
}

.menuactive542 {
padding: 2px 0px 2px 0px;
background-color: #FFFFFF;
color: #F27900;
}

.menuhover542 {
padding: 2px 0px 2px 0px;
background-color: #FFFFFF;
color: #F27900;
}

.menu543 {
padding: 2px 0px 2px 0px;
color: #FFFFFF;
}

.menuactive543 {
padding: 2px 0px 2px 0px;
background-color: #FFFFFF;
color: #F27900;
}

.menuhover543 {
padding: 2px 0px 2px 0px;
background-color: #FFFFFF;
color: #F27900;
}


/* Einde menu mouseovers */

#page_body_wrapper {
position: relative;
margin: 0px;
padding: 0px;
width: 100%;
text-align: center;
z-index: 146;
}

#page_wrapper {
position: relative;
margin: 0 auto;
padding: 0px;
width: 981px;
text-align: left;
z-index: 147;
}

#page_header {
position: relative;
width: 981px;
height: 101px;
background-image: url('images/frameset/imp/page_header.gif');
z-index: 148;
}

#page_header img {
float: left;
margin: 0px 0px 0px 12px;
border: 0px;
}

#page_zoekBox {
float: left;
padding: 9px 0px 0px 0px;
width: 708px;
height: 40px;
text-align: right;
}

#portal_zoekBox {
float: left;
padding: 9px 0px 0px 0px;
width: 665px;
height: 40px;
text-align: right;
}

#page_topMenu {
position: relative;
float: left;
margin: 0px;
padding: 0px 0px 0px 22px;
width: 650px;
height: 61px;
z-index: 149;
}

#portal_topMenu {
position: relative;
float: left;
margin: 0px;
padding: 0px 0px 0px 30px;
width: 640px;
_width: 650px;
height: 61px;
z-index: 149;
}

#content_wrapper {
width: 981px;
background: url('images/frameset/imp/page_content_back.gif');
}

#portal_content_wrapper {
width: 981px;
background: url('images/frameset/imp/page_content_back.gif');
}

#portal_content_wrapper .margins {
display: block;
padding: 0px 0px 0px 1px;
}

#page_menu_box {
float: left;
width: 269px;
}

.page_menu_top {
margin: 0px;
padding: 0px;
}

.page_menu_top img {
margin: 0px;
padding: 0px;
border: 0px;
}

.page_menu_bottom {
margin: 0px;
padding: 0px;
width: 269px;
height: 170px;
}

#page_content_box {
float: left;
width: 712px;
}
#page_content_box2 {
margin: 0 0 0 4px ;
float: left;
width: 712px;
}

#page_content_top {
width: 711px;
height: 26px;
background: url('images/frameset/imp/page_content_top.gif') no-repeat;
}
#page_content_top2 {
width: 975px;
height: 26px;
background: url('images/frameset/imp/page_content_top2.gif') no-repeat;
}

#page_content_top_wide {
width: 711px;
height: 26px;
background: url('images/frameset/imp/page_content_top_wide.gif') no-repeat;
}

#page_content_middle {
padding: 0px 0px 0px 0px;
width: 711px;
min-height: 500px;
_height: 500px;
background: url('images/frameset/imp/page_content_middle.gif') repeat-y;
}

#page_content_middle2 {
padding: 50px 0px 0px 0px;
width: 975px;
min-height: 500px;
_height: 500px;
background: url('images/frameset/imp/page_content_middle2.gif') repeat-y;
}
/*
#page_content_middle p {
padding: 0px 25px 0px 0px;
}
*/

#page_content_middle_wide {
padding: 0px 0px 0px 0px;
width: 711px;
min-height: 500px;
_height: 500px;
background: url('images/frameset/imp/page_content_middle_wide.gif') repeat-y;
}


#page_content_bottom {
width: 711px;
height: 20px;
background: url('images/frameset/imp/page_content_bottom.gif') no-repeat;
}
#page_content_bottom2{
width: 975px;
height: 30px;
background: url('images/frameset/imp/page_content_bottom2.gif') no-repeat;
}

#page_content_bottom_wide {
width: 711px;
height: 20px;
background: url('images/frameset/imp/page_content_bottom_wide.gif') no-repeat;
}

#page_footer {
width: 981px;
height: 42px;
background: url('images/frameset/imp/page_footer_back.gif') no-repeat;
text-align: center;
color: #999999;
}
#page_footer 2{
width: 981px;
height: 42px;
background: url('images/frameset/imp/page_footer_back.gif') no-repeat;
text-align: left;
color: #999999;
}

#page_footer ul {
margin: 0px;
padding: 15px 0px 0px 0px;
list-style: none;
}

#page_footer ul li {
display: inline;
margin: 0px;
padding: 0px;
}

#page_footer ul li a {
color: #999999;
text-decoration: none;
}

#rechterkolom {
margin: -26px 0px 0px 0px;
position: relative;
}

.zoekBox {
margin: 0px 0px 0px 0px;
padding: 3px 5px 0px 7px;
width: 165px;
height: 19px;
background-image: url('images/frameset/imp/page_zoekBox.jpg');
border: 0px;
font-size: 12px;
color: #ABABAD;
}

.zoekButton {
margin: 0px 0px 0px 0px;
padding: 0px;
width: 18px;
height: 19px;
background-image: url('images/frameset/imp/page_zoekButton.jpg');
border: 0px;
}

.page_footer_sep {
padding: 0px 10px 0px 10px;
}

.clear {
clear: both;
}

.margins {
display: block;
padding: 0px 0px 0px 30px;
}
/* End Implementation styles */


/* general styles */

BODY {
    margin:0px;
    background-color : white;
    scrollbar-arrow-color: #F27900;
    scrollbar-track-color:#F4F3F3;
    scrollbar-face-color:#F4F3F3;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-shadow-color:#FFFFFF;
    scrollbar-3dlight-color:#CCCCCC;
    scrollbar-darkshadow-color:#CCCCCC;
    font-family : verdana;
    overflow-x:hidden;
	behavior:url("csshover.htc");
}

.errbig 	{ COLOR: #882200; FONT-FAMILY: verdana; FONT-SIZE: 12pt; font-weight:bold; }
.errorbig 	{ COLOR: #882200; FONT-FAMILY: verdana; FONT-SIZE: 12pt; font-weight:bold; }
.error  	{ COLOR: #882200; FONT-FAMILY: verdana; FONT-SIZE: 8pt; }
.errsmall 	{ COLOR: #882200; FONT-FAMILY: verdana; FONT-SIZE: 8pt;  }

/* link styles */

BODY A:active
{
    COLOR: #F37D07;
      TEXT-DECORATION: underline;
}
BODY A:link
{
    COLOR: #F37D07;
       TEXT-DECORATION: underline;
}
BODY A:visited
{
    COLOR: #F37D07;
        TEXT-DECORATION: underline;
}
BODY A:hover
{
    COLOR: #F37D07;
    TEXT-DECORATION: none;
} 


.label {
    COLOR: #000000;
    FONT-FAMILY: verdana;
    FONT-SIZE: 12px;
    font-weight:none;
}

.caption {
    COLOR: #333333;
    FONT-FAMILY: verdana;
    FONT-SIZE: 12px;
    Font-weight: bold;
}

.content {
    font-family : verdana;
    font-size : 11px;
    color : #666666;
    Text-decoration:none;
    text-weight : normal;
    line-height: 16px;
}

/* Menu styles */

.menumain
{
    padding:3px 0px 3px 0px;
    color:#FFFFFF;
    font-family:verdana;
    font-weight:bold;
    FONT-SIZE:11px;
    cursor:pointer;
}

.menumain td {
border-top: 1px solid #F6A14B;
}

.menumainhover
{
    padding:3px 0px 3px 0px;
    color:#FFFFFF;
    FONT-FAMILY:verdana;
    font-weight:bold;
    FONT-SIZE:11px;
    cursor:pointer;
	background-color: #F59433;
}

.menumainhover td {
border-top: 1px solid #F6A14B;
}

.menumainactive 
{
    padding:3px 0px 3px 0px;
    color:#FFFFFF;
    FONT-FAMILY:verdana;
    font-weight:bold;
    FONT-SIZE:11px;
    cursor:pointer;
	background-color: #F59433;
}

.menumainactive td {
border-top: 1px solid #F6A14B;
}

.menu
{
padding: 2px 0px 2px 0px;
color: #FFFFFF;
}

.menu td {
border-top: 1px solid #F6A14B;
}

.menuhover
{
padding: 2px 0px 2px 0px;
background-color: #FFFFFF;
color: #F27900;
}

.menuhover td {
border-top: 1px solid #F6A14B;
}

.menuactive
{
padding: 2px 0px 2px 0px;
background-color: #FFFFFF;
color: #F27900;
}

.menuactive td {
border-top: 1px solid #F6A14B;
}


/* table styles */

TABLE {
    font-family : verdana;
    font-size : 11px;
}

.tablerow1 {
   color: #333333;
   font-family : verdana ;
   font-size : 11px ;
   cursor : pointer;

}

.tablerow2 {
   color: #333333;
   font-family : verdana ;
   font-size : 11px ;
   cursor : pointer;

} 

.tableselect {
   color: #333333;
   font-family : verdana ;
   font-size : 11px ;
   cursor : hand;
} 

/* form styles */

.box
{
	background: #FFFFFF url('images/frameset/imp/input_back.gif') repeat-x;
    border: 1px solid #DBDCE0;
    COLOR: #666666;
    FONT-FAMILY: verdana;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 1px;
    PADDING-LEFT: 1px;
    PADDING-RIGHT: 1px;
    PADDING-TOP: 1px;
	height: 19px;
}

.radiobutton
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #CCCCCC 1px solid;
    BORDER-LEFT: #CCCCCC 1px solid;
    BORDER-RIGHT: #CCCCCC 1px solid;
    BORDER-TOP: #CCCCCC 1px solid;
    COLOR: #3B414F;
    FONT-FAMILY: verdana;
    FONT-SIZE: 12px;
    HEIGHT: 18px;
    PADDING-BOTTOM: 1px;
    PADDING-LEFT: 1px;
    PADDING-RIGHT: 1px;
    PADDING-TOP: 1px;
}

.boxp
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #333333 1px solid;
    BORDER-LEFT: #333333 1px solid;
    BORDER-RIGHT: #333333 1px solid;
    BORDER-TOP: #333333 1px solid;
    COLOR: #000066;
    FONT-FAMILY: verdana;
    FONT-SIZE: 11px;
    HEIGHT: 18px;
    PADDING-BOTTOM: 1px;
    PADDING-LEFT: 1px;
    PADDING-RIGHT: 1px;
    PADDING-TOP: 1px;
}

.radiobuttonp
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #CCCCCC 1px solid;
    BORDER-LEFT: #CCCCCC 1px solid;
    BORDER-RIGHT: #CCCCCC 1px solid;
    BORDER-TOP: #CCCCCC 1px solid;
    COLOR: #3B414F;
    FONT-FAMILY: verdana;
    FONT-SIZE: 12px;
    HEIGHT: 18px;
    PADDING-BOTTOM: 1px;
    PADDING-LEFT: 1px;
    PADDING-RIGHT: 1px;
    PADDING-TOP: 1px;
}

.knop
{
    border: 1px solid #DBDCE0;
    BACKGROUND: #F58515 url('images/frameset/imp/submit_back.gif') repeat-x;
    FONT-SIZE: 11px;
	/*height: 19px;*/
    FONT-weight: bold;
    COLOR: #ffffff;
}

radio.radiobutton
{
    BACKGROUND-COLOR: #3B414F;
}

TEXTAREA
{
    BACKGROUND-COLOR: #dEe3eE;
    BORDER-BOTTOM: #CCCCCC 1px solid;
    BORDER-LEFT: #CCCCCC 1px solid;
    BORDER-RIGHT: #CCCCCC 1px solid;
    BORDER-TOP: #CCCCCC1px solid;
    COLOR: #FFFFFF;
    FONT-FAMILY: verdana;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px
}

/* crumblepath */

.path {
color: #F27C05;
font-size: 9px;
}

A.path:active {
	color: #F27C05;
}
A.path:link {
	color: #F27C05;
	text-decoration: none;
	font-size: 10px;
}
A.path:visited {
	color: #F27C05;
	text-decoration: none;
	font-size: 10px;
}

A.path:hover {
	color: #F27C05;
	text-decoration: underline;
	font-size: 10px;
} 

.path_end {
	color: #F27C05;
	font-weight:bold;
	font-size: 10px;
}

/* sitemap */

.sitemap1 {
  FONT-FAMILY: verdana;
  font-size:11px;
  height:15;

}

.sitemap2 {
  FONT-FAMILY: verdana;
  font-size:11px;
  font-weight:bold;
  height:15;
  color: #F48210;
}

.row {
  FONT-FAMILY: verdana;
  font-size:8pt;
  cursor:hand;
  height:15;
} 
.link_offerte{
	margin: 0 0 0 40px;
}

 /* overzicht alle winkels */


.franchiselijst {
   line-height:16px;
   width: 100%;
   padding-right:10px;
   margin-bottom:5px;
}


/* Nieuwe opmaak portal pagina */
.cv-block {
	margin: 0 0 0 -5px;
	height: 151px;
}
.cv-block .cv-block-left {
	float: left;
	width: 454px;
}
.cv-block .cv-block-left img {
	float: left;
	margin: 0 !important;
	margin-left: 3px!important;
	padding: 0 !important;
	border: 0;
}
.cv-block .cv-block-right {
	float: left;	
	margin-left: 5px;
	width: 186px;
	overflow: hidden;
	text-align: left;
}
.cv-block .productgroepen {
	list-style: none;
	margin: 0 !important;
	padding: 0;
	text-align: left;
}
.cv-block .productgroepen li {
	margin: 0;
	padding: 0 !important;
	text-align: left;
}
.cv-block .productgroepen h5 {
	margin: 0;
	padding: 0;
	background: url('images/cv-block-h3.jpg') 0 0 no-repeat;
	width: 186px;
	height: 29px;
	text-indent: -9999px;
}
.cv-block .productgroepen a {
	
}
.cv-block .productgroepen a.button {
	display: block;
	margin-bottom: 2px;
	width: 186px;
	height: 29px;
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.cv-block .productgroepen a.verwarming {
	background-image: url('images/cv-block-verwarming.jpg');
}
.cv-block .productgroepen a.sanitair {
	background-image: url('images/cv-block-sanitair.jpg');
}
.cv-block .productgroepen a.elektra {
	background-image: url('images/cv-block-elektra.jpg');
}
.cv-block .productgroepen a.klimaat {
	background-image: url('images/cv-block-klimaat.jpg');
}
.cv-block .productgroepen a:hover {
	background-position: 0 -30px;
}

/* Verkoopformulier */
#verkoop-box2 {
	display: none;
}
.product_omschrijving {
	line-height: 20px !important;
}
#product_img {
	width: 125px !important;
}
.verkoop-overzicht {
	margin: 0;
	padding: 10px 0;
	list-style: none;
	border: 1px solid #999;
	width: 467px;
	background: #ddd;
}
.verkoop-overzicht li {
	clear: both;
	margin-left: 10px;
}
.verkoop-overzicht li span {
	float: left;
	display: block;
	width: 175px;
}
.verkoop-overzicht li div {
	float: left;
}
.errorbox {
	font-size: 11px;
}

/* CV Ketel overzicht */
.shop-subtitle {
	font-size: 15px;
	font-weight: normal;
	color: #666;
}
.shop-overzicht {
	margin-bottom: 10px;
	border-collapse: collapse;
	background: #fff;
	border-bottom: 1px solid #f4dbc2;
}
.shop-overzicht td.left{
	border-left: 1px solid #f4dbc2;
}
.shop-overzicht td.right {
	border-right: 1px solid #f4dbc2;
	background: none;	
}
.shop-overzicht th {
	height: 28px;
	line-height: 28px;
	border: 1px solid #f48d24;
	color: #000;
}
.shop-overzicht tbody td {
	padding: 5px 1px 10px 0;
	text-align: center;
	background: url('images/shop-td-back.gif') 100% 0 no-repeat;;
}
.shop-overzicht tbody td .btn-shop-bestellen {
	margin: 0 auto;
	display: block;
	width: 104px;
	height: 28px;
	line-height: 28px;
	color: #fff !important;
	border: 0;
	background: url('images/btn-shop-bestellen.gif') 0 0 no-repeat;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none !important;
}
.shop-overzicht tbody td .btn-shop-bestellen:hover {
	background-position: 0 100%;
}
.shop-overzicht tfoot td {
	text-align: left;
	border-right: 1px solid #f4dbc2;
}
.shop-overzicht tfoot ul {
	margin: 15px;
	padding: 0;
	list-style: none;
	font-size: 10px;
}
.shop-overzicht tfoot ul li {
	margin-bottom: 15px;
}


/* Nieuwe formulieren */
.new-form {
	position: absolute;
	left: 280px;
	top: 114px;
	width: 515px;
	background: #fff;	
}
.new-headerbg {
	background: #f5f5f5;
	width: 510px;
	padding: 2px;
	background-image:url('/content/images/form-step-2-of-3.gif');
	background-position: 98% 0;
	background-repeat: no-repeat;
}
.new-headerbg2 {
	background: #f5f5f5;
	width: 510px;
	padding: 2px;
	background-image:url('/content/images/form-step-3-of-3.gif');
	background-position: 98% 0;
	background-repeat: no-repeat;
}

.new-form .formfields  table td.short-field input {
	width: 122px !important;
}
.new-form .formfields  table td.middle-field input {
	width: 165px !important;
}
.new-form .formfields  table td.long-field input {
	width: 415px !important;
}

.new-form h5 {
	font-size: 125%;
}

.new-form h6 {
	font-size: 135%;
	margin: 0;
	line-height: 10px;
	color: 1b3a6d;	
}

.btn-submit  input.knop {
	background: #8cc7e9;
	color: #fff;
	font-size: 11px;
	border: 0;
	padding: 3px;
}
