/* base.css */
html {
	display: block;
	height: 100%;
	overflow: hidden;
}

body {
	display: block;
	height: 100%;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2F2D1D;
	
	background: #1D181E;
}

a {
	color: #9B4213;
}

/* stage */
#stage {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
	
	padding-top: 100px;
}
#stage:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* logo */
#logo {
	position: absolute;
	top: 0;
	left: 18px;
	z-index: 501;
}
#logo a {
	overflow: hidden;
	display: block;
	width: 94px;
	height: 81px;
	
	text-indent: -22222px;
	
	background: url('/fileadmin/web/images/logo.gif') center center no-repeat;
	
	-moz-box-shadow: #000000 0 0 5px;
	-webkit-box-shadow: #000000 0 0 5px;
	box-shadow: #000000 0 0 10px;
}
#logo img,
#logo br {
	display: none;
}

/* navigation */

/* button */
#button {
	position: absolute;
	top: 56px;
	right: 0;
	z-index: 101;
	
	display: block;
	height: 34px;
	width: 247px;
	
	background: url('/fileadmin/web/images/common/button.background.gif') 0 0 no-repeat;
	border-top: 1px solid #404040;
}

#button a {
	position: absolute;
	top: 4px;
	right: 18px;
	
	display: block;
	height: 26px;
	width: 164px;
	overflow: hidden;
	
	text-indent: -22222px;
	
	background: url('/fileadmin/web/images/common/request.button.gif') 0 0 no-repeat;
}
#button a:hover {
	background-position: 0 -26px;
}

/* navigation */
#navigation {
	z-index: 100;
}

/* mainmenu */
#mainmenu {
	position: absolute;
	left: 0;
	right: 0;
	top: 56px;
	z-index: 100;
	
	min-width: 100%;
	height: 34px;
	padding-left: 135px;
	padding-right: 330px;
	
	background: #FEFEFE url('/fileadmin/web/images/common/mainmenu.background.gif') 0 0 repeat-x;
	border-top: 1px solid #404040;
	
	-moz-box-shadow: #000000 0 0 10px;
	-webkit-box-shadow: #000000 0 0 10px;
	box-shadow: #000000 0 0 10px;
}
#mainmenu li {
	float: left;
	padding: 0 20px 0 0;
}

#mainmenu a {
	position: relative;
	font-family: "DIN Regular", Arial, Helvetica, sans-serif;
	color: #1D181E;
	font-size: 12px;
	line-height: 34px;
	text-transform: uppercase;
	text-decoration: none;
}
#mainmenu a.active,
#mainmenu a.crumb,
#mainmenu a:hover {
	color: #D3001B;
	border-bottom: 2px solid #D3001B;
}

#mainmenu a span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	
	background: url('/fileadmin/web/images/common/mainmenu-item.foreground.png') 0 0 repeat-x;
}
#mainmenu a.active span,
#mainmenu a.crumb span,
#mainmenu a:hover span {
	display: none;
}

#mainmenu ul {
	position: absolute;
	left: 0;
	right: 0;
	top: 34px;
	z-index: 50;
	padding-left: 135px;
	
	background: #FFFFFF;
	opacity: 0.85;
}
#mainmenu ul a {
	font-size: 11px;
}

/* layout */
#layout {
	position: absolute;
	left: 0;
	right: 0;
	top: 91px;
	bottom: 26px;
	overflow: hidden;
	
	background: #FFFFFF;
}
#layout:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* content */
#content {
	height: 100%;
}
#content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#content .focus {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 101;
	
	overflow: hidden;
}

#content .context {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 55px;
	right: 55px;
	z-index: 50;
	
	overflow: hidden;
}

#content .media {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	
	overflow: hidden;
}

#content .media .navigation {
	position: absolute;
	bottom: 10px;
	z-index: 500;
	
	display: block;
	width: 55px;
	height: 30px;
	
	background-color: #2F2D1D;
	background-position: center center;
	background-repeat: no-repeat;
}

#content .media .previous {
	left: 0;
	background-image: url('/fileadmin/web/images/common/arrow-left.gif');
}

#content .media .next {
	right: 0;
	background-image: url('/fileadmin/web/images/common/arrow-right.gif');
}

/* footer */
#footer {
	clear: both;
}
#footer .menu {
	position: absolute;
	top: 35px;
	right: 15px;
	color: #9B4213;
}
#footer .menu a {
	font-size: 9px;
	color: inherit;
	text-transform: uppercase;
	text-decoration: none;
}
#footer .copyright {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	
	height: 26px;
	padding: 0 40px;
	
	background: #1D181E;
	
	line-height: 26px;
	color: #9B4213;
	font-size: 9px;
	text-transform: uppercase;
}
#footer .copyright a {
	color: inherit;
	text-decoration: none;
}

/* brand */
#brand {
	display: none;
}
#brand a {
	
}
#brand br,
#brand em {
	
}