/***
 * MAIN CSS
 */

html {
	background: #fff;
	height: 100%;
}
body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre {
	margin: 0;
	padding: 0;
}
body, input, textarea {
	font: normal normal normal 11px/18px Arial,Verdana,Helvetica,sans-serif;
	color: #000;
}
body {
	padding: 0;
	height: 100%;
	background: #523d2c url(../img/bg-holz.jpg) repeat 0 0;
}



/***
 * Hintergrund, weisse Raender, gelber Balken
 */

#body-bg-left, #body-bg-right, #body-bg-bottom, #body-bg-balken {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: url(../img/bg-rand.gif) repeat-y 0 0;
	text-align: center;
}
#body-bg-right {
	background: url(../img/bg-rand.gif) repeat-y 100% 0;
}
#body-bg-bottom {
	background: url(../img/bg-rand.gif) repeat-x 0 100%;
}
/* Angabe fuer IE6 und frueher */
#body-bg-balken { background: url(../img/bg-balken-ie6.png) no-repeat 0 0; }
/* neuere Browser */
html>body #body-bg-balken {
	background: url(../img/bg-balken.png) repeat-x 0 0;
}



/***
 * Container zur Formatierung
 */

#head, #main, #foot {
	width: 910px;
	padding: 0 8px;
	margin: 0 auto;
	text-align: left;
}
#main {
	width: 891px;
	padding: 0 0 0 18px;
	border-left: 1px solid #fff;
}
#foot {
	width: 892px;
	padding: 4px 0 12px 18px;
}



#content {
	width: 100%;
	background: #fff;
}
#content-in {
	float: left;
	width: 860px;
	padding: 16px 0 16px 16px;
}
#content-height {
	float: right;
	width: 1px;
	height: 400px;
}



#head-dist {
	height: 71px;
}
#head-row {
	height: 56px;
	padding: 2px 0 0 0;
	background: url(../img/bg-logo2.gif) no-repeat 100% 0;
}
#head-logo2 {
	/* Logo ist im head-row, weil mit den Rundungen das Logo groesser ist als hier 54px */
	float: right;
	width: 140px;
	height: 54px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
#head-logo1 {
	float: right;
	width: 150px;
	height: 54px;
	background: url(../img/bg-logo1.gif) no-repeat 100% 100%;
}
#head-menu-lev1 {
	float: left;
	width: 463px;
	height: 54px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
#head-menu-lev1 div {
	float: left;
	width: 200px;
	height: 18px;
	padding: 0 0 0 14px;
}
#head-menu-lev2 {
	height: 36px;
	padding: 18px 14px 0 14px;
	background: url(../img/bg-menu-lev2.gif) no-repeat 0 18px;
}



/***
 * IE6 PNG-Transparenz Hack (Quelle: www.twinhelix.com/css/iepngfix)
 *  (wird nur von MSIE-Browser interpretiert)
 */

/* wenn mit TYPO3 den Pfad absolut vom Root-Verzeichnis aus
* { behavior: url(fileadmin/template/main/style/iepngfix.htc); }
*/

*{ behavior: url(fileadmin/elias-meier.ch/style/iepngfix.htc); }

/***
 * TEXT, SCHRIFTEN, LINKS
 */

p, ul, ol, dl, blockquote, form {
	font: normal normal normal 11px/16px Arial,Helvetica,Verdana,sans-serif;
	color: #000;
}
p {
	
}

h1, h2 {
	font: normal normal bold 14px/18px Arial,Helvetica,Verdana,sans-serif;
	color: #f4ba37;
	margin: 0;
	padding: 0 0 8px 0;
}
h2 {
	line-height: 22px;
	font-size: 12px;
	padding: 8px 0 0 0;
}

a:link,
a:visited {
	font: normal normal normal 11px/16px Arial,Helvetica,Verdana,sans-serif;
	color: #000;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #444;
	text-decoration: none;
}

ul {
	margin: 0 0 8px 20px;
	list-style-image: url(../img/list-punkt.gif);
}



/***
 * Menue Level 1
 */

a.menu-lev1-no, a.menu-lev1-act {
	font: normal normal normal 11px/18px Arial,Verdana,Helvetica,sans-serif;
	text-transform: uppercase;
	display: block;
	width: 203px;
	height: 18px;
	margin: 0;
	padding: 0 0 0 14px;
}
a.menu-lev1-no:link,
a.menu-lev1-no:visited {
	color: #fff;
	text-decoration: none;
}
a.menu-lev1-no:hover,
a.menu-lev1-no:active {
	font-weight: bold;
}
a.menu-lev1-act:link,
a.menu-lev1-act:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background: url(../img/bg-pfeil-weiss.gif) no-repeat 0 -3px;
}
a.menu-lev1-act:hover,
a.menu-lev1-act:active {  }



/***
 * Menue Level 2
 */

a.menu-lev2-no, a.menu-lev2-act {
	font: normal normal normal 11px/24px Arial,Verdana,Helvetica,sans-serif;
	height: 18px;
	margin: 0;
	padding: 0 28px 0 14px;
}
a.menu-lev2-no:link,
a.menu-lev2-no:visited {
	color: #fff;
	text-decoration: none;
}
a.menu-lev2-no:hover,
a.menu-lev2-no:active {
	color: #f4ba37;
}
a.menu-lev2-act:link,
a.menu-lev2-act:visited {
	color: #f4ba37;
	text-decoration: none;
	font-weight: bold;
	background: url(../img/bg-pfeil-orange.gif) no-repeat 0 -5px;
}
a.menu-lev2-act:hover,
a.menu-lev2-act:active { }



/***
 * Fusszeile
 */

#foot p {
	color: #fff;
}

#foot p a:link,
#foot p a:visited {
	color: #fff;
	text-decoration: none;
}
#foot p a:hover,
#foot p a:active {
	text-decoration: underline;
}