/*Soft & Sweet | Ontharen met suiker Delft*/
html { 
  height: 100%;
}
* { 
  margin: 0;
  padding: 0;
}
/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, nav, section { 
  display:block;
}
body {
	font: 1.00em arial, sans-serif;
	color: #585858;
	background-color:#FFD9D6;
}
/***/
a {
	text-decoration:none;
	cursor:pointer;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
.link {
	color:#4B088A;
	text-decoration:none;
}
.link:hover {
	text-decoration:none;
}
ul {
	margin:0;
	padding:0;
	list-style-image:none;
}
/***/
.clear {
	clear:both;
	line-height:0;
	font-size:0;
	width:100%;
}
.pad-1 {
	margin:5px 0 21px 0;
}
.pad-2 {
	margin:5px 0 9px 0;
}
/***header***/
header {
	width:950px;
	margin:0px auto;
	z-index:101;
	position:relative;
}
.main {
	background-color:#FFD9D6;
	position:relative;
	width:950px;
}
h1 {
	
	z-index:100;
	position:relative;
	z-index:111;
}
nav {
}
.nav {
	width:950px;
	height:95px;
	background:url(../images/nav-bg.png) 0 0 no-repeat;
	position:relative;
	z-index:110;
}
ul.menu {
	display:inline-block;
	margin-top:44px;
	margin-left:5px;
}
ul.menu li {
	float:left;
	line-height:20px;
	margin-right:5px;
	background:url(../images/transp.png) 0 0 repeat-x;
	border-right:transparent 1px solid;
	border-bottom:transparent 1px solid;
	text-align:center;
	width:130px;
	border-radius:6px;
}
.submenu > ul { 
	display: none; 
}
ul li:hover ul {
	display:block; 
	list-style:none;
	width:140px;
	text-align:left;
}
ul li:hover ul a {
	font-family:calibri;
	font-size:14px;
	line-height:20px;
	text-align:left;
}
ul.menu li:hover, ul.menu li.current {
	background:url(../images/menu-btn.png) 0 0 repeat-x;
	border-right:#4d4e52 1px solid;
	border-bottom:#4d4e52 1px solid;
	background:#A58A49;
}
ul.menu li a {
	color:#4B088A;
	font-size:18px;
	line-height:20px;
        font-family: Calibri, Roboto, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
        font-weight: 300;
	text-shadow:#525256 1px 1px 2px;
	padding:0px 0px 0px 0px;
	display:block;
}
/***content***/
#content {
  text-align: left;
  width: 950px;
  margin: auto;
  font-size: 120%;
  background-color:#FFD9D6;
}
.line {
	background:url(../images/heartsribbon.png) 0 0 no-repeat;
	width:950px;
	height:18px;
	position:relative;
	top:-9px;
	left:25px;
	z-index:111;
}
p { 
 line-height: 1.1em; padding: 0 0 20px 0;color: #585858;
  }
.font-1 {
	color:#b7273a;
	font-size:36px;
	line-height:60px;
	font-style:italic;
	margin-left:31px;
}
.font-2 {
	color:#585858;
	font-size:36px;
	line-height:80px;
	margin-left: 31px;	
}
.font-3 {
	color: #585858;
	font-size:16px;
	line-height:20px;
	margin-left:31px;
}
.font-6 {
	color: #585858;
	font-size:18px;
	line-height:22px;
	margin-left: 255px;
}
.font-7 {
	color: #585858;
	font-size:16px;
	line-height:20x;
}
.font-8 {
	color: #585858;
	font-size:18px;
	line-height:20px;
	margin-left:390px;	
}
.bg-4 {
	background:#FFD9D6E;
	width:950px;
}
/***footer***/
footer { 
  width: 100%;
  position:relative;
  }
footer p { 
  color:#585858;
  padding: 0 0 10px 0;
  text-align:center;
}
/***form***/
dl.adr {
	color:#48484e;
}
dl.adr dt {
	margin:18px 0 6px 0;
}
dl.adr dd span {
	width:62px;
	text-align:right;
	display:block;
	float:left;
	margin-right:15px;
}
dl.adr dd {
}
dl.adr dd a {
}
dl.adr dd a:hover {
}
#form {
	margin: 22px 0 0px 0px;
	width:630px;
}
#form input {
	border:#cdcdcd 1px solid;
	background:#eaeaea;
	font-size:14px;
	font-family: "Times New Roman", Times, serif;
	color:#4d4d4d;
	padding:5px 10px 6px 10px;
	outline: medium none;
	width: 542px;
	height:18px;
	float:left;
}
#form textarea {
	border:#cdcdcd 1px solid;
	background:#eaeaea;
	font-size:14px;
	font-family: "Times New Roman", Times, serif;
	color:#4d4d4d;
	height: 97px;
	outline: medium none;
	overflow: auto;
	padding: 4px 0px 0px 10px;
	width: 552px;
	resize:none;
	margin:0px 0 0 0;
	float:left;
}
#form label {
	position:relative;
	display: block;
	min-height:38px;
}
.btns {
	text-align:right;
	overflow:hidden;
	width:630px;
}
.btns a {
	display:inline-block;
	margin:5px 0px 0 23px;
}
#form label strong {
	float:left;
	text-align:right;
	display:block;
	padding-top:7px;
	line-height:18px;
	width:59px;
	color:#48484e;
	font-weight:normal;
	margin-right:7px;
	white-space:nowrap;
}
.contact_form form{
	margin: 40px 0 0 0;
	padding: 0px;
}
.contact_form form label {
	float: left;	
	display: inline-block;
	width: 200px;
	text-align: right;
	margin-right: 10px;
	font-size: 14px;	
}
.contact_form form .input_field {
	float: left;
	display: inline-block;
	width: 310px;
	text-align: left;
}
.contact_form form textarea {
	background:#FFFFFF none repeat fixed 0 0;
	border:1px solid #BBBBBB;
	display:block;
	font-family:Helvetica,Arial,sans-serif;
	font-size:1.1em;
	height:150px;
	margin-top:5px;
	padding:5px;
	width:305px;
}
.contact_form form .submit_btn {
	margin-right: 10px;
	width: 90px;
}
@media screen and (max-width: 1020px) {
   #header { width : 100%; }
   #main  { width : 100%; }
   #nav  { width: 100% }
   #menu { width: 100%; }
   #content { width: 100%; }
   #font-1  { width: 100% }
   #font-2  { width: 100% }
   #font-3 { width: 100% }
   #font-6  { width: 100% }
   #font-8  { width: 100% }
   #bg-4  { width: 100% }
   #footer { width: 100%; }
}