/*

Theme Name: Haarstudio Tonnie
Theme URI: http://www.haarstudiotonnie.nl
Version: 1.0

*/

@import url(http://fonts.googleapis.com/css?family=Raleway|Open+Sans);

html, body
{
	margin:0px auto;
}	

#body
{
	padding-bottom:180px;
}

img
{
	border:0px none;
}


p
{
	font-family:'Open+Sans', arial;
	font-size: 12px;
}

h2
{
	font-family:'Raleway',arial;
	font-size:19px;
	font-weight:normal;
}

h3
{
	font-family:'Raleway', arial;
	font-size:17px;
	font-weight:normal;
}

h4
{
	font-family:'Raleway', arial;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	vertical-align:super;
	margin:0px 10px 0px 0px;
}

a:link 
{
	font-family:'Raleway', arial;
	color:#000;
	text-decoration:none;
}     

a:visited 
{
	font-family:'Raleway', arial;
	color:#000;
	text-decoration:none;
} 

a:hover 
{
	font-family:'Raleway', arial;
	color:#000;
	text-decoration:none;
} 

a:active 
{
	font-family:'Raleway', arial;
	color:#000;
	text-decoration:none;
} 

hr
{
	width:100px;
	height:2px;
	background:#ae9779;
	border:none;
	float:left;
	margin:0px 0px 20px 40px;
}

hr.rechts
{
	width:100px;
	height:2px;
	background:#ae9779;
	border:none;
	float:left;
	margin:0px 0px 20px 50px;
}

#container
{
	width:1020px;
	height:100%;
	position:relative;
	margin: 0px auto;
	padding: 0px auto;
}

/* header ---------------- */


header
{
	width:1020px;
	height:665px;
}

#logo
{
	width:1020px;
	height:100px;
	margin:40px 0px 0px 0px;
	float:left;
	text-align:center;
}



nav
{
	width:1020px;
	height:100px;
	float:left;
}

nav li
{
	float:left;
	min-width:5%;
	height:90px;
	list-style:none;
	display:inline-block;
	text-align:center;
	margin:0px 64.9px;
}

nav ul
{
	margin: 0px 0px 0px -40px;
}	

nav a:hover:after 
{
    content: url('http://www.haarstudiotonnie.nl/wp-content/uploads/nav_bg.png');
    display: block;
}


#img_header
{
	width:1020px;
	height:425px;
	float:left;
}


/* index ----------------  */



#over
{	
	width:508px;
	height:300px;
	margin:4px 2px 0px 0px;
	float:left;
}

.titel_left
{
	width:420px;
	height:20px;
	margin:50px 50px 20px 40px;
}

.tekst_left
{
	width:420px;
	height:125px;
	margin:50px 50px 50px 40px;
}

#img_over
{
	width:508px;
	height:300px;
	margin:4px 0px 0px 2px;
	background:purple;
	float:right;
}

/* rij 1 end ---------------- */

.foto1
{
	width:252px;
	height:300px;
	margin:4px 4px 0px 0px;
	background:#ddd;
	float:left;
}

.foto2
{
	width:252px;
	height:300px;
	margin:4px 4px 0px 0px;
	background:#ddd;
	float:left;
}

.foto3
{
	width:252px;
	height:300px;
	margin:4px 2px 0px 2px;
	background:#ddd;
	float:left;
}

.foto4
{
	width:252px;
	height:300px;
	margin:4px 0px 0px 2px;
	background:#ddd;
	float:left;
}



/* rij 2 end ---------------- */

#behandelingen
{	
	width:508px;
	height:300px;
	margin:4px 0px 0px 2px;
	float:right;
}

.titel_right
{
	width:420px;
	height:20px;
	margin:50px 40px 20px 50px;
}

.tekst_right
{
	width:420px;
	height:125px;
	margin:50px 40px 50px 50px;
}

#img_behandelingen
{
	width:508px;
	height:604px;
	margin:4px 2px 0px 0px;
	float:left;
}


/* rij 3 end ---------------- */





/* rij 4 end ---------------- */
#sebastian
{	
	width:508px;
	height:300px;
	margin:4px 2px 0px 0px;
	float:left;
}

.titel_left
{
	width:420px;
	height:20px;
	margin:50px 50px 20px 40px;
}

.tekst_left
{
	width:420px;
	height:125px;
	margin:50px 50px 50px 40px;
}

#img_sebastian
{
	width:508px;
	height:604px;
	margin:4px 0px 0px 0px;
	float:right;
}

/* rij 5 end ---------------- */


#googlemaps
{
	height:300px;
	width:1020px;
	float:left;
	margin:4px 0px 0px 0px;
}

/* Google maps end ---------------- */

#contact
{	
	width:250px;
	height:300px;
	margin:4px 0px 0px 2px;
	float:left;
}

#titel_contact
{
	width:210px;
	height:20px;
	margin:50px 40px 20px 50px;
}

#tekst_contact
{
	width:210px;
	height:125px;
	margin:50px 40px 50px 50px;
}

#img_contact
{
	width:252px;
	height:300px;
	margin:4px 2px 0px 0px;
	float:left;
}

#formulier
{
	width:420px;
	height:200px;
	margin:45px 20px 0px 40px;
	float:right;
}

input[type="text"],
input[type="email"],
textarea,
input[type="submit"]
{
    background-color: #fff;
    color:#000;
    border:1px solid #888;
}

p input[type="text"],
input[type="email"],
textarea,
input[type="submit"]
{
    font-family:'Open+Sans', tahoma;
    font-weight:normal;
    font-size:12px;
    color:#444;
}

input[type="text"]
{
	width:200px;
	height:25px;
	float:left;
}

input[type="email"]
{
	width:200px;
	height:25px;
	margin:0px 0px 0px 20px;
}

textarea
{
	width:420px;
	height120px;
}

.screen-reader-response
{
	display:none;
	color:#fff;
}

.wpcf7-mail-sent-ok
{
	font-family:'Open+Sans', tahoma;
	font-size:13px;
	font-weight:normal;
	color:#000;
}

/* rij 7 end ---------------- */



.clear 
{ 
	clear:both; 
}

/* footer -------------- */

#footer
{
	width:100%;
	height:90px;
	margin:4px 0px 0px 0px;
	padding:35px 0px 0px 0px;
	background:#000 repeat-x;
	float:left;
}


#footer, table, tr, td, th
{
	font-family:'Open+Sans', arial;
	font-weight:normal;
	font-size:13px;
	color:#fff;
	vertical-align:middle;
}

#footer a
{
	color:#ae9779;
	text-decoration:none;
}