@charset "UTF-8";
/* CSS Document for - created by Robert de Mildt - Ontwwwerp.be */
* {
margin:0px;
padding:0px;
}
body{
margin:0;
padding:0;
background: url(../assets/siteback.jpg) repeat-y top #7a0900;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#container{
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

/* Start header content */
#header{
background: url(../assets/headerback.jpg) no-repeat top;
width:900px;
}
#header #hoofdmenu {
float:right;
text-align:right;
line-height:18px;
padding-top:30px;
}
#header #hoofdmenu li {
list-style:none;
background:url(../assets/bullet.gif) no-repeat right;
padding-right:10px;
}
#header #hoofdmenu a {
color:#fff;
text-decoration:none;
font-size:12px;
}
#header #hoofdmenu a:hover {
color:#ff9600;
}


#header a img {
border:none;
}

#header #menu li a span, .innertube h1 span{
position:absolute;
left:-9999px;
}
#header #menu {
list-style:none;
height:82px;
margin-left:0px;
padding-left:0px;
margin-top:-3px;
}
#header #menu li {
float:left;
display:block;
}
#header #menu li a {
display:block;
height:82px;
}
/* nederlandse menuitems */
#header #menu li#feestzaal  a {
background:url(../assets/menu.jpg) no-repeat 0px 0px;
width:204px;
}
#header #menu li#feestzaal  a:hover {
background:url(../assets/menu.jpg) no-repeat 0px -82px;
}
#header #menu li#menus  a {
background:url(../assets/menu.jpg) no-repeat -204px 0px;
width:180px;
}
#header #menu li#menus  a:hover {
background:url(../assets/menu.jpg) no-repeat -204px -82px;
}
#header #menu li#broodjes  a {
background:url(../assets/menu.jpg) no-repeat -384px 0px;
width:254px;
}
#header #menu li#broodjes  a:hover {
background:url(../assets/menu.jpg) no-repeat -384px -82px;
}
#header #menu li#catering  a {
background:url(../assets/menu.jpg) no-repeat -638px 0px;
width:262px;
}
#header #menu li#catering  a:hover {
background:url(../assets/menu.jpg) no-repeat -638px -82px;
}

#header .fotokader {
width:900px;
height:249px;
padding-left:608px;
padding-top:138px;
}
#header #kaderhome {
background:url(../assets/fotohome.jpg) no-repeat;
}
#header #kaderfeestzaal {
background:url(../assets/fotofeestzaal.jpg) no-repeat;
}
#header #kaderbroodjes {
background:url(../assets/fotobroodjes.jpg) no-repeat;
}
#header #kadercatering {
background:url(../assets/fotocatering.jpg) no-repeat;
}
#header #kadermolenhof {
background:url(../assets/fotomolenhof.jpg) no-repeat;
}
#header #kadermenu {
background:url(../assets/fotomenu.jpg) no-repeat;
}
#header #kadercontact {
background:url(../assets/fotocontact.jpg) no-repeat;
}
#header #kaderreferenties {
background:url(../assets/fotoreferenties.jpg) no-repeat;
}


#header .fotokader #fotokaderdetail {
}
#header .fotokader #fotokaderdetail img {
border:3px solid #881800;
}
#header .fotokader #detailkeuzemenu {
width:243px;
height:26px;
background:#e8b368;
margin-top:-3px;
padding-right:16px;
}
#header .fotokader #detailkeuzemenu li{
float:right;
list-style:none;
font-weight:bold;
padding-top:4px;
padding-right:8px;
}
#header .fotokader #detailkeuzemenu li a{
color:#ff9600;
text-decoration:none;
display:block;
padding:1px 6px;
background:#000;
}
#header .fotokader #detailkeuzemenu li a:hover{
color:#000;
background:#ff9600;
}


/* End header content */

/* start main content  */
#contentwrapper{
width:890px;
border: 5px solid #881800;
}

#contentcolumn{
border: 3px solid #5b0700;
background:url(../assets/contentbottom.jpg) no-repeat bottom;
background-color:#5c0700;
}
.innertube{
margin-left:340px;
padding-top:12px;
background:url(../assets/pagecontentback.jpg) no-repeat top right;
line-height:20px;
min-height:440px;
}

.innertube h1{
border-bottom:1px solid #731708;
margin-bottom:20px;
width:543px;
height:59px;
}
.innertube h1#home {
background:url(../assets/titelhome.gif) no-repeat;
}
.innertube h1#feestzaal {
background:url(../assets/titelfeestzaal.gif) no-repeat;
}
.innertube h1#broodjes {
background:url(../assets/titelbroodjes.gif) no-repeat;
}
.innertube h1#catering {
background:url(../assets/titelcatering.gif) no-repeat;
}
.innertube h1#referenties {
background:url(../assets/titelreferenties.gif) no-repeat;
}
.innertube h1#molenhof {
background:url(../assets/titelmolenhof.gif) no-repeat;
}
.innertube h1#menus {
background:url(../assets/titelmenus.gif) no-repeat;
}
.innertube h1#contact {
background:url(../assets/titelcontact.gif) no-repeat;
}

.innertube h2 {
color:#ff9600;
font-size:12px;
}
iframe {
margin-top:12px;
}
.innertube p, .innertube ul {
color:#fff;
padding-bottom:16px;
width:450px;
}
.innertube ul {
padding-left:25px;
}
.innertube a{
color: #ffcc5d;
}
.innertube a:hover{
color: #ff9600;
}


.innertube h3#fout {
color:#FF9900;
font-size:14px;
}
.innertube p.fout {
color:#FF9900;
font-style:italic;
padding-bottom:6px;
}

form {
	margin: 0 20px 15px;
	}
fieldset {
	border: none;
	}
label {
	cursor: pointer;
	display: block;
	float: left;
	width: 125px;
	color:#FFFFFF;
	 }
form div {
	margin: .3em 0 .8em;
	color:#FFFFFF;
	}
input, textarea {
	background: #e8b368;
	color: #5b0700;
	border: 1px solid #e8b368;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 280px;
	padding: .2em;
	}
	input.error {background: #e8b368 url(../i/layout/error.gif) 99% 50% no-repeat;}
	textarea.error {background: #e8b368 url(../i/layout/error.gif) 99% 2% no-repeat;}
	input.success {background: #e8b368 url(../i/layout/success.gif) 99% 50% no-repeat;}
	textarea.success {background: #e8b368 url(../i/layout/success.gif) 99% 2% no-repeat;}

	input:focus, textarea:focus {
	border-color: #82caff;
	}
	#submit {
		width: 100px;
		border: none;
		padding: 0px;
		margin: 0 0 0 80px;
		}

.innertube form div#formknoppen {
margin-left:125px;
}
.innertube form div#formknoppen input {
color:#5b0700;
width:120px;
border:1px solid #fff;
margin-right:20px;
}


/* End main content */

/*Start linker kolom */
#linkerkolom{
float: left;
width: 203px; /*Width of left column*/
margin-left:15px;
margin-top:25px;
}
#linkerkolom h3 {
background:url(../assets/titellinkerkolom.png) no-repeat;
width:203px;
height:48px;
border-bottom:1px solid #731708;
margin-bottom:20px;
}
#linkerkolom h3 span {
position:absolute;
margin-left:-9999px;
}
#linkerkolom p {
padding-bottom:20px;
color: #ffcc5d;
line-height:20px;
padding-left:8px;
width:203px;
}
#linkerkolom p a  {
color: #ffcc5d;
}
#linkerkolom p a:hover {
color: #fff;
}

/* End Linker kolom */

/* Start Footer */
#footer{
clear: left;
width: 900px;
color: #ffcc5d;
padding-top:8px;
padding-bottom:30px;
}
#footer #rechten {
float:right;
text-align:right;
color:#fff;
margin-right:5px;
}
#footer p{
margin-left:5px;
}
#footer p a{
color:#ffcc5d;
}
#footer p a:hover{
color:#fff;
}
/* End foorter */