/* ---------------------------------------------
Style.CSS

color combination: Dark purple, white, light pink. Wheat-like for contactform
-----------------------------------------------*/

#adowi_message{
	position: absolute;
	top: 130px;
	z-index: 100000;
	background-color: grey;
	border-radius: 10px;
	margin: 25px;
	padding: 25px;
	width: 350px;
	background-color: rgba(0, 0, 0, 0.65);
}

body {
	font: 62.5% arial, verdana, sans-serif;
	color: #FFFFFF;
	background-color: #4d0214;
	text-align:center;
}
		
a { 
	text-decoration:none;
	color:#FFF; 
} 

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

p {
	line-height:1.5em;
	color:white;
}

#logotekst {
	width:520px;
	height:80px;
	display:block;
	background: transparent url(./images/template/logo_selecta9.png) no-repeat;
}

h2 {
	font-size:2em;
	color:white;
	margin:10px; /*zie NIET script van overlay scroll, daar moet precies ook 20px staan voor offset, ZIE index   teken voor offset IE fix*/
	margin-top:0px;
}

/* ---------------------------------------------
CONTENT AREAS
-----------------------------------------------*/
#otherwrapper{
	width:746px;
	padding:0 97px 60px 97px;
	margin:0 auto;
	text-align:left;
	font-size:1.1em;
	position:relative; /*all is same as #wrapper*/
}
#wrapper {
	width:746px;
	padding:0 97px 60px 97px;
	margin:0 auto;
	text-align:left;
	font-size:1.1em;
	background: transparent url(./images/template/drawing3.png) 50% 0 no-repeat;
	position:relative; /*necessary for sidebar*/
}

#header  {
	position:relative;
	width:746px;
	height:144px;
}

#rijsttafel{
	position:relative;
	top:-400px;
	left:700px;
	width:200px;
	height:400px;
	background: transparent url('http://www.restaurantselecta.nl/images/adowi/canvas.png');
	display:none;
}


#slidercontainer {
	position:relative;
	width:746px;
	height:495px;
	overflow:hidden;
}

#slider {
	width:746px;
	height:495px;
	overflow:hidden;
}
/* ---------------------------------------------
Left-sidebar
-----------------------------------------------*/
#left-sidebar {
	position:absolute;
	left:0px;
	top:300px;
	width:70px;
}

/* ---------------------------------------------
 BACKGROUND IMAGES
-----------------------------------------------*/

.section {
	float:left;
	width:746px;
	height:495px;
}


/* ---------------------------------------------
 TEXT OVERLAYS
-----------------------------------------------*/

#overlay {
	width:746px;
	height:495px;
	position:absolute;
	z-index:5;
	top:0;
	left:0;
	padding:0; /*padding:0 20px;*/
	overflow:hidden;
	color:#848484;
}

.overlaypost {
	width:746px; /*width:252px;*/
	height:495px;
}


.smallcolumn {
	width:230px; /*width:280px;*/
	height:495px;
	float:left;
	background-color:black;
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
}
.smallcolumn_content {
	padding-left:10px;
	padding-right:5px;
	padding-top:20px;
}
.smallcolumn_content a{
	color:#FF0072;
}

.largecolumn {
	float:left;
	width:516px; /*width:450px;*/
	height:495px;
}
/* ---------------------------------------------
CONTACT FORM
-----------------------------------------------*/
.customcolumn {
	float:left;
	width:746px;
	height:495px;
	background:wheat top left repeat-y;
	
}
/*
#li--2 {
	float:right;
}
*/
.cf-fs1{
	float:left;
}
.cf-fs2{
	float:right;
}
.cf-sb{
	clear:both;
}


/* ---------------------------------------------
	RESTAURANT CONTACT INFO
-----------------------------------------------*/

#contact_info {
	position:absolute;
	left:596px;
	top:0;
	padding:10px 10px 10px 17px;
	padding-top:5px;
	width:150px;
	background:#000;
	background: transparent url(./images/template/stupidcorner5.png) no-repeat;
}

/* ---------------------------------------------
LANGUAGE SWITCHER QTRANSLATE
-----------------------------------------------*/

#qtrans_language_chooser li{
	float:left;
	height:28px;
	padding-top:12px;
	font-size:11px;
}

/* ---------------------------------------------
 NAVIGATION
-----------------------------------------------*/

ul.navigation {
	position:relative;
	float:left;
	width:746px; 
	height:51px;
	z-index:100;
}

ul.navigation li {
	float:left;
}

ul.navigation li a{
	text-align:center;
	display:block;
	height:51px;
	margin-top:18px; /*zie script voor margin-top effect*/
	width:85px;
	font-size:1.3em;
}

/* ---------------------------------------------
 PRAISE
-----------------------------------------------*/
#praise{
	margin-top:20px;
	height:200px;
	display:none;
}
/* ---------------------------------------------
 Cycle slideshow
-----------------------------------------------*/
.slideshow {
	width:746px;
	height:495px;
}

 /* ---------------------------------------------
 Google Maps
-----------------------------------------------*/
	#map { float:left; width:500px; height:500px; }
	#list { float:left; width:256px; background:#eee; }
	#list li:hover { background:#000; color:#fff; cursor:pointer; cursor:hand; } 

/* ---------------------------------------------
extradiv for fixed background overlay
-----------------------------------------------*/
#extradiv {
	background-image:url(http://www.restaurantselecta.nl/images/adowi/bottom.png);
	background-position:center center;
	background-repeat:no-repeat;
	left:0;
	bottom:0;
	height:150px;
	position:fixed;
	width:100%;
	z-index:5;
}

/* ---------------------------------------------
Topnav
-----------------------------------------------*/

#topnav {
	background:#000 top repeat-x;
	height:40px;
	color:#CCC;
}

#topnavcontent {
	margin:0 auto;
	text-align:left;
	width:1000px;
	height:40px;
	font:11px Arial, Helvetica, sans-serif;
	overflow:hidden;
	padding:0 0 0 70px;
}

#topnavcontent a { 
	text-decoration:none;
	color:#ff0072; 
	background:none;
} 

#topnavcontent a:hover { 
	text-decoration:underline;
	color: #ff0072;
} 

#topnavcontent h4 {
	font-weight:normal;
	font:11px Arial, Helvetica, sans-serif;
}

#topnavcontent h4 strong {
	color:#FFF;
}

#shortnotice{
	float:left;
	height:28px;
	padding-top:12px;
	font-size:11px;
	margin-right:20px;
}

.header_text{
	float:left;
	width:280px;
	height:28px;
	padding-top:12px;
	font-size:11px;
}