@import url("../../_tmpl/css/basic/basic.css");
@import url("menu_vertical.css");
@import url("content.css");


/****************************************
	Layout
****************************************/
#header {
	height:108px;
	padding-top: 20px;
}

#meta-menu {
	background: url(../_img/meta_container_shadow.jpg) top left no-repeat;
	height: 4em;
	padding: 0 0 0 0;
	overflow: hidden;
	width: 100%;
}

#main-menu {
	left: 0;
	top: 128px;
	padding-top: 4em;
	position: absolute;
	width: 21em;
}



/****************************************
	Header - Image Replacement
	Gilder/Levin-Methode Budd 73
****************************************/
#header h1 {
	/* font-size wird hier auf 1.2em gestellt 
	margin-left wäre bei font-size 1em -> 21em bei 1.2em -> 17.5em */
	color: #000000;
	font-size: 1.2em;
	height: 77px;
	margin-left: 17.5em;
	position: relative;
	overflow: hidden;
	width: 425px;
}

#header h1 span {
	background: url(../_img/anhauesser_unger_bergien.gif) left top no-repeat; /**/
	position: absolute;
	height: 100%;
	width: 100%;
}


/****************************************
	Meta Menu
****************************************/
#meta-menu {
	font-size: 1em;
	line-height: 1;
}

#meta-menu h2.lang-head,
#meta-menu li span.title {
	display: none;
}

#meta-menu .gutter {
	padding-left: 352px; /* Bildbreite */
	width: 65em;
}

#meta-menu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#meta-menu li {
	display: inline;
	margin: 0;
}

#meta-menu li a {
	color: #444;
	display: block;
	float: left;
	font-weight: bold;
	margin-left: 1px;
	text-decoration:none;
	padding: .5em 8px 1.1em 8px;
}

#meta-menu li a:focus, 
#meta-menu li a:hover, 
#meta-menu li a:active {
	background-color: #A0A4AF;
	color: #fff;
	font-weight: bold;
	text-decoration:none;
}

#meta-menu li.menuItem-CUR span {
	background-color: #A0A4AF;
	display: block;
	float: left;
	color: #fff;
	font-weight: bold;
	margin-left: 1px;
	padding: .5em 8px 1.1em 8px;
}

#meta-menu .meta-menu {
	float: right;
	padding-top: .8em;
}

/* Sprachauswahl */
#meta-menu ul.menu-lang {
	float: right;
	padding-left: 30px;
	padding-top: .8em;
}

#meta-menu ul.menu-lang li a {
	float: left;
	margin-left: 0;
	padding: 5px 0 0 2px;
}

#meta-menu  ul.menu-lang li a:focus, 
#meta-menu  ul.menu-lang li a:hover, 
#meta-menu  ul.menu-lang li a:active {
	background-color: transparent;
	color: #AAA;
	text-decoration:none;
}


/****************************************
	Content
****************************************/

#content-container {
	/* background: #D7D7D7 url(../_img/page_shadow.gif) left bottom repeat-x; 
	background: #D7D7D7 url(../_img/hg_content.gif) left top repeat-y;*/
	margin-left: 21em;
	position: relative;
}

#content-container .shadow {
	background: #D7D7D7 url(../_img/page_shadow.gif) left bottom repeat-x;
	min-height: 480px;
	padding-bottom: 5px;
	position: relative;
}

* html #content-container .shadow {
	height: 480px;
}

#content-container .gutter {
	background: #A0A4AF url(../_img/hg_keyvisual.gif) right top repeat-y;
	min-width: 431px;
	padding-right: 352px;
	position: relative;
	/* min 44em, da bei 43em Bild im IE verschwindet */
	/* minmax.js verhindert, dass das Bild verschwindet, wenn Schrift verkleinert wird. */
	width: 44em;
}

#content {
	float: left;
	min-height: 465px;
	padding: 0 1em 15px 2em;
	position: relative;
	width: 40em;
}

* html #content {
	height: 465px;
}

#content-container #key-visual {
	position: absolute;
	right: 0;
}



/* Seiten-Überschrift */
h1#page-headline {
	padding-top: 24px;
}