/********************************************/
/*     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                               */
/*                                          */
/*                                          */
/********************************************/
html
{
height:100%;
}
body
{
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808080;
	height:100%;
	/* background:url(/images/intro-1.jpg) center top no-repeat;*/
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #333; 
	background-attachment: fixed;
}
.intro1
{
background-image: url(/images/intro-1.jpg); 
}
.intro2
{
background-image: url(/images/intro-2.jpg); 
}
.intro3
{
background-image: url(/images/intro-3.jpg); 
}
.intro4
{
background-image: url(/images/intro-4.jpg); 
}
    #pagewrap
    {
	    width: 720px;
	    min-height: 100%;
	    margin: 0 auto;
		background:#fff;
		padding:0px 30px;
    }
        #logos /* Zuidstad logos bovenin */
        {
	        position: relative;
	        height: 80px;
	        width: 100%;
	        margin: 0px 0 0 0;
			padding:10px 0px 0px 0px;
        }
            #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:710px;
                height:174px;
                padding: 4px 5px 0 5px;
            }
                #link /* tekst zoeken in x aantal huizen / wat kan ik nu echt lenen*/
                {
                    position:relative;
                    width:710px;
                    height:20px;
                }
                    #left
                    {
                      position:absolute;
							 left:0;
							 top:0;
                      cursor:pointer;
                    }
                    #right /* wat kan ik nu echt lenen */
                    {
                      position:absolute;
							 right:0;
							 top:0;
                        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;
					margin-left:10px;
                    width:470px;
					margin-top:20px;
                }
                #hypotheeklogo /* logo hypotheek */
                {
                    position:relative;
                    margin-left:5px;
                    width:80px;
                    height:145px;
                    float:right;
                }
                #hypotheeklogo img /* positioneer eha logo */
                    {
                        margin: 20px 0 0 0px;
                    }
                    
/********************************************/
/*     Special tekst opmaak                 */
/*                                          */
/*                                          */
/*                                          */
/********************************************/
#highlight a
{
    text-decoration:none;
}
#homespecialborder
{
    padding:0px 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;
}
.bannerHorizontal
{
	background:#ED1C24;
	width:690px;
	height:80px;
	display:block;
	color:#fff;
	font-size:24px;
	padding:10px;
	text-transform:uppercase;
	text-decoration:none;
}
.bannerHorizontal span.row
{
	display:block;
	font-size:22px;
}
.bannerHorizontal span.last
{
	margin-bottom:1px;
}
.bannerHorizontal span.underline
{
	text-decoration:underline;
	font-weight:bold;
}
.bannerHorizontal span
{
	font-size:16px;
}