@charset "utf-8";
/* CSS Document */

body {
	/* fallback */ 
	background-color: #1a82f7; background: url(../../css/images/linear_bg_2.png); background-repeat: repeat-x; 
	/* Safari 4-5, Chrome 1-9 */ 
	
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727)); 
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #2F2727, #1a82f7); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #2F2727, #1a82f7); 
	
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #2F2727, #1a82f7); 
	
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #2F2727, #1a82f7);
}

/* de wrapper div */
#wrapper {
	width: 980px;
	height: 770px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 25px;
	}

/* de header div met menubuttons */
#header {
	width: 980px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	border-style: double;
	border-color: #d09f42;
	background-color: #000;
	overflow: hidden;
	}

/* 	de content div met roll-over images en tekst */
#container-content {
	width: 980px;
	height: 530px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 25px;
	border-style: double;
	border-color: #d09f42;
	background-color: #000;
	background-image: url(../images/E1Butterscotch_2.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	background-attachment: scroll;
	background-position: center center;
}

/* txt-index: omschrijving moog guitar indexpagina */
#txt-index {
	width: 600px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	padding: 20px 20px 30px 20px;
	border-radius: 25px;
	border-style: solid;
	border-width: thin;
	border-color: #d09f42;
	background-color: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	overflow: auto;
}

/* img-front en img-back: img van de front van de moog guitar. Roll met de muis over de linkerimg voor closeup in rechterveld en beschrijving in middenveld */
#img-front, #img-back {
	width: 270px;
	height: 450px;
	margin: 40px 0px 0px 40px;
	border-radius: 25px;
	border-style: solid;
	border-width: thin;
	border-color: #d09f42;
	background-color: black;
	opacity: 0.9;
	filter: alpha(opacity=90);
	float: left;
	overflow: hidden;
}

/* content-swap0: uitgangspunt voorkant, content-swap-back-0: uitgangspunt achterkant gitaar*/
#content-swap0, #content-swap-back-0 {
	width: 670px;
	height: 450px;
	margin: 40px 0 0 310px;
	float: right;
	position: absolute;
}

/* txtwrapper swap0 en back-0: hierin komt de 'instructietekst' */
#txtwrapper0, #txtwrapper-back-0 {
	width: 270px;
	height: 450px;
	margin: 0px 0px 0px 45px;
	border-radius: 25px;
	border-style: solid;
	border-width: thin;
	border-color: #d09f42;
	background-color: black;
	opacity: 0.8;
	filter: alpha(opacity=80);
	float: left;
	overflow: auto;
}

/* img-leeg: leeg */
#img-leeg, #img-back-leeg {
	width: 270px;
	height: 450px;
	margin: 0px 40px 0px 0px;
}

/* content-swap1: pickups, tremolo, knobs, switches */
/* content-swap2: knobs, switches */
/* content-swap3: outputs */
/* content-swap4: cables */
/* content-swap5: head */
/* content-swap6: electronics */
/* content-swap7: battery */
#content-swap1, #content-swap2, #content-swap3, #content-swap4, #content-swap5, #content-swap6, #content-swap7 {
	width: 670px;
	height: 450px;
	margin: 40px 0 0 310px;
	float: right;
	position: absolute;
}

/* txtwrapper swap1 t/m swap7: hierin komt de tekst */
#txtwrapper1, #txtwrapper2, #txtwrapper3, #txtwrapper4, #txtwrapper5, #txtwrapper6, #txtwrapper7 {
	width: 270px;
	height: 450px;
	margin: 0px 0px 0px 45px;
	border-radius: 25px;
	border-style: solid;
	border-width: thin;
	border-color: #d09f42;
	background-color: black;
	opacity: 0.8;
	filter: alpha(opacity=80);
	float: left;
	overflow: auto;
}

/* img1 swap1: ingezoemde pick ups, knobs, switches */
/* img2 van swap2: ingezoemde knobs, switches */
/* img3 van swap3: ingezoemde outputs */
/* img4 van swap4: ingezoemde cables */
/* img5 van swap5: ingezoemde head */
/* img6 van swap6: ingezoemde electronics */
/* img7 van swap7: ingezoemde battery */
#img1, #img2, #img3, #img4, #img5, #img6, #img7 {
	width: 270px;
	height: 450px;
	margin: 0px 40px 0px 0px;
	border-radius: 25px;
	border-style: solid;
	border-width: thin;
	border-color: #d09f42;
	background-color: black;
	opacity: 0.95;
	filter: alpha(opacity=95);
	float: right;
	overflow: hidden;
}

/* de h1 */
h1 {
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 30px;
	line-height: 32px;
	color: #FFFFFF;
	margin: 20px 10px 20px 10px;
	text-align: center;
}

/* de paragraven */	
p {
	font-family: "Lucida Sans Unicode", Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 18px;
	color: #FFFFFF;
	margin: 0 15px 15px 15px;
	text-align: left;
}

/* de paragraaf van de middenkolom van de front- en backpagina */	
p.col {
	font-family: "Lucida Sans Unicode", Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	color: #FFFFFF;
	margin: 15px 15px 15px 15px;
	text-align: left;
}

.strong {font-weight: bold;}

/* stopt de floats */
.clearfloat {
	clear: both;
}