/* 
Stylesheet voor littleV restaurants
door Nowton - bespoke crossmedia solutions
mei 2009-aangepast mei 2011

960, 3 col
 */

 /*
GLOBAL
*/
html {overflow-x:hidden;}
body {
	text-align: center;
	margin: 0 auto;
	background-color: white;
	background-image:url(../images/bg-body.jpg);
	background-position:top;
	background-attachment:fixed;
	background-color: #630;
	color: black;
}
a img {	border: none;}

/*
TYPE
*/
body {
	font-family: "Lucida Sans Unicode", Helvetica, Arial, sans-serif;	
	font-size:62.5%;
}
#wrapper {	text-align: left;}
#maincontent h1, h2, h3, h4 {
	/*font-family: Arial, sans-serif;*/
	/*font-weight: normal;*/
	letter-spacing: 0.1em;
	margin-bottom:.75em;
}
h1 {
	font-size:5em;
	color: #DB2019;
	text-indent: -4000px;
	background-repeat:no-repeat;
	padding:0;
	height: 320px;
	position:absolute;
	z-index:10;
	margin-top:-320px;
}
h2 {
	font-size: 2.2em;
	color: #DB2019;
	font-weight: normal;
}
h3 {
	font-size: 1.6em;
	font-weight: normal;
	color: #DB2019;
}
h4 {
	font-size: 1.4em;
	color: #3FA8DA;
	font-weight: normal;
}
h5 { font-size: 1.6em; color: black;}
p,dl {
	font-family: "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	line-height:1.6;
}
dl {font-size: 1.1em; overflow:hidden}
dt {
	float: left;
	width: 60px;
}
dd {float: left; width: 190px;}

#mainContent #menuv ul {margin-left: 0; padding: 0;}
#menuv ul li {list-style: none; padding: .5em 0;}
.viet {color: #DB2019;   display: block;}

#menu li { 
	display: inline;
	font-size: 1.5em;
	letter-spacing: .1em;
	text-transform: uppercase;
	margin-right: 2em;
	}
#arena p {
	color: #EAF8FF;
	margin: 1em 1em 1em 0;
}
#arena a {
	color: #FE7D18;
}
#mainContent p {
	margin:0 0 1em 0;
}
#mainContent li {
	font-size: 1.2em;
	line-height:1.4;
}
#mainContent ol {
	list-style-type: decimal;
	list-style-position: inside;
	padding-bottom: 1em;
}
#mainContent ul {
	margin-left: 2em;
	margin-bottom: 1em;
	list-style: disc;
}
#footer p {
	color: white;
	letter-spacing: 2px;
	text-align: center;
	margin:0; padding:0;
}
#footer h3 {	text-align: center; text-transform:uppercase; margin-bottom: 0;}
#credits p {	color: white;	font-size:1em;}

/*
COLORS
*/
black {color: black;}
red  { color: #DB2019;}
white { color: white;}

/*
NAVIGATION
*/

#menu li a { 	text-decoration: none; 	color: white;}
#menu li a:hover {	color: #DB2019;}
/*Highlighting*/
#home a.home, 
#eten a.eten, 
#menuv a.menuv, 
#vacatures a.vacatures, 
#contact a.contact {
	color: #DB2019; /*background-color: white;*/
}
/*Main*/
#mainContent a  {	color: #DB2019; text-decoration: none;}
#mainContent a:hover {	color: #F00; text-decoration: underline;}
/*Footer & Credits*/
#footer a, #credits a {	color: #DB2019; 	text-decoration:none;}
#footer a:hover, #credits a:hover {
	color: #DB2019; text-decoration: underline;
}


/*
LAYOUT
*/
body {padding-top: 12px;}
#outerwrapper { width: 960px; margin: 0 auto; 	margin: 12px auto 0;}
#innerwrapper {
	background-image: url(../images/bg-outerwrap.jpg);
	background-color:#87806F;
	width: 912px;
	padding: 0 24px;

	}
#wrapper {	width: 912px;  background-image:url(../images/bg-content.jpg);}

#logo {
	width:480px;
	margin:0 auto;
	position: relative;
	z-index:1;
}
#menu {
	background-color: #87806F;
	background-image:url(../images/bg-menu.jpg);
	background-repeat: no-repeat;
	padding: 16px 0;
	position: relative;
	overflow: hidden;
}
#menu ul {	text-align: center;}
#masthead {overflow: hidden;}
#arena {
	overflow: hidden;
	background-color:#F50300;
	float: left;
}
#mainContent {
	overflow: hidden;
	padding-top: 16px;
	padding-bottom: 16px;
	background-repeat: no-repeat;
	background-position:top;
}
.dcol {	
	float: left;
	width: 620px;
	margin-left: 10px;
	margin-right:10px;
	}
.col {
	float: left;
	width: 284px;
	margin-left: 10px;
	margin-right:10px;
}
#masthead .col {
	margin-left: 0;
	margin-right:0px;
	width: 304px;
	background-color: black;
}
.subcol {
	float: left;
	width: 150px;
}
/*Footer*/
#footer {
	padding: 10px 0;
	overflow:hidden;
	background-repeat:no-repeat;
	background-color: #87806F;
	background-image: url(../images/bg-footer.jpg); background-repeat:no-repeat; background-position: bottom;
}

#credits {
	font-size: .9em;
	width: 100%;
	width: 960px;
	padding: 12px 0;
	margin: 0 auto;
	text-align:center;
	background-image: url(../images/bg-credit.png);
	background-repeat:no-repeat; 
}

/* 
ARENA
*/
#arena {
	background-repeat: no-repeat;
	height: 307px;
	width: 608px;
	background-position: /*320px*/ center;
}
#home #video {
	background-image: url(../images/home.jpg);
}
#home #arena { display: none;}
/*#menuv #arena {background-image: url(../images/menu_01.jpg);}
#vacatures #arena {background-image: url(../images/vacatures_01.jpg);}
#contact #arena {background-image: url(../images/contact_01.jpg) }*/

/*headings*/
#home h1 {background-image: url(../images/home.png);}
#menuv h1 {background-image: url(../images/menu.png);}
#vacatures h1 {background-image: url(../images/vacatures.png);}
#contact h1 {background-image: url(../images/contact.png);}

/*FORMS*/
form {
	font-size: 1em; padding-bottom: 1em;
}
form ol {
	margin:0;
	padding:0;
	list-style:none;
}
form li {
	border-bottom:1px solid silver;
	list-style:none;
}
fieldset {
	border:1px solid white;
	width:80%;
	padding:8px;
}
label {
	text-align: right;
	width: 60px;
	display: inline-block;
	/*hide from IE display:-moz-inline-box;*/
	/*vertical-align: top;*/
	padding-top: 4px;
}
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em;
	padding:2px;
	width:180px;
	background: transparent;
	border: 1px solid silver;
}
input[type="file"] {background: #BC9C73; border: 1px solid silver; padding:2px; }
input:focus, select:focus, textarea:focus {	border: 1px solid #DB2019;}
input[type="submit"] {	width:auto;	margin-right: 20px;}
input[type="hidden"] {	display: none;}
input[type="checkbox"] { width: auto; border: none}
#vestiging label {margin-right: 8px;}

/*Newsletter subscription*/
#arena #subscribe { margin-left: 20px; margin-right: 0; font-size: 1.1em; font-weight: bold;}
#subscribe p {margin-top: 0;}
#subscribe form {background-color: transparent; color: white;}
#subscribe form select {width:auto;}
#subscribe label {vertical-align:baseline;}

/*Tools*/
.error {
	font-weight:bold;
	color:#DB2019;
}
.comment {
	background-color: yellow;
	color: #DB2019;
	font-weight: bold;
	display: none;
}
a[href$=".pdf"] {
padding-right: 18px;
background: transparent url(../images/pdf-icon.gif) no-repeat center right;
}
/* Acties */
#actie { position: absolute; top: 0; right: 0; height: 240px; width: 240px; background: transparent url(../images/LittleV-Reserveer.png) no-repeat; z-index: 1; /**/display: none}