/********************************************************************************************************
	created by:		Newmedia AG	http://www.newmedia.ch
	project:		Rebuild Website KSH 2009
	date:			April/2009, Reto Zahner <reto.zahner@newmedia.ch>
	version:		4.1
	file:			layout.css
********************************************************************************************************/

/**
 * Hellgrau: #DEDEDE
 * Dunkelgrau: #999999
 * Links: #980E20
 */

html {
	background: none;
}

body {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 0.85em;*/
	margin: 0px;
	text-align: center;
	
	background-image:url(../html/img/background_body_default.png);
	background-color:#DEDEDE;
	background-repeat:repeat-y;
	background-position:center;
}

/* Dieses Element dient nur als Schmuck und hat keinen semantischen Wert */
div#hd-background {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 1px;
	height: 440px;
	
	background-image:url(../html/img/background_header.png);
	background-color:#DEDEDE;
	background-repeat:repeat-x;
	background-position:top center;
}

/* Hauptbereich */
div#doc4 {
	position: relative;
	width: 996px;
	left: 0px;
	top: 0px;
	z-index: 2;
	border-right: 2px solid #999;
	border-left: 2px solid #999;	
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-image:url(../html/img/background_body_default.png);
	background-repeat:repeat-y;
	background-position: -2px; 
	
}

/* Kopfbereich */
div#hd {
	position: relative;
	height: 168px;
	background-image:url(../html/img/background_header_body.png);
	background-color:#DEDEDE;
	overflow:hidden;
}

/* Groessenanpassung fuer Hauptspalten */
div.yui-t1, div.yui-t6 {
	width: 100%;
}

div#bd {
	position: relative;
	background-image:url(../html/img/background_content_top.png);
	background-repeat:no-repeat;
	/*background-position: -1px left;*/
}

div.yui-t1 div#yui-main div.yui-b {
	margin-left:248px;
}

div.yui-t1 div.yui-b {
	width:	248px;
}

/* Inhaltsbereich mit den Elementen content-main und content-right */
div.yui-ge {
	margin-top: 1em;

}

div.yui-ge div.yui-u {
	width: 300px;
}

/* Inhalt: Hauptbereich */
div.yui-ge div.yui-u.first {
	width: 438px;
}

/**
 * Visuell versteckte Elemente. (Sind nach der CSS-Deaktivierung wieder da)
 */
.hidden {
	display: none;
}

/**
 * Kopfbereich: Elemente
 */
div#header_image {
	position: absolute;
	left: 691px;
	top: 0px;
	height: 108px;
	width: 305px;
	overflow:hidden;
}

div#header_band {
	position: absolute;
	left: 188px;
	top: 0px;
	height: 108px;
	width: 808px;
	overflow:hidden;
	background-image:url(../global/img/header_band.png);
}
 
div#header_logo {
	position: absolute;
	left: 13px;
	top: 10px;
}

div#header_logo img {
	width:188px;
	height:108px;
}

/* Service-Navigation im Kopfbereich */
div#header_menu {
	position: absolute;
	left: 250px;
	/*width: 200px;*/
	text-align:right;
}

/* Suchformular im Kopfbereich */
div#header_suche {
	position: absolute;
	left: 695px;
	width: 175px;
	display: none;
}

/* Login-Link im Kopfbereich */
div#header_login {
	position: absolute;
	left: 800px;
	width: 196px;
	text-align:right;
	font-size: 1.5m;
	color: #999999;
}

/* Y-Position der Kopf-Navigation */
.header-menu {
	top: 130px;
	height: 31px;
	vertical-align:top;
	line-height: 31px;
}

/**
 * Navigationsmenu
 */
div#bd div#content-navigation {
}

div.yui-b.yui-ge {
	margin-top:0px;
}

/**
 * Inhalt: Hauptbereich
 */
div#bd div#content-main {
	margin-top:1em;
}

/**
 * Inhalt: Rechte Spalte
 */
div#bd div#content-right {
}

/* Spezielle Style für einspaltigen Inhalt */
body.default {
	background-image: url(../html/img/background_body_content.png);
}

/* Inhalt: Hauptbereich */
body.default div.yui-ge div.yui-u.first {
	width: 720px;
}

body.default div#doc4 {
	background-image:url(../html/img/background_body_content.png);
}

form[name=TSFE_ADMIN_PANEL_FORM] {
	position: relative;
	z-index: 1000;
	text-align:center;
	width: 100%;
}

table.typo3-adminPanel {
	margin: 1em auto;
	text-align:left;
	width: 437px;
	
	-moz-opacity:0.9; 
	-khtml-opacity:0.9; 
	opacity:0.9;
	filter:alpha(opacity=90);
}

table.typo3-adminPanel th,
table.typo3-adminPanel td {
	padding: 2px 6px;
}