/* stylesheet restaurant drei könig lörrach website */
/* stand 01.12.2011 */
/* ©2011 by zweiwest/kommunikation, www.zweiwest.ch */


div, table, td {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, Sans-Serif;
}

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, Sans-Serif;	
	background-color: #AFA066;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

html, body {
	height:100%;
}

/* IE Win only */
* html #container {
	height:100%;
}



/* STATISCHE LAYER */

#container  {
	margin-left:auto;
	margin-right:auto;
	width:1004px;
	min-height:100%;
	background-color: #BEB284;
	background-image: url(images/lines.gif);
	background-repeat: repeat-y;
	margin:0 auto;
}

#wrap-top  {
	position: absolute;
	width:1004px;
	height:531px;
	padding:0px 0px 0px 0px;
}

#logo-header  {
	position: absolute;
	top: 0px;
	width:100%;
	height:120px;
	z-index: 2;
}

#impressum  {
	position: absolute;
	top: 0px;
	width:100%;
	height: 1150px;
	z-index: 3;
	visibility: hidden;
}	

#gallery {
	position: absolute;
	width: 1000px;
	height: 500px;
	margin-right: 2px;
	margin-left: 2px;
	padding:0px 0px 0px 0px;
	z-index: 1;
}

#navigation {
	position: absolute;
	top: 500px;
	height: 31px;
	width: 1000px;
	margin-right: 2px;
	margin-left: 2px;
	text-align: center;
	background-image: url(images/nav-background.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
}



/* FLEXIBLE LAYER */

#wrap-bottom-news  {
	position: absolute;
	top: 531px;
	width:1004px;
	height:390px;
	padding:0px 0px 0px 0px;
	background-color: #BEB284;
	background-image: url(images/lines.gif);
	background-repeat: repeat-y;
}

#container-news {
	position: absolute;
	top: 531px;
	width: 950px;
	margin-right: 27px;
	margin-left: 27px;
	margin-top: 29px;
	padding:0px 0px 0px 0px;
	height: 310px;
}

#footer-news {
	position: absolute;
	top: 870px;
	height:20px;
	width:900px;
	margin-left:50px;
	margin-right:50px;
	margin-top:20px;
	text-align: center;
}

#wrap-bottom-dreikoenigloerrach  {
	position: absolute;
	top: 531px;
	width:1004px;
	height:1470px;
	padding:0px 0px 0px 0px;
	background-color: #BEB284;
	background-image: url(images/lines.gif);
	background-repeat: repeat-y;
}

#container-dreikoenigloerrach {
	position: absolute;
	top: 531px;
	height: 1390px;
	width: 950px;
	margin-right: 27px;
	margin-left: 27px;
	margin-top: 29px;
	padding:0px 0px 0px 0px;
}

#footer-dreikoenigloerrach {
	position: absolute;
	top: 1950px;
	height:20px;
	width:900px;
	margin-left:50px;
	margin-right:50px;
	margin-top:20px;
	text-align: center;
}

#wrap-bottom-restaurant  {
	position: absolute;
	top: 531px;
	width:1004px;
	height:1420px;
	padding:0px 0px 0px 0px;
	background-color: #BEB284;
	background-image: url(images/lines.gif);
	background-repeat: repeat-y;
}

#container-restaurant {
	position: absolute;
	top: 531px;
	height: 1340px;
	width: 950px;
	margin-right: 27px;
	margin-left: 27px;
	margin-top: 29px;
	padding:0px 0px 0px 0px;
}

#footer-restaurant {
	position: absolute;
	top: 1900px;
	height:20px;
	width:900px;
	margin-left:50px;
	margin-right:50px;
	margin-top:20px;
	text-align: center;
}

#wrap-bottom-veranstaltungen  {
	position: absolute;
	top: 531px;
	width:1004px;
	height:1040px;
	padding:0px 0px 0px 0px;
	background-color: #BEB284;
	background-image: url(images/lines.gif);
	background-repeat: repeat-y;
}

#container-veranstaltungen {
	position: absolute;
	top: 531px;
	height: 960px;
	width: 950px;
	margin-right: 27px;
	margin-left: 27px;
	margin-top: 29px;
	padding:0px 0px 0px 0px;
}

#footer-veranstaltungen {
	position: absolute;
	top: 1520px;
	height:20px;
	width:900px;
	margin-left:50px;
	margin-right:50px;
	margin-top:20px;
	text-align: center;
}

#wrap-bottom-team  {
	position: absolute;
	top: 531px;
	width:1004px;
	height:900px;
	padding:0px 0px 0px 0px;
	background-color: #BEB284;
	background-image: url(images/lines.gif);
	background-repeat: repeat-y;
}

#container-team {
	position: absolute;
	top: 531px;
	height: 820px;
	width: 950px;
	margin-right: 27px;
	margin-left: 27px;
	margin-top: 29px;
	padding:0px 0px 0px 0px;
}

#footer-team {
	position: absolute;
	top: 1380px;
	height:20px;
	width:900px;
	margin-left:50px;
	margin-right:50px;
	margin-top:20px;
	text-align: center;
}

#wrap-bottom-kontakt  {
	position: absolute;
	top: 531px;
	width:1004px;
	height:620px;
	padding:0px 0px 0px 0px;
	background-color: #BEB284;
	background-image: url(images/lines.gif);
	background-repeat: repeat-y;
}

#container-kontakt {
	position: absolute;
	top: 531px;
	height: 540px;
	width: 950px;
	margin-right: 27px;
	margin-left: 27px;
	margin-top: 29px;
	padding:0px 0px 0px 0px;
}

#footer-kontakt {
	position: absolute;
	top: 1100px;
	height:20px;
	width:900px;
	margin-left:50px;
	margin-right:50px;
	margin-top:20px;
	text-align: center;
}



/* TYPOGRAFISCHE STILVORLAGEN */

a.copy-nav:link { color:#FFFFFF; text-decoration: none; }
a.copy-nav:active { color:#FFFFFF; text-decoration: none; }
a.copy-nav:hover { color:#FFFFFF; text-decoration: none; background-color: #AFA066; }
a.copy-nav:visited { color:#FFFFFF; text-decoration: none; }


a:link { color:#000000; text-decoration: underline; }
a:active { color:#000000; text-decoration: underline; }
a:hover { color:#000000; text-decoration: underline; }
a:visited { color:#000000; text-decoration: underline; }


.copy-xxs { font-size:9px; line-height:14px; }
.copy-xs { font-size:10px; line-height:15px; }
.copy-s { font-size:12px; line-height:17px; }
.copy-m { font-size:13px; line-height:18px; }
.copy-l { font-size:14px; line-height:20px; }
.copy-xl { font-size:16px; line-height:22px; }
.copy-xxl { font-size:18px; line-height:25px; }

.copy-xxs-bold { font-size:9px; line-height:14px; font-weight: bold; }
.copy-xs-bold { font-size:10px; line-height:15px; font-weight: bold; }
.copy-s-bold { font-size:12px; line-height:17px; font-weight: bold; }
.copy-m-bold { font-size:13px; line-height:18px; font-weight: bold; }
.copy-l-bold { font-size:14px; line-height:20px; font-weight: bold; }
.copy-xl-bold { font-size:16px; line-height:22px; font-weight: bold; }
.copy-xxl-bold { font-size:18px; line-height:25px; font-weight: bold; }

.copy-nav { font-size:17px;	color: #FFFFFF; }
.copy-nav-aktiv { font-size:17px; color: #FFFFFF; background-color: #AFA066; }

.copy-impressum {
	font-size:11px;
	line-height:14px;
	padding-right: 350px;
	padding-left: 50px;
}