/*  ----------------------------------------------------------------------
		file: styles.css
		website: walliserkanne-basel.ch
		author: thomas bruhin, media sonics, 4148 pfeffingen
		----------------------------------------------------------------------	*/

body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	font-family: "Arial Narrow", "Arial schmal", "N Helvetica Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif;
	/*	background-image: url(../bilder/background_balken.gif);
	background-repeat: repeat-y; */
}

img {
	margin: 0;
	padding: 0;
	border: 0 none transparent;
}

div#mastlay { width: 800px; }


/*div#left {
	margin: 0;
	padding: 0;
	width: 184px;
	background-color: #43484E;
	float: left;
	height: 600px;
	border-width: 0;
}*/

div#left {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 184px;
	background-color: #43484E;
	height: 600px;
	border-width: 0;
}

div#nav {
	margin: 130px 0 0 45px;
	padding: 0;
	width: 122px;
}

#nav a {
	font-size: 14px;
	color: #FFF;
	line-height: 24px;
	text-decoration: none;
	margin: 0;
	padding: 0;
	display: block;
}

#nav a:hover, #nav a:active { color: #c01b27; }
/* highlight the active sidenavitem through body id's */
body#willkommen a.willk:link, body#willkommen a.willk:visited,
body#restaurant a.rest:link, body#restaurant a.rest:visited,
body#spezialitaeten a.spez:link, body#spezialitaeten a.spez:visited,
body#weine a.wein:link, body#weine a.wein:visited,
body#bar a.bar:link, body#bar a.bar:visited,
body#bankette a.bank:link, body#bankette a.bank:visited,
body#credo a.credo:link, body#credo a.credo:visited,
body#standort a.stao:link, body#standort a.stao:visited,
body#ueber a.basel:link, body#ueber a.basel:visited,
body#kontakt a.ktk:link, body#kontakt a.ktk:visited
{ color: #c01b27; }

/* das kleine logo unten links im linken navigationsbereich */
div#logo {
	position: absolute;
	top: 494px;
	left: 16px;
	margin: 0;
	padding: 0;
	background-color: #43484E;
	height: 60px;
	width: 138px;
}

/* footer/copyright zeile unten an der seite: wird nur fuer printversion gebraucht */
div#footer { display: none; }

/* der inhaltsbereich */
div#content {
	width: 616px;
	background-color: white;
	margin: 0 0 0 184px;
	padding: 0;
}


/* die bilder oben im content block */
div#bilder {
	width: 616px;
	margin: 0;
	padding: 0;
	background-color: white;
	height: 220px;
}

div#bilder img {
	margin: 0;
	padding: 0;
	border-width: 0;
}

/* die headline titel im content bereich */
div#headline {
	width: 616px;
	margin: 0;
	padding: 0;
	background-color: white;
	height: 115px;
}

/* der eigentliche textinhalt */
div#maincontent {
	width: 465px;
	margin: 0 0 0 151px;
	padding: 0;
	background-color: white;
}

p {
	font-size: 14px;
	line-height: 21px;
	margin: 0 0 17px;
	padding: 0;
}

/* telefonnummer auf willkommen seite */
big.phonenumber {
	color: #c01b27;
	font-size: 18px;
	font-family: "Lucida Grande","Lucida Console",Lucida,"Courier New",Courier, mono;
}

/* textblock mit den pdf downloads im content bereich */
div#downloads {
	position: absolute;
	top: 530px;
	left: 335px;
	margin: 0;
	padding: 0;
	background-color: white;
	/* height: 70px; */
	width: 300px;
}

#downloads p small { font-size: 9px; }
#downloads p a { 
	color: black;
	text-decoration: underline; 
}

/* links bei der seite kontakt */
a.adresse { text-decoration: none; color: black; }
a.adresse:hover { text-decoration: underline; }

/* die wegbeschreibung von der seite standort */
div#wegbeschreibung {
	position: absolute;
	top: 410px;
	left: 240px;
	margin: 0;
	padding: 0;
	background-color: white;
}

div#wegbeschreibung img { 
	margin: 0; 
	padding 0; 
	border-width: 0; 
}

/* tabelle mit den links zu basel */
/*table.links td { 
	margin: 0 0 5px 0;
	padding: 0 15px 8px 0;
	font-size: 10px;
}*/

table.links th {
	font-size: 12px;
	line-height: 12px;
	margin: 0;
	padding: 0 0 8px 0;
	font-style: italic;
	font-weight: normal;
	text-align: left;
}

table.links td p {
	font-size: 12px;
	line-height: 12px;
	margin: 0;
	padding: 0 0 8px 0;
}

table.links a { text-decoration: underline; color: black; }
