@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}
body {
	line-height: 1;
	background: url(images/bg_body.gif) repeat-x left top;
	background-color: #F7FCE2;}
	
/* p */
	
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;}
#sidebar1 p {
	font-weight: bold;
	line-height: 2.1em;
	padding-top: 3px}
#contentwrapper #sidebar p {
	padding: 0 10px 0 10px;
	background-color:#FFECD9;
}
p.oranje {color: #FF6600; font-weight: bold; font-size: 10px}
#footer p {
	margin: 0; 
	padding: 5px 0 10px 0;
	text-align: right;
	color: #999999;
	font-size: 10px}

/* h1,h2,h3 */

#content h1 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #6600CC;
	padding-bottom: 7px}
#content .zwart {color: #000; font-weight: normal}
#content h2, #sidebar h2 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	padding: 0 0 5px 0;
	margin: 0}
#sidebar2 h1 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #6600CC;
	padding-bottom: 3px}
#contentwrapper #sidebar h1 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #6600CC;
	padding-bottom: 3px;
	padding-left: 10px;
	background: #FFECD9
}
	
/* algemeen */

#wrapper {
	width: 980px;
	padding: 0;
	height: 102px;
	margin: 0 auto;}
#wrapper #navbar {
	margin: 0;
	padding: 15px 0 0 0px;
	height: 65px;
	width: 400px;
	float: left}
#wrapper #menu {height: 20px;
	padding: 2px 0 0 0;
	float: left}
#wrapper #logo {
	float: right;
	width: 235px;}
#logo .img {
	padding: 46px 0 0 35px}
#foto {
	width: 100%;
	text-align: right;
	background-color: #6092CF;
	border-top-style: solid;
	border-top-color: #336600;
	border-top-width: 3px;
	border-bottom-color: #336600;
	border-bottom-style: solid;
	border-bottom-width: 4px;}
#foto1 {
	width: 100%;
	text-align: right;
	background-color: #6092CF;
	border-top-style: solid;
	border-top-color: #336600;
	border-top-width: 3px;
	border-bottom-color: #336600;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	height: 300px}
#boven {
	width: 100%;
	height: 88px;
	text-align: left;
	background-color: #6092CF;
	border-top-style: solid;
	border-top-color: #336600;
	border-top-width: 3px;
	border-bottom-color: #336600;
	border-bottom-style: solid;
	border-bottom-width: 4px;}
#contentwrapper {
	width: 980px;
	padding: 0px 0 0 0;
	margin: 0 auto;}
#contentwrapper #sidebar1 {
	float: left;
	width: 172px;
	padding: 15px 0 0 0;
	margin: 0;}
#contentwrapper #sidebar1_links {
	float: left;
	width: 251px;
	padding: 15px 0 0 0;
	margin: 0;}
#contentwrapper #small {
	padding: 15px 0 0 0;
	margin: 0;
	width: 82px;
	float: left;}
#contentwrapper #small_links {
	padding: 15px 0 0 0;
	margin: 0;
	width: 1px;
	float: left;}
#small .image {border: 1px solid #F7FCE2}
#contentwrapper #content {
	float: left;
	width: 352px;
	padding: 16px 15px 0 22px;
	margin: 0;}
#contentwrapper #sidebar2 {
	float: right;
	width: 308px;
	padding: 7px 10px 20px 12px;
	margin: 10px 0 10px 0;
	background-color:#FFECD9;
	border:solid 1px ;
	border-color:#EA7500}
#kader {
	padding: 0;
	margin: 0;
	background-color:#FFECD9;
	border:solid 1px ;
	border-color:#EA7500
	}
	
#contentwrapper #sidebar {
	float: right;
	width: 335px;
	padding: 7px 0px 20px 0px;
	margin: 10px 0 0 0;}
#contentwrapper #footer {
	clear: both;
	border-top: 1px solid #CCCCCC;
	padding: 0;
	margin:0}
#mainnavcontainer {
	margin: 0;
	padding: 0;
	width: 900px}
	
/* linken */

a:link, a:visited {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold}
a:hover, a:active {
	text-decoration: underline}
.style1 {font-weight: bold; color: #666666;}
a.oranje:link, a.oranje:visited {color:#EA7500;}
a.oranje:hover {color:#B75B00;
	text-decoration:underline;}
a.oranje:active {color:#EA7500;
	text-decoration:underline;}
a.paars:link, a.paars:visited {
	color:#6600CC;
	font-weight: normal}
a.paars:hover, a.paars:active {color:#6600CC;
	text-decoration:underline;}
a.style4:link, a.style4:visited {color:#000; font-weight: bold; text-decoration:none}
a.style4:hover,a.style4:active  {color:#000;
	text-decoration:underline;
	font-weight: bold}
a.mail:link, a.mail:visited {
	color: #999999;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none}
a.mail:hover, a.mail:active {
	text-decoration:underline;}
a.light:link, a.light:visited {color:#A5AD72; text-decoration:none; font-size: 10px;}
a.light:hover, a.light:active {color:#A5AD72; text-decoration:underline}
#contentwrapper #footer .light {
	margin: 0 0 0 65px}	
	
/* menu top */
	
#menu {display:block; height:18px; margin:0px; width: 740px}
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {float:left; margin-right:13px; display:block; width:38px; border:0px solid #000;}
#menu li.list1 {background:transparent url(images/cafe-hammingh/cafe.gif) no-repeat top left; width: 31px;}
#menu li.list2 {background:transparent url(images/cafe-hammingh/restaurant.gif) no-repeat top left; width: 75px}
#menu li.list3 {background:transparent url(images/cafe-hammingh/overnachtingen.gif) no-repeat top left; width: 105px}
#menu li.list4 {background:transparent url(images/cafe-hammingh/zaalverhuur.gif) no-repeat top left; width: 80px}
#menu li.list5 {background:transparent url(images/cafe-hammingh/garnwerd.gif) no-repeat top left; width: 66px}
#menu li.list6 {background:transparent url(images/cafe-hammingh/omgeving.gif) no-repeat top left; width: 66px}
#menu li.list7 {background:transparent url(images/cafe-hammingh/openingstijden-hammingh.gif) no-repeat top left; width: 100px}
#menu li.list8 {background:transparent url(images/cafe-hammingh/contact.gif) no-repeat top left; width: 52px;}
#menu li.list9 {background:transparent url(images/cafe-hammingh/route-hammingh.gif) no-repeat top left; width: 42px; margin-right: 0}
#menu a {display:block; width:38px; padding-top:23px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menu a:link, * html #menu a:visited {height:86px; height:0;}

#menu a#item1 {background:transparent url(images/cafe-hammingh/cafe-hammingh.gif) -115px -86px no-repeat; width: 31px}
#menu a#item2 {background:transparent url(images/cafe-hammingh/restaurant-hammingh.gif) -115px -86px no-repeat; width: 75px}
#menu a#item3 {background:transparent url(images/cafe-hammingh/overnachtingen-groningen.gif) -115px -86px no-repeat; width: 105px}
#menu a#item4 {background:transparent url(images/cafe-hammingh/zaalverhuur-groningen.gif) -115px -86px no-repeat; width: 80px}
#menu a#item5 {background:transparent url(images/cafe-hammingh/garnwerd-groningen.gif) -115px -86px no-repeat; width: 66px}
#menu a#item6 {background:transparent url(images/cafe-hammingh/omgeving-hammingh.gif) -115px -86px no-repeat; width: 66px}
#menu a#item7 {background:transparent url(images/cafe-hammingh/openingstijden-cafe-hammingh.gif) -115px -86px no-repeat; width: 100px}
#menu a#item8 {background:transparent url(images/cafe-hammingh/contact-hammingh.gif) -115px -86px no-repeat; width: 52px}
#menu a#item9 {background:transparent url(images/cafe-hammingh/route.gif) -115px -86px no-repeat; width: 42px}

#menu a#item1:hover {background-position:top left; z-index:50;}
#menu a#item2:hover {background-position:top left; z-index:50;}
#menu a#item3:hover {background-position:top left; z-index:50;}
#menu a#item4:hover {background-position:top left; z-index:50;}
#menu a#item5:hover {background-position:top left; z-index:50;}
#menu a#item6:hover {background-position:top left; z-index:50;}
#menu a#item7:hover {background-position:top left; z-index:50;}
#menu a#item8:hover {background-position:top left; z-index:50;}
#menu a#item9:hover {background-position:top left; z-index:50;}

* html #menu a:hover {height:23px; height:0;}
#menu #hammingh { background-image: url(images/cafe-hammingh/cafe-hammingh.gif);}
#menu #restaurant { background-image: url(images/cafe-hammingh/restaurant-hammingh.gif);}
#menu #nu { background-image: url(images/cafe-hammingh/overnachtingen-groningen.gif);}
#menu #zaalverhuur { background-image: url(images/cafe-hammingh/zaalverhuur-groningen.gif);}
#menu #garnwerd { background-image: url(images/cafe-hammingh/garnwerd-groningen.gif);}
#menu #omgeving { background-image: url(images/cafe-hammingh/omgeving-hammingh.gif);}
#menu #openingstijden { background-image: url(images/cafe-hammingh/openingstijden-cafe-hammingh.gif);}
#menu #contact { background-image: url(images/cafe-hammingh/contact-hammingh.gif);}
#menu #route { background-image: url(images/cafe-hammingh/route.gif);}

/* menu left */

#sidebar1 #menu_left {
	padding: 18px 0 0 0;
	margin: 0}
#menu_left ul {
	margin: 0;
	padding: 0;
	list-style: none;}
#menu_left li {
	display: block;}
#menu_left a {
	display: block;
	font-size: 11px;
	padding: 5px 5px 5px 0px;
	height: 22px;
	font-weight: bold;
	text-decoration: none;
	color: #EA7500;}
#menu_left a:hover {
	color: #B75B00;
	text-decoration: underline}
#menu_left .active a {
	background: none;
	color: #A70000;}
	
#sidebar1_links #menu_left_links {
	padding: 18px 0 0 0;
	margin: 0}
#menu_left_links ul {
	margin: 0;
	padding: 0;
	list-style: none;}
#menu_left_links li {
	display: block;}
#menu_left_links a {
	display: block;
	font-size: 11px;
	padding: 5px 5px 5px 0px;
	height: 22px;
	font-weight: bold;
	text-decoration: none;
	color: #EA7500;}
#menu_left_links a:hover {
	color: #B75B00;
	text-decoration: underline}
#menu_left_links .active a {
	background: none;
	color: #A70000;}
	
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5; 
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;
-khtml-opacity: 1.0; } 



/* tabel */	

#content label  {
	float : left;
	width : 140px;
	text-align : left;
	margin-right : 15px;} 
#content .dag {
	float : left;
	width : 80px;
	text-align : right;
	margin-right : 15px;} 
#content .dagdeel {
	float : left;
	width : 87px;
	text-align : right;
	margin-right : 15px;} 
#content .huur {
	float : left;
	width : 197px;
	text-align : left;
	margin-right : 15px;} 
#content .prijs {
	float : left;
	width :125px;
	text-align : right;
	margin-right : 15px;} 
#content .dagverdeling {
	float: left;
	width: 90px;
	text-align: left;
	margin: 0 15px 0 0;} 
#content .uitleg {
	float : left;
	width : 225px;
	text-align : left;
	margin-right : 15px;}
#content .arrangement {
	float : right;
	width : 50px;
	text-align : right;
	margin-right : 15px;} 
#content .huurarrangement {
	float : left;
	width : 230px;
	text-align : left;
	margin-right : 15px;}
#content .uitbreiding {
	float : right;
	width : 75px;
	text-align : right;
	margin-right : 15px;}
#contentwrapper #content .huur-arrangement {
	float : left;
	width : 250px;
	text-align : left;
	margin-right : 15px;}
	
/* formulier */	

.text  {
	background-color: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #666666 ;
	width: 190px;
	margin-bottom: 16px;} 
.fieldset label  {
	float: left;
	width: 110px;
	text-align: left;
	margin-right: 15px;} 
#reset, #submit {
	border-width : 1px;
	font-size: 10px;
	border-style : solid;
	border-color : #666;
	margin-bottom : 3px;
	width : 90px;
	padding : 2px 3px 3px 3px;
	background-color: #FF6600;
	color: #fff;}
#reset {
	margin-left: 30px}
.fieldset .actie {
	margin-left: 0px;
	padding: 0 0 25px 0}
#bericht {
	background-color: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	width: 190px;
	margin-bottom : 30px;}
	
/* classes */
#contentwrapper #sidebar2 .datum {
	padding: 0px 0 10px 0;
	font-weight: bold;
	font-size: 10px;}	
.rood {
	font-weight: bold;
	color: #CC0000}
.oranje {
	font-weight: bold;
	color: #FF6600}	
.grijs {
	color: #666666}
#small .img {
	padding: 5px 0}
.paars {
	font-size: 10px;
	color: #6600CC;}
.klein{
	font-size: 10px;
	color: #000;
	font-weight: bold}
html {
     overflow: scroll;
}
#content hr {
	padding: 0;
	margin: 10px 0 0 0;
	border-top: 1px dotted #CCCCCC}
#contentwrapper #sidebar1_nieuws {
	float: left;
	width: 254px;
	padding: 15px 0 0 0;
	margin: 0;}
#contentwrapper #nieuwsbrief {
	padding: 12px 10px 25px 0px;
	margin: 20px 0 0 0;
	color: #666666;}
#nieuwsbrief h1 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	padding-bottom: 3px}
#sidebar1_nieuws p {
	font-weight: bold;
	line-height: 2.1em;
	padding-top: 3px;}	
.datum {
	padding: 0px 0 10px 0;
	font-weight: bold;
	font-size: 10px;}	
img.fltrt {
	float: right;
	margin: 4px 0px 4px 20px;
}
#nieuwsbrief p {
	font-weight: normal;
	line-height: 1.5em}
#content_home h2 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	padding: 0 0 5px 0;
	margin: 0}
#nieuws {
	text-align: left}
#nieuws a:link, #nieuws a:visited {
	height: 22px;
	padding: 3px 10px 4px 10px;
	margin:0;
	background-color: #FF6600;
	color: #FFFFFF;
	border: 1px solid #666666;
	text-decoration: none}
#nieuws a:hover {
	background-color: #FFFFFF;
	border: 1px solid #666666;
	color: #FF6600;
	text-decoration: none}
#contentwrapper #content td {vertical-align: top}
		
#sidebar .doorrit {
	margin-bottom: 5px}