/* CSS Document */

html { height: 101%; } /*pk*/

* {margin-top: 0;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #4e4e4e;
	line-height: 130%;
	background-color: #ffffff;
	border-width: 0px;
	/* border-color: #A4A7A6; */
	}

/* ----SCHRIFT-STYLES---- */

h1 {
	margin: 0 0 -10px 0;
	padding: 0;
	color: #c5c5c5;
	font-size: 1.1em;
	font-weight: bold;
	}

h2 {
	margin: 0.2em 0 0 0;
	padding: 0;
	color: #4e4e4e;
	font-size: 1em;
	font-weight: bold;
	}

img { 
	border: none;
	padding: 2px 10px 2px 0px;
}

ul {
	list-style-type: none;
	padding-left: 0px;
	/* list-style-position: inside;*/
	/* margin-left: -15px; */
}


.orange {
	margin: 0;
	padding: 0;
	color: #e36c0a;
	}

.topright {
	text-align:left; 
	padding-top:46px;
	padding-left: 650px;
	}
	
#centerbox {
	padding: 0 20px;
	width: 900px;
	margin: 0 auto;
	position: relative;
	}
	
#centerboxIndx {
	padding: 0 20px;
	width: 900px;
	margin: 0 auto;
	}

#header {
	position: fixed;
	background-color: #ffffff;
	width: 900px;
	z-index: 10;
	}
	
#header a {
	color: #4e4e4e;
	text-decoration: none;
	}

#header a:hover { color:#e36c0a; }

#content {
	clear: both;
	padding: 120px 12px;
	line-height: 150%;
	z-index: 1;
	/*height: 450px;*/
	/*height:auto;*/
	}

#content.vari2 {
	padding-top: 250px;
	}
	
#content a {
	color: #4e4e4e;
	text-decoration: none;
	}

#content a:hover { color:#e36c0a; }

/* textausrichtung 1 */
#content .txtalign1 { color: #f96; text-align: left; padding: 0 2.0em 0 0; }
#content .txtalign1 strong { color: #f96; font-weight: bold; }
#content .txtalign1 a { color: #f96; font-weight: normal; }
#content .txtalign1 a strong { color: #f96; font-weight: bold; }
#content .txtalign1 a:hover strong { color: #4e4e4e; font-weight: bold; text-decoration: none; background: transparent; }
#content .txtalign1 a:hover { color: #4e4e4e; text-decoration: none; background: transparent; }
#content .txtalign1 a:focus { color: #4e4e4e; text-decoration: none; background: transparent;}

#contentIndx {
	
	/*height: 470px;*/
	text-align:center;
	/*padding-top:100px;*/
	/*vertical-align: middle;*/
	/*height:100%;*/
	
	}
	
#contentLeft{
	float: left;
	/* padding: 0 20px;*/
	width: 640px;
	/*margin: 0 auto;*/
}

#contentRight{
	/* padding-top: 120px; */
	/* abstand link auch über 'contentLeft' hinaus*/
	padding-left: 640px;
}

#unke {
  position:absolute;
  top:50%;
  left:50%;
  width:399px;
  height:57px;
  margin-left:-200px;
  margin-top:-29px;
}

#menue {
	position: fixed;
	bottom: 0;
	background-color: #ffffff;
	width: 100%;
	z-index: 20;
	/*right: 0;
	left: 12px;*/
	/*width: 100%;*/
	/*width: 1000px;
	margin: 0 auto;*/
	}

#navibox {	
	position: relative;
	padding-top:14px;
	}


	/* ---HAUPT-PUNKTE--- */
	
	#navibox ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#navibox ul li {
		float: left;
		position: relative;
		padding: 0 20px;
		height: 40px;
		background-color: #FFFFFF;
	}
	
	#navibox ul li.active { color:#e36c0a;}
	
	#navibox a {
		display: block;
		color: #999999;
		text-decoration: none;
		font-weight: normal;
		text-align: center;
	}

	#navibox a:hover {
		color: #e36c0a;
	}


	/* ---UNTER-PUNKTE--- */
	#navibox .unter_li {
		line-height: 90%;
	}

	#navibox .unter_ul {
		visibility: hidden;
		position: absolute;
	}
	
	#navibox ul li:hover>.unter_ul {
		visibility: visible;
		display: block;
		bottom: 36px; 
		left: 0px;
	}
	
.imagelink{
	padding-left: 0;
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	
}

.imagelink:hover{
	/* transparenzsteuerung für div. browser */
	/* internet Explorer (ab Version 5.5) -browserspez. Eigenschaft: filter */
	/* fuer transparenz alpha filter mit opacity-Wert zw. 0 und 100 */
	filter:alpha(opacity=90);
	/* mozilla- browserspzifische eigenschaft -moz-opacity, die ebenfalls Wert zwischen 0 und 1 annehmen kann */
	-moz-opacity: 0.90;
	/* CSS 3 - eigenschaft opacity. kann wert zwischen 0 (unsichtbar) und 1 annehmen z.Zt. nur opera 9*/
	opacity: 0.90;
}