/*
  Stylesheet voor De Protestantse Gemeente Zwolle

  Crafting Media Ontwerpstudio, Hoogeveen.
  http://www.craftingmedia.com

  Copyright (c) 2007 Crafting Media Ontwerpstudio
*/

/*Hier volgt de opmaak voor de layout*/

html {
	background-image: url(pixels/body_bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #fff;
}

body {
	background-image: url();
	background-position: top;
	background-repeat: repeat;
	margin: 0;
	text-align: center;	
}

#container {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000;
	text-align: left;
	vertical-align: top;
}

/*Hier volgt de opmaak voor de lis van het topmenu*/

#topmenu {
	position: absolute; right: 100px; top: 10px;
	width: 290px;
	height: 26px;
	margin: 0px;
	z-index: 30;
}	

/*Hier volgt de opmaak voor de header*/

#header {
	position: absolute; left: 0px; top: 0px;
	width: 100%;
	height: 320px;
	margin: 0;
}	

#headerlogo_gr {
	position: absolute; left: 0px; top: 0px;
	width: 350px;
	height: 320px;
	background-image: url(pixels/layout_logo_gr.jpg);
	background-position: top;
	background-repeat: no-repeat;
}	

#headernaamlogo {
	position: absolute; left: 278px; top: 38px;
	width: 250px;
	height: 73px;
	background-image: url(pixels/layout_naamlogo.jpg);
	background-position: top;
	background-repeat: no-repeat;
}	

#headerlogo_kl {
	position: absolute; right: 0px; top: 0px;
	width: 179px;
	height: 320px;
	background-image: url(pixels/layout_logo_kl.jpg);
	background-position: top;
	background-repeat: no-repeat;
}	

#kerkinbeeld {
	position: absolute; left: 284px; top: 115px;
	width: 316px;
	height: 132px;
	visibility: visible;
}	

p.layout_kerkinbeeld {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #d3433f;
	margin: 0px;
}

/*Hier volgt de opmaak voor het content gedeelte*/

#content {
	position: absolute; left: 0px; top: 320px;
	width: 100%;
	height: 650px;
	margin: 0;
	z-index: 10;
}	

/*Hier volgt de opmaak voor het linker menu*/

#linkermenu {
	position: absolute; left: 22px; top: 0px;
	width: 161px;
	height: 380px;
	margin: 0px;
	padding: 0px;
	z-index: 20;
}

/*Hier volgt de opmaak voor het main gedeelte*/

.layout_left {
	width: 140px;
	background-image: url(pixels/layout_filler-left.jpg);
	background-position: left;
	background-repeat: repeat-y;
}

.layout_main {
	width: 100%;
	height: 650px;
	margin: 0px;
	padding: 0px;
	padding-left: 70px;
	padding-right: 35px;
	vertical-align: top;
}

.layout_right {
	width: 160px;
	background-image: url(pixels/layout_filler-right.jpg);
	background-position: right;
	background-repeat: repeat-y;
}

/*Hier volgt de opmaak voor het rechterbasis & menu + ads*/

#rechtermenu {
	position: absolute; right: 9px; top: 150px;
	width: 161px;
	height: 600px;
	margin: 0px;
	padding: 0px;
	z-index: 20;
}

/*Hier volgt de opmaak voor het footer*/

.layout_footer {
	width: 100%;
	height: 30px;
	background-color: #ec8d21;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/* Hier volgt de opmaak voor list van het linkermenu */

p#menu {
	font-style: normal;
	font-weight: bold;
	color: #000;
	border-bottom: 1px;
	border-bottom-color: #D48A2B;
	border-bottom-style: solid;
	width: 54px;
	padding-bottom: 2px;
}

#navlist1 {
	width: 146px;
	margin: 0px;
	padding-left: 15px;
}

#navlist1 li {
	list-style-type: disc;
	margin: 5px;
	padding: 5px;
}

#navlist1 li a { 
	text-decoration: none; 
}

#navlist1 a:link {
	color: #000;
	text-decoration: none;
}

#navlist1 a:visited {
	text-decoration: none;
	color: #000;
}

#navlist1 a:hover {
	text-decoration: none;
	color: #000;
	border-bottom: 1px;
	border-bottom-color: #D48A2B;
	border-bottom-style: solid; 
}

#navlist1 a:active {
	text-decoration: none;
	color: #D48A2B;
}

/* Hier volgt de opmaak voor list van het rechtermenu */

p.rechtermenuheader {
	font-style: normal;
	font-weight: bold;
	font-size: 8pt;
	color: #000;
	border-bottom: 1px;
	border-bottom-color: #D48A2B;
	border-bottom-style: solid;
	padding-bottom: 4px;
	width: 161px;
}

.navlist2 {
	width: 100%;
	margin: 0px;
	padding-left: 0px;
}

a.navlist2:link {
	color: #000;
	text-decoration: none;
}

a.navlist2:visited {
	text-decoration: none;
	color: #000;
}

a.navlist2:hover {
	text-decoration: none;
	color: #000;
	border-bottom: 1px;
	border-bottom-color: #D48A2B;
	border-bottom-style: solid;
}

a.navlist2:active {
	text-decoration: none;
	color: #D48A2B;
}

.layout_kerkblock {
	height: 33px;
	padding-left: 3px;
}

/* Hier volgt de opmaak voor list van het topmenu */

#navlist3 {
	width: 100%;
	margin: 0px;
	padding-left: 0px;
}

#navlist3 li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 5px;
}

#navlist3 li a { 
	text-decoration: none; 
}

#navlist3 a:link {
	color: #000;
	text-decoration: none;
}

#navlist3 a:visited {
	text-decoration: none;
	color: #000;
}

#navlist3 a:hover {
	text-decoration: none;
	color: #000;
	border-bottom: 1px;
	border-bottom-color: #D48A2B;
	border-bottom-style: solid;
}

#navlist3 a:active {
	text-decoration: none;
	color: #D48A2B;
}

/*Hier volgen de de styles voor de overige opmaak*/

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #333333;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #D48A2B;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: italic;
	color: #D34440;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	color: #000;

}

h5 {

}

h6 {

}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000;
}

p.layout_small {
	font-size: 7pt;
	margin: 0px;
	padding: 0px;
	color: #ffecc1;
}

a:link {
	color: #000;
}
a:visited {
	color: #666;
}
a:hover {
	color: #d3433f;
}
a:active {
	color: #000;
}

/* Hier volgt de opmaak voor de menuafbeeldingen*/

a.menuafbeelding:link {
	color: #ffd88c;
}
a.menuafbeelding:visited {
	color: #ffd88c;
}
a.menuafbeelding:hover {
	color: #ffd88c;
}
a.menuafbeelding:active {
	color: #ffd88c;
}

/* Hier volgt de opmaak voor de designer-link*/

a.designerlink:link {
	color: #ffecc1;
	text-decoration: none;
}
a.designerlink:visited {
	color: #ffecc1;
	text-decoration: none;
}
a.designerlink:hover {
	color: #d3433f;
	text-decoration: none;
}
a.designerlink:active {
	color: #ffeb7b;
	text-decoration: none;
}