/********************************************/
/*     Classes                              */
/*     Layout                               */
/*                                          */
/*                                          */
/********************************************/

.tekst
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
a.tekst 
{
	color: #808080;
	text-decoration: none;
}
.noborder
{
	border: none;
}
.color
{
    color:#f00;
}
.logoleft /* logo links zuidstad */
{
	position:relative;
	width: 275px;
	float:left;
}
.logoright /* logo rechts financiele planning */
{
	position: relative;
	width: 275px;
	float:right;
}
#fadeshow2 /* linker knop MAKELAARS zie png map */
{
	float:left;
}
#fadeshow3 /* rechter knop MAKELAARS zie png map */
{
	float:right;
}
img 
{
    border:none;
}

/********************************************/
/*                                          */
/*     Layout                               */
/*                                          */
/*                                          */
/********************************************/
body
{
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808080;
}

    #pagewrap
    {
	    width: 720px;
	    min-height: 100%;
	    margin: 0 auto;
    }
        #logos /* Zuidstad logos bovenin */
        {
	        position: relative;
	        height: 80px;
	        width: 100%;
	        margin: 10px 0 0 0;
        }
            #toptekst /* Lopende nieuws regel */
            {
	            position: relative;
	            height: 25px;
	            width: 720px;
	            margin: 10px 0 0 0;
	            text-align: center;
	            border-bottom: 1px solid #C0C0C0;
	            border-top: 1px solid #C0C0C0;
	            line-height:25px;
            }
            #toptekst p /* Om de p uit het nieuws bericht te negeren en te zorgen dat de scroll tekst binnen de lijntjes blijft. */
            {
                margin:0;
                padding:0;
            }
            #keuze /* Achtergrond tussen 2 fotos */
            {
	            position: relative;
	            height: 240px;
	            margin: 20px 0 0 0;
	            background: url(../images/dash.gif) center no-repeat;
            }
            #tekst /* Vak van welkomst tekst onder de buttons en boven de special.*/
            {
	            position: relative;
	            margin: 20px 0 0 0;
	            padding: 0 0 5px 23px;
	            cursor:pointer;
            }
            #balkonder /* Ronde balk onder achtergrond */
            {
                position:relative;
               /* background: url(../images/balkonder_intro.gif) no-repeat; */
                background: url(../images/splash_special_top.gif) no-repeat;
                width:724px;
                height:174px;
                padding: 4px 0 0 5px;
            }
                #link /* tekst zoeken in x aantal huizen / wat kan ik nu echt lenen*/
                {
                    position:relative;
                    width:710px;
                    height:20px;
                }
                    #left
                    {
                      float:left;  
                      cursor:pointer;
                    }
                    #right /* wat kan ik nu echt lenen */
                    {
                        float:right;
                        font-weight: bold;
                    }
                    #right a /* wat kan ik nu echt lenen link*/
                    {
                        text-decoration:none;
                        color:#808080;
                    }
                    .colorgreen
                    {
                        color:#017D3F
                    }
                #vbologo /* logo vbo */
                {
                    position:relative;
                    width:120px;
                    height:145px;
                    float:left;
                }
                    #vbologo img /* positioneer vbo logo */
                    {
                        margin: 20px 0 0 10px;
                    }
                #special /* Vak met specials */
                {
                    position:relative;
                    float:left;
                    width:470px;
                }
                #hypotheeklogo /* logo hypotheek */
                {
                    position:relative;
                    margin-left:5px;
                    width:120px;
                    height:145px;
                    float:left;
                }
                #hypotheeklogo img /* positioneer eha logo */
                    {
                        margin: 50px 0 0 20px;
                    }
                    
/********************************************/
/*     Special tekst opmaak                 */
/*                                          */
/*                                          */
/*                                          */
/********************************************/
#highlight a
{
    text-decoration:none;
}
#homespecialborder
{
    padding:10px 0 0 20px;
    overflow:hidden;
    width:130px;
    position:relative;
}
#homespecialborder br
{
    display:none;
    visibility:hidden;
}
#homespecialborder a
{
    text-decoration:none;
    color:#666;
}
#woonplaatstext, #adrestext
{
    display:block;
    margin-top:-10px;
    
}

#eXTReMe
{
	position: absolute;
	left:-3000px;
	top:-3000px;
}