/*css layout formatting done by mtness.net*\
		on behalf of primel.net
		for http://www.masdorp.de
\*              2007-10-15                */

* { margin: 0; border: 0; padding: 0; }

html
{
	background: #fff fixed top left repeat-x url(../images/bg_gradient.jpg);
}
body {
	margin:0;
	border:0;
	padding:0;
	height:100%;
	font-family: georgia, serif;
	overflow-y:auto;
}

#scroll
{
	margin:415px 0 50px 0px;
	display:block;
	border:0px solid #000;
}

#relative 
{
	
	margin: 0 auto;
	width: 920px;
}

#content
{
	top: 32px;
	left: 0px;
	width: 421px;
	padding: 16px 100px 40px 50px;
	background: #fff;
	text-align: left;
	color: #664321;
}

#content h1 { font-size: 1em; line-height: 150%; font-weight: normal; padding: 1em 0 0 0; background: #fff; }
#content h2 { font-size: 1em; font-weight: normal; padding: 0 0 8px 0; }
#content h3 { font-size: 1em; font-weight: normal; }
#content h4 { font-size: 1em; font-weight: normal; }
#content h5 { font-size: 1em; font-weight: normal; }
#content h6 { font-size: 1em; font-weight: normal; }
#content p  { font: 0.8em Arial; line-height: 150%; padding: .5em 0 .5em 0; }
/* #content p:first-letter { font-size:1.5em; } */
#content a  { color: #777; margin: 0; }
#content em { font-style: italic;  }
#content ul { list-style: none; }
#content li { margin-bottom: 5px; }

#content ol { font: 0.8em Arial; padding: 0 0 0 32px; }

#fixed
{
	display:block;
	top:0px;
	left:0px;
	width:100%;
	position:fixed;
	font-weight:bold;
	color:#fff;
	background: #fff fixed top left repeat-x url(../images/bg_gradient.jpg);
}

#center
{
	position: relative;
	margin: 0 auto;
	top: 32px;
	width: 920px;
	/* height: 83px; */
	background: #fff;
}

#logo
{
	text-align: right;
}

#submenu_wrap
{
	position: relative;
	top: 0px;
	margin: 0 auto;
	width: 920px;
	height: 257px;
	background: #ddd;
	color: #ccc;
}
#submenu
{
	position: absolute;
	top: 27px;
	left: 0px;
	width: 571px;
	height: 215px;
	text-align: left;
	z-index: 42;
}

#subnav
{
	list-style: none;
	font-family: georgia, verdana, helvetica, arial, sans-serif;
	font-size: 16px;
}

#subnav li { padding: 5px 0;  }

#subnav li a { color: #664321; /* background: blue; */ text-decoration: none; padding: 4px 15px 4px 45px; }

#subnav li a:hover { background: 16px center no-repeat url(../images/subnav_pfeil.png); border-right: 2px solid #997654; border-bottom: 2px solid #997654; }

#subnav li a.selected { background: 16px center no-repeat url(../images/subnav_pfeil.png) }

#submenu_bg_opacity
{
	position: absolute;
	top: 0;
	left: 0;
	width: 571px;
	height: 215px;
	background: #fff;
	z-index: 23;
 	opacity:.66;
	filter: alpha(opacity=66);
	-moz-opacity: 0.66;
}

#submenu_opacity
{
	position: absolute;
	top: 215px;
	left: 0;
	width: 571px;
	height: 42px;
	background: #fff;
	z-index: 23;
 	opacity:.66;
	filter: alpha(opacity=66);
	-moz-opacity: 0.66;
}

#submenu_bg,
#home_bg,
#leistungen_bg,
#kultur_bg,
#historie_bg,
#jobs_bg,
#kontakt_bg,
#impressum_bg
{
	position: absolute;
	top: 0;
	left: 0;
	width: 920px;
	height: 257px;
	color: #ccc;
}
#submenu_bg		{ background: top left no-repeat url(../images/bg/default.jpg); }
#home_bg		{ background: top left no-repeat url(../images/bg/startseite.jpg); }
#leistungen_bg	{ background: top left no-repeat url(../images/bg/leistungen.jpg); }
#kultur_bg		{ background: top left no-repeat url(../images/bg/kultur.jpg); }
#historie_bg	{ background: top left no-repeat url(../images/bg/historie.jpg); }
#jobs_bg		{ background: top left no-repeat url(../images/bg/jobs.jpg); }
#kontakt_bg 	{ background: top left no-repeat url(../images/bg/kontakt.jpg); }
#impressum_bg	{ background: top left no-repeat url(../images/bg/impressum.jpg); }


#menu
{
	position: relative;
	top: 0px;
	margin: 0 auto;
	width: 920px;
	height: 42px;
	background: #fff;
	color: #ccc;
}

/* menu */
/* ************************************************************************** */

#nav_wrap
{
	position: absolute;
	left: 0px; //359px;
	width: 571px;
	height: 42px;
	z-index: 24;
	font-family: georgia, verdana, helvetica, arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	background: #664321;
}
#nav
{
	position: absolute;
	right: 0;
	padding-left: 42px;
	float: left;
}
#nav li { list-style: none; float: left; padding: 0 0 0 0; margin: 0 1px 0 0; }
#nav li a 
{
	display: block;
	padding: 0.72em 0.6em;
	color: #fff;
	background: #664321;
	text-decoration: none;
	float: left;
}
html>body #nav li a 
{
	width: auto;
}

#nav li a:hover 
{
	color: #fff;
	background: #85694D;
}

#nav li a.selected 
{
	color: #fff;
	background: #85694D;
}

	
/* end of menu */
/* ************************************************************************** */

#multilang
{
	position: absolute;
	top: 10px;
	right: 122px;
	width: 70px;
	z-index: 42;
}
#multilang li { list-style: none; float: left; padding: 0 6px 0 0; }


#legal
{
	position: absolute;
	right: 0px;
	height: 42px;
	z-index: 42;
	font: 12px lucida sans;
	padding: 10px 40px 0 0;
	text-align: center;
	z-index: 21;
}
#legal a { color: #664321; text-decoration: none; }
#legal a:link	{ }
#legal a:visited{ }
#legal a:hover  { color: #85694D;}
#legal a:active { }