/*-------------------------
	CLASSES
--------------------------*/

body{
	font-family:Arial;
	font-size:12px;
	color:#FFF;
	letter-spacing:0.1em;
	line-height: 2em;

}


a, a:visited {
	outline:none;
	text-decoration:none;
	font-size:1em;
	color:#a3732e;
	cursor:pointer;
	font-style:italic;
}
	
a:hover {
	text-decoration:underline;
}


.left{
	width:1px;
	height:30px;
	float:left;
	background:#000;
}

.right{
	width:1px;
	height:30px;
	float:left;
	background:#636363;
}

.ronde_randen{
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 3px 4px #000;
	-webkit-box-shadow: 0px 3px 4px #000;
	box-shadow: 0px 4px 4px #000;
}


/*----------------------------
	CONTENT
-----------------------------*/

#wrapper{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#container{
	width:1024px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}



.linkertop{
	width:412px;
	height:140px;
	float:left;
}

.driehoek_links{
	width:316px;
	height:19px;
	float:left;
	margin-left:95px;
	margin-top:5px;
	background:url(../img/linker_driehoek.png) no-repeat;
}

#content{
	width:800px;

	
	
}


/*----------------------------
	NAV Links
-----------------------------*/

.navigatie-links{
	margin-top:75px;
	width:317px;
	height:30px;
	margin-left:95px;
	float:left;
}


.navigatie-links ul li a{
	display:inline;
	text-transform:uppercase;
	font-style:normal;
	color:#FFF;
	height:20px;
	float:left;
	padding: 5px 12px 5px 14px;
	background:url(../img/bg_opacity_nav.png);
}

.navigatie-links ul li a:hover{
	background:#000;	
	text-decoration:none;	
}

/*----------------------------
	LOGO
-----------------------------*/

#logo{
	width:200px;
	height:140px;
	float:left;
	background:url(../img/logo.png) no-repeat;
}


.rechtertop{
	width:412px;
	height:140px;
	float:left;
}

.driehoek_rechts{
	width:280px;
	height:18px;
	float:left;
	margin-top:53px;
	background:url(../img/rechter_driehoek.png) no-repeat right;
}

/*----------------------------
	NAV Rechts
-----------------------------*/

.navigatie-rechts{
	width:300px;
	height:30px;
	margin-left:18px;
	margin-top:5px;
	float:left;
}

.navigatie-rechts ul li a{
	display:inline;
	font-style:normal;
	color:#FFF;
	text-transform:uppercase;
	height:20px;
	background:url(../img/bg_opacity_nav.png);
	float:left;
	padding: 5px 30px 5px 30px;
}

.navigatie-rechts ul li a:hover{
	background:#000;
	text-decoration:none;	
}


.content{
	width:100%;
	float:left;
	margin-left:auto;
	margin-right:auto;
}


/*----------------------------
	HOME
-----------------------------*/


#header_home{
	width:78px;
	height:33px;
	margin-top:35px;
	margin-left:auto;
	margin-right:auto;
	background:url(../img/header_bg_home.png);
}

#header_home h1{
	font-size:1em;
	text-transform:uppercase;
	text-align:center;
    line-height: 40px;
} 

#content_home{
	width:525px;
	margin-left:auto;
	margin-top:5px;
	margin-right:auto;
	background:url(../img/bg_content.png);
}


/*----------------------------
	BIOGRAFIE
-----------------------------*/

#header_biografie{
	width:92px;
	height:38px;
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../img/header_bg_biografie.png);
}

#header_biografie h1{
	font-size:1em;
	text-transform:uppercase;
	text-align:center;
    line-height: 50px;
}

#content_biografie{
	width:720px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	background:url(../img/bg_content.png);
}

#image_biografie{
	width:352px;
	height:186px;
	float:left;
	background-image:url(../img/foto_biografie.jpg);
}

.image_omschrijving{
	height:30px;
	background:#000;
	margin-top:160px;
}

.image_omschrijving p{
	padding-top:3px;
	text-align:center;
}

/*----------------------------
	KOORDIRIGENT
-----------------------------*/

#header_koordirigent{
	width:120px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
    background:url(../img/header_bg_koordirigent.png);
	}

#header_koordirigent h1{
	font-size:1em;
	text-transform:uppercase;
	text-align:center;
    line-height:17px;
}

#content_koordirigent{
	width:685px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	background:url(../img/bg_content.png);
	
}

#image_koordirigent{
	width:235px;
	height:181px;
	float:right;
	background-image:url(../img/foto_koordirigent.jpg);
}

#image_omschrijving_koordirigent{
	margin-top:150px;
	text-align:center;
	padding-top:5px;
	height:30px;
	background:#000;
	
}

/*----------------------------
	GITAARLES
-----------------------------*/


#header_gitaarles{
	width:92px;
	height:38px;
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../img/header_bg_biografie.png);
}


#header_gitaarles h1{
	font-size:1em;
	text-transform:uppercase;
	text-align:center;
    line-height: 55px;
} 

#content_gitaarles{
	width:555px;
	margin-left:auto;
	margin-top:5px;
	margin-right:auto;
	background:url(../img/bg_content.png);
}

/*----------------------------
	AUDIO
-----------------------------*/


#header_audio{
	width:78px;
	height:33px;
	margin-top:35px;
	margin-left:auto;
	margin-right:auto;
	background:url(../img/header_bg_home.png);
}


#header_audio h1{
	font-size:1em;
	text-transform:uppercase;
	text-align:center;
    line-height: 45px;
} 

#content_audio{
	width:450px;
	margin-left:auto;
	margin-top:5px;
	margin-right:auto;
	background:url(../img/bg_content.png);
}

/*----------------------------
	CONTACT
-----------------------------*/


#header_contact{
	width:78px;
	height:33px;
	margin-top:35px;
	margin-left:auto;
	margin-right:auto;
	background:url(../img/header_bg_home.png);
}

#header_contact h1{
	font-size:1em;
	text-transform:uppercase;
	text-align:center;
    line-height: 45px;
} 

#content_contact{
	width:525px;
	margin-left:auto;
	margin-top:5px;
	margin-right:auto;
	background:url(../img/bg_content.png);
}