/*	===============================================================================================
		Bestand:	HW_sypel.css
		Functie:	Definitie zwembadkleuren
		Project:	Harderwijk
		Door:			Zinster Webdesign
		
		datum:		op 27 januari aangeleverd gekregen van GX (Johan Veldkamp)


		Datum laatste check: 29-01-2009
		
	 	Blauwe letters: #00387b
		Donkerblauw:		#008093	
		Middenblauw:		#9ad7de		LI
		Lichterblauw:		#ceebea		LI LI 
		Lichtstblauw:		#e9f8f7	 dff2f1	LI LI LI
		=============================================================================================== */

/* Afwijkend gedrag voor de "Current" link -------------------------------------------------------- */

#nav .currentLink2 {
	background-image:url(../images/driehoekZwe.jpg);
}

#nav .currentLink {
	background-image:url(../images/driehoekZweLb.jpg);
}

/* P!M 17/12 Begin */
#nav .currentLinkL1 {
	background-image:url(../images/driehoekZweDb.jpg); /* P!M 08/01 Donker blauw!!!!! */
}

#nav .currentLinkL2 {
	background-image:url(../images/driehoekZwe.jpg);
}
/* P!M 17/12 Eind */

/* Standaard kleuren navigatie lijsten ------------------------------------------------------------ */
#nav li {
	background-color:#9ad7de;
	color:#00387b;
}

#nav li a:link {
	color:#00387b;
}

#nav li a:visited {
	color:#56B6EA;
}

#nav li a:hover {
	color:#007cbf;
}

#nav li li {
	background-color:#ceebea;
}

#nav li li li {
	background-color:#dff2f1;
}

.noneHover:hover ul ul {
	background-color:#ceebea;
}

/* Classes algemeen ============================================================================== */

.h1_BG_blauw {
	background-image:url(../images/wittePijlSypelBlauwBG.gif);
	background-color:#008093;
}

.p_BG_blauw {
	background-color:#ceebea;
	}

/* Classes Sypel ================================================================================= */

#Wrapper {
	background-image:url(../images/HW_bgSypel.jpg);
}

#Header {
	background-color:#008093;
}

#Navigatie h1 {
	background-color:#008093;
}

#Sitewide {
	background-color:#9ad7de;
}

#ContentWrapper {
	background-image:url(../images/HW_bgSypel_rechts.jpg);
	}

#Zoek {
	background-color:#008093;
}

#Sypelbanner {
	float:right;
	width:90px;
	background-color:#008093;
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
	padding:10px 20px 10px 20px;
}

.logoSypel {/*gewijzigd 18-01-2009*/
	/*margin-top:10px;*/
	/*position:absolute;*/
	/*bottom:-22px;*/
	margin-bottom:-20px;
}

.disclaimer {/*gewijzigd 16-12-08*/
	background-color:#9ad7de;
	margin-top:0px;/*toegevoegd*/
}

#footer {/*gewijzigd 18-01-2009*/
	background-image:none;
	/*margin:-22px auto 0 auto;*/
	margin:0px auto 0 auto;/*aaa*/
}

/* Tabellen algemeen ============================================================================= */

table {
	border-left:1px solid #008093;
	border-top:1px solid #008093;
	border-bottom:1px solid #008093;
}

td {
	color:#00387b;
	border-right:#008093 solid 1px;
}

th {
	background-color:#008093;
}
.th_right {
	border-right:#008093 solid 1px;
}

.odd {
	background-color:#ceebea;
}

/* aparte classes voor de agenda functie uitgebreid ============================================== */

.padding_odd { /* Intro op agendafunctie uitgebreid */
	padding:8px;
	background-color:#ceebea;
}

.th_right_padding { /* Geen witte border rechts in de agendafunctie uitgebreid */
	border-right:#008093 solid 1px;
}

.odd_padding_border-top{/* Border op agendafunctie uitgebreid */
	background-color:#ceebea;
	border-top:#008093 solid 1px;
}

/* Gastenboek ======================================================================= */

.frmButtonGasten {
	background-color:#008093;
}

/* Tabellen personen ============================================================================= */

.tablePersonenFoto_odd td {
	background-color:#ceebea;
}

.tablePersonen_odd td {
	background-color:#ceebea;
}

.tableImg {
	border:1px solid #008093;
}

.tableImgOdd {
	border:1px solid #008093 ;
}

.tableImgGroot {
	border:1px solid #008093;
}

/* Form settings ==================================================================== */

input {
	color:#0062a1;
	border:1px solid #008093;
}

textarea {
	border:1px solid #008093;
}

select {
	border:1px solid #008093;
}

input.frmButton {
	background-color:#008093;
}

.info {
	background-color:#ceebea;
	background-image:url(../../Sypel/images/HW_formPijl_Syp.gif);
}

/* form settings voor Personen uitgebreid ------------------------------------------- */
.inputPersonen {
	border:1px solid #008093;
}
	
.frmButtonPersonen {
	background-color:#008093;
}

/* Lijst settings =================================================================== */

.ulLink ul {
	color:#007cbf; /* I.v.m. list-style-type color: zie FAQ */
}

/* Poll settings ==================================================================== */

.pollUitslagGrafisch {
	background-color:#008093;
}