/*
weldinkverbouw hoofd style.css
volgorde stijl elementen:
 - 1.html
 - 2.body
 	- 2.1kopjes
 	- 2.2header
 	- 2.3inhoud
 	- 2.4footer
 - 3. over
 	- nieuws
 	- foto
 - 4.menu (cssmenu)
 - 5.admin (inloggen)
*/

/*
html stijl
-------------------------------------------------------------------------------------- 1.
geen horizontale scrollbar
wel verticale scrollbar
% voor aanpassing aan elke resolutie (mobiel, laptop etc.)
*/
html {    
overflow-y: scroll;
overflow-x:hidden;
width:100%;
height:100%;
	 }

/*
body (alle inhoud)
--------------------------------------------------------------------------------------- 2.
body is de hele site, dus ook met procenten + width en height
vaste achtergrond
*/
body {
background-color:red;
background-repeat:no-repeat;
background-position:fixed;
width:100%;
height:100%;
margin:auto;
min-width:600px;
max-width:2000px;
	}

	/*
	kopjes
	---------------------------------------------------------------------------------- 2.1
	*/
	
	h2{
	font-style:impact;
	font-size:22px;
	color:#CA1309;
	}


		h4{
		font-style:impact;
		font-size:22px;
		color:#C93609;
		}

/*bovenste balk */
/*------------------------------------------------------------------------------------ 2.2
met logo die hele width bedekt*/
#header{ 
background: #FFFFFF;
margin-left:-5px;
margin-top:-9px;
margin-right:-5px;
margin-bottom:5px;
width:1315px;
text-align:center;
color:#E95713;
font-size:18px;
padding:20px;
}



/*
inhoud vak
------------------------------------------------------------------------------------- 2.3
grote vierkant vak met "informatie"
*/
#inhoud{
background:#FFFFFF;
margin-top:5px;
margin-bottom:15px;
margin-right:115px;
margin-left:135px;
width:998px;
float:left;
text-align:left;
font-size:20px;
padding:15px; 
}

/*
footer -> onderste balk aan de pagina 
----------------------------------------------------------------------------------- 2.4
*/
#footer{
background: #FFFFFF;
margin-top:5px;
margin-bottom:10px;
margin-right:115px;
margin-left:135px;
float:left;
text-align:center;
width:990px;
padding:20px;
color:#E95713;
font-size:15px;
}

/*
overpagina-> nieuwsvlak
------------------------------------------------------------------------------------- 3.
*/
#over_nieuws{
border-style:solid;
border-color:orange;
border-width:2px;
border-radius:5px;
font-size:75px;
font-style:"Castellar";
background-color:white;
padding:20px;
margin-left:140px;
margin-right:10px;
float:left;
padding:50px;
	}

	#over_nieuws:hover{
	background-color:orange;
	text-decoration:none;
	color:#FFFFFF;
		}


/*
overpagina->overvlak
---------------------
*/
#over_foto{
border-style:solid;
border-color:orange;
border-width:2px;
border-radius:5px;
color:#E95713;
font-size:75px;
font-style:"Castellar";
background-color:white;
padding:20px;
margin-left:10px;
margin-right:140px;
float:right;
padding:50px;
	}
	
	#over_foto:hover{
	background-color:orange;
	text-decoration:none;
	color:#FFFFFF;
		}

#foto_display{
border-style:solid;
border-color:black;
border-width:3px;
border-radius:7px;
float:left;
padding:0;
margin:10px;
width:222px;
height:245px;
font-size:14px;
font-family:"Times New Roman";
	}

	
#foto_vergroting{
border-style:solid;
border-color:black;
border-radius:7px;
padding:0;
width:500px;
height:600px;
font-size:16px;
font-family:"Times New Roman";
	}	

#nieuwsweldink{
word-wrap:break-word;
border-style:solid;
border-width:10px;
border-radius:15px;
border-color:#A79787;
font-size:18px;
font-family:"arial";
padding:5px;
width:1020px;
position:relative;
margin-bottom:10px;
margin-right:100px;
margin-left:125px;
float:left;
text-align:left;
background:#FFFFFF;
	}


/*
menu
-------------------------------------------------------------------------------------- 4.
menu reageert op overgaan/welke pagina je zit/klikken
er zitten 2 menu soorten door elkaar?? / t werkt wel
*/
/*nav*/
#nav ul li:hover > ul {
		display: block;
}

#nav ul {
list-style: none;
position: relative;
display: inline-table;
}
	
	#nav ul li {
	float: left;
	}
	
		#nav ul li:hover {
		background: #4b545f;
		}
		#nav ul li:hover a {
		color: #fff;
		}
	
		#nav ul li a {
		display: block; padding: 25px 40px;
		color: #757575; text-decoration: none;
		}
	
#nav ul ul {
background: #5f6975; border-radius: 0px; padding: 0;
position:absolute; top: 100%; display: none;
}

					/*pagina bevat id*/
					body#home a#homenav,
					body#over a#overnav,
					body#nieuws a#nieuwsnav,
					body#foto a#fotonav,
					body#contact a#contactnav {
						color: #fff;
						background: #4b545f;
					}


/*
admin pagina
---------------------------------------------------------------------------------- 5.
alles wat je ziet en krijgt als je ingelogd bent
*/

/*
inhoud vak op admin pagina
---------------------------
groot vierkant vlak met "informatie" op admin pagina
deze ligt links
*/
#inhoud_admin{
align:center;
background:#FFFFFF;
margin-top:5px;
margin-bottom:15px;
margin-right:115px;
margin-left:0px;
width:932px;
font-size:20px;
padding:15px; 
}

#admin_footer{
background: #FFFFFF;
margin-top:5px;
margin-bottom:10px;
margin-right:115px;
margin-left:0px;
float:left;
text-align:center;
width:923px;
padding:20px;
color:#E95713;
font-size:15px;
}

#plaatje{
background: #FFFFFF;
margin-top:5px;
margin-bottom:10px;
margin-right:5px;
margin-left:125px;
float:left;
width:250px;
color:#E95713;
font-size:15px;
}

#adminmail{
background:#FFFFFF;
margin-left:50px;
margin-bottom:5px;
margin-right:20px;
padding:10px;
border-style:solid;
border-color:black;
border-width:3px;
border-radius:6px;
font-style:'Times New Roman';
font-size:16px;

	}
	
#lead{
font-size:35px;
font-style:"Times New Roman";
color:#E95713;
}

input[id="uitlogknop"]{	
border-style:solid;	
border-radius:3px;
border:1px;
border-color:black;
background-color:#E95713;
padding:10px;
color:white;
float:right;
font-size:15px;
position:absolute;
top:10px;
right:10px;
	}

input[id="uitlogknop"]:hover{
background-color:#993300;
	}
	
input[id="inlogknop"]{	
border-style:solid;	
border-radius:3px;
border:1px;
border-color:black;
background-color:#E95713;
padding:10px;
color:white;
float:right;
font-size:15px;
position:absolute;
top:10px;
right:10px;
	}

input[id="inlogknop"]:hover{
background-color:#993300;
	}	
	
#nieuwscodes{
background:#F0E109;
width:350px;
float:right;
position:fixed;
top:193px;
right:0px;
font-size:15px;
font-family:"Times New Roman";
padding:15px; 
margin-left:125px;
	}
	
#foto_upload{
float:right;
border-style:solid;
border-color:#19316B;
border-width:7px;
border-radius:7px;
width:200px;
height:200px;
}


/**********tijdelijke balk*********************************************************extra****/
#tijdelijke_balk{
background:#003366;
width:950px;
border-style:solid;
border-width:5px;
border-color:black;
border-radius:3px;
margin-top:5px;
margin-bottom:10px;
margin-right:0px;
margin-left:0px;
float:left;
text-align:left;
font-size:25px;
color:white;
padding:15px; 	
	}