/*--- Stylesheet Chiller.nl ---*/
body {
	background-color: #707070;
	margin: 0px;
	font-family: arial;
	font-size: 12px;
	background-image: url("img/bg.jpg");
	background-repeat: repeat-x;
	background-position: top;
}

img, div {
	behavior: url(/javascripts/iepngfix.htc)	/* IE hack for PNG transparency*/  
}

a:link, a:visited {
	color: #d71111;
	font-weight: bold;
	text-decoration: none;
}

a:hover, a:active {
	color: #bcbbb2;
}

#outerdiv {
	width: 874px;
	margin: 0 auto;
	position: relative;
}

#wrapper {
	width: 874px;
	background-color: #fff;
	background-image: url("img/background.jpg");
	background-repeat: repeat-x;
	background-position: bottom;	
}

#toplogo {
	background-image: url("img/toplogo.jpg");
	width: 874px;
	height: 151px;
	padding: 0px;
	margin: 0px;
}

#topdarts {
	background-image: url("img/toplogodarts.jpg");
	width: 874px;
	height: 151px;
	padding: 0px;
	margin: 0px;
}

#topgroepen {
	background-image: url("img/toplogogroepen.jpg");
	width: 874px;
	height: 151px;
	padding: 0px;
	margin: 0px;
}


#topdrinken {
	background-image: url("img/toplogodrinken.jpg");
	width: 874px;
	height: 151px;
	padding: 0px;
	margin: 0px;
}

#topeten {
	/* background-image: url("img/toplogoeten.jpg"); */
	background-image: url("img/kop_eten.jpg");
	width: 874px;
	height: 151px;
	padding: 0px;
	margin: 0px;
}

#topdrinken2 {
	background-image: url("img/toplogodrinken2.jpg");
	width: 874px;
	height: 151px;
	padding: 0px;
	margin: 0px;
}

#menu_left {
	background-color: #fff;
	width: 230px;
	float: left;
}

#mainnav {
	__pidth: 114px;
}

#nav_left {
	width: 115px;
	float: left;
}

#nav_right {
	width: 115px;
	float: right;
}

#reserveren ul {
	font-size: 90%;
	margin: 0;
	padding: 0;	
	font-weight: bold;
	list-style-type: none;
	text-align: left;
	color: #fff;
}

#reserveren li {
	width: 114px;
	height: 33px;
	border-bottom: 1px solid;
	border-color: #fff;
	background-color: #cc0a12;

}

#reserveren a {
	padding-top: 8px;
	padding-left: 3px;
	text-decoration: none;
	display:block;
	height: 25px;	
}

#reserveren a:link {
	color: #fff;
}

#reserveren a:visited {
	color: #fff;
}

#reserveren li a:hover { 
	color: #fff;
	background: transparent;
	font-weight: bold;
	text-decoration:  underline;
}

#mainnav ul{
	font-size: 95%;
	margin: 0;
	padding: 0;
	font-weight: bold;
	list-style-type: none;
	text-align: left;
	color: #fff;
}

#mainnav li {
	width: 114px;
	height: 33px;
	border-bottom: 1px solid;
	border-color: #fff;
}

#mainnav li.menu1 {
	background-image: url("img/nav/home_off.jpg");
}

#mainnav li.menu2 {
	background-image: url("img/nav/eten_off.jpg");
}

#mainnav li.menu3 {
	background-image: url("img/nav/drinken_off.jpg");
}

#mainnav li.menu4 {
	background-image: url("img/nav/groepen_off.jpg");
}

#mainnav li.menu5 {
	background-image: url("img/nav/contact_off.jpg");
}

#mainnav li.subnav {
	background-image: url("img/nav/subnav_off.jpg");
}

#mainnav a {
	padding-top: 8px;
	padding-left: 10px;
	background: transparent;
	text-decoration: none;
	display:block;
	height: 25px;	
}

#mainnav a:link {
	color: #fff;
}

#mainnav a:visited {
	color: #fff;
}

#mainnav li a:hover { 
	width: 104px;
	height: 25px;
	background-image: url("img/nav/drinken_off.jpg");
	color: #fff;
	background: transparent;
	font-weight: bold;
	text-decoration:  underline;
}

#reserveren {
	padding-left: 0px;
	padding-top: 20px;
	font-size: 95%;
	font-weight: bold;
}

#reserveren p {
	margin: 0px;
	padding-left: 10px;
}

#main_container {
	width: 390px;
	float: left;
}

#main_text {
	padding-left: 10px;
	width: 390px;
}

#main_text h1 {
	margin: 0px;
	margin-top: 2px;
	color: #d71111;
}

#cirkels {
	width: 227px;
	float: right;
}

#bottom {
	background-image: url("img/bottom.gif");
	width: 874px;
	height: 17px;
	padding: 0px;
	margin: 0px;
}

#credits {
	padding-top: 10px;
	width: 874px;
	height: 17px;
	padding: 0px;
	margin: 0px;
	color: #fff;
	font-weight: bold;
	font-size: 95%;
}

/* DATA TABLE */

table.data {
	margin:0px 0px 10px 0px;
	padding: 0;
	width: 100%;
	font-family: "verdana", serif;
	font-size: 85%;
	color: #000;
	line-height: 140%;
	border-collapse: collapse;
	border: 1px solid #000;
}

table.data td {
	border: 1px solid #000;
	padding: 5px 5px 5px 5px;
	margin: 0;
	vertical-align: middle;
}

table.data td.top{
	vertical-align: top;
}

table.data th {
	color: #fff;
	text-align: left;
	font-weight: bold;
	background: #a39d99;
	margin: 0;
	padding: 5px 5px 5px 5px;
	border: 1px solid #000;
}

table.data tr.even{
	background: #eee;
}

table.data tr.oneven{
	background: #f7fcfb;
}

/* FORM DATA */

form {
	padding: 0;
	margin: 0;
}

input {
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 1px;
	margin: 0 0 8px 0;
	color: #2F3C57;
	border:1px solid;
	border-color: #00514f;
}

/* verschillende lengtes textvelden */

.select {
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 1px;
	margin: 0 0 8px 0;
	color: #2F3C57;
	border:1px solid;
	border-color: #00514f;
}

.checkbox {
	padding: 0px;
	margin: 0 6px 0 0;
	border: 0;
}


p.error {
	background: #d9e8e5;
	color: #000;
	border-color: #00514f;
	border:1px solid;
	padding: 2px 2px 2px 5px;
	margin: 15px 0 15px 0;
	font-size: 100%;
}


textarea {
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 1px;
	margin: 0 0 8px 0;
	color: #2F3C57;
	border:1px solid;
	border-color: #00514f;
}

/* verschillende lengtes textvelden */

textarea.small {
	width: 400px;
	height: 130px;
}

textarea.big{
	width: 400px;
	height: 200px;
}

/* */