/***********************************************/
/* screen.css                                  */
/* Use with massageinbeweging.nl               */
/* Copyright © 2007-2010 Web2Many              */
/***********************************************/

/**
 * = Typography and text styles
 * ----------------------------------------------------------
 */

	html{
		font-size: 100%;
	} 

	body {
		font-size: 62.5%;
		font-family: Arial, sans-serif;
		line-height: 1.7;
		color: #33241e;
		background: #faf2ed url(../images/sub_background.jpg) repeat-x;
	}

	body#home {
		background: #faf2ed url(../images/background.jpg) repeat-x;
	}

	strong, th, thead td, h1, h2, h3, h4, h5, h6 {
		font-weight: bold;
	}

	#content ul {
		list-style: disc;
		padding: 10px 0 10px 16px;
	}

	#content ol {
		list-style-type: decimal;
		padding: 10px 0 10px 16px;
	}

	#content ul ul, #content ol ul, #content ol ol, #content ul ol {
		padding: 0 0 0 20px;
	}	
	
	h1, h2 {
		line-height: 1.1;
		color: #530709;
	}
	
	h3, h4 {
		line-height: 1.1;
		color: #ed3224;
	}

	h1 a:link, h1 a:visited, h1 a:hover, h1 a:active,
	h2 a:link, h2 a:visited, h2 a:hover, h2 a:active{
		color: #530709;
		border: 0;
	}
	
	h3 a:link, h3 a:visited, h3 a:hover, h3 a:active,
	h4 a:link, h4 a:visited, h4 a:hover, h4 a:active {
		color: #ed3224;
		border: 0;
	}


	h1 {
		font-size: 2em;
		margin: 5px 0 10px 0;
	}

	h2 {
		font-size: 1.5em;
		margin: 20px 0 10px 0;
	}

	h3 {
		font-size: 1.2em;
		margin: 20px 0 5px 0;
	}

	h4 {
		font-size: 1.1em;
		margin: 10px 0 5px 0;
		color: #3b2923;
	}

	h5 {
		font-size: 1em;
		margin: 8px 0 6px 0;
	}

	h6 {
		font-size: 0.9166em;
		margin: 8px 0 6px 0;
	}

	p {
		padding-bottom: 12px;
	}
	
	hr {
		height: 1px;
		border: 0px;
		background-color: #ddb4b0;
		color: #ddb4b0;
	}

	a {
		text-decoration: none;
		border-bottom: 1px solid;
	}

	a:link {
		color: #007fac;
		border-color: #abd5e4;
	}

	a:visited {
		color: #006b91;
		border-color: #abcedb;
	}

	a:hover,
	a:active {
		color: #0090c4;
		border-color: #0090c4;
	}

/**
 * = Page structure and layout
 * ----------------------------------------------------------
 */

	/* Structure */

	#container {
		width: 958px;
		font-size: 1.2em;
		margin: 0 auto 30px auto;
	}

	#header {
		position: relative;
		height: 160px;
	}

	body#home #header {
		height: 380px;
	}

	#content {
		background: #fff;
	}

	#content {
		padding: 0 24px 40px 24px;
	}

	#indexcontent {
		width: 626px;
		padding: 0 54px 0 0;
		float: left;
	}

	.indexcontenthalf {
		width: 273px;
		padding: 0 40px 0 0;
		float: left;
	}

	#indexsidebar,
	#submenu {
		width: 230px;
		float: left;
		min-height: 1px;
	}
	
	#subcontent {
		width: 645px;
		padding: 0 0 0 35px;
		float: left;
		position: relative;
	}

	/* Logo */

	#header h1 {
		width: 390px;
		height: 120px;
		background: url(../images/logo.png) no-repeat;
		text-indent: -9999px;
		position: absolute;
		margin: 0;
	}

	#header h1 a {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
	}

	/* Search */

	#search ul {
		float: right;
		padding: 64px 0 0 0;
	}

	#search li {
		float: left;
		padding: 0 0 0 5px;
	}
	
	#search ul li.last {
		padding-right: 0;
	}
	
	#search .input-button {
		background: url(../images/search_button.gif) no-repeat 0px 0px;	
	  	width: 26px;
	  	height: 26px;
		border: 0;
		cursor:pointer;
	}
	
	#search .input-button:hover {
		background: url(../images/search_button.gif) no-repeat -26px 0;
	}
	
	#search .input-text {
		background: url(../images/searchbox.png) no-repeat 0px 0px;
		color:#ddb4b0;
		clear: right;
		border: 0;
		margin: 0;
		padding: 5px 10px;;
		width: 190px;
		height:16px;
	}


	/* Navigation */

	#navigation {
		width: 958px;
		background: #0685b2 url(../images/navigation_background.gif) no-repeat;
		position: absolute;
		top: 120px;
		left: 0;
	}

	#navigation li {
		float: left;
		padding: 0 10px 0 0;
	}

	#navigation li a {
		display: block;
		line-height: 40px;
		padding: 0 20px;
		border: 0;

	}

	#navigation li a:link,
	#navigation li a:visited {
		color: #fff;
	}

	#navigation li a:hover,
	#navigation li a:active {
		color: #fff;
		background: #006588 url(../images/navigation_alternative_background.gif) repeat-x 0 -40px;
	}

	#navigation li.selected a:link,
	#navigation li.selected a:visited,
	#navigation li.selected a:hover,
	#navigation li.selected a:active {
		background: #006588 url(../images/navigation_alternative_background.gif) repeat-x;
	}

	/* Focus */

	#focus ul {
		background: #000;
		position: absolute;
		top: 160px;
		left: 0;
	}

	#focus li {
		float: left;
	}

	#focus li.focus1 {
		border-right: 2px solid #fff;
		background: url(../images/focus1.jpg) no-repeat;
	}

	#focus li.focus2 {
		border-right: 2px solid #fff;
		background: url(../images/focus2.jpg) no-repeat;
	}

	#focus li.focus3 {
		border-right: 2px solid #fff;
		background: url(../images/focus3.jpg) no-repeat;
	}

	#focus li.focus4 {
		background: url(../images/focus4.jpg) no-repeat;
	}

	#focus li.focus4 {
		padding: 0;
	}

	#focus li a {
		display: block;
		font-size: 22px;
		width: 238px;
		height: 60px;
		text-align: center;
		line-height: 60px;
		padding: 160px 0 0 0;
		border: 0;
	}

	#focus li a:link,
	#focus li a:visited {
		color: #fddce3;
	}

	#focus li a:hover,
	#focus li a:active {
		color: #fff;
	}

	/* Breadcrumb */

	#breadcrumb {
		line-height: 30px;
		border-bottom: 1px solid #ddb4b0;
		color: #90372e;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.9166em;
		margin: 0 0 30px 0;
	}

	#breadcrumb a:link,
	#breadcrumb a:visited {
		color: #90372e;
		border-color: #ddb4b0;
	}

	#breadcrumb a:hover,
	#breadcrumb a:active {
		color: #33241e;
		border-color: #33241e;
	}

	/* Index */

	#indexcontent h2 {
		margin-top: 0;
	}

	/* News */

	body#home #news h4 {
		margin-bottom: 0;
	}

	#news .date {
		color: #ddb4b0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.9166em;
	}
	
	#news .dotted {
		clear: both;
		background: none;
		border-top: 1px solid #ddb4b0;
		display: block;
		height: 1px;
		margin: 15px 0;
		padding:0;
	}
	
	#news img {
		padding:0;
		margin: 0px 15px 15px 0px;
		border:none;
		float: left;
		display: inline;
	}


	/* Noticebox */

	.noticebox {
		background: #faf2ed;
		padding: 20px;
	}

	.noticebox h3 {
		margin: 0 0 12px 0;
		padding: 0 0 10px 0;
		border-bottom: 1px solid #ddb4b0;
	}

	.noticebox span {
		font-weight: bold;
		color: #90372e;
	}

	/* Button */

	a.button {
		display: block;
		border: 0;
		line-height: 2.5;
		text-align: center;
		font-weight: bold;
		color: #fff;
	}

	a.button:link,
	a.button:visited {
		color: #fff;
		background: #ed3224;
	}

	a.button:hover,
	a.button:active {
		color: #fff;
		background: #9f1d21;
	}

	a.button:active {
		background: #33241e;
	}

	/* Subnavigation */

	#submenu ul {
		background: #198cb4;
		list-style-type: none;
		padding: 20px;
	}

	#submenu li {
		border-bottom: 1px solid #9ccddf;
	}

	#submenu a {
		display: block;
		padding: 0 0 0 10px;
		line-height: 35px;
		border: 0;
	}

	#submenu a:link,
	#submenu a:visited {
		color: #f7f6f2;
	}

	#submenu a:hover,
	#submenu a:active {
		color: #faf2ed;
		background: #00678b;
	}

	#submenu li.selected {
		border: 0;
	}
	
	#submenu li.selected a:link,
	#submenu li.selected a:visited,
	#submenu li.selected a:hover,
	#submenu li.selected a:active {
		background: #3b9dbf;
		color: #f7f6f2;
	}

	#submenu li ul {
		padding: 10px;
		background: #fff;
	}

	#submenu li li,
	#submenu li li.selected {
		border-bottom: 1px solid #d2e0e9;
	}

	#submenu li.selected li a:link,
	#submenu li.selected li a:visited {
		line-height: 30px;
		color: #000;
		background: #fff;
	}

	#submenu li.selected li a:hover,
	#submenu li.selected li a:active {
		line-height: 30px;
		color: #33241e;
		background: #eae2d5;
	}

	#submenu li.selected li a:hover,
	#submenu li.selected li a:active,
	#submenu li li.selected a:link,
	#submenu li li.selected a:visited,
	#submenu li li.selected a:hover,
	#submenu li li.selected a:active {
		color: #33241e;
		background: #e6f6fb;
	}

	#submenu li li.selected a {
		font-weight: bold;
	}

	/* Gallery */

	#content .gallery {
		padding: 0 0 30px 0;
	}

	#content .gallery a {
		border: 0;
		display: block;
	}

	#content .gallery img {
		display: block;
	}

	#content .gallery ul {
		width: 255px;
		float: right;
		list-style-type: none;
		padding: 0;
		position: relative;
		min-height: 235px;
	}

	#content .gallery li {
		float: left;
		padding: 0 0 10px 10px;
	}

	#content .gallery li.active {
		padding: 0 10px 0 0;
		position: absolute;
		top: 0;
		left: -390px;
	}

	#content .gallery a.button {
		width: 245px;
		line-height: 40px;
	}

	#itemsGallerySpacer {
		width: 380px;
		height: 265px;
		float: left;
	}

	#collectionItem {
		width: 380px;
		float: left;
	}

	/* Collection */

	.collection,
	.special {
		padding: 0 0 20px 248px;
		position: relative;
		min-height: 170px;
	}

	.collection img,
	.special img {
		position: absolute;
		width: 238px;
		top: 0;
		left: 0px;
	}

	.collection a.img,
	.special a.img {
		display: block;
		border: 0;
	}

	/* Slideshow */

	#slideshow {
		position: absolute;
		top: 30px;
		left: 330px;
	}

	/* Form */

	select {
		padding: 2px;
		font-size: 11px;
		font: 300 12px/14px Arial, sans-serif;
		border: #000000 1px solid;
	}
	
	textarea {
		height: 80px;
	}
	
	form {
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	
	label {
		font-size: 100%;
		color: #000000;
		font-weight: bold;
	}
	
	form dl dt {
		padding: 0 0 2px;
	}
	
	form dl dd {
		padding: 0 0 8px;
	}
	
	.text{
		width: 300px;
	}
	
	.textsmall{
		width: 150px;
	}
	
	#activity {
		width: 400px;
	}
	
	#name {
		width: 200px;
	}
	
	#email {
		width: 300px;
	}
	
	#message {
		width: 400px;
	}

	/* Footer */

	#footer {
		height: 60px;
		line-height: 60px;
		background: #33241e url(../images/footer_background.gif) repeat-x;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		color: #fff;
	}

	#footer li {
		display: inline;
		padding: 10px;
	}

	#footer li a:link {
		color: #fff;
		border-color: #ddb4b0;
	}

	#footer li a:visited {
		color: #fff;
		border-color: #816d66;
	}

	#footer li a:hover,
	#footer li a:active {
		color: #fff;
		border-color: #fff;
	}

/**
 * = Defaults
 * ----------------------------------------------------------
 */

	/* Pagination */

	.pagination-wrap {
		width: 100%;
		overflow: hidden;
	}

	.pagination {
		float: left;
		position: relative;
		left: 50%;
	}

	.pagination ul {
		padding: 18px 0;
		z-index: 2;
		overflow: hidden;
		position: relative;
		left: -50%;
	}

	.pagination li {
		float: left;
		list-style: none;
		margin: 0 5px 0 0;
		text-decoration: none;
		padding: 0;
		line-height: 15px;
		font-size: 12px;
		text-align: center;
	}

	.pagination li span {
		float: left;
		display: block;
		padding: 4px 5px;
		color: #CCC;
		min-width: 12px;
	}

	.pagination li.currentpage span {
		font-weight: 700;
		color: black;
	}

	.pagination li.selected span {
		padding: 4px 5px;
		font-weight: 700;
		color: black;
	}

	.pagination li a:link,
	.pagination li a:visited {
		float: left;
		display: block;
		padding: 3px 4px;
		border: 1px solid #ddb4b0;
		text-decoration: none;
		min-width: 12px;
	}

	li.ellipsis {
		margin: 0;
	}

	li.ellipsis span {
		color: black;
	}

	.pagination li a:hover,
	.pagination li a:active {
		background: #f5dfdf;
		border: 1px solid #ddb4b0;
	}

	.nextpage, .previouspage {
		font-size: 11px !important;
	}

	.pagination li.nextpage {
		margin-left: 10px;
	}

	.pagination li.previouspage {
		margin-right: 15px;
	}

	/* General Classes */

	.hidden {
		display: none; 
	}

	.block {
		display: block; 
	}
	
	.nopadding {
		padding: 0 !important;
	}

	.nomargin {
		margin: 0 !important;
	}

	.paddingtop {
		padding-top: 10px;
	}

	.paddingbottom {
		padding-bottom: 10px;
	}

	.margintop {
		margin-top: 10px;
	}

	.marginbottom {
		margin-bottom: 10px;
	}

	.floatleft {
		float: left;
	}

	.floatright {
		float: right;
	}

	img.alignleft {
		float: left;
		padding: 0 10px 10px 0;
	}

	img.alignright {
		float: right;
		padding: 0 0 10px 10px;
	}

	.caps { 
	  font-variant: small-caps; 
	  letter-spacing: 1px; 
	  text-transform: lowercase; 
	  font-size:1.2em;
	  font-weight:bold;
	  padding:0 0.2em;
	}

	/* General Elements */

	small {
		color: #808080;
		font-size: 0.9em;
	}
	
	code {
		font-family: Monaco, "Courier New", monospace;
		line-height: 1.15;
	}
	
	pre {
		padding: 7px 14px;
		background: #F5F5F5;
		margin: 0 0 14px 0;
	}
	
	blockquote, q {
		font-style: italic;
		color: #666;
	}
	
	blockquote {
		padding: 0 10px; 
		margin: 16px 0;
	}

	cite, em, dfn {
		font-style: italic; 
	}

	abbr, acronym { 
		cursor: help;
		text-transform: uppercase; 
		font-size: 85%; 
		letter-spacing: .1em; 
	}

	del { 
		text-decoration: line-through; 
		color: #666;
	}

	small, sup, sub { 
		font-size: 85%; 
	}

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

	td, th {
		border-right: 1px solid #ddb4b0;
		border-bottom: 1px solid #ddb4b0;
		padding:7px;
	}

	th {
		font-weight: 700;
		background: #faf2ed;
		color: black;
		line-height: 1.2;
		text-align: left;
		padding: 8px;
	}

	tr.rowOdd { 
		background: white;
	}

	tr.rowEven { 
		background: #faf2ed;
	}
	
	/* Forms styles*/
	
	.input-button{
		text-decoration:none;
		font-weight:normal;
		color:#fff;
		margin:0px;
		padding: 5px;
		border: none;
		background-color: #ec3224;
		cursor:pointer;
	}
	
	.input-button:hover{
		text-decoration:underline;
	}
	
	.input-text {
		border: 1px solid #ddb4b0;
		clear: right;
		padding: 4px;
		width: 200px;
		margin: 0 0 2px 0;
		padding-left: 2px;
	}
	
	.input-textarea {
		border: 1px solid #ddb4b0;
		display: block;
		height: 150px;
		font-family: Helvetica, sans-serif;
		font-size: 0.9em;
		padding: 4px;
		width: 350px;
	}
	
	.input-text-error, .input-textarea-error {
		border: 1px solid #cc0000;
		color: #cc0000;
	}

	/* Clearfix */

	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}