@charset "utf-8";
/*  
	#################################################
	CSS Document für MAHL 12 Website
	Programmiert Feb. 2010, Markus Pilz
	http://www.mpilz.at   EMail: markus@mpilz.at
	#################################################
*/


/* Gültig für alle Bereiche */
table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}

a  {
	color:#000000;
	text-decoration:none
}

a:hover{
	color:#999999;
	}
	
img {
	border:none;
	}
a.underline  {
	text-decoration:underline;
	}

/* Einstiegsseite */
body.einstiegsseite {
	background-color:white;
	margin:0;
	padding:0;
}

#einstiegsbild_container  {
	position:absolute;
	width:1006px;
	height:632px;
	margin:-316px 0px 0px -503px;
	top: 50%; 
 	left: 50%;
	}

#einstiegsbild_container a img {
	border:none;
}

/* Main Layout */

html, body { width:100%; height:100%; margin:0; padding:0; }

body.main{
	width:100%;
	height:100%;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	margin:0;
}


table.aussen { width:100%; height:100%; }
table.aussen td { text-align:center; vertical-align:middle; }

/*
#container {
	position:absolute;
	width:1006px;
	height:632px;
	margin:-316px 0px 0px -503px;
	top: 50%; 
 	left: 50%;
	overflow:visible;
	border: 1px solid #1a171b;
	}
	*/
	
#container {
	
	margin-left:auto;
	margin-right:auto;
	width:1006px;
	height:632px;
	overflow:visible;
	border: 1px solid #1a171b;
	text-align:left;
	}


#logo_box {
	float:left;
	padding-left:10px;
	margin-top:21px;
	height:80px;
	width:500px;
	overflow:hidden;
	}
img.logo{
	margin-top:10px;
	border:none;
	}

#bilder_container  {
	float:right;
	height:632px;
	width:487px;
	overflow:auto;
}
#bilder_container img  {
	margin-top:21px;
}

#bilder_leerbox  {
	position:relative;
	width:468px;
	* width:470px;
	height:283px;
	border:1px solid #999999;
	margin-top:20px;
	* margin-top:19px;
}

#bilder_balken_oben {
	position:absolute;
	right:17px;
	top:0px;
	width:470px;
	height:21px;
	overflow:hidden;
	background-color:white;
}
#bilder_balken_unten {
	position:absolute;
	right:17px;
	bottom:0px;
	width:470px;
	height:21px;
	overflow:hidden;
	background-color:white;
	}

#bilder_rand  {
	width:470px;
	border:none;
	height:21px;
}

#main_menu_box {
	float:left;
	margin-top:10px;
	width:100px;
	line-height:14px;
	color:#999999;
	height:400px;
	overflow:hidden;
	padding-left:10px;
	margin-top:80px;
	}

#textfeld  {
	float:left;
	margin-top:10px;
	width:400px;
	height:470px;
	text-align:left;
	}
	
#textfeld ul  {
	margin-top:10px;
	padding-left:0px;
	margin-left:15px;
	}
#textfeld ol  {
	padding-left:0px;
	margin-left:18px;
	* margin-left:27px;
	}
#textfeld ol li  {
	list-style-position:outside;
	padding-left:0px;
	margin-left:0px;
	line-height:14px;
	}
#textfeld li.on {
	line-height:14px;
	padding-left:0px;
	list-style-image:url(../images/marker1_on.png);
	}
#textfeld li.off {
	margin-top:10px;
	padding-left:0px;
	list-style-image:url(../images/marker1_off.png);
	margin-bottom:10px;
	}

#textfeld li li {
	padding-left:0px;
	list-style-image:url(../images/marker2_on.png);
}

#textfeld span.off {
	color:#999999;
}
	
#footer_box  {
	float:left;
	width:400px;
	height:20px;
	color:#999999;
	padding-left:100px;
	overflow:hidden;
	}
#footer_box a {
	margin-left:20px;
	}
#footer_box span {
	padding-left:20px;
	}
#adress_box{
	position:relative;
	float:none;
	top:50px;
	left:30px;
	width:418px;
	height:100px;
	margin:0;
	padding:0;
	}
#teller_box {
	margin-top:0;
	padding-top:0;
	position:relative;
	float:none;
	left:30px;
	top:50px;
	width:418px;
	height:130px;
	}
#teller_box img.teller {
	margin:0;
	padding:0;
	position:absolute;
	right:0px;
	bottom:0px;
	}
#teller_box img.unterschrift {
	position:absolute;
	margin:0;
	padding:0;
	left:0px;
	top:0px;
	}
#bilder_container #teller_box img {
	margin-top:0;
	}