/* 
    Document   : Sniep
    Created on : 17 august, 2011, 3:25:22 PM
    Author     : makersloot
    Description:
    Purpose of the stylesheet follows.
*/

*{margin:0;
padding:0;
border:0;
}
html{
    height: 100%;
}



body{
    margin: 0 0 0 0;
    padding: 0;
    width: 100%;
    background-color: #ffffff;
    font:62.5%/1.25 Arial, Helvetica, sans-serif;
    color:#000000;
}





img{
    border:0;
}

/* Firefox Dotted Outline Fix */
a:active {
    outline: none;
}

/* Firefox Dotted Outline Fix */
a:focus {
    -moz-outline-style: none;
}



a {
   color:#02a8d8;
}

a:hover {
}

h1{
   font-size: 1.6em;
}

h2{
   font-size: 1.2em;

}

ul{margin: 5px 0 5px 50px;
   padding:10px;
   font-size: 1.2em;
}



#wrapper{
    position:relative;
    margin:0 ;
    padding:0;
    width:100%;
    height:100%;
    z-index: 10;
}



#nav_holder{
    float:left;
    z-index: 10;
    margin:0 ;
    padding:0;
    width:100%;
    height:64px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 5px 10px rgba(50, 50, 50, 0.5);
box-shadow:         0px 5px 10px rgba(50, 50, 50, 0.5);
position:fixed;

}

#nav{
    position:relative;
    width:960px;
    height:64px;
    margin:0 auto;
    z-index: 100;
    }


#container{
    position:relative;
    margin:0 auto ;
    padding:0;
    width:960px;
    height:auto;


}

#content{
    position:relative;
    float:left;
    width:100%;
    }

.home-slideshow{
   position:relative;
}

.home-slideshow div{
   position:relative;
}



.home-slideshow h1{
    position:absolute;
    top:270px;
    left:0;
    background-color: #e3214e;
    color:#ffffff;
    padding:10px;
    font-size:1.8em;
}



.home-slideshow h2{
    position:absolute;
    top:305px;
    left:0;
    background-color: #e3214e;
    color:#ffffff;
    padding:10px;
    font-size:1.8em;

}


.home-slideshow h3{
    position:absolute;
    top:340px;
    left:0;
    background-color: #e3214e;
    color:#ffffff;
    padding:10px;
    font-size:1.8em;

}
.home-slideshow a{
    text-decoration: none;
}


#social-media{
	float:right;
	width:480px;
	padding:0 0 0 0;
	display:block;
    margin:3px 3px 3px 3px;
    color:#ffffff;
    font-size: 1.2em;
	text-align:right;
	}
	
#social-media a{
	padding-left:0px;
	}

#logo{
    position: absolute;
    top:15px;
    right:0px;
    z-index: 0;

}



#loading {
			position: absolute;
			top: 49.5%;
			left: 49.5%;
			z-index: 3;
			width: 24px;
			height: 24px;
			text-indent: -999em;
			background-image: url(../images/progress.gif);
		}
		#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 1;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}





#nav ul{
    position: relative;
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	font-size:1.3em;
        color:#000000;
        text-transform: uppercase;
	}

#nav li{

	position: relative;
        float:left;


}

#nav li a{
	display:block;
	padding:35px 40px 0 0;
        height:28px;
	color:#000000;
	text-decoration:none;

}


#nav li a:hover,
#nav li a.selected{

	
	background-repeat:no-repeat;
	background-position:35px 3px;
	color:#7EB539;
}

/* Pop out submenu */
#nav li ul {
	list-style:none;
	position: absolute;
        
        min-width:250px;
	z-index:100;
	margin:0;
	padding:5px 5px 5px 0;
	left: 0px; /* Set 1px less than menu width */
	top: 63px;
	display: none;
	border:solid 1px #ffffff;
	font-size:1.0em;
        background-color:#ffffff;
        

	}

#nav li ul li {
    position: relative;
        float:none;
	border:none;
	padding:0;
	margin:0;
	}

/* Styles for Menu Items */
#nav li ul li a
{
        width:auto;
        height:auto;
	display: block;
	text-decoration: none;
	padding:4px 10px 4px 20px;
	margin:0;
	border:none;
	vertical-align: bottom;
	}





/* Fix IE. Hide from IE Mac */
* html #nav li ul li { float: left; height: 1%; }
* html #nav li ul li a { height: 1%; }
/* End */

#nav li:hover ul{ display: block; } /*  The magic */




hp{
  width:auto;
  height:auto;

}


.standaard-img{}

.standaard-content{
    position:absolute;
    top:113px;
    right:0;
    height:328px;
    width:480px;
    background-color: #000000;
    color:#ffffff;
}

.standaard-content h1{
    font-size: 1.4em;
    padding:5px 0px 5px 0px;
}

.standaard-content h2, .standaard-content h3{
    font-size: 1.3em;
    padding:5px 0px 5px 0px;
}

.standaard-content p{
    font-size: 1.3em;
    padding:5px 0px 5px 0px;
}

.standaard-img-header{

    width:654px;
    height:113px;
    
    
}

.standaard-artikel-img{
   float:left;
   margin-left:0px;
   margin-top:30px;
   padding:0 20px 10px 30px;
}
.img-lang{
   float:left;
   margin: 30px 15px 10px 50px;
}
.news-img{
   float:left;
   margin-left:0px;
   margin-top:30px;
      padding:0 20px 10px 30px;

   clear:left;
}

.news-items{
    position:relative;
    margin: 0 0 10px 0;

}


.standaard-artikel-content{
    float:left;
    width:746px;
    min-height:400px;
    background-color: #ffffff;
    color:#000000;
    padding-left:00px;
    padding-bottom:15px;
	display:block;
}

.lang{
    float:left;
    width:746px;
    min-height:400px;
    background-color: #000000;
    color:#ffffff;
    padding-left:0px;

}



.inschrijven{
    float:left;
    width:746px;
    min-height:400px;
    background-color: #000000;
    color:#ffffff;
    padding-left:0px;
}


.woningen{
    float:left;
    width:746px;
    min-height:400px;
    background-color: #ffffff;
    color:#000000;
    padding-left:0px;
}

.standaard-artikel-bg{
    
    background-image: url(../media/trans-70.png);

}

.standaard-artikel-content h1{
    font-size: 1.4em;
    padding:30px 20px 5px 30px;
}

.standaard-artikel-content h2, .standaard-artikel-content h3{
    font-size: 1.3em;
    padding:10px 20px 0px 30px;
}

.standaard-artikel-content p{
    font-size: 1.3em;
    padding:5px 20px 5px 30px;
}





.standaard-artikel-right{
    float:left;
    width:213px;
    min-height:400px;
    color:#ffffff;
}

.standaard-artikel-right h1{
    font-size: 1.4em;
    padding:30px 20px 5px 20px;
}

.standaard-artikel-right h2{
    font-size: 1.3em;
    padding:10px 10px 5px 20px;
}

.standaard-artikel-right p{
    font-size: 1.3em;
    padding:5px 20px 5px 20px;
}

.standaard-artikel-right span{
    font-size: 1.3em;
    padding:2px 20px 2px 20px;
}


.w-images{
margin:10px;
}

.w-images img{
margin:2px;
}

.agenda{
  margin-bottom:15px;
 
}



.standaard-artikel-right-woningen{
    float:left;
    width:213px;
    min-height:400px;
    color:#ffffff;
}

.standaard-artikel-right-woningen h1{
    font-size: 1.4em;
    padding:10px 20px 3px 20px;
}

.standaard-artikel-right-woningen p{
    font-size: 1.3em;
    padding:3px 20px 15px 20px;
}

.standaard-img-woningen{
    padding:3px 20px 0px 20px;
}

.spacer{
    clear:both;
    height:0px;
}


.teaser{
    float:left;
    width:200px;
    height:180px;
    padding: 15px 20px;

}

.green{
    background-color: #7eb539;
}

.blue{
    background-color: #00acdd;
}

.teaser h1{
    color:#ffffff;
    font-size: 1.4em;
    padding:10px 10px 0px 10px;
}

.teaser p{
    color:#000000;
    font-size: 1.3em;
    padding:0px 10px 5px 10px;
}

.teaser a{
    color:#ffffff;
}


#google-map-markers {
    float:left;
	background: #000000;
        width:960px;
}

#google-map-markers ul {
    float:left;
	list-style: None;
        width:480px;
        margin:0;
        padding:10px 0 0 0;
}

#google-map-markers li {
    float:left;
    width:130px;
	margin-bottom: 3px;
	padding: 3px;
	border: 1px solid transparent;
	cursor: pointer;
        color:#ffffff;
}

#google-map-markers #wonen li {
    float:left;
    width:230px;
	margin-bottom: 3px;
	padding: 3px;
	border: 1px solid transparent;
	cursor: pointer;
        color:#ffffff;
        font-size: 1.4em;
}

#google-map-markers li.active {
	background: #000000;
}

#google-map-markers img {
	float: left;
	margin-right: 10px;
}

#google-map{
    display:block;
    width:960px;
    height:420px;


}

#google-map p{
   
   padding:0;
   margin:0;


}

#sortable {
    float:left;
    width:250px;
   list-style: none;
   margin:10px 0 0 30px;


}


#sortable li{
   font-size:1.3em;
   padding:3px 0 3px 0;
   font-weight: bold;


}

#disclaimer{
    float: left;
    margin:3px 3px 3px 3px;
    color:#ffffff;
    font-size: 1.2em;

}


#sortable-static
{   float:left;
    width:70px;
   list-style: none;
   margin:10px 0 0 30px;


}


#sortable-static li{
   font-size:1.3em;
   padding:3px 0 3px 0;


}




.formulier p{
    font-size: 1.3em;
    padding:5px 10px 5px 0px;
}


table{
    font-size:1.2em;

}

form p{
  padding:2px;
    margin:2px;

}

input{
    padding:2px;
    margin:2px;

}


#map area:hover{
    border:solid 1px green;
}


.w-button{
    display:block;
    padding:3px;
    margin:6px 0;
    background:#ffffff;
    color:#000000;
    font-weight: bold;
    font-size: 1.3em;
    width:200px;
    text-decoration: none;
    text-align: center;

}

.verkocht{
	position:absolute;
	top:50px;
	left:20px;
	padding:3px;
	background-color:#F00;
	color:#ffffff;
	font-size:1.3em;
	width:175px;
	text-align:center;
	font-weight:bold;
	}

.startbouw p
{
 font-size: 1.3em;
}

.startbouw h1{
color:#ffffff;
}



.inputtext{

color:#3E4146;
background-color:#ffffff;
padding:5px;
margin:5px;
border:solid 1px #a9a9a9;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 2px #a9a9a9;
    -webkit-box-shadow: 0px 0px 2px #a9a9a9;
    box-shadow: 0px 0px 2px #a9a9a9;
}