@charset "utf-8";

/*
Muziekatelier Amsterdam versie 2.1
code: Y. Strumpel
datum: 29 juni 2011
opdrachtgever: Ascon van der Westen
email: ype@xs4all.nl

************************************

-- 1 -- Indeling
-- 2 -- Fonts
-- 3 -- Navigatie

*/

/********** 1 Indeling **********/

body {
	background: #4e5869;
	color: #fff;
}

.container {
	width: 1000px;
	margin: 20px auto;
	padding:35px 0;
	border:#a7bece 1px ridge;
	background: #8d959b;
	overflow: hidden;
}

.sidebar1 {
	float: left;
	width: 20%;
	padding-bottom: 10px;
}

.content {
	float: left;
	width: 40%;
	padding: 10px 0;
}

.sidebar2 {
	float: left;
	width: 38%;
	padding: 10px 0;
}

.logo { margin:25px 0px 25px 15px; }

.nav { margin:15px 0 0 15px; }

.text { padding:5px 15px; }

.twitter { margin:15px 0 20px 20px; }

.vcard {
	font:15px/19px "franklin gothic book", "Times New Roman", Times, serif;
	letter-spacing:1px;
	margin:20px 0px 0px 25px;
}

.video { margin:0 0 0 25px; }

.kaart { }

/* ~~ 2 Fonts ~~ */

/*....achtereenvolgens: [style] [variant] [weight] 
[size/line-height ] [family....]*/

/*....style=normal of italic of oblique....									  */

/*....variant=normal of small-caps....										  */

/*....weight=normal(400) of bold(700) of ....								  */

h1 {
	font:22px/26px "Trajan Pro", "Times New Roman", Times, serif;
	font-weight:bold;
	color:#A7BECE;
}

h2 {
	font:22px/26px "Trajan Pro", "Times New Roman", Times, serif;
	color:#315067;
	margin:10px 0;
}

h3 {
	font:20px/24px "Trajan Pro", "Times New Roman", Times, serif;
	font-weight:bold;
	color:#A7BECE;
	margin:10px 0px 10px 10px;
}

p {
	padding:10px 10px;
	font:15px/19px "franklin gothic book", "Times New Roman", Times, serif;
	letter-spacing:1px;
}

li {
	font:15px/19px "franklin gothic book", "segoe script", "Times New Roman", Times, serif;
	padding:3px 10px;
}

/* ~~ 3 navigatie ~~ */

a:link {
	color:#315067;
	font:18px/19px "myriad pro", "Times New Roman", Times, serif;
	cursor: hand;
	padding-bottom:10px;
}

a:visited {
	color:#A7BECE;
	font:18px/19px "myriad pro", "Times New Roman", Times, serif;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
	text-decoration: none;
	font:15px/19px "myriad pro", "Times New Roman", Times, serif;
	color:#315067;
	border:#a7bece 2px groove;
	margin-left:30px;
}

.menuknoppen { margin:0 0 10px 10px; }