@import "layout.css";

/* ----- Default styles ----- */

body { text-align: center; font: 75%/1.5 sans-serif; color: #566d74; background: #fff url('../gfx/bg.png') top left repeat-x; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
a:hover , a:focus { text-decoration: none; }
label , table { font-size: 100%; }

/* ----- Layout ----- */

#main { text-align: left; background: url('../gfx/headerphoto_index.jpg') left top no-repeat; }

/* ----- Header ----- */

#navigation { background: #fff url('../gfx/bg_header.gif') left bottom repeat-x; }
#logo a { font-size: 200%; color: #1b2022; }
#logo span { background: url('../gfx/logo.png') left top no-repeat; }
#menu li a { text-decoration: none; color: #45565a; background: url('../gfx/seperator.gif') right center no-repeat; }
#menu li.last a { background: none; }
#menu li a:hover , #menu li a:focus , #menu li.active a { color: #fff; background: #e44b01 url('../gfx/bg_activenav.gif') right top repeat-x; }

#main #photoheader h1 { line-height: 1.2; text-transform: uppercase; font-size: 275%; font-weight: bold; color: #333; }
h1 em { text-align: right; text-transform: none; font-weight: normal; font-style: normal; color: #57757b; }0
#main #photoheader h2 { text-align: center; font-size: 200%; color: #292929; }
h2 span { background: url('../gfx/slogan2_index.jpg') left top no-repeat; }

/* ----- Header Visuals for each subpage ----- */

.wat_is_doneerkadobon #main { background: url('../gfx/headerphoto_wat.jpg') left top no-repeat; }
.doneerkadobon_helpt #main { background: url('../gfx/headerphoto_welke.jpg') left top no-repeat; }
.hoe_kan_ik_een_kadobon_doneren #main { background: url('../gfx/headerphoto_hoe.jpg') left top no-repeat; }
.contact #main { background: url('../gfx/headerphoto_contact.jpg') left top no-repeat; }
.nieuws_over_doneerkadobon #main { background: url('../gfx/headerphoto_nieuws.jpg') left top no-repeat; }
.sitemap #main { background: url('../gfx/header_no_photo.jpg') left top no-repeat; }

/* ----- Indexpage 3 highlight blocks ----- */

#highlights h2 { font-size: 110%; text-transform: uppercase; color: #fff; }
#highlights .highlighttitle { text-decoration: none; color: #fff; }
#highlights { color: #cdcece; background-color: #1c2122; }
#highlights li { background: url('../gfx/icon_hand.gif') 25px top no-repeat; }
#highlights li a { text-decoration: underline; color: #cdcece; }
#highlights li a:hover { text-decoration: none; color: #cdcece; }

/* ----- Content ----- */
	
#maincontent { color: #000; background-color: #fff; }
#maincontent a { color: #fe5c11; }
.column , #content { background-color: #fff; padding-top: 0px; }
#content { line-height: 1.7; }
#sub h2 { font-size: 180%; color: #fe5c11; }

#sub #maincontent { background: #fff url('../gfx/bg_content.gif') top left repeat-x; }
#search {color: #fff; background-color: #1c2122; }
#search label { font-weight: bold; color: #cdcece; }
#search input { color: #fff; background-color: #32393a; }
#submenu { background: url('../gfx/column.png') right 1px no-repeat; }
div[class] #submenu { background-position: right top; }
#submenu li { background: url('../gfx/icon_arrow.gif') 2px center no-repeat; font-weight: bold; }
#submenu li a { text-decoration: none; color: #333; }
#submenu li a:hover , #submenu li a:focus , #submenu li.active a { color: #fe5c11; }

/* ----- Footer ----- */
	
#footer { color: #31464c; }
#footer a { text-decoration: none; color: #31464c; }
#footer a:hover , #footer a:focus { text-decoration: underline; color: #1c2122;  }

/* ----- Table style 'welke doelen'/'kadobonnen' ----- */

.doelen th {
	font-weight: bold; color: #082b4d; padding: 2px 3px 0px 7px;
}
.doelen td {
	color: #333; padding: 3px 3px 1px 6px;
}
.bgbluerow { 
	background-color: #edeff2; 
}
.kadobonnen {
	width: 100%;
}
.kadobonnen td {
	color: #333; padding: 3px 3px 1px 12px;
}
.kadobonnen .bon {
	background-color: #fff;
}

/* ----- Forms ----- */

.inputField {
	height:14px; width:170pt; margin-bottom: 0.2em; margin-left: 2em; padding-top: 1px; font-size: 1em; font-family: Arial, Tahoma, sans-serif; border: 1px solid; border-color: #666 #ccc #ccc #666; 
}

.textArea {
	height:7.5em; width:170pt; margin-bottom: 0em; margin-left: 2em; padding: 1px; font-size: 1em; font-family: Arial, Tahoma, sans-serif; border: 1px solid; border-color: #666 #ccc #ccc #666; 
}

textArea:focus, input:focus {
	background-color: #EAEBEE; 
}
	
input.button {
	width: 6em; padding: 0px; margin: 0.5em 0em 0.5em 2em; font-size: 1em; font-weight: bold; color: #FFF; background-color: #ff7600; border: 1px solid; border-color: #ccc #666 #666 #ccc; cursor: pointer; 
}

.leesmeer {
	color: #fe5c11;
	font-weight: normal;
	text-decoration: underline;
	font-style: normal;
}