/*

	  ********************************************************
      *                                                      *
	  *        Hohensteiner Institute - STYLEGUIDE           *
      *                                                      *
	  *        Konzeption, Gestaltung & Programmierung       * 
	  *        © 2005 INDECA GmbH                            *
      *        Autor: Daniel Zwarg                           *
      *                                                      *
      ********************************************************

*/




/* 	  ---------------   Verwendete Farben     ----------------

	  Dunkelblau   = #005BAB
	  Blau         = #0084F7
	  Hellblau     = #A9C7EC
	  Dunkelgrau   = #666666
	  Hellgrau	   = #999999

*/

/* 	  ---------------   Verwendete Styles     --------------*/

body {
	background-image: url(../images/hg.gif);
	background-repeat: repeat;	
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
		
	SCROLLBAR-FACE-COLOR: #ffffff;
    SCROLLBAR-HIGHLIGHT-COLOR: #A9C7EC;
    SCROLLBAR-SHADOW-COLOR: #A9C7EC;
    SCROLLBAR-3DLIGHT-COLOR: #A9C7EC;
    SCROLLBAR-ARROW-COLOR: #000000;
    SCROLLBAR-TRACK-COLOR: #ffffff;
    SCROLLBAR-DARKSHADOW-COLOR: #A9C7EC;
}
	
P
	{
		font-family: Arial, Verdana, sans-serif;
		font-size: 12px;
	}
	
A
{
    FONT: 500 12px arial, helvetica, sans-serif;
    COLOR: #005bab;
    TEXT-DECORATION: none
}
A:hover
{
    FONT: 500 12px arial, helvetica, sans-serif;
    COLOR: #0084f7;
    TEXT-DECORATION: underline
}
A:unknown
{
    FONT: 700 12px arial, helvetica, sans-serif;
    COLOR: #0084f7;
    TEXT-DECORATION: none
}


h1, h2 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
}
	
h1 {
	font: 900 16px arial, helvetica, sans-serif;
	padding: 1px 0 1px 0;
	margin: 0 0 0 0;
	color: #005BAB; 
}
	
h2 
	{
		color: #005BAB; 
		font: 700 16px arial, helvetica, sans-serif;
		margin: 0 0 0 0;
	}

h3
	{
		color: #005BAB; 
		font-size: 11px;
		margin: 0 0 0 0;
	}
	
#inhalt
	{
		position: absolute;
		left: 0px;
		top: 0px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;		
	}

/*Anfang Hauptmenu: Positionierung*/	

#button_sprache
{
    LEFT: 20px;
    WIDTH: 169px;
    POSITION: absolute;
    TOP: 135px;
    HEIGHT: 40px;
	background-color: #F2F7FB;
	border: solid 1px #005BAB; 
}
#button1
	{position: absolute;left: 0px;}
	
#button2
	{position: absolute;left: 95px;}
	
#button3
	{position: absolute;left: 190px;}
	
#button4
	{position: absolute;left: 285px;}
	
#button5
	{position: absolute;left: 380px;}
	
#button6
	{position: absolute;left: 475px;}
	
#button7
	{position: absolute;left: 570px;}
	
#button8
	{position: absolute;left: 665px;}

#hauptmenu_bild
	{
		position: relative;
		height: 90px;
		overflow: hidden;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		z-index: 1;
	}
	
#hauptmenu_text
	{
		position: absolute;
		height: 90px;
		left: 0px;
		top: 0px;
		overflow: hidden;
		margin: 0 0 0 0;
		padding: 0 0 0 0;		
	}
	
/*Ende Hauptmenu: Positionierung, Verlinkung*/		
	
/*Anfang restlicher Header Teil: Positionierung*/	
#logo
	{
		position: absolute;
		left: 785px;
		top: 30px;
	}
	
#bild_navi
	{
		position: absolute;
		top: 91px;
		height: 134px;
		z-index: 1;
	}
	
#navi_hg
	{
		position: absolute;
		background-color: #ffffff;
		filter: alpha(opacity=20);
		-moz-opacity:0.2;	
		width: 759px;
		height: 32px;
		top: 194px;
		left: 0px;
	}	
	
#navi
	{
		position: absolute;
		width: 759px;
		height: 32px;
		z-index: 10;
		top: 194px;
		left: 0px;
		margin: 9 0 0 105;		
	}	
	
#unternavi
	{
		position: absolute;
		background-color: #eeeef2;
		width: 568px;
		height: 32px;
		top: 91px;
		left: 190px;
	}
	
A.navi
	{
		color: #000000; 
		font: 500 12px arial, helvetica, sans-serif;		
		text-decoration: none;
	}

A.navi:hover, A.navi:focus 
	{	
		color: #005BAB;
		font: 500 12px arial, helvetica, sans-serif;
		text-decoration: none;
	}
	
#suche
	{
		position: absolute;
		top: 116px;
		left: 786px;
		height: 135px;
	}
	
/*Ende*/		

/*Anfang linker Bereich (Untermenü): Positionierung*/

#untermenu_hg
	{
		position: absolute;
		width: 190px;
		left: 0px;
		top: 226px;				
	}
	
#untermenu
	{
		position: absolute;
		width: 190px;
		left: 0px;
		top: 226px;				
	}	
	
#button
	{	
		position: relative;
		width: 169px;
		height: 32px;
		left: 20px;
		top: 81px;				
	}	
	
#dyn_button
	{		
		position: relative;
		width: 189px;
		left: 0px;
		top: 33px;				
	}	
	
.umenu
	{
		font: 500 11px arial, helvetica, sans-serif;
		color: #005BAB;
	}	
	
A.umenu_ia
	{
		color: #005BAB; 
		font: 500 11px arial, helvetica, sans-serif;		
		text-decoration: none;
	}

A.umenu_ia:hover, A.umenu_ia:focus 
	{	
		color: #005BAB;
		font: 500 11px arial, helvetica, sans-serif;
		text-decoration: none;
	}
	
A.umenu
	{
		color: #ffffff; 
		font: 500 11px arial, helvetica, sans-serif;		
		text-decoration: none;
	}

A.umenu:hover, A.umenu:focus 
	{	
		color: #ffffff;
		font: 500 11px arial, helvetica, sans-serif;
		text-decoration: none;
	}
	
A.umenu_active
	{
		color: #ffffff; 
		font: 500 11px arial, helvetica, sans-serif;		
		text-decoration: none;
	}
	
A.umenu_active:hover, A.umenu_active:focus 
	{	
		color: #ffffff;
		font: 500 11px arial, helvetica, sans-serif;
		text-decoration: none;
	}
	
A.umenu_sw
	{
		color: #000000; 
		font: 500 11px arial, helvetica, sans-serif;		
		text-decoration: none;
	}

A.umenu_sw:hover, A.umenu_sw:focus 
	{	
		color: #005BAB;
		font: 500 11px arial, helvetica, sans-serif;
		text-decoration: none;
	}
	
A.umenu_sw_active
	{
		color: #005BAB; 
		font: 500 11px arial, helvetica, sans-serif;		
		text-decoration: none;
	}

A.umenu_sw_active:hover, A.umenu_sw_active:focus 
	{	
		color: #005BAB;
		font: 500 11px arial, helvetica, sans-serif;
		text-decoration: none;
	}
	
A.umenu_sw_smp
{
    FONT: 500 11px arial, helvetica, sans-serif;
    COLOR: #000000;
    TEXT-DECORATION: underline
}
A.umenu_sw_smp:hover
{
    FONT: 500 11px arial, helvetica, sans-serif;
    COLOR: #005bab;
    TEXT-DECORATION: underline
}
A.umenu_sw_smp:unknown
{
    FONT: 500 11px arial, helvetica, sans-serif;
    COLOR: #005bab;
    TEXT-DECORATION: underline
}	
	
#vertretungen1
	{
	position: absolute;
	width: 169px;
	height: 59px;
	left: 20px;
	bottom: 20px;
	z-index: 3;
	}	
	
#vertretungen2
	{		
    LEFT: 20px;
    WIDTH: 169px;
    POSITION: absolute;
    TOP: 450px;
    HEIGHT: 201px
	}	

/*Ende*/		
	
/*Anfang Inhalt, Textteil: Positionierung*/	
	
#text
	{
		position: absolute;
		width: 500px;
		left: 235px;
		top: 258px;				
	}
	
#text_oversize
	{
		position: absolute;
		width: 500px;
		left: 235px;
		top: 135px;				
	}
	
#trennstrich
	{
		background-color: #005bab;	
		position: relative;
		width: 1px;
		top: 25px;		
		height: 95%;		
	}
	
#kurznews
	{		
		position: absolute;
		width: 235px;
		top: 0px;	
		margin: 0 0 0 12px;
	}
	
.untertitel
	{
		font: 500 11px arial, helvetica, sans-serif;
		color: #005BAB;
	}		
	
.fliesstext
	{
		font: 500 12px arial, helvetica, sans-serif;
		color: #000000;
	}	

.fliesstext_klein
{
    FONT: 500 11px arial, helvetica, sans-serif;
    COLOR: #000000;
}
	
td.fliesstext_klein
{
    FONT: 500 11px arial, helvetica, sans-serif;
    COLOR: #000000
}

.fliesstext_fett
	{
		font: 700 12px arial, helvetica, sans-serif;
		color: #000000;
	}	
	
.text_weiss
	{
		font: 700 12px arial, helvetica, sans-serif;
		color: #ffffff;
	}	
	
A.blau
	{
		color: #005BAB; 
		font: 700 12px arial, helvetica, sans-serif;		
		text-decoration: underline;
		margin: 0 0 0 0;	
		padding: -10 0 0 0;	
	}

A.blau:hover, A.blau:focus 
	{	
		color: #0084F7;
		font: 700 12px arial, helvetica, sans-serif;
		text-decoration: underline;
	}
	
A.weiss
	{
		color: #ffffff; 
		font: 700 12px arial, helvetica, sans-serif;		
		text-decoration: none;
	}

A.weiss:hover, A.weiss:focus 
	{	
		color: #ffffff;
		font: 700 12px arial, helvetica, sans-serif;
		text-decoration: underline;
	}

A.weiss_duenn
	{
		color: #ffffff; 
		font: 500 12px arial, helvetica, sans-serif;		
		text-decoration: none;
	}

A.weiss_duenn_klein
{
    FONT: 500 11px arial, helvetica, sans-serif;
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}
A.weiss_duenn_klein:hover
{
    FONT: 500 11px arial, helvetica, sans-serif;
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}
A.weiss_duenn_klein:unknown
{
    FONT: 500 11px arial, helvetica, sans-serif;
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}
	
A.weiss_duenn:hover, A.weiss_duenn:focus 
	{	
		color: #ffffff;
		font: 500 12px arial, helvetica, sans-serif;
		text-decoration: underline;
	}
	
A.hl_tabelle
	{
		color: #000000; 
		font: 700 12px arial, helvetica, sans-serif;		
		text-decoration: underline;
	}

A.hl_tabelle:hover, A.hl_tabelle:focus 
	{	
		color: #005BAB;
		font: 700 12px arial, helvetica, sans-serif;
		text-decoration: underline;
	}
	
A.hl_tabelle_gross
	{
		color: #ffffff; 
		font: 700 14px arial, helvetica, sans-serif;		
		text-decoration: none;
	}

A.hl_tabelle_gross:hover, A.hl_tabelle_gross:focus 
	{	
		color: #ffffff;
		font: 700 14x arial, helvetica, sans-serif;
		text-decoration: underline;
	}
	
A.hl_tabelle_duenn
	{
		color: #000000; 
		font: 500 12px arial, helvetica, sans-serif;		
		text-decoration: underline;
	}

A.hl_tabelle_duenn:hover, A.hl_tabelle_duenn:focus 
	{	
		color: #005BAB;
		font: 500 12px arial, helvetica, sans-serif;
		text-decoration: underline;
	}
	
A.download
{
    FONT: 11px arial, helvetica, sans-serif;
    COLOR: #005bab;
    TEXT-DECORATION: none
}
A.download:hover
{
    FONT-SIZE: 11px;
    COLOR: #005bab;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: arial, helvetica, sans-serif;
    FONT-VARIANT: normal;
    TEXT-DECORATION: underline
}
A.download:unknown
{
    FONT: 700 12px arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.download:active
{
    FONT: 11px arial, helvetica, sans-serif;
    COLOR: #005bab;
    TEXT-DECORATION: underline
}
	
ul {
	color:#005BAB;
	list-style-image: url(../images/kreuz.gif);
	padding-left: 16px;
	margin: 0 0 0 0;
	}
	
li {
	font: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #005BAB;
	margin: 0 0 0 0;
	}
	
/*Ende*/		
	
/*Anfang rechter Bereich: Positionierung*/	
	
#bildbereich1
	{
		background-image: url(../images/kreuze.gif);
		background-repeat: no-repeat;		
		position: absolute;
		width: 210px;
		left: 759px;
		top: 226px;		
		z-index: 1;				
	}

#bild1
	{
		position: relative;
		width: 150px;
		margin: 0 0 0 75;			
		z-index: 1;			
	}
	
#bildbereich2
	{	
		position: absolute;
		width: 210px;
		left: 759px;
		top: 226px;			
		z-index: 2;						
	}

#bild2
	{
		position: relative;
		width: 150px;
		margin: 0 0 0 75;			
		z-index: 2;			
	}
	
li
	{
		font: 500 12px arial, helvetica, sans-serif;
		color: #000000;
	}	
	
/*Ende*/			

/*Anfang Footer: Positionierung*/	
	
#footer
	{
		position: relative;		
		width: 509px;	
	}

#footer_print
	{
		position: relative;		
		width: 509px;	
		display: none;	
	}
	
A.footer
	{
		color: #005BAB; 
		font: 700 11px arial, helvetica, sans-serif;		
		text-decoration: underline;
	}

A.footer:hover, A.footer:focus 
	{	
		color: #0084F7;
		font: 700 11px arial, helvetica, sans-serif;
		text-decoration: underline;
	}
	
/*Ende*/
	
/* 	  ---------------   Eingabefelder     --------------*/
	
.input
	{
		border: #A9C7EC 1 solid;
		background-color: #ffffff;
		width: 230px;
		
		SCROLLBAR-FACE-COLOR: #ffffff;
	    SCROLLBAR-HIGHLIGHT-COLOR: #A9C7EC;
	    SCROLLBAR-SHADOW-COLOR: #A9C7EC;
	    SCROLLBAR-3DLIGHT-COLOR: #A9C7EC;
	    SCROLLBAR-ARROW-COLOR: #000000;
	    SCROLLBAR-TRACK-COLOR: #ffffff;
	    SCROLLBAR-DARKSHADOW-COLOR: #A9C7EC;
	}
	
.button
	{
		border: #A9C7EC 1 solid; 
		width: 120; 
		background-color: #FFFFFF;
		font: 700 12px arial, helvetica, sans-serif;
		color: #005BAB; 
	}
	
.select
	{
		width: 147; 	
		background-color: #FFFFFF;
		font: 500 11px arial, helvetica, sans-serif;
	}
.popup_style
{
  position: absolute; 
  width: 100%; 
  height: 100%; 
  left: 0px; 
  top: 0px; 
  background-color: #ffffff; 
  filter: alpha(opacity=70); 
  -moz-opacity: 0.7; 
  z-index: 10000; 
}

.popup_inhalt_style
{
  position: absolute; 
  width: 100%; 
  height: 100%; 
  left: 0px; 
  top: 0px; 
  z-index: 10001; 
  margin-top: 30px; 
}