/*02.03.2009*/
html, body{
  padding:0;
  margin: 0;
  text-align:center;
  width:100%;
  height:100%;
}

#seiten_logo{
	background:url(bilder/logo_tagung.jpg) no-repeat;
	width:260px;
	height:272px;
	position:absolute;
	top:0;
	left:0;
}

#kopfzeile{
}

#logo{
	background:url(bilder/logo_verdi.gif) no-repeat right center;
	height:177px;
	line-height:177px;
	font-weight:bold;
	font-size:1.3em;
}

#line{
	background:url(bilder/verlauf.gif) repeat-y right #9E9FA3;
	height:57px;
	text-align:left;
}

#hauptmenue{
	margin:0;
	margin-left:350px;
	padding:0;
	list-style:none;
	background:#c0c0c0;
	position:relative;
	top:31px;
	width:540px;
	height:25px;
	line-height:25px;
	text-align:center;
	border:1px solid white;
	border-bottom:none;
}

#hauptmenue li{
	display:inline;
	text-transform:lowercase;
}

#hauptmenue li a:link, #hauptmenue li a:visited{
	text-decoration:none;
	color:black;
	padding:0 10px;
}

#hauptmenue li a:focus, #hauptmenue li a:hover, #hauptmenue li a:active{
	text-decoration:underline;
}

.punkt1 a:focus, .punkt1 a:hover, .punkt1 a:active, .punkt1_on{
	background:url(bilder/m1.gif) no-repeat;
}

.punkt2 a:focus, .punkt2 a:hover, .punkt2 a:active, .punkt2_on{
	background:url(bilder/m2.gif) no-repeat;
}

.punkt3 a:focus, .punkt3 a:hover, .punkt3 a:active, .punkt3_on{
	background:url(bilder/m3.gif) no-repeat;
}

.punkt4 a:focus, .punkt4 a:hover, .punkt4 a:active, .punkt4_on{
	background:url(bilder/m4.gif) no-repeat;
}

#links{
	float:left;
	width:200px;
	padding-top:50px;
	text-align:left;
}

#untermenue{
	margin:0;
	padding:0;
	list-style:none;
	margin-left:50px;
	font-size:0.8em;
	width:150px;
}

html>body #untermenue li{
	margin:5px 0;
}

#untermenue li a:link, #untermenue li a:visited{
	color:black;
	border-left:10px solid #9E9FA3;
	border-bottom:1px solid #9E9FA3;
	border-top:1px solid white;
	text-decoration:none;
	display:block;
	padding-left:8px;
}

#untermenue li a:focus, #untermenue li a:hover, #untermenue li a:active,html body #untermenue li.on a{
	border-left:10px solid #EF0350;
	border-top:1px solid #EF0350;
}

#inhalt{
	padding:30px 300px 80px 240px;
	text-align:left;
	background:url(bilder/linie_unten.gif) no-repeat left bottom;
}

#rechts{
	margin-top:50px;
	float:right;
	width:260px;
	background:url(bilder/dot.gif) repeat-y left;
}

#rechts img{
	border:1px solid black;
	margin:10px;
}

#fusszeile{
	clear:both;
}
