/*
Theme Name: Passie voor Ambacht
Theme URI: http://www.cindev.nl
Description: A custom WordPress theme, built from the ground up for the "Passie voor Ambacht"-website at http://www.passievoorambacht.nl.
Author: Christian Pouwer, CINDEV
Version: 1.00
*/

/* CSS Reset */
* {
	margin: 0px;
	padding: 0px;
}

/* Fonts */

@font-face {
    font-family: 'old_english_text_mtregular';
    src: url('fonts/old-english-text-mt-webfont.eot');
    src: url('fonts/old-english-text-mt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/old-english-text-mt-webfont.woff') format('woff'),
         url('fonts/old-english-text-mt-webfont.ttf') format('truetype'),
         url('fonts/old-english-text-mt-webfont.svg#old_english_text_mtregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cabinregular';
    src: url('fonts/cabin-regular-webfont.eot');
    src: url('fonts/cabin-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cabin-regular-webfont.woff') format('woff'),
         url('fonts/cabin-regular-webfont.ttf') format('truetype'),
         url('fonts/cabin-regular-webfont.svg#cabinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cabinitalic';
    src: url('fonts/cabin-italic-webfont.eot');
    src: url('fonts/cabin-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cabin-italic-webfont.woff') format('woff'),
         url('fonts/cabin-italic-webfont.ttf') format('truetype'),
         url('fonts/cabin-italic-webfont.svg#cabinitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Typografie */
h2, h3, h4, h5, h6, p, a, li {
	font-family: cabinregular;
}

h1 {
	font-family: cabinregular;
	color: #ffffff;
	font-weight: bolder;
	margin-bottom: 0.5em;
	font-size: 3em;
}

h2 {
	font-family: cabinregular;
	color: #ffffff;
	margin-bottom: 0.5em;
	font-size: 2em;
}

p, ul {
	color: #ffffff;
	font-size: 1.2em;
	margin-bottom: 1em;
}

/* Navigatie */
nav {
	position: relative;
	width: 250px;
	z-index: 7000;
}

nav ul {
	list-style: none;
	padding-top: 240px;
}

nav ul li {
}

nav ul li a {
	color: #ffffff;
	text-decoration: none;
}

nav ul li a:hover {
	color: #cfc32f;
	text-decoration: none;
}


/* Ontwerp @ 1200 breed */
body {
	background-color: #000000;
	background-image: url(images/bg2_wide_04.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	font-family: arial;
	color: #ffffff;
}

#outer_wrapper {
	background-repeat: no-repeat;
	width: 1200px;
	/* height: 1024px; */
	margin: 0px auto;
}

#content_wrapper {
	width: 100%;
	position: relative;
	z-index: 6999;
	margin-top: -150px;
}

#content_default {
	width: 560px;
	margin-left: 200px;
}

#content_default p, ul, li {
	font-family: cabinitalic;
	color: #ffffff;
}

#content_default ul {
	padding-left: 40px;
}

#content_default h1 {
	color: #ffffff;	
 /* color: #123551;
	color: #6c5a50;
	color: #cdc330; */
}

/* Paletten */
#paletten {
	background-position: top right;
	background-repeat: no-repeat;
	width: 100%;
}

#palet_1 {
	position: relative;
	width: 100%;
	height: 860px;
	background-image: url(images/4_paletten/4p4_1_1200a.png);
}

#palet_2 {
	position: relative;	
	width: 100%;
	height: 860px;
	margin-top: -860px;
	background-image: url(images/4_paletten/4p4_2_1200a.png);
}

#palet_3 {
	position: relative;
	width: 100%;
	height: 860px;
	margin-top: -860px;
	background-image: url(images/4_paletten/4p4_3_1200a.png);
}

#palet_4 {
	position: relative;
	width: 100%;
	height: 860px;
	margin-top: -860px;
	background-image: url(images/4_paletten/4p4_4_1200a.png);
}

.z1 {
	z-index: 1300;
}

.z2 {
	z-index: 1200;	
}

.z3 {
	z-index: 1100;
}

.z4 {
	z-index: 1050;
}

.p1 {
	color: #123551;
	position: relative;
	left: 752px;
	top: 9px;
	z-index: 10;
}

.p2 {
	color: #123551;
	position: relative;
	left: 878px;
	top: 42px;
	z-index: 10;
}

.p3 {
	color: #123551;
	position: relative;
	left: 993px;
	top: 108px;
	z-index: 10;
}

.p4 {
	color: #123551;
	position: relative;
	left: 1084px;
	top: 210px;
	z-index: 10;
}

.p1, .p2, .p3, .p4 {
	font-family: old_english_text_mtregular;
	text-decoration: none;
	font-size: 1.5em;
	color: #ffffff;
}

.p1:hover {
	color: #cfc32f;
}

.p2:hover {
	color: #cfc32f;
}

.p3:hover {
	color: #cfc32f;
}

.p4:hover {
	color: #cfc32f;
}

.palet_content {
	position: relative;
	width: 700px;
	height: 520px;
	left: 400px;
	top: 179px;
	z-index: 0;
}

.palet_content_voorstellen {
	position: relative;
	width: 640px;
	height: 520px;
	left: 340px;
	top: 34px;
	z-index: 0;
}

.palet_content h1 {
	font-family: old_english_text_mtregular;
	color: #ffffff;
	/* color: #DBD83D; */
	margin-bottom: 6px;
}

.palet_content p {
	font-family: cabinitalic;
}

.palet_content ul {
	padding-left: 40px;
}

.palet_content ul li {
	font-family: cabinitalic;
	color: #ffffff;
}

.palet_content_voorstellen h1 {
	color: #d8d83d;
}

.paletinfo {
	font-size: 1em;
	margin-bottom: 0px;
}

.img1 { 
	position: relative;
	left: 100px;
	top: -329px;
	
}

.img2 {
	position: relative;
	left: 80px;
	top: -429px;
}

.img3 {
	position:relative;
	left: 110px;
	top: -499px;
}

/* Pagina Achtergronden */
.page-id-17 { /* Even Voorstellen, Inleg */
	background-image: url(images/bg2_wide_01b.jpg);
}

.page-id-9 { /* Lespalet, Hout */
	background-image: url(images/bg2_wide_02.jpg);
}

.page-id-11 { /* Galerij, Marmer */
	background-image: url(images/bg2_wide_03b.jpg);
}

.page-id-13 { /* Inschrijven, Doek & Kwast */
	background-image: url(images/bg2_wide_06.jpg);
}

/* Footer */
footer {
	padding-left: 200px;
}

/* End of 1200px layour */