/* 	CSS Datei für die Navigation von www.vorarlberg.at
	Martin Pammer und Dieter Hehle - VRZ Informatik
	Version 0.1
	02.03.2007
*/	

* {
	margin: 0px;
	padding: 0px;
	font: normal 100.1% arial, helvetica, sans-serif;
	color: black;
}
/* Formatierung von Tags */ 
body {
	font: normal 83% arial, helvetica, sans-serif;
	min-width: 40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
	color: black;
}
hr {
	margin: 0px 0px 14px 0px;
	border-style: solid none none;
	border-width: 0.1pt;
	width: 100%;
	float: left;
}
em, strong {
	font-weight: bold;
	font-style: normal;
}
/* Navigation */
#sprungziele p { 
	text-indent: -9000px; 
	position: absolute;
	left: -1000px;
	top: -1000px;
}
#topnavigation_ohne_suche {
	position: absolute;
	top: 86px;
	left: 0px;
	width: 100%;
	background: url(../gif/fueller_schwarz.gif) repeat; 
}
#topnavigation_ohne_suche li, #fusszeile li, suche li {
	float: right;
	background-color: #313131;
	color: white;
	list-style: none;	
	padding: 3px 0;
}
#topnavigation_ohne_suche a, #fusszeile a {
	display: block;
	text-decoration: none;
	color: white;
	padding: 0 3px 0 15px;
	background: url(../gif/pfeil_rechts_weiss.gif) no-repeat 5px 50%;
}
/* Sonstige Bereiche */ 
#sprungziele {
	display: inline;
	position: absolute;
	z-index: 99;
}
#sprungziele a, #sprungziele a:visited, #sprungziele a:hover {
	display: inline;
	height: 1px;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 1px;
}
#sprungziele a:focus, #sprungziele a:active {
	background-color: #000000;
	color: #FFFFFF;
	height: auto;
	left: 62px;
	top: 6px;
	width: auto;
	overflow: visible;
	z-index: 99;
}
#sprungziele ol { 
	list-style: none; 
}
#container {
	position: relative;
	left: 1%;
	width: 98%;
	margin-top: 3em;
	margin-bottom: 2em;
	float: left;
	max-width: 1280px;
}
#inhalt {
	position: relative;
	float: left;
	width: 60%;
	left: 20%;
}
#fusszeile {
	clear: both;
	float: left !important;
	width: 100%;
	background: url(../gif/fueller_schwarz.gif) repeat;
	font-size: small;
}
#fusszeile #Hilfe {
	padding-right: 10px;
}
#copyright {
	background-color: #313131;
	color: white;
	padding: 3px 10px;
	float: left;
}
#copyright img{
	border:0px;
}
/* LOGO */ 
#logo_container {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 86px;
}
#logo_container img {
	float: right;
	z-index: 10;
}
#logo a {
	display: block;
	height: 106px;
}
/* ################################################## Ueberschriften */
.ueberschrift_h2, .ueberschrift_h3 {
	width: 100%;
	float: left;
	background-color: #6c6d88;
}
h2.ueberschrift_h2 {
	font-size: 1.1em;
	margin: 0px 0px 8px 0px;
	color: #fff;
	padding: 3px 0px 3px 10px;
}

h3.ueberschrift_h3 {
	font-size: 1em;
	margin: 0px 0px 8px 0px;
	color: #fff;
	padding: 3px 0px 3px 10px;
}
/* ################################################## Artikel-Navigation */
.artikel_navigation {
	float: left;
	width: 100%;
	padding: 15px 0px 15px 0px;
	color: black;
}
.artikel_navigation_links {
	float: left;
	text-align: left;
}
.artikel_navigation_rechts {
	float: right;
	text-align: right;
}
.vorige_seite a {
  	color: black;
	background: url(../gif/pfeil_links_rot.gif) no-repeat 5px 50%;
	padding: 0 0px 0 15px;
	text-decoration: none;
}
.seite_drucken a {
  	color: black;
	/*background: url(../gif/drucker.gif) no-repeat 5px 50%;*/
	background: url(../gif/printer.png) no-repeat 5px 50%;
	/*padding: 0 0px 0 20px;*/
	padding: 0 0px 0 24px;
	text-decoration: none;
}
.seite_hilfe a {
  	color: black;
	background: url(../gif/pfeil_rechts_rot.gif) no-repeat 98% 50%;
	padding: 0 15px 0 15px;
	text-decoration: none;
}
.zum_seitenanfang a {
  	color: black;
	background: url(../gif/pfeil_oben_rot.gif) no-repeat 98% 50%;
	padding: 0 15px 0 15px;
	text-decoration: none;
}
/* ################# Abstandhalter */
.ende_container {
	width: 100%;
	float: left;
	height: 30px;
}
/* ################# Unsichtbar */
.unsichtbar {
	display: none;
	clear: both;
}
#logo_thema {
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 740px;
	height: 86px;
	text-indent: -9000px;
	z-index: 10;
	background-image: url(../gif/themenbild.gif);
}
#logo_filler_rot {
	background-repeat: repeat;
	position: absolute;
	width: 100%;
	height: 86px;
	top: 0px;
	left: 0px;
	background-image: url(../gif/fueller_rot.gif);
}
#logo {
	background-repeat: no-repeat;
	position: absolute;
	width: 258px;
	height: 106px;
	top: 0px;
	left: 0px;
	text-indent: -9000px;
	z-index: 10;
	background-image: url(../gif/vorarlberg_logo.gif);
}
/* Zusammenfassung der Hover Elemten: */
a:hover, a:focus,
#topnavigation_ohne_suche a:focus, #topnavigation_ohne_suche a:hover, 
#fusszeile a:focus, #fusszeile a:hover {
	text-decoration: underline;
}