/* ======================================================
   Atelier Galerie Kempro basic style sheet, versie 2008
    Copyright 2008 DevinoICT
====================================================== */


/* ------------------------------------------------------
   Standaard HTML definities
------------------------------------------------------ */

/* Verwijderen borders van images met een link */ 
a img{border:none;}

/* Standaard lettertype */
body, h1, h2, h3, h4, h5, h6, td, page_header{
	font: 11px Helvetica, verdana, tahoma, Geneva, Arial, sans-serif;
	color: #000;
	font-size: 0.9em;
}

/* Headers : h1 wordt gebruikt voor de koppen in het content-gedeelte
h2 wordt gebruikt voor de overige koppen binnen de content */
h1, page_header{font-weight: bold; font-size: 1.1em}
h2{font-size: 1em;}

/* Standaard paragraaf instelling */
p{padding: 0px 0px 9px 0px;line-height:17px;margin:0px}

/* Link kleuren */
a:link{color:#000000;text-decoration: underline;}
a:visited{color:#000000;}
a:hover{color:#CC0000;text-decoration: underline;}
a:active{color:#CC0000;}

/* Geordende en ongeordende lijst elementen */
li{margin-bottom:0px}
ul,ol{margin-left:25px}

/* Class gebruikt voor uitlijnen tekst rond images */
div.left{float:left;margin: 0px 9px 0px 0px}
div.right{float:right;margin: 0px 5px 0px 9px}

img.left{float:left;margin: 2px 9px 2px 0px}
img.right{float:right;margin: 2px 5px 2px 9px}

div.agenda{float:left;margin-left: 75px}
/* ------------------------------------------------------
   Instellingen/positionering achtergrond e.d.
------------------------------------------------------ */
body { 
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}

	#Container
	{
	width: 867px;
	text-align: left;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}

/* ------------------------------------------------------
   Pagina kop
------------------------------------------------------ */

	#Header
	{
	height: 307px;
	border-left:0px solid #000;
	border-right: 0px solid #000;
	border-top:0px solid #000;
	padding-left: 0px;
	}	
	
	#Header_home
	{
	height: 406px;
	border-left:0px solid #000;
	border-right: 0px solid #000;
	border-top:0px solid #000;
	padding-left: 0px;
	}	
	
	
	.atelier #Header{background-image: url(../atelier/images/bg_header2.jpg)}
	.galerie #Header{background-image: url(../galerie/images/bg_header.jpg)}
	.kunst #Header{background-image: url(../kunst/images/bg_header.jpg)}
	.keramiek #Header{background-image: url(../keramiek/images/bg_header.jpg)}
	.papier #Header{background-image: url(../papier/images/bg_header.jpg)}
	.links #Header{background-image: url(../links/images/bg_header.jpg)}
	.uitleen #Header{background-image: url(../uitleen/images/bg_header.jpg)}
	.Buitleen #Header{background-image: url(../kunstuitleen/images/bg_header.jpg)}
	.cards #Header{background-image: url(../cards/images/bg_header.jpg)}	
	.contact #Header{background-image: url(../contact/images/bg_header.jpg)}
	.puik #Header{background-image: url(../puikweek/images/bg_header.jpg)}
	.home #Header_home{background-image: url(../images/bg_header.jpg)}
	.tentoon #Header{background-image: url(../musevery/images/bg_header.jpg)}
	
/* ------------------------------------------------------
   Navigatie (main-menu)
------------------------------------------------------ */

/* Positionering background en instellen navigatie borders*/

	#Navigation
	{
	height: 219px;
	width: 224px;
	border-left:0px solid #000;
	border-right: 0px solid #000;
	float: left;
	margin-right: 15px;
	}

/* instellen juiste achtergrond kleur navigatie */
	.atelier #Navigation{background-image: url(../atelier/images/bg_navigatie.jpg);}
	.galerie #Navigation{background-image: url(../galerie/images/bg_navigatie.jpg)}
	.kunst #Navigation{background-image: url(../kunst/images/bg_navigatie.jpg)}
	.keramiek #Navigation{background-image: url(../keramiek/images/bg_navigatie.jpg)}
	.papier #Navigation{background-image: url(../papier/images/bg_navigatie.jpg)}
	.links #Navigation{background-image: url(../links/images/bg_navigatie.jpg)}
	.uitleen #Navigation{background-image: url(../uitleen/images/bg_navigatie.jpg)}
	.Buitleen #Navigation{background-image: url(../kunstuitleen/images/bg_navigatie.jpg)}
	.cards #Navigation{background-image: url(../cards/images/bg_navigatie.jpg)}	
	.contact #Navigation{background-image: url(../contact/images/bg_navigatie.jpg)}
	.puik #Navigation{background-image: url(../puikweek/images/bg_navigatie.jpg)}
	.home #Navigation{background-image: url(../images/bg_navigatie.jpg)}
	.tentoon #Navigation{background-image: url(../musevery/images/bg_navigatie.jpg)}
	
	#Navigationtekst
	{
	margin-left: 8px;
	margin-top: 10px;
	}
	
a.Navigation:link{color:#FFFFFF;text-decoration: none;font-size: 17px;}
a.Navigation:visited{color:#FFFFFF;font-size: 17px;text-decoration: none;}
a.Navigation:hover{color:#FFFFFF;text-decoration: underline;font-size: 17px;}
a.Navigation:active{color:#FFFFFF;font-size: 17px;}

/* instellen huidige sectie vetgedrukt in navigatie */
.atelier #nav1, .galerie #nav2, .kunst #nav3, .keramiek #nav4, .papier #nav5, .links #nav6, .uitleen #nav7, .cards #nav8, .contact #nav9, .tentoon #nav0 a{font-weight: bold}

/*------------------------------------------------------
Alles onder de header
------------------------------------------------------*/

	#contentmenu
	{

	background-image: url(../images/horiz_line.jpg);
	background-repeat: repeat-y;
	margin-left: 80px;
	margin-top: 22px;
	}
	
		a.contentmenu:link{text-decoration: none;font-size: 12px;}
		a.contentmenu:visited{font-size: 12px;text-decoration: none;}
		a.contentmenu:hover{text-decoration: underline;font-size: 12px;}
		a.contentmenu:active{font-size: 12px;}

 .page00 #link00, .page01 #link01, .page02 #link02, .page03 #link03, .page04 #link04, .page05 #link05, .page06 #link06, .page07 #link07, .page08 #link08, .page09 #link09, .page10 #link10, .page11 #link11, .page12 #link12, .page13 #link13, .page14 #link14, .page15 #link15, .page16 #link16, .page17 #link17, .page18 #link18, .page19 #link19, .page20 #link20 a{font-weight: bold}
	
	#content
	{
	margin-left: 8px;
	margin-top: 8px;
	}	
/* kleur instellen 1e alinea (H1) */	
		.atelier h1{color: #333366}
		.galerie h1{color: #CC0000}
		.kunst h1{color: #b74646}
		.keramiek h1{color: #6a5835}
		.papier h1{color: #615944}
		.links h1{color: #bd7332}
		.uitleen h1{color: #d06d00}
		.Buitleen h1{color: #d06d00}
		.cards h1{color: #a7715c}
		.contact h1{color: #604438}
		.puik h1{color: #5d8145}
		.home h1{color: #b71d22}
		.tentoon h1{color: #b74646}

/* kleur instellen content-menu en links in content */
		.atelier a{color: #333366}
		.galerie a{color: #CC0000}
		.kunst a{color: #b74646}
		.keramiek a{color: #6a5835}
		.papier a{color: #615944}
		.links a{color: #bd7332}
		.uitleen a{color: #d06d00}
		.Buitleen a{color: #d06d00}
		.cards a{color: #a7715c}
		.contact a{color: #604438}
		.puik a{color: #5d8145}	
		.home a{color: #b71d22}
		.tentoon a{color: #b74646}

		.atelier #contentmenu a:visited{color: #333366}
		.galerie #contentmenu a:visited{color: #CC0000}
		.kunst #contentmenu a:visited{color: #b74646}
		.keramiek #contentmenu a:visited{color: #6a5835}
		.papier #contentmenu a:visited{color: #615944}
		.links #contentmenu a:visited{color: #bd7332}
		.uitleen #contentmenu a:visited{color: #d06d00}
		.Buitleen #contentmenu a:visited{color: #d06d00}
		.cards #contentmenu a:visited{color: #a7715c}
		.contact #contentmenu a:visited{color: #604438}
		.puik #contentmenu a:visited{color: #5d8145}
		.home #contentmenu a:visited{color: #b71d22}			
		.tentoon #contentmenu a:visited{color: #b74646}
		
	#footer
	{
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	height: 42px;
	margin-bottom: 10px;
	}