/*
Theme Name: Marianne Ros
Theme URI: 
Author: Buro Middeldorp
Author URI: http://www.buromiddeldorp.nl/
Description:
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: 
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

img {
	max-width: 100%;
	height: auto;
}

/* =Styles
----------------------------------------------- */

h1 {
	color: #b42e34;
	font-size: 130%;
	line-height: 150%;
	margin-bottom: 15px;
}

h2 {
	color: #b42e34;
	font-size: 120%;
	line-height: 140%;
	margin-bottom: 15px;
}

h3, h4, h5, h6 {
	color: #b42e34;
	font-size: 100%;
	margin-bottom: 0;
}

p {
	margin-bottom: 15px;
}

a {
	color: #b42e34;
	tect-decoration: underline;
	-webkit-transition: color 0.2s linear;
        -moz-transition: color 0.2s linear;
        -ms-transition: color 0.2s linear;
        -o-transition: color 0.2s linear;
        transition: color 0.2s linear;
}

a:hover {
	text-decoration: none;
	color: #963e55;
}

ul {
	list-style-image:url('images/list.png');
	margin-left: 18px;
	margin-bottom: 15px;
}

li {
	padding-left: 20px;
}

/* =Structure
----------------------------------------------- */

body {
	background: transparent url(images/background.jpg) no-repeat fixed bottom left;
	background-size: cover;
	font-family: arial;
	font-size: 90%;
   	-webkit-text-size-adjust: 100%; 
	line-height: 130%;
	color: #541900;
}

.container {
	padding: 0 1em 1em 1em;
	margin-bottom: 3em;
}

.content {
	max-width: 970px;
	margin: 0 auto;
	background: #fbfafa;
	-webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    4px 4px 5px rgba(50, 50, 50, 0.35);
	box-shadow:         4px 4px 5px rgba(50, 50, 50, 0.35);
	padding-bottom: 4em;
}
.header {
	padding-top: 2em;
}

img.logo {
	width: 82%;
}
img.alignright {
	float:right;
	padding:0 0 10px 10px;
	max-width:170px;
	height:auto;
}
#menu {
	padding: 1%;
}

.clear {
	clear:both;
}

.one-thirth {
	float: left;
	width: 31.33333333%;
	padding: 1%;
}

.two-thirth {
	float: left;
	width: 64.6666666%;
	padding: 1%;
}

.paraplu {
	margin-left: -15%;
}

/* =Menu
----------------------------------------------- */
.menu-hidden {
	display: none;
}

#menu	{
	padding-top: 1.6em;
	font-size: 100%;
	height: 30px; /* set to the height you want your menu to be */
	margin: 0 ; /* just to give some spacing */
	margin-left: -17px;
}
#menu ul {
	list-style-type: none;
	margin: 0;
}
#menu li	{
	display: block;
	float: left;
	line-height: 2em; /* this should be the same as your #menu height */
	height: 2em; /* this should be the same as your #menu height */
	border-left: 2px solid #c3b2c0;
	padding: 1.5em 1.2em 0 1.2em;
	position: relative; /* this is needed in order to position sub menus */
}
#menu li a	{
	display: block;
	height: 2em;
	line-height: 2em;
	color: #541900;
	text-decoration: none;
}
#menu .current-menu-item a, #menu .current_page_item a, #menu a:hover {
	color: #b42e34;
}


#menu ul ul { /* this targets all sub menus */
	display: none; /* hide all sub menus from view */
	position: absolute;
	top: 3.5em; /* this should be the same height as the top level menu -- height + padding + borders */
	left: -2px;
	-webkit-box-shadow: 4px 4px 5px rgba(30, 30, 30, 0.35);
	-moz-box-shadow:    4px 4px 5px rgba(30, 30, 30, 0.35);
	box-shadow:         4px 4px 5px rgba(30, 30, 30, 0.35);
}
#menu ul ul li { /* this targets all submenu items */
	float: none; /* overwriting our float up above */
	width: 130px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
	padding: 0.3em 1.2em 0.3em 1.2em;
}

.odd {
	background: #fff;
}
.even {
	background: #963e55;
	color: #fff;
}

#menu ul ul li.even a {
	color: #fff;
}

#menu ul ul li a { /* target all sub menu item links */

}

#menu ul li:hover > ul {
	display: block; /* show sub menus when hovering over a parent */
}


/* =Page
----------------------------------------------- */

.page-text {
	padding-top: 2.5em;
	padding-right: 2em;
}

.back {
	margin-top: 3em;
}

.back a {
	clear: both;
	background: #b42e34;
	color: #fff;
	padding: 1% 3em 1% 3em;
	font-family: arial;
	border: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
	text-decoration: none;
}

.back a:hover {
	background: #963e55;
	color: #fff;
	padding: 1% 3em 1% 3em;
}


/* =Form
------------------------------------------------*/

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=url],
input[type=password] {
	padding: 1%;
	width: 54%;
	border: 1px solid #3d4f59;
}


h3.gf_progressbar_title {
	display: none;
}

input[type=submit] {
	clear: both;
	background: #b42e34;
	color: #fff;
	padding: 1% 3em 1% 3em;
	font-family: arial;
	border: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
}

input[type=submit]:hover {
	background: #963e55;
	color: #fff;
	padding: 1% 3em 1% 3em;
}

body .gform_wrapper {
	padding-bottom: 2em;
}

body .gform_wrapper ul {
	margin: 0;
	padding:0;
	list-style-image: none;
}

body .gform_wrapper li {
	margin: 0;
	padding:0;
}

body .gform_wrapper .gform_body .gform_fields .gfield {
	margin-top: 1em;
	width: 100%;
	clear: both;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container {
	margin-top: 0.1em;
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_description {
	margin-top: 4px;
	font-style: italic;
	color: #231f20;
	font-size: 70%;
	width: 50%;
	margin-left: 43%;
	clear: both;
}
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
	color: #231f20;
	font-weight: normal;
	float: left;
	width: 40%;
	margin-right: 3%;
	margin-top: 4px;
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {
	color: #231f20;
	padding-left: 4px;
}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
body .gform_wrapper .gform_body .gform_fields .gfield textarea,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password] {
	padding: 1%;
	width: 54%;
	border: 0;
	background: #f5ebeb;
	font-size: 100%;
}

body .gform_wrapper .gform_body .gform_fields .gfield select {
	padding: 1%;
	width: 54%;
}

body .gform_wrapper ul {
	list-style-type: none;
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li {
	float: left;
	margin-bottom: 1em;
	padding-right: 1.5em;
	list-style-type: none;
}
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li.odd,
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li.even {
	background: none;
	color: #541900;
}
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li input[type=radio] {
	margin-right: 0.3em;
}
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li {
	margin-right: 0.5em;	
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox {
	width: 50%;
	margin-left: 43%;
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox li {
	padding: 0 0 0.6em 0;
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox li input[type=checkbox] {
	margin-right: 0.3em;
}

body .gform_wrapper .gform_body .gform_page_footer {
	margin-top: 2em;
}
.gfield.gform_header {
	color: #231f20;
	font-size: 16px;
	font-weight: 700;
	margin-top: 1em;
}
body .gform_wrapper .gform_body .gform_page_footer .gform_next_button,
body .gform_wrapper .gform_body .gform_page_footer .gform_previous_button,
body .gform_wrapper .gform_body .gform_page_footer .gform_button {
	background: #fff;
	color: #231f20;
	padding: 0.2em 2em 0.2em 2em;
	margin-right: 0.5em;
	border: 1px solid #333;
}

body .gform_wrapper .gform_body .gform_page_footer .gform_next_button:hover,
body .gform_wrapper .gform_body .gform_page_footer .gform_previous_button:hover,
body .gform_wrapper .gform_body .gform_page_footer .gform_button:hover {
	background: #fff;
	color: #666;
	padding: 0.2em 2em 0.2em 2em;
	margin-right: 0.5em;
	border: 1px solid #666;
}


body #gforms_confirmation_message {
	
}

body .gform_wrapper .validation_error {
	display: none;
}

body .gform_wrapper .gform_body .gform_fields .gfield_error {
	width: 96%;
	background: #e8dedf;
}


/* ! 970px */
@media screen and (max-width: 1000px) {
	body {
		font-size: 80%;
	}
}

/* ! 900px */
@media screen and (max-width: 900px) {
	body {
		font-size: 60%;
	}
}

/* ! 640px */
@media screen and (max-width: 640px) {
	body {
		font-size: 80%;
	}
	.container {
		padding: 0;
		margin-bottom: 0;
	}
	#menu {
		display: none;
	}
	.menu-button {
		height: 10px;
		margin-right: 4px;
	}
	.toggle {
		height: 2.5em;
		line-height: 2.5em;
		vertical-align: middle;
		display: block;
		padding-left: 2em;
		background: #963c54;
		color: #fff;
		cursor: pointer;
	}
	.menu-hidden {
		display: block;
	}
	.menu-hidden li {
		list-style-type: none;
	}
	
	.menu-hidden ul {
		list-style-image: none;
		background: #c4aaab;
		margin: 0;
		padding:0;
	}
	
	.menu-hidden ul ul li{
		background: #c4aaab;
		margin-left: 1em;
		padding:0;
	}
	
	.menu-hidden ul ul ul li{
		background: #c4aaab;
	}
	
	.menu-hidden ul ul ul li a{
		margin-left: -40px;
		padding-left: 80px;
		padding: 4px 0 4px 3.5em;
		text-decoration: none;
	}
	
	.menu-hidden ul ul li a{
		font-weight: normal;
		border: 0;
		font-size: 12px;
		padding: 5px 0 5px 4.5em;
		text-decoration: none;
	}
	
	.menu-hidden li a {
		display: block;
		color: #fff;
		margin-left: -3em;
		padding: 9px 0 9px 3.5em;
		text-decoration: none;
		font-size: 14px;
	}
	
	.menu-hidden li a:hover {
		background: #bb6270;
	}
	
	.menu-hidden li.current-menu-item a {
		background: #bb6270;
	}
	.paraplu {
		display: none;
	}
	.one-thirth, .two-thirth {
		width: 100%;
		padding:0;
	}
	.page-text {
		padding: 2em;
	}
	#logo {
		text-align: center;
	}
	img.logo {
		padding: 2em;
		width: 50%;
	}
}