/* -- ALLGEMEIN -- */
html, body {
/*	scrollbar-face-color: #f0f8ff;
	scrollbar-track-color: #f5f5f5;
	scrollbar-arrow-color: #336699;
	scrollbar-highlight-color: #f0f8ff;
	scrollbar-shadow-color: #000000;
	scrollbar-3dlight-color: #b0c4de;
	scrollbar-darkshadow-color: saltergray;*/
	margin: 0;
	padding: 0; 	
/*	background-image: url(bild/hg_gr_logo.gif);
*/	background-image: url(bild/hg_gr_str.gif);
	background-repeat:repeat;
	font-size: small; 
	color: #333333; 
	font-weight: normal; 
	line-height: normal; 
	text-transform: none;
	text-align:center; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	height: 100%;
	min-height:101%;		/* Mindesthoehe da Firefox sonst bei Seiten mit wenig Inhalt "springt" (wg. Scrollbalken */
}
*{
	margin:0; padding:0;
}

p	{
	margin-bottom:1em;
  	line-height: normal; 
	font-size: small; 
	color: #333333; 
	font-weight: normal; 
	line-height: normal; 
	text-transform: none;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

strong {color: #666666;}

h1 {display:none;}

h2 {
	font-size:1.12em;
	font-stretch:expanded;
	font-weight:bold;
	letter-spacing:0.01em;
	color: #666666;
	margin:1.5em 0 0.5em 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	}

h3 {
	font-size:1.02em;
	letter-spacing:0.01em;
	font-weight:bold;
	color: #666666;
	margin: 1.25em 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	}
h3 a{
	font-weight:bold;
	color: #336699;
	text-transform: none; 
	text-decoration: none; 
	}
h3 a:visited {
	color: #c0c0c0;
	text-transform: none;
	text-decoration: none; 
	}
h3 a:hover, h3 a:active, h3 a:focus{  
	text-transform: none;
	font-weight:bold;
	color: #cc3333;
	}
			
h4{
	color: #666666;
	font-weight: bold;
	font-size:1em;
	margin: 1em 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
h4 a{
	color: #336699;
	font-weight: bold;
	font-size:1em;
	margin: 1em 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
h4 a:hover, h4 a:active, h4 a:focus, h4 a:visited {
	font-weight: bold;
	font-size:1em;
	margin: 1em 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
h4 a:visited {
	color: #336699;
	font-weight: bold;
	font-size:1em;
	margin: 1em 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
	
hr {
	clear:both;
	display: block;
	padding:0;
	height: 1px;
	margin-top:0.25em;
	margin-bottom:0.5em;
	border: 0;
	color: #dcdcdc;
	background-color: #dcdcdc;
	width:100%;
	}

div	{text-align:left;}

a   {
	color: #336699;
	font-weight: normal;
	line-height: normal;
	text-transform: none; 
	text-decoration: none; 
	}

a:visited{
	color: #9999CC;
	text-decoration:none; 
}
a:hover, a:active, a:focus{  
	color: #cc3333;
	text-transform: none; 
	font-weight: normal;
	}
	
p a:link, p a:visited {
font-weight:normal;}

/* alle Bilder mit Link ohne Rahmen*/
img, img a, img a:visited {border:0; margin:0; 	text-decoration: none; 
}

ul {
	text-align: left;
	margin:0.6em 0em 0.5em 2em;
	padding:0em;
	}
li {
	list-style-image: url(bild/dot.gif);
	margin: 0.5em 1em 0.5em 0em;
	text-align: left;
	padding:0em;
	}
ul ul {
	list-style-type:square;
	text-align: left;
	margin-left: -1em;
	}
li li {
	margin:0.5em 1em 0.5em 0em;
	}
ul ul ul {
	list-style-type: circle;
	margin-left: -1em;
	}
li li li{
	margin: 0.5em 1em 0.5em 0;
	}

ul ul ul ul{
	list-style-type: circle;
	margin-left: -1em;
	}
li li li li{
	margin: 0.5em 1em 0.5em 0;
	}
	
ol{list-style-type:decimal; margin-left: 3em;}	
ol li{	list-style-image: none; margin: 0.5em 1em 0.5em 0;}	
	
	
	
.clear{
	clear: both; height:0;}

.bild-links	{
	float:left;
	margin:0.25em 1em 0.25em 0;
	}

	
.bild-rechts	{
	float:right;
	margin:0 0 0.5em 1em;
	}	

.bild-portrait	{ /*Pic 100x150 Hochfornmat)*/
	float:left;
	margin:0;
	padding:0;
	width: 100px;
	}
.bild-portraittext	{ /*rechts vom Pic 100x150 Hochfornmat)*/
	float:left;
	margin: 0.2em 0em 1em 1em;
	padding:0;
	width: 17.2em;
	}	
	
.bild-abstand {
	margin-top:0.5em; margin-bottom:0.5em;
	}

.heute{color: #FFFFFF; font-size:0.75em; background-color: #999999; padding:0.1em;}

/*SCHRIFT-CLASSEN */

.headschrift{
	padding-top: 1.5em; 
	margin-left: 19.5em;
	width:23em;
	}

.headschrift a, .headschrift a:active, .headschrift a:visited  {
	font-size:1.02em;
	letter-spacing:0.01em;
	font-weight:bold;
	color: #666666;
	text-decoration:none;
}
.headschrift_klein {
	color: #999999;
	margin-top:0.25em;
	}

.textnavi {  
	color: #666666;
	font-size: 0.85em;
	font-weight: normal;
	} 
a.textnavi, a.textnavi:visited {
	color: #666666;
	text-decoration:none;
	font-weight: normal;
	}
a.textnavi:active, a.textnavi:hover, a.textnavi:focus{
 	color:#cc3333; 
	font-weight: normal;
	}


.fotobeschriftung {
	font-size: 0.75em; 
}
p.fotobeschriftung  {
	margin-top:0.7em;
	margin-bottom:1.5em;
	}
.fotobeschriftung2  /*fuer Copyright-Angaben der Bildquelle zB fotolia auf unfallschutz.at*/
	{line-height: 1em; 	font-size: 0.65em; 	color: #666666; 	}
a.fotobeschriftung2:link, a.fotobeschriftung2:visited, a.fotobeschriftung2:hover, a.fotobeschriftung2:active, a.fotobeschriftung2:focus
	{text-decoration:none;	}
/* -- LAYOUTBEREICHE -- */

#content			/* uebergeordnetes DIV fuer die ganze Seite wg. zentzrieren */ 
{
	width:65em;
/*	margin-left:2em; 	
*/	margin:auto; 	/*ganzer Block zentriert*/
	border: 1px solid #dcdcdc;
	background-color:#ffffff;
}


#head{				/* Kopf mit Logo, Beschriftung und Hauptnavigation */
	width:65em;
	}

#logo{
	float: left;
	padding-top: 0;
	margin-left: 1em;
	width: 10em;
	height: 66px;
	}

#navigate {		/* Hauptnavigation oben */
	clear:both;
	margin:0;
	padding:0;
	width:45.5em;
	height: 2.1em;
	float: right;
/*	border-bottom:  #b0c4de 0.2em solid;
	border-top:  #b0c4de 0.2em solid;
*/	background-color: #336699;
	background-image:url(bild/button_hg.jpg);
	background-repeat:repeat-x;
	color:#ffffff;
	}
#zusatznavi	{		/* Zusatz Textnavigation oben */
	width:18em;
	float: right;
	text-align: right;
	margin:3.5em 0 0.3em 0;
	}

#mitte{
	clear: both;
	min-height:100%;
	}

#subnavigation { 		/*Block am linken Rand - enthaelt die Subnavigation */
	width: 13.5em;
	float: left;
	margin: 2.5em 3.5em 0 0;
	}

#inhalt {			/*Block in der Mitte - enthaelt den Seiteninhalt*/
	float: left;
	width:28em;
	margin: 0.1em 2em 0 2.5em;
	}
#inhalteinzel {			/*Block in der Mitte - enthaelt den Seiteninhalt*/
	float:right;
	width:45.5em;
	margin-top: 1em;
	}
#info {				/*Block am rechten Rand - enthaelt Hinweise, Tipps ...*/
	float: right;
	width: 12.6em;
	padding:0.5em;
	}

#foot{				/*Fuss mit Logo, Beschriftung und Hauptnavigation*/
	clear: both;
	width:65em;
	height: 5.5em;
	}

#foot2{				/*Fuss mit Logo und Text*/
	clear: both;
	width: 65em;
	background-color:#f5f5f5;
	border-top: #666666 1px dotted;
	}
#footlogo{
	float: left;
	padding-top: 0;
	margin-left: 1em;
	width: 10em;
	height: 66px;
	}

#footlogo2{
	float: left;
	padding-top: 0;
	margin-left: 1em;
	width:15em;
	color: #666666;
	}
#footlogo2 a:link, #footlogo2 a:visited {
font-size: 0.75em;
color:#333333;
}
#footlogo2 a:active, #footlogo2 a:focus, #footlogo2 a:hover  {
font-size: 0.75em;
color: #CC0000;
}
#footlogo2 p {
	margin: 0.75em 0 0 0.75em;
}

#footnavi{
	margin: 0.7em 0 0 0;
	width: 46em;
	float: right;
	border-top: 1px solid #c0c0c0; 
	border-bottom: 1px solid #c0c0c0; 
	padding: 0.7em 0;
	}
#footnavi2{
	margin: 0 0 0 0;
	width: 46em;
	float: right;
	}
.footbox{
float:left; 
width: 13em; 
padding-right: 1.2em;
margin: 1em 1em 0 0;
}

.footbox p {
margin: 0.75em 0 0 0;
font-size: 0.85em;}

.footbox  a:link, .footbox a:visited {
color:#333333;
}
.footbox  a:active, .footbox a:focus, .footbox a:hover {
color: #CC0000;
}
#footschluss{
	float:right;
	font-size: smaller;
	color: #666666;
	width: 61em;			
	margin-top: 0.7em;
	
	}
:root #footschluss {width:60em;}		/* Firefox, Safari und Konquerer* /
/**+html #footschluss{width: 60em;}
* html #footschluss{width: 60em;}*/


#footschluss2{
text-align:center;
font-size: 0.75em;
color:#666666;
margin: 1em 0 1em 0;
	}
#footlink{
	/*background-color:#666666;*/
	background-color: #999999;
	color:#000000;
	padding:0.25em;
	text-align:right;
	font-size: 0.85em;
	min-height: 1.5em}

#footlink a:link, #footlink a:visited{
	color: #000000;
	text-decoration:none;
	}	
#footlink a:active, #footlink a:hover{
	color:  #FFFFFF;}	



/*ABSTAND- u. PLATZHALTER*/

.a10{margin-top: 0.75em;}

.a20{margin-top: 1.75em;}

.a50{margin-top: 2.5em;}

.button-anfordern 	{						
	margin: -2.5em 0 2em 0em;
	width:8em;
	height:2em;
	line-height:2em;
	display:block;
	border:1px dotted #daa520;
	text-align:center;
	background-color:#f0e68c;
}
.button-anfordern a:link, .button-anfordern a:visited, .button-anfordern a:focus, .button-anfordern a:active	{
	display:block;
	line-height:2em;
	color:#333333; 
	text-decoration: none;
	}
.button-anfordern a:hover	{
	display:block;
	line-height:2em;
	color:#336699; 
	text-decoration: none; 
	background-color:#f5f5dc; 
}

.shadow{
	background-color:#dcdcdc;
	width:8em;
	height:2em;
	margin: 1.5em 0 0em 0.5em;
}

.einrueckung{padding-left: 3em;}

		
/*KONTAKT-ICONS*/
.tel{
	background-image: url(bild/ico_tel.gif);
	height: 1.35em;
	background-position:left;
	background-repeat:no-repeat;
	margin-top: 1.2em;
	padding-left: 2.5em;
	}
.fax{
	background-image: url(bild/ico_fax.gif);
	height: 1.35em;
	background-position:left;
	background-repeat:no-repeat;
	margin: 0.5em 0 0.5em 0em; 
	padding-left:2.5em;
	}
.mail{
	background-image: url(bild/ico_mail.gif);
	height: 1.35em;
	background-position:left;
	background-repeat:no-repeat;
	margin: 0.8em 0 0.5em 0em; 
	padding-left:2.5em;
	font-size: 0.88em;
	}
	
.zitat {
	background-image:url(bild/q_oben.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 2.5em;
}

.lageplan {
	background-color:#ffffff;
	background-image: url(bild/logo_oebv_meine2a.gif);
	background-position: top; background-repeat:no-repeat;
}

.lageplanhead{
	font-size:1.5em;
	text-align: left;
	color: #c0c0c0;
	margin-bottom: 0.75em;
	padding:1.95em 0 0 2em;
}
.lageplanpos{text-align:right; 	margin: -3em 0 2em 0;}

.xmaseinruck {padding:0.5em; margin: -1em 0 0 3em;}
.xmaseinrueckung{
	padding-left: 3em;
	background-image: url(gewinnspiel/xmas/stern.jpg);
	background-position:left top;
	background-repeat:no-repeat;}

/*mehrfacher mouseover Bilder mit Navi rechts*/	
.mmover{ 
	width:400px;
	height:180px;
	}
.mmover_navi{
	float:right; 
	width:110px; 
	height:180px; 
	background-color: #003366;   
   	position: relative;
	top:-180px; 
	opacity: 0.75; filter: alpha(opacity = 75);
	}
* + html .mmover_navi 	{ /*fuer IE*/
   	position: relative; top:-183px;}

.mmover_navi-z  {
	border-top: 1px dotted #FFFFFF;
	padding: 0.5em 0 0.5em 1em;
	margin:0;}

.mmover_navi a:link, .mmover_navi a:visited, .mmover_navi a:active {
	color:#FFFFFF;
	text-decoration:none;
	}
.mmover_navi a:hover {
	color: #FFCC66;
	text-decoration:none;
	}
	
/* show me more - - - ungeklickt div.mehr */
#zeigen span.mehr a {cursor: pointer;}
#zeigen span.mehr a.hide {display:none;}
#zeigen span.mehr span {display:none;}
#zeigen span.mehr img {display:none;}

/*  show me more - - - geklickt div.click */
#zeigen span.click a.show {display:none;}
#zeigen span.click a.hide {display:inline;}
#zeigen span.click span {display:inline;}
#zeigen span.click span:after {content:url(../../bild/linie.gif); }
#zeigen span.click img {display:inline; float:left; padding-right:10px;}