*{
	margin: 0;
	padding: 0;
}



html, body{
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	height: 100%;
}


/* -- General settings */

h1, h2.alternateH1{
	font-size: 20px;
}

h2{
	font-size: 12px;
}

h3{
	font-size: 18px;
}

p{
	margin: 6px 0;
}

ul{
	margin: 0 0 0 40px;
}

.ie_fix {}

.column1{
 	background-image: url(/App_Themes/Default/Images/middleLine.gif);
	background-position: right 160px;
	background-repeat: no-repeat;
}

.column1 div{
	width: 169px;
}

.column2 div{
	float: left;
}

#colwrapper{
	background-image: url(/App_Themes/Default/Images/bgMain.gif);
	background-repeat: no-repeat;
	height: 100%;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	width: 780px;
}

#column1{
	height: 500px;
	float: left;	
	margin: 0 0 0 1px;
	width: 189px;
}

#column2{
	width: 588px;
	float: left;	
}

#column2 #contentRegion{
	margin: 0;
	padding: 0;
}


/* -- Company List --*/
.resultButtonContainerTop, 
.resultButtonContainerBottom, 
.bgContentMiddle #companyInfoButtonContainerBottom #companyInfoButtonBottom
{
	clear: both;
	height: 79px;
	margin: 10px 0 18px 8px;
	padding: 0;
	text-align: left;
}

#resultButtonTop, 
#resultButtonBottom, 
#companyInfoButtonBottom 
{
	width: auto;
	float: left;
	padding: 28px 0 0;
	text-align: center;
	width: 299px;
	height: 74px;
	vertical-align: middle;
}


#resultButtonTop a, 
#resultButtonBottom a, 
#companyInfoButtonBottom a 
{
	font-weight: bold;
}


#resultButtonTop a:hover, 
#resultButtonBottom a:hover, 
#companyInfoButtonBottom a:hover 
{
	text-decoration: none;
}

.result{
	margin: 5px 0;
	width: 558px;
}

.result a{
	font-size: 10px;
}

.resultCheckContainer {
	float: left;
	height: 49px;
	text-align: center;
	width: 29px;
}

.resultCheckContainer input {
	margin: 16px 0 0 3px;
}

.resultStippelContainer {
	float: left;
	height: 49px;
	width: 7px;
}

.resultTxtContainer {
	font-weight: bold;
	margin: 10px 0 0 10px;
	width: 500px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
}

.resultTxtContainer img{
	float: right;
	border:1px solid #ccc;
}


.companyNameTitle {
	font-size: 14px;
	font-weight: bold;
}

#resultBottomContent{
	width: 568px;
}	


/* -- LeadForm settings -- */

.formTxt {
	width: 180px;
}

/*
form div.controlsTable tr td
{
	padding-top: 3px;
}
*/

/*----- Mainpage -----*/
#colwrapper{
	display: table;
}


#defaultmama_area1{
	text-align: left;
	display: table;
	width: 189px;
}

#defaultmama_area2{
	width: 188px;
	margin: 7px 0 0;
	padding: 70px 0 0;
	text-align: right;
	border-right: 1px solid #D5D6D8;
}

#defaultmama_area3, #companylist_area2{
	width: 188px;
	margin: 20px 0 0;
}

#defaultmama_area4{
	margin: 20px 0 0;
	text-align: right;
}

#defaultmama_area5{
	width: 188px;
	margin: 20px 0 0;
}

#defaultmama_area6{
	margin: 10px 0 0 4px;
	width: 169px;
	text-align: right;
}

#defaultmama_area7{
	margin: 0;
	padding: 0;
	margin: 49px 0 0 0;
	padding: 0 10px;
	width: 568px;
}

#defaultmama_area8{
	width: 568px;
	padding: 0 0 0 10px;
}


#defaultmama_area10{
	height: 72px;
	margin: 10px 0 0;
	padding: 0;
	width: 588px;
}

#defaultmama_area11{
	margin: 0px;
	padding: 20px 10px 10px;
	width: 569px;
	min-height: 22px
}


#defaultmama_area12{
	margin: 25px 0 0;
	padding: 0 0 6px;
	text-align: center;
	font-weight: bold;
	width: 588px;
}


#defaultmama_area12 a{
	font-weight: bold;
	text-decoration: none;
}


#defaultmama_area13{
	width: 568px;
	margin: 10px 0;
	padding: 0 10px;
}



/* ---- defaultmama area pc placeholders----*/

#defaultmama_area4_pc{
	margin: 0;
	/*padding: 20px 0 0;*/
	width: 186px;
	text-align: right;
}


/* ---- index area----*/

#index_area1{
	padding: 0 10px;
	width: 568px;
}



#index_area1 div {
	margin: 0;
	padding: 0;
}


#index_area2{
	width: 200px;
	margin: 10px 0 0;
	padding: 0 0 0 10px;
}


#index_area3{
	float: left;
	width: 368px;
	margin: 10px 0 0;
	padding: 0 10px 0 0;
}

#index_area4{
	margin: 10px 0 0;
	padding: 0 10px;
	width: 568px;
}


#index_area4 div{
	float: left;
	width: auto;
	margin: 0px;
}

#index_area5{
	margin: 10px 0 0;
	padding: 0 10px;
	width: 568px;
}


#index_area8{
	margin: 10px 0 0;
	padding: 0 10px;
	width: 568px;
}

/* ---- index area pc placeholders----*/

#index_area2_pc, #index_area2_pc div{
	margin: 0px;
	padding: 0px;
	width: auto;
}

#index_area3_pc{
	margin: 0px;
	width: 100%;
	text-align: center;
}

#index_area3_pc div{
	width: auto;
}

#index_area5_pc {
	padding: 5px 0;
}


#index_area6_pc{
	margin: 0px;
	padding: 0px;
	width: auto;
}


#index_area7_pc, #companylist_area3_pc, #leadrequest_area1_pc, #companyview_area4_pc{
	width: 186px;
}

/* -- Default Content Areas --*/

#pageHeader{
	margin: 0 0 0 10px;
}

#contentEditLinks{
	width: auto;

}

.ContentPageText{
	margin: 10px 0 10px 10px;
}

.ContentPageText div{
	float: none;
	/* margin: 0 0 20px; */
}

.ContentPageText p{
	margin-top: 15px;
	padding: auto;
}

.ContentPageText label{
	margin: 0 0 0 10px;
}

.ContentPageText a:hover{
	text-decoration: none;
}

.ContentPageText a
{
    text-decoration: none;
}

#ContentPageContractText{
	width: 540px;
	height: 400px;
	overflow-x: hidden;
	overflow-y: scroll;
	padding-right: 30px;
}

p.DownloadLink{
	margin: 20px 0 0 23px;
}

.ContentPageText #contentText h3{
	margin: 10px 0;
}

.ContentPageText #contentText{
	padding: 10px 10px 10px 0px;
}

#ContentPageText{
	margin: 10px 0 10px 10px;
	width: 568px;
}

span.bold{
	font-weight: bold;
}

#contentText ul, #contentText ol {
	margin: 10px 0 10px 40px;
	list-style-type: disc;
}

#listContainer ul li{
	margin: 5px 0px;
	font-weight:bold;
}

#listContainer ul li ul{
	margin: 0px 0 0 20px;
	padding: 0;
}

#mainTxtSitemap ul li ul li{
	margin: 0px;
}


#listContainer ul li a{
	text-decoration:none;
}

#listContainer ul a:hover{
	text-decoration:underline;
}


#mainSiteMapNestedList, #mainSiteMapNestedList ul{
	list-style-type: none;	
}

#mainSiteMapNestedList a, #mainSiteMapNestedList ul li a{
	color: #000000;
}

span.heading1{
	font-weight: bold;
}

span.heading1 a img{
	border: 0px solid;
	text-align: center;

}


/* ---- CompanyList area ---*/

div#companylist_area4{
	margin: 0 0 0 10px;
}


div#companylist_area4_pc{

}

#companylist_area1{
	margin: 0px;
	padding: 0px 10px 10px;
	width: 568px;
}


#companylist_area1_pc{
	width: 568px;
}

#companylist_area3{
	padding: 0;
	width: 568px;
}


/* -- CompanyInfo -- */

.companyResult {
	margin: 0 0 0 20px;
	width: 549px;
}

.companyResult img{
	border: 1px solid #000000;
	margin: 5px 0;
}



/*----- Control options -----*/
/* -- Participate -- */

#Participate_pc div{
	width: auto;
	text-align: center;
}



/* -- Header -- */

#mainPhotoRight {
	margin: 0;
	padding: 54px 0 0;
	width: 589px;
}

#mainPhotoRight div {
	margin: 0;
	padding: 0;
	width: auto;
	float: left;	
}

#mainPhotoRight div#iconHomeMiddle{
	display: block;
	float: left;
	height: 15px; 
	padding: 3px 0 0 5px;
}



/* -- StepControl -- */

#StepsControl{
	margin: 0 0 0 7px;

}

#StepsControl div{
	padding: 2px 0 0;
	text-align: right;
	float: left;
}

.step img{
	float: right;
}

.step span{
	width: 148px;
	float: left;
}

.stepSubcontentSpacer{
	background-position: right center;
	display: table;
	height: 5px;
}

.stepSelected {
	font-weight: bold;
}

.stepNonSelected {
	float: right;
	font-weight: bold;
}

.stepDefined{
	font-size: 11px;
	font-weight: bold;
}


.stepSubcontent span span.stepDefined{
	width: 138px;
	margin: 3px 0 0;
	font-weight: normal;
	font-size: 11px;
	padding: 0 10px 0 0;

}

.stepSubcontent span
{
	font-size: 11px;
	width: 148px;
	float: left;
}


div.stepSubcontent span.stepDefinedCompanies{
	float: none;
}

div#spacer{
	background-color: #FFF;
	float: none;
	clear: both;
}

/* -- PathList -- */

#PathList{
	width: 180px;
}

#PathList ul{
	margin: 0 0 0 20px;
}

/* -- Footer -- */

#footer{
	float: none;
	width: 588px;
	text-align: center;
}	


/* -- PostalCode -- */
#PostalCodeSearch div{
	float: none;
}

#PostalCodeSearch #postalCodeInput{
	float: left;
	width: 173px;
	height: 70px;
	padding: 40px 0 0 20px;
}

#PostalCodeSearch #postalCodeInput input{
	font-size: 18px;
	width:  160px;
	border: 1px solid #000;	
}

#PostalCodeSearch #submit{
	float: left;
	width: 46px;
	height: 40px;
	padding: 35px 32px;
}

#PostalCodeSearch #submit a{
	vertical-align: middle;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	display: block;
}
	

#PostalCodeSearch #submit a:Hover{
	text-decoration: none;
}

/* -- PageNotFound -- */

table#PageNotFoundTable{
	margin: 0 0 0 10px;
}


/* -- SiteMap Settings -- */

#mainTxtSitemap ul li{
	list-style-type: none;
}

#mainTxtSitemap ul li a{
	color:#333333;
}

#mainTxtSitemap ul a:hover{
	color:#333333;
}

/* --- ParticipateForm --- */
#joinFormStepOne textarea, #joinFormStepTwo textarea, #joinFormStepOne input, #joinFormStepTwo input, #joinFormStepOne select, #joinFormStepTwo select {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	background-color: #F7F6F6;
	border: 1px solid #B7B7B7;
	margin: 0 5px;
}

#joinFormStepOne select, #joinFormStepTwo select {
	width: 202px;
}

#joinFormStepTwo .formResult{
	margin: 0 5px;
}

#contentText{
	padding: 10px 0;
}

.floatleft{
	float: left;
}

#joinFormStepOne, #joinFormStepTwo
{
	width: 500px;
}


/*
PDJ: De onderstaande hack mag NEVER NOOIT meer gebuikt worden...
Eerst maar eens zien te achterhalen waar deze velden voor zijn... voordat ik alles weg verwijder.
Daarbij, dit zijn LayStyling, ipv positionering, en zal dus in de stylemama_default meegenomen moet worden.

#form input[type="text"], #form input[type="password"]
{
    border: solid 1px #A6A6A6;
    height: 16px;
    padding-top: 2px;
    font-size: 12px;
}

#form textarea, #form select
{
    margin-top: 5px;
    border: solid 1px #A6A6A6;
    padding: 2px 2px 2px 2px;
    font-size: 12px;
}
*/


#form label
{
	font-size: 12px;
}

#resultsTopContent
{
	width: 579px;
}

.pathTreeView table
{
	display: table;
	clear: both;	
}

#miscButtonBottom, #miscButtonBottom a
{
	text-align: center;
	padding-top: 14px;
	font-weight: bold;
	width: 300px;
	height: 76px;
	display: block;
	color: #FFF;
	font-size: 18px;
	text-decoration: none;
}


/*--- For the Edit stylesheet---*/
#editContainer{
	font-family: tahoma;
	font-size: 11px;
	background-color: #E6E6E6;
	border-bottom: 1px solid #000;
	width: 100%;
	height: 26px;
	text-align: right;
}

#editContainer a{
	padding: 0 5px 0 0;
}

#editContainer select{
	font-family: tahoma;
	font-size: 11px;
	margin: 3px 0 0;
	width: 75px;
}

#editContainer input{
	font-family: tahoma;
	font-size: 11px;
	margin: 3px 5px 0;
	padding: 2px;
	background-image: url(/App_Themes/Default/Images/top_verloop.gif);
	background-position: 0 1px;
	border: 1px solid #FF0000;
	cursor: pointer;
}

fieldset{
	border: 1px solid #767676;
}

legend.legend_pc{
	border: 1px solid #FF0000;
	background-color: #FFF;
}

legend.legend_pc img{
	margin: 3px 5px;
}

legend.legend_pc a{
	color: red;
	display: block;
}

#GreyBackground{
	background-image: url(/App_Themes/Default/Images/transBackground.png);
	z-index: 99;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

#GreyBackground div{
	float: none;
}

#EditControl{
	margin: 100px auto 0;
	background-color: #FFF;
	border: 1px solid #000;
	z-index: 100;
	padding: 10px;
	width: 680px;
}

#EditControl.LoginWindow{
	margin: 100px auto 0;
	background-color: #FFF;
	border: 1px solid #000;
	z-index: 100;
	padding: 20px;
	width: 230px;
	font-weight: bold;
}

#EditControl.LoginWindow tr td{
	padding: 5px 0;
}

#EditControl h2{
	color: #000;
	float: left;
}


#EditControl .left{
	padding: 3px 0;
	width: 240px;
	float: left;
}

#EditControl .right{
	padding: 0 0 3px;
	width: 440px;
	float: right;
}

#EditControl #ReferenceName .right{
	padding: 3px 0;	
}

#EditControl #ReferenceName div{
	margin: 0 0 10px;
}


#EditControl #ActionControls{
	clear: both;
	bottom: 0px;
	padding: 3px;
	right: 0px;
	text-align: right;
}

#EditControl textarea{
	margin: 10px 0;
	padding: 0 0 3px;
	width: 440px;
	float: right;
	height: 100px;
}

#EditControl select.FixedResourcesListBox{
	margin: 10px 0 0;
	padding: 0 0 3px;
	width: 440px;
	float: right;
}


#EditControl ul{
	margin: 0;
	padding: 0 0 3px;
	width: 440px;
	float: right;
}

#EditControl ul li{
	margin: 0 0 10px;
	list-style-type: none;
}


#EditControl ul li div.label{
	font-weight: bold;
	width: 100px;
	float: left;
}

#EditControl ul li div.listOption{
	width: 340px;
	float: right;
}

#EditControl #EditViewData
{
	margin-left:10px;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
	border:solid 1px black;
}

#LoginWindow{
	text-align: center;
}

#LoginWindow .LoginTable{
	width: 100%;
}

#LoginWindow .cancelLogin{
	float: right;
}

/* --- Editor view--- */
#ContentEditorContainer{
	margin: 20px auto;
	width: 605px;
	height: 485px;
	border: 1px solid #000;
	background-color: #FFF;
}

#ContentEditorContainer #ContentEditor{
	margin: 20px;
}

#ContentEditorContainer #ContentEditor select{
	width: 200px;
}

#ContentEditorContainer #TriggerContainer{
	margin: 10px 0 0 0;
	float: right;
	text-align: right;
	width: 250px;
}

#ContentEditorContainer #SiteSpecific{
	margin: 10px 0 0 0;
	float: left;	
}

#GreyBackground div#freeTextBoxEditor{
	/*position: relative;*/
}

#GreyBackground div#possiblePlaceHolders	{
	/*float: left;*/
	position: absolute;
	padding: 10px 10px 10px 15px;
	border: 1px solid #000;
	background-color: #FFF;
	margin: 0 0 0 585px;
	width: 200px;
	height: 425px;
	background-image: url(/App_Themes/Default/Images/gradientPlaceHolders.gif);
	background-repeat: repeat-y;
}

#possiblePlaceHolders table{
	width: 100%;
	border-color: #A1A1A1;
	border-style: dotted;
}

#possiblePlaceHolders table td{
	font-style: italic;
	padding: 2px;
}

#postalcode_container
{
	clear: left;
	float: left;
}

#PostalCodeSearchOnePage input, #PostalCodeSearchOnePage select
{
	width: 300px !important;
}

.questionAnswer
{
	clear: left;
	float: left;
	margin-top: 10px !important;
}

#PostalCodeSearchOnePage #submit
{
	margin-top: 10px;
	clear: left;
	float: left;
}

#PostalCodeSearchOnePage #submit a
{
	background-image: url(/App_Themes/EnergySuppliers/Images/submitButton.gif);
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	width: 300px;
	height: 36px;
	display: block;
	text-decoration: none;
	padding-top: 10px;
	text-align: center;
}

#leadrequest_area4_pc
{
	margin-top: 30px;
}

#leadrequest_area1_pc
{
	margin-top: 30px;
}

#pathListColumns
{
    width: 570px;
}

#PostalCodeSearchMiddle #buttonMiddle input
{
	background: transparent;
	border: 0px;
	color: #FFF;
	font-weight: bold;
}

/* BUTTON STYLING */

#submitLink {
	padding: 28px 0;
}




#participateLeft, #participateRight {
    float: left !important;
    margin-left: 10px !important;
    width: 98% !important;
}

#CallUsNow
{
  width:100% !important;
      padding-bottom:10px !important;}
  
  
#CallUsNow h3 {
    font-size: 32x !important;
    margin-right: 160px !important;
    padding-top:5px !important;
}  


#CallUsNow p {
    margin-left: 90px !important;
    width: 213px !important;
}
#contentText {
    padding: 10px;
}

#joinFormStepOne, #joinFormStepTwo {
    width:538px !important;
}


#participateRight #ContentPageText {
    margin: 0;
    width: auto;
}

#participateSlider {
    padding-left: 10px;
}

#joinFormStepOne #submitLink, #joinFormStepTwo #submitLink {
    margin-left: 115px !important;
    background-image: url("/App_Themes/Default/Images/Participate/button_grey.gif");
}

.contentLeft, .contentRight, .contentBox
{
  max-width:100% !important;}
  
#participateSlider, #vtabs1, .vtabs-tab-column, .vtabs-content-column, .vtabs-content-panel, .contentBox, .contentLeft, .contentRight
{
  float:none !important;}
  
  
  #participateLeft h1 {
    padding-top:0 !important;
}
  
  #joinFormStepOne textarea, #joinFormStepTwo textarea, #joinFormStepOne input, #joinFormStepTwo input, #joinFormStepOne select, #joinFormStepTwo select {
    background-color: #fff;
}

.contentRight img
{
  width:49% !important;}
  
    html>body #CallUsNow p {
     *margin-top:0px;
     *width:270px;
     *margin-left:55px;
}

    html>body #CallUsNow {
     *clear:both;
}


    html>body #CallUsNow h3 {
     *margin-left:60px;
}
  html>body #joinFormStepOne #submitLink input {
     *margin-left:-120px;
}

  html>body #joinFormStepTwo #submitLink input {
     *margin-left:-120px;
}


/* css voor mobile weergave Click-to-call button */

    .click_button{
            display:none;
}

  @media only screen and (max-width: 480px){


.noClick_button{display:none;}
.click_button{display:inline-block;}

}

@media only screen and (max-device-width: 480px){


.noClick_button{display:none;}
.click_button{display:inline-block;}

}
