/* w = s12s */

@import url('http://www.stichting12stappen.nl/css/blueprint/screen.css');
@import url('http://www.stichting12stappen.nl/css/ckEditor.php');
/* overall HTML */

html {
	overflow-y			: scroll;		/* always show scrollbar even when the page has a very short vertical length (for design consistancy) */
}

/* forms */

input[type="submit"] {
	padding-bottom		: 4px;
	width				: 55px;
	height				: 20px;
	border				: 0 none;

	background-color	: transparent;
	background-image	: url('http://www.stichting12stappen.nl/image/s12s/button-search.gif');
	background-repeat	: no-repeat;

	color				: #ffffff;
	font-size			: 10px;
	letter-spacing		: 1px;
}

input[type="text"], input[type="password"], textarea, select {
	border				: 1px solid #4071a9;

	font-family			: arial;
	font-size			: 11px;
}

input[type=text], textarea, textarea:focus {
	padding-left		: 2px;
	padding-right		: 2px;
}

textarea {
	width				: 306px;
	height				: 200px;
	padding-top			: 2px;
	padding-bottom		: 2px;
}

/* generic styles */

.white {
	color				: #ffffff;
}

.noUnderline {
	text-decoration		: none;
}

/* overall design */

#design-mainTable {
	width				: 100%;
}

table tr#design-mainTable-header {
	height				: 97px;
}

table tr#design-mainTable-headerBelow {
	height				: 37px;
}

#design-leftColumn-top {
	background-image	: url('http://www.stichting12stappen.nl/image/s12s/header-left.jpg');
	background-repeat	: no-repeat;
	background-position	: right;

	background-color	: #edf2f8;
}

#design-rightColumn-top {
	background-image	: url('http://www.stichting12stappen.nl/image/s12s/header-right.jpg');
	background-repeat	: no-repeat;
	background-position	: left;

	background-color	: #b4c9e4;
}

#design-center-top {
	background-image	: url('http://www.stichting12stappen.nl/image/s12s/header.jpg');
	background-repeat	: no-repeat;

cursor: pointer;
}

#design-menuColumn {
	width				: 275px;
	color				: #ffffff;
}

/* menu */

ul#menu {
	list-style-type		: none;
}

ul#menu li {
	padding-top			: 6px;
	padding-left		: 24px;
	height				: 24px;
	width				: 190px;

	font-size			: 13px;
	font-family			: Arial;
	font-weight			: bold;

	background-image	: url('http://www.stichting12stappen.nl/image/menu-bg-passive.gif');
	border-bottom		: 1px solid #b6cce4;
}

ul#menu li a, ul#menu li a:active, ul#menu li a:visited {
	color				: #ffffff;
	text-decoration		: none;
}

ul#menu li:hover, ul#menu li.selected {
	background-image	: url('http://www.stichting12stappen.nl/image/menu-bg-active.gif');
	background-color	: #386698;

cursor: pointer;
}

/* searchbox */

form#design-searchBox {
	margin-top			: 43px;
	margin-bottom		: 140px;
	margin-right		: 77px;
}

form#design-searchBox input[type="text"] {
	width				: 174px;
	display				: block;
	float				: right;
}

form#design-searchBox input[type="submit"] {
	display				: block;
	float				: right;
}

/* below menu */

div.design-belowMenu {
	margin-top			: 30px;
	margin-right		: 60px;
}

div.design-belowMenu span {
	margin-bottom		: 2px;
	display				: block;

	font-family			: arial;
	font-size			: 20px;
	font-weight			: bold;
	color				: #ffffff;
}

div.design-belowMenu ul {
	margin-top			: 9px;
	list-style-type		: none;
}

div.design-belowMenu ul li {
	margin-left			: 7px;
	padding-top			: 0px;
	padding-left		: 17px;

	background-image	: url('http://www.stichting12stappen.nl/image/arrow-white.gif');
	background-repeat	: no-repeat;
	background-position	: 0px 7px;
}

div.design-belowMenu ul li a {
	color				: #ffffff;
	text-decoration		: none;
}

div.design-belowMenu ul li a:hover {
	color				: #ffffff;
	text-decoration		: underline;
}

/* menu footer */

#design-menuFooter {
	margin-right		: 4px;
	margin-bottom		: 20px;


	font-family			: Arial;
	color				: #b6cce4;
	text-align			: right;
}

#design-menuFooter a {
	margin-left			: 10px;
	margin-right		: 10px;
	color				: #799fc4;

}

#design-menuFooter img {
	margin-bottom		: 15px;
}

#design-menuFooter a, #design-menuFooter a:hover {
	color				: #799fc4;
	text-decoration		: underline;
}

/* Contactform */

td.contactForm {
	text-align			: right;

	padding-top			: 3px;
	padding-right		: 10px;
}

.contactForm-checkbox {
	padding-top			: 2px;
}

td.contactForm span {
	color				: #4071a9;
}

#design-content .design-textBlock .formCheckbox img {					/* discard the css style inherited from "div.design-textBlock img" */
	width				: 16px;
	height				: 16px;
	float				: left;
	padding				: 0px;
	border				: 1px solid #4071a9;
}