﻿/* --------------------------------------- Styling voor de elementen ---------------------------------- */

/* --------------------------------------- Links/rechts layout ---------------------------------- */

.wieiswiecellcontainer
{

  float:left;
  background-image:url('../images/weller/wiwBack.jpg');
  background-repeat:no-repeat;
}

.voorbeeldwoningcellcontainer
{

  float:left;
  background-image:url('../images/weller/vbwBack.gif');
  background-repeat:no-repeat;
}


.ecardwrapper
{
    margin-left :325px;    
}

.ecardwrapper2
{
    margin-left :20px;    
}

.ecardtext
{
    font-size:14px;
    font-weight:bold;
        
}

.smallerinterlinie
{
 line-height:16px;  
}

.wiwTeksten
{
  position:absolute;
  margin-left: 95px;
  width :190px;
  padding-top: 10px;
  
}

.ecardthumb
{
 width:200px;
 height:100px;
 float:left;
 border:solid 1px rgb(255,255,255);   
}


.wiwfoto
{
  position:absolute;
  float:left;
  margin-left: 1px;
  margin-top: 1px;
}

/* ----------------------------------------- */

.vbwTeksten
{
  position:absolute;
  margin-left: 1px;
  margin-top: 1px;
  width :280px;
  padding-top: 7px;
  padding-left: 8px;
  height: 28px;
  width:282px;
  background-color:rgb(198, 187, 37);
  color:White;
}

.vbwfoto
{
  position:absolute;
  float:left;
  margin-left: 1px;
  margin-top: 1px;
  overflow:hidden;
  width: 290px;
  height: 158px;
}

.vbwTekstRollover
{
  position:absolute;
  margin-left: 1px;
  margin-top: 124px;
  width :280px;
  padding-top: 7px;
  padding-left: 8px;
  height: 28px;
  width:282px;
  background-color:rgb(130, 16, 131);
  color:White;
  filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;
}

.kaartgrootcont
{
 background-image:url('../images/weller/kaartgrootback.gif');
  background-repeat:no-repeat;
border: solid 0px;
width:633px;height:420px;
float:left;
}

.kaartgrootcont2
{


    border: solid 2px rgb(198, 187, 37);
    width:600px;
    float:left;
}

.pnlvind
{
 border:solid 1px rgb(255,255,255);  
}


.backgroen
{
    margin-left:320px;
    width:500px;
    background-color:rgb(198,187, 37);   
}
.backpaars
{
    margin-left:320px;
    width:500px;
    background-color:rgb(132,16,133);   
}

.backlichtgroen
{
    margin-left:320px;
    width:500px;
    background-color:rgb(235,223,54);   
}
.backlichtpaars
{
    margin-left:320px;
    width:500px;
    background-color:rgb(209,75,211);   
}



#contentRechts
{
    /**/
    float:left;
    width:460px;

    
}

#contentLinksKL
{
  float:left;
  margin-left:25px;
  
  width:270px;
  }

#contentRechtsKL
{
  
  width:460px;
  margin-left:340px;
 
  margin-top: 0px;
}

.ballonKL
{
 width:455px;
 float:left;
 margin-left:0px;
 background-image:url('../images/weller/ballon/ballon_streeprechts.gif');
 background-position:right top;
 background-repeat:repeat-y;

}

#contentRechtskop
{
    /*background-color:blue;*/
    float:left;
    width:616px;
   padding-top:20px;
   
    /*position:relative;*/

    /*
min-height:50px;
height: 80px;
*/
    
}

#contentLinkskop
{
  height: 80px;
  line-height: 90px;
  float:left;
  width:344px;

}

#contentRechtstekst
{
  float:left;
  width:460px;
 
}

#contentLinks
{
  /*background-color:yellow;*/
  float:left;
  /*width:341px;
  height: 60px;*/
  width:340px;
  
  /*min-height:100px;*/
  /*position:relative;*/ 
}

#contentLinkslink
{
  float: left;
  width: 340px;
  height: 5px;

}

#afbeeldinglinks
{
  width: 320px;
  float: left;
}


#afbeeldingrechts
{
  width: 640px;
  float:left;
}

/* --------------------------------------- Ballon element ---------------------------------- */
.ballon
{
 width:303px;
 float:right;
 margin-right:17px;
 background-image:url('../images/weller/ballon/ballon_streeprechts.gif');
 background-position:right top;
 background-repeat:repeat-y;


}

.ballontekst
{
    background-color:rgb(132,16,133);
    float:left;
    width:259px;
    text-align:left;
    color:White;
    /*
    background-color:rgb(192,177,0);
    border:solid 1px black;

    min-height: 500px;  height: auto !important;  height: 500px;*/
    min-height:40px; height: auto !important;  height: 40px;
    padding: 10px;
    font-weight: normal;

}

.ballontekstKL
{
    background-color:rgb(132,16,133);
    float:left;
    width:411px;
    text-align:left;
    color:White;
    /*
    background-color:rgb(192,177,0);
    border:solid 1px black;*/
    min-height:40px;
    padding: 10px;
    font-weight: normal;

}

.ballonhoekrechts
{
    /*border: solid 1px black; */
    background-image:url('../images/weller/ballon/ballon_hoekrechts_groen.gif');    
    background-repeat:no-repeat;
    width:24px;
    height:40px;
    float:right;
}

.ballononder
{
    background-image:url('../images/weller/ballon/ballon_onder_groen.gif'); 
    background-repeat:no-repeat;
    clear:both;
    width:303px;
    height:15px;
 
   
}

.ballononderKL
{
    background-image:url('../images/weller/ballon/ballon_onder_gr_breed.gif'); 
    background-repeat:no-repeat;
    width:450px;
    height:15px;
    clear:both;
}

/* -------------------------------------- ballon op subhomepage ---------------------*/

#subhomeshadowonder
{
    background-image:url("../images/weller/homeballonshadowonder.png"); 
    background-repeat:no-repeat;

}

#subhometekstcontainer
{
    background-image:url("../images/weller/homeballonshadowright.png"); 
    background-position:right top;
    background-repeat:no-repeat;

}

/* --------------------------------------- Plattetekst element ---------------------------------- */

.platteTekst
{
    color: rgb(66,8,66);
    text-align: left;
    font-weight: normal;
  
}

.paars
{
   color: rgb(66,8,66);
}

.groen
{
   color: rgb(171,157,27);
}

.zwart
{
  color: rgb(0,0,0);
}
.wit
{
   color: rgb(255,255,255);
}

.onderschrift
{
    color: rgb(66,8,66);
    text-align: left;
    font-weight: normal;
    font-size : 10px;
    /*padding-top:10px;*/
}


/* ---------------------------- Plattetekst element met achtergrond kleur ----------------------- */


.platteTekstPaarsLWrapper
{
    
    background-image:url('../images/weller/platteTekstMetKleur/middenpaarsgroen.gif');
    background-repeat:repeat-y;
    float:left;
    width:960px;
    
}

.platteTekstGroenLWrapper
{
    background-image:url('../images/weller/platteTekstMetKleur/middengroenpaars.gif');
    background-repeat:repeat-y;
    float:left; 
    width:960px;
    
}


.platteTekstPaarsL
{
    background-color:rgb(132,16,133);
    float:left;
    width:280px;
    text-align:left;
    color:White;
    /*border:solid 1px black;*/
    min-height:44px;
    padding:10px;
    font-weight: normal;
    padding-bottom:10px;
    padding-left:30px;
    padding-top:10px;
    text-align:left;
    width:245px;
   
}

.platteTekstGroenL
{
    background-color:rgb(207,210,71);
    float:left;
    width:280px;
    text-align:left;
    color:rgb(66,8,66);
    /*border:solid 1px black;*/
    min-height:44px;
    padding:10px;
    font-weight: normal;
    padding-bottom :10px;
    padding-left:30px;
    padding-top:10px;
    text-align:left;
    width:245px;
}


.platteTekstHoekGroen
{
    /*border: solid 1px black; */
    background-image:url('../images/weller/platteTekstMetKleur/hoekgroen.gif');    
    background-position:right top;
    background-repeat:no-repeat;
    width:44px;
    height:43px;
    float:right;
    margin-right:-4px;
}

.platteTekstHoekPaars
{
    /*border: solid 1px black; */
    background-image:url('../images/weller/platteTekstMetKleur/hoekpaars.gif');    
    background-position:right top;
    background-repeat:no-repeat;
    width:44px;
    height:43px;
    float:right;
    margin-right:-4px;
    
}

.platteTekstGroenR
{
    background-color:rgb(207,210,71);
    float:left;
    width:616px;
    text-align:left;
    padding-top:10px;
    padding-bottom:10px;
    color:rgb(66,8,66);
    font-weight: normal;
 
}

.platteTekstPaarsR
{
    background-color:rgb(132,16,133);
    float:left;
    width:616px;
    text-align:left;
    padding-top:10px;
    padding-bottom:10px;
    color:white;
    font-weight: normal;
 
}

.ballonconainersubhome
{
  position: absolute;
  width: 300px;
  margin-left: 20px;
  margin-top: -150px;
 
}

/* --------------------------------------- Link element ----------------------------------------- */


a.seLink, seLinkExtern
{
	text-decoration: none;
    color: rgb(187, 63, 125);
    text-align: left;
    font-weight: normal;
    /*font-size: 14px; */
}

a:hover.seLink, seLinkExtern 
{
  color:Black;
 text-decoration : underline;
}


a.nieuwslink 
{
  color:Black;

}

a.whitelink
{
    color:White;
}

#wrapper
{
    padding-bottom:5px;
    padding-top:5px;
}

.subhomenieuwsomvat
{
  padding-top: 15px;
  margin-left: 15px;
/*   margin-top:20px; */
  width:300px;
}

.pnlnieuwssubhome
{
  width:320px; 
  height:379px;
  background-color:rgb(192,177,0);
}

.pnlnieuwsmijnweller
{
  width:958px; 
  /*float:left;*/
  background-color:rgb(255,255,255);
  /*border:solid 1px black;*/
}

.MijnWellerNieuwsDatum
{ 
    float:left;
    text-align:right;
    width:320px;
}

.MijnWellerNieuwsKop
{
margin-left:340px;
}

.tipTitel
{
    font-weight:bold;    
}
/*---------------------------------------- Mijn weller  ----------------------------------------- */
.MijnWellerWelkom
{
  width:640px;
  height:100px;
  background-color:rgb(132,16,133);
}