html, body {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	}

a {
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	background-image:url(../images/buttons.gif);
	background-repeat:no-repeat;
	padding-left:15px;
}

a:visited {
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	background-image:url(../images/buttons.gif);
	background-repeat:no-repeat;	
	padding-left:15px;
}

a:hover {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	background-image:url(../images/buttons_hover.gif);
	background-repeat:no-repeat;
	padding-left:15px;	
}


img, div { 
	behavior: url(../scripts/iepngfix.htc); 
	}

.clear {
	clear:both;
	}

h1 {
	color:#172983;
	font-size:20px;
	}

ul,ul li{
		display:inline;
		margin:0;
		padding:0;
		list-style:none;
		}	

	
#main {
	width:940px;
	/*margin-left:auto;
	margin-right:auto;*/
	height:625px;
	/* jetzt wird die linke obere Ecke vertikal und horizontal zentriert */
    position:absolute;
    top:50%;                  
    left:50%;
    margin:-315px 0 0 -470px; /* jeweils die Hälfte der Gesamthöhe und -breite */

	
	}


#main #header {
		background-image:url(../images/header_grafik.jpg);
		background-repeat:no-repeat;
		background-color:#666666;
		height:214px;
		overflow:visible;
		}

#main #header #infos {
			left:20px;
			position:relative;
			background-image:url(../images/datenblatt.png);
			background-repeat:no-repeat;
			height:475px;
			width:350px;
			}
					
	
#main #content {
		margin-top:5px;
		background-color:#ececed;
		background-image:url(../images/content_oben_grafik.gif);
		background-repeat:repeat-x;
		height:405px;
		}
		
		
#content #content_text {
		height:220px;
		width: 490px;
		position:relative;
		top:40px;
		left:385px;
		}


#content #content_menu {
		background-image:url(../images/fussleiste_grafik.gif);
		background-repeat:repeat-x;
		background-position:bottom;
		margin-top:60px;
		height:140px;
		}
		
#content_menu #disclaimer {
		float:left;
		margin-top:50px;	
		margin-left:100px;
		width:100px;
		}					


		
#content_menu #kontakt {
		float:right;
		margin-top:50px;
		margin-right:60px;
		width:100px;
		}									
			


/*MENUPUNKTE*/		
		
#content_menu #mainmenu {
		float:left;
		width:580px;
		height:108px;
		}	

#mainmenu #bilder, 
#mainmenu #broschuere,
#mainmenu #plaene {
		margin-left:50px;
		float:left;
		}

/*MENU HOVERS*/

#mainmenu #bilder ul li a {
		display:block;
		height:108px;
		width:108px;
		background-image:url(../images/menu.gif);
		background-position:0 0;
		text-indent:-100000px;
		}	

#mainmenu #bilder ul li a:hover {
		display:block;
		height:108px;
		width:108px;
		background-image:url(../images/menu.gif);
		background-position:0 -110px;
		text-indent:-100000px;
		}	

#mainmenu #broschuere ul li a {
		display:block;
		height:108px;
		width:128px;
		background-image:url(../images/menu.gif);
		background-position:-140px 0;
		text-indent:-100000px;
		}	

#mainmenu #broschuere ul li a:hover {
		display:block;
		height:108px;
		width:128px;
		background-image:url(../images/menu.gif);
		background-position:-140px -110px;
		text-indent:-100000px;
		}	

#mainmenu #plaene ul li a {
		display:block;
		height:108px;
		width:118px;
		background-image:url(../images/menu.gif);
		background-position:-310px 0;
		text-indent:-100000px;
		}	

#mainmenu #plaene ul li a:hover {
		display:block;
		height:108px;
		width:118px;
		background-image:url(../images/menu.gif);
		background-position:-310px -110px;
		text-indent:-100000px;
		}