@charset "UTF-8";
/* CSS Document
* Designed by M. Rijkenberg, 2011 */


* {margin: 0; padding: 0;} /* Reset */


/* Breedte is 810 px, centraal */
#wrapper {
	width: 810px;
	margin-left: auto;
	margin-right: auto;
}

/*################################################################################### */
/*######### TITELS EN PARAGRAFEN #################################################### */
/*################################################################################### */

body {
	width: 100%;
	background-image:url('../images/gradient-background.png'); /* Achtergrond website */
	/* background-repeat: repeat-x repeat-y; /* Herhaal achtergrond over de breedte */
	background-attachment: fixed;
	font-family: Calibri, Helvetica, sans-serif;
}

p {
	font-family: Calibri, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 22px;
	text-align: justify;
}

/* Footer tekst */
p.foottext {
	color: #CCC;
	font-size: 10px;
	text-align: center;
}

/* Hoofdtitels */
h1 {
	color: #FFF;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	text-transform: uppercase; /* in uppercase */
	line-height: 40px; /* hoogte van blok */
	margin-left: 20px;
}

/* Titels */
h2 {
	color: #F30;
	font-size: 15px;
	font-style:oblique;
	margin-top: 20px;
	margin-bottom: 20px;
	text-shadow:0.5px 0.5px 0.5px #AAA;
}

a, a:visited {
	color:  #C00;
	text-decoration:none;
}
a:hover, a:active {
	color:  #F00;
	text-decoration:none;
}

#inlinelist ul {
	font-size: 13px;
	margin-left: 50px;
	list-style: square;
	line-height: 22px;
	font-family: "Arial Black", Gadget, sans-serif;
}

/*################################################################################### */
/*######### GLOBALE NAVIGATIE ####################################################### */
/*################################################################################### */

#hoofdmenu {
	text-align: center;
	width: 810px;
	height: 50px;
	position: fixed; /* menu staat vast */
	top: 0%;
	z-index: 101;
}

#menu ul {
	list-style: none;
	clear: both;
}

#menu li {
	overflow: hidden;
	text-indent:-9999px;
	display: inline;
	float: left;
}

#menu li a{
	background:url('../images/sprite.png') no-repeat; /* achtergrond Sprite-Menu */
	height: 100%;
	display: block;
}
  
            /* Home Button */  
            #menu li.home{width:135px; height:50px;}  
                #menu li.home a{background-position:0px 0px;}  
                #menu li.home a:hover{background-position:0px -50px;}  
                #menu li.home a.selected{background-position:0px -100px;}  
  
            /* Drive-in Button */  
            #menu li.drive{width:135px; height:50px;}  
                #menu li.drive a{background-position:-135px 0px;}  
                #menu li.drive a:hover{background-position:-135px -50px;}  
                #menu li.drive a.selected{background-position:-135px -100px;}  
  
            /* Events Button */  
            #menu li.events{width:135px; height:50px;}  
                #menu li.events a{background-position:-270px 0px;}  
                #menu li.events a:hover{background-position:-270px -50px;}  
                #menu li.events a.selected{background-position:-270px -100px;} 
				
		    /* Horeca Button */  
            #menu li.horeca{width:135px; height:50px;}  
                #menu li.horeca a{background-position:-405px 0px;}  
                #menu li.horeca a:hover{background-position:-405px -50px;}  
                #menu li.horeca a.selected{background-position:-405px -100px;} 
				
		    /* Verhuur Button */  
            #menu li.verhuur{width:135px; height:50px;}  
                #menu li.verhuur a{background-position:-540px 0px;}  
                #menu li.verhuur a:hover{background-position:-540px -50px;}  
                #menu li.verhuur a.selected{background-position:-540px -100px;} 
				
		    /* Info */  
            #menu li.info{width:135px; height:50px;}  
                #menu li.info a{background-position:-675px 0px;}  
                #menu li.info a:hover{background-position:-675px -50px;}  
                #menu li.info a.selected{background-position:-675px -100px;} 

/*################################################################################### */
/*######### LOGO #################################################################### */
/*################################################################################### */	

#logo {
	position: absolute; /* Logo heeft een voorafgestelde positie */
	/*left: 770px; 
	top: 90px; */
	margin-left: 530px;
	margin-top: 28px;
	z-index: 100; /* Logo komt boven de slider uit */
} 

#socialmedia {
	position: fixed; /* heeft een voorafgestelde positie */
	display: block;
	left: 0px;
	top: 90px;
	z-index: 101; /* komt boven de slider uit */
}

#facebook {
	position: fixed; /* heeft een voorafgestelde positie */
	left: 10px;
	top: 100px;
	z-index: 102; /* komt boven de slider uit */
}

#hyves {
	position: fixed; /* heeft een voorafgestelde positie */
	left: 10px;
	top: 143px;
	z-index: 102; /* komt boven de slider uit */
}

#email {
	position: fixed; /* heeft een voorafgestelde positie */
	left: 10px;
	top: 186px;
	z-index: 102; /* komt boven de slider uit */
}

#movinghead {
	position: fixed; /* heeft een voorafgestelde positie */
	left: 10px;
	bottom: 0px;
	z-index: 102; /* komt boven de slider uit */
}

#movinghead2 {
	position: fixed; /* heeft een voorafgestelde positie */
	right: 10px;
	bottom: 0px;
	z-index: 102; /* komt boven de slider uit */
}


/*################################################################################### */
/*######### CONTENT BLOKKEN ######################################################### */
/*################################################################################### */	

/* Main content */
#content {
	margin-top: 20px; /* 20 px onder de slider */
	float: left;
	clear: both;
	width: 600px;
	background-image:url('../images/bgboxes.png'); /* doorschijnende achtergrond */
}

/* Highlight van PartyZaan */
#highlight {
	margin-top: 20px; /* 20 px onder de slider */
	float: right; /* rechts van main content */
	width: 190px;
	background-image:url('../images/bgboxes.png'); /* doorschijnende achtergrond */
}

/* Contactgegevens */
#contact {
	margin-top: 20px; /* 20 px onder highlight */
	float: right; /* rechts van main content */
	width: 190px;
	background-image:url('../images/bgboxes.png'); /* doorschijnende achtergrond */
}

/* Hoofdtitel-blokken */
#titel {
	height: 40px;
	background-image:url('../images/bgtitles.png'); /* zwarte achtergrond */
	background-repeat: repeat-x;
}

#maintext {
	margin: 30px;
}

#text {
	margin: 20px;
} 

/* footer */
#footer {
	margin: 20px;
	float: left;
	clear: both;
	width: 810px;
}

.img_wrapper{  
    float:left; /* important */  
    position:relative; /* important(so we can absolutely position the description div */  
	margin-bottom: 10px;
} 
 
.img_caption{  
    position:absolute; /* absolute position (so we can position it where we want)*/  
    bottom:0px; /* position will be on bottom */  
    left:0px;  
    width:100%;  
    /* styling bellow */  
    background-color:black;  
    font-family: 'tahoma';  
    font-size:15px;  
    color:white;  
    opacity:0.6; /* transparency */  
	filter:alpha(opacity=60); /* IE transparency */  
}  

.img_caption_content{
	margin: 0px;
	padding: 20px;
}

/*################################################################################### */
/*######### CONTACTFORMULIER ######################################################## */
/*################################################################################### */	

form {
 /*   border-width: 1px;
    border-style: dashed;
    border-color: #cccccc; */

    padding: 15px;
    width: 520px;
	
	font-size: 14px;
}
	
label {
    float: left;
    width: 125px;
    text-align: left;   
    margin-right: 25px;
}

input {
    background-color: #f5f5f5;

    border-width: 1px;
    border-style: solid;
    border-color: #000;
	
    width: 350px;
	height: 20px;
	
    margin-bottom: 20px;
}

input.button { 
	color: #FFF;
	background-color: #111;
	width: 100px;
	height: 25px;
	
	border-width: 1px;
    border-style: solid;
    border-color: #CCC;
	
	cursor: pointer;
}

select {
    width: 120px;
    background-color: #f5f5f5;
    
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    
    margin-bottom: 20px;
}
		
textarea {
    width: 350px;
    height: 120px;
    background-color: #f5f5f5;
    
    border-width: 1px;
    border-style: solid;
    border-color: #000;
    
    margin-bottom: 20px;
}

p.contacterror {
	font-size: 13px;
	color: #F30;
}

a img {
border: none;
}