﻿/* ========================================================================= */
/* LaCave Restaurant in Uetersen                                             */
/* CSS Version 1.0 by Filewalker.net                                         */
/* ------------------------------------------------------------------------- */
/* All rights reserved (2008).                                               */
/* Copying, Reusing or manipulated reusing not allowed without permission    */
/* of the owner, Filewalker.net and LaCave Restaurant Uetersen               */
/* ========================================================================= */
/* word-spacing, border-dotted invalid with IE5								 */



/* -- BODY, P, TABLE, TR, TD ----------------------------------------------- */

* {
	margin:0;
	padding:0;
}

body, p {
	font-family: Tahoma, Arial, sans-serif;
	font-size:9pt;
	font-weight:normal;
	color:black;
	text-decoration:none;
	letter-spacing:normal;
	word-spacing:normal;						/* not supported with IE5! */
}
body {
	text-align:center; 							/* Browser-Switch für IE5 */
	background-color:white;
	background-image:url(images/bg.png);
	background-repeat:repeat;
	background-position:left;
}
p {
	line-height:1.5em;
	margin:0;
	padding:0;
}
table {
	position:relative;
	text-align:center;
	margin:auto;
}
tr {
	/* ... */
}
td {
	text-align:center;
	vertical-align:top;
}
hr {
	width:100%;
	height:1px;
	border:0;
	background-color:black;
	color:black;
}

/* -- LINKS ---------------------------------------------------------------- */

a {
	color:black;
	font-size:7pt;
	font-weight:bold;
	letter-spacing:0.2em;
	text-decoration:none;
}
a:active {
	/* ... not used yet ... */
}
a:visited {
	/* ... not used yet ... */
}
a:hover {
	text-decoration:underline;
	color:black;
}

a.small {
	font-size:7pt;
	font-weight:bold;
}


/* -- FONTS, H1, H2, H3 ---------------------------------------------------- */

h1 {
	font-size:10pt;
	font-weight:bold;
	text-decoration:underline;
}

h2 {
	font-size:9pt;
	font-weight:bold;
	font-style:italic;
}

h3 {
	font-size:8pt;
	font-weight:bold;
	/* ... not used yet ... */
}

strong {
	letter-spacing:0.2em;
	font-size:9pt;
	font-weight:bold;
}

strong#red {
	color:red;
}

img.noborder {
	border: 0;
}

/* -- DIV-CONTAINER -------------------------------------------------------- */
/* -- HEADER --------------------------------------------------------------- */

#centric {
	width:900px;								/* Website Breite: 900px */
	margin:auto;								/* Workaround für Zentrierung */
	margin-top:5px;								/* Abstand zum Viewport */
}

.header {
	position:relative;							/* relativ zum centric */
	height:80px;								/* Header-Höhe: 80px */
	border:1px solid black;						/* Rahmen um den Header */
	background-image:url(images/Logo.png);
	background-repeat:no-repeat;
	background-position:left;
}

#Uhr {
	/* ... */
}

/* -- FOOTER --------------------------------------------------------------- */
.footer {
	position:relative;							/* relativ zum header */
	width:749px;								/* -1 for borders */
	margin-left:148px;							/* Abstand zum linken Rand, -2 da Menue keine Border */
	border-left:1px solid black;
	border-bottom:1px solid black;	
	border-right:1px solid black;	
	font-size:7pt;								/* Reguläre Footer-Defs */
	line-height:30px;						
	background-color:#FF9900;					/* color for loading-time */
	background-image:url(images/footer_bg.png);
	background-repeat:repeat-x;
	background-position:left;
	/* ... OK */
}

/* -- CONTENT -------------------------------------------------------------- */
.content-top {
	position:relative;
	width:749px;								/* -1 for border */
	margin-left:148px;							/* Abstand zum linken Rand, -2 da Menue keine Border */
	margin-top:80px;							/* Abstand zum oberen Rand */
	border-left:1px solid black;
	border-top:1px solid black;
	border-right:1px solid black;
	background-image:url(images/content-top_bg.png);
	background-repeat:repeat-x;
	background-position:left;
	line-height:30px;
	background-color:#FF9900;					/* color for loading-time */
	font-size:9pt;
	font-weight:bold;
	letter-spacing:0.2em;
	text-align:left;
	text-indent:20px;
	/* ... OK */
}

.content {
	position:relative;
	width:709px;								/* -40 & -1 for borders & 2 x padding */
	margin-left:148px;							/* Abstand zum linken Rand, -2 da Menue keine Border */
	border-right:1px solid black;
	border-left:1px solid black;
	background-image:url(images/content_bg.png);
	background-repeat:repeat;
	background-position:left;
	text-align:left;
	padding-right:20px;	
	padding-left:20px;							/* indentation for every line */
												/* evtl. durch spezifisches p ersetzen */
	padding-top:8px;							/* Abstand zum content-top */
	padding-bottom:8px;							/* Abstand zum footer */
	
	min-height:400px;							/* Minimum Höhe !!*/
	/* ... OK */
}

.content-centric {								/* special box */
	text-align:center;
	margin:auto;
	/*margin-right:20px;*/
}

.big_logo {										/*self-explanatory */
	background-image:url(images/SK_Front.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:356px;
	border:1px solid black;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
}

img {
	border:1px solid black;
}
img#noborder {
	border:0;
}

/* -- MENUE ---------------------------------------------------------------- */
.menue {
	position:absolute;
	width:150px;
}

ul {
	list-style-type:none;						/* No List-Symbol */
	margin:0;									/* No Margin/Paddings */
	padding:0;
}

li {
	border-left:1px solid black;
	border-right:1px solid black;
	font-size:8pt;
	text-align:left;
	text-indent:1.5em;
}

li.empty {
	display:block;
	border:0px;
	line-height:5px;
}

/* -- MENUE LINK ----------------------------------------------------------- */

li a {
	display:block;
	border-bottom:1px solid black;
	color:#330000;
	font-size:8pt;
	font-weight:bold;
	background-color:#FF9900;		/* color for loading-time */
	background-image:url(images/li_a_bg.png);
	background-repeat:no-repeat;
	background-position:top;
	text-decoration:none;
	line-height:30px;
}

li a:hover {
	background-color:#FFCC00;		/* color for loading-time */
	background-image:url(images/li_a_bg.png);
	background-repeat:no-repeat;
	background-position:0 -30px;	/* pullup hover-picture */
	color:#FF9900;
	text-decoration:none;
}

li a.first {	/*erstes Element, mit top-border */
	border-top:1px solid black;
}

li a#last {		/*letztes Element ohne bottom-border */
	border-bottom:1px solid black;
}


/* -- DIV-CONTAINER (SPECIAL) ---------------------------------------------- */

#news-on-index {
	line-height:4em;
	text-align:left;
	border-bottom:1px solid black;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:20px;
}

/* -- TABLES --------------------------------------------------------------- */
table.cards {
	width:600px;
	padding:0;
	margin:0 auto;
	border:0;
}
td {
	line-height:1.5em;
	font-size:11pt;
	text-align:left;
	padding:10px;
}
td.theader {
	font-weight:bold;
	text-align:center;
	background-image:url(images/divider.png);
	background-position:bottom;
	background-repeat:no-repeat;
}
td.price {
	width:60px;
	text-align:right;
}
/* -- for special purposes  ------------------------------------------------ */

#construction {
	margin:auto;
	margin-top:50px;
	background-image:url(images/thumbs/SK_Front.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:356px;
	width:300px;
	border:1px solid black;
}
#construction_text {
	margin:auto;
	margin-top:20px;
	width:800px;
	border:1px solid black;
	background-image:url(images/content_bg.png);
	background-repeat:repeat;
	background-position:left;
	/* ... */
}
#construction_footer {
	margin:auto;
	margin-top:20px;
	width:800px;
	line-height:30px;
	border:1px solid black;
	background-image:url(images/content_bg.png);
	background-repeat:repeat;
	background-position:left;
	font-size:7pt;
}

/* -- URH ----------------------------------------------------------------- */
#Uhr {
	position:relative;
	z-index:2;
	text-align:right;
	right:6px;
	top:78px;
	font-size:7pt;
	font-weight:bold;
	color:black;
	}

/* -- COPYRIGHT ----------------------------------------------------------- */
#filewalker {
	width:747px;
	margin-top:20px;
	margin-left:150px;
	font-size:7pt;
	font-weight:bold;
	letter-spacing:0.2em;
}
