/* CSS Kommentartext
Zentrale Einstellungen fuer Seiten-Layout hier: background ist weiss, Schrift ist schwarz,
padding und margin auf 0 zur allgemeinen Zentrierung und text-align fuer Zentrierung aeltere IEs.
*/

/*body: Hintergrund weiß #FFFFFF, Font schwarz #000000, Font Size gross 18px (alt 12px), Font-Size Klein 16px (alt 10px), Schrift überall auf Verdana setzen, line-height auf mindestens 20, Rest lassen */
body { 
	color: #000000; 
	font-size: 18px; 
	/*font-family: sans-serif, arial, helvetica; */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: normal; 
	background-color: #FFFFFF; 
    padding: 0px auto;
    margin: 0px auto;
    text-align: center;
}

/* CSS Kommentartext
Zentrale Link-Einstellungen, hier mit active und hover in Rot
*/

a:link {
	color: #000000;
	text-decoration: none;

}

a:active {
	color: #FF0000;
	text-decoration: none;

}

a:focus {
	color: #FF0000;
	text-decoration: none;

}

a:visited {
	color: #000000;
	text-decoration: none;

}
a:hover {
	color: #FF0000;
	text-decoration: none;

}


/* Definition Skiplink
Zum Verstecken des Skiplinks, wurd nur bei Tastaturnutzung und barrierefreier Anzeige für Screenreader angezeigt
 */
.skiplink a,
.skiplink a:hover,
.skiplink a:visited {
	position: absolute;
	overflow: hidden;
	top: -1000px;
	left: -1000px;
}

.skiplink a:focus,
.skiplink a:active {
	position: absolute;
	top: 0;
	left: 0;
}



/* Skipcontainer
BrowserFix ist notwendig für IE, benötigt einen Container für hasLayout, sonst springt er im Quellcoder ser Seite nicht
*/
#skipcontainer {
width: 1px;
}

/* Skip
Div wird versteckt, aber NIE mit Display none, denn das versteckt auch vor Screenreadern.
*/
#skip {
position:absolute;
left:-1000px;
top:-1000px;
}



/*CSS Kommentartext
LayerSwitch als Text-Kasten für Switch-Menü oben rechts
*/
#LayerSwitch { 
	position:absolute; 
	left:105px; 
	top:5px; 
	width:100%; 
	height:177px;
   	padding: 0px;
	margin: 0px;	
	background-color: transparent;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	color:#000000;
	font-size: 18px;
	font-weight: bold; 
	text-align: left; 
	z-index:210;
}



#navbarswitch ul {
   	display: block;
  	background-color: transparent;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;	
   	color: #000000;
   	position: absolute;
	top: 0px;
   	padding: 0px;
   	margin: 0px;
   	list-style: square;
	list-style-position:inside;
   	width: 100%;
	height: 100%;
   }
   
 #navbarswitch li {
	position: auto;
   	background-color: transparent;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-weight: normal;
   	color: #000000;
	padding: 1px 0px 0px 0px;
   	margin: 1px 0px 0px 0px;   	
	list-style: square;
	list-style-position:inside;
   }
 


/* CSS Kommentartext
Image-Einstellungen fuer Basis-Layout hier: 
Hover-Bilder in Schaufenster: hover ist durchsichtig
*/

.hover_img img{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
}
.hover_img:hover img{
filter:alpha(opacity=100);
-moz-opacity: 1; 
}
.hover_img:hover img{
filter:alpha(opacity=100);
-khtml-opacity:1; 
}

/* CSS Kommentartext
Externe Layout-Kaesten, absolut positioniert
Zentrale Einstellungen fuer Basis-Layout hier: weisse oder graue Layer-Backgrounds
Zusaetzliches LayerLayout zum Zentrieren
1. Layer nicht mit margin und padding 0px auto zentriert, sondern absolute mit fixem rechtem Rand
*/


/*CSS Kommentartext
LayerLayout als Design-Kasten
*/
#LayerLayout {
	position:relative;
	margin: 0px auto;
	padding:0px auto;
	text-align: center;
}

/*CSS Kommentartext
Layer1 als äußerer Inhalts-Kasten
*/
#Layer1 {
	position:absolute; 
	text-align: left;  	
	left:25px; 
	top:1px; 
	width:990px; 
	/*height:825px;*/
	height:1125px;
	background-color: #CCCCCC; 
	layer-background-color: #CCCCCC; 
	border: 1px none #000000;
	z-index:2; 
}	


/*CSS Kommentartext
Layer1main als innerer Inhalts-Kasten
*/	
#Layer1main {
 	position:absolute; 
	left:5px; 
	top:1px; 
	width:980px; 
	/*height:822px;*/  
	height:1122px;
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	border: 1px none #000000;
	z-index:3;
}	

/*CSS Kommentartext
Layer4bg als äußerer Bild-Kasten
*/		
#Layer4bg {
	 position:absolute; 
	 left:0px; 
	 /*top:245px;*/
	 top:345px; 
	 width:743px; 
	 /*height:400px;*/
	 height:500px;
	 visibility: visible; 
	 background-color: #FFFFFF; 
	 layer-background-color: #FFFFFF; 
	 border: 1px none #000000; 
	 background-image: url(../images/sgutitel2008vorlageorigmix.jpg); 
	 layer-background-image: url(../images/sgutitel2008vorlageorigmix.jpg);
	 z-index:4; 
}	 

/*CSS Kommentartext
Layer4bg als äußerer Bild-Kasten ohne Bild
*/	
#Layer4bgno {
	 position:absolute; 
	 left:0px; 
	 /*top:245px;*/
	 top:345px; 
	 width:743px; 
	 /*height:400px;*/
	 height:500px;
	 visibility: visible; 
	 background-color: #FFFFFF; 
	 layer-background-color: #FFFFFF; 
	 border: 1px none #000000; 
	 z-index:44; 
}

/*CSS Kommentartext
Layer2bild als Bild-Kasten für Schaufenster-Seite
*/	     
#Layer2bild {
	position:absolute; 
	left:0px; 
	top:0px; 
	width:373px; 
	/*height:400px;*/ 
	height:500px; 
	visibility: visible; 
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	border: 1px none #000000;
	z-index:5; 	
}	 	

/*CSS Kommentartext
Layer6 als Info-Kasten, u.a. zu Copyright der Site, rechts unten
*/	 
#Layer6 {
	position:absolute; 
	left:0px; 
	/*top:740px;*/
	top:890px; 
	width:333px; 
	height:41px; 
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	border: 1px none #000000;
	z-index:6; 
}

/*CSS Kommentartext
Layer7 als äußerer Text-Kasten
*/	
#Layer7 {
	position:absolute; 
	left:375px; 
	top:2px; 
	width:369px; 
	/*height:396px;*/
	height:496px;
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	border: 1px none #000000; 
	overflow: auto;
	z-index:70; 	
}	

/*CSS Kommentartext
Layer7b als äußerer Text-Kasten für Listen-Seite
*/
#Layer7b {
	position:absolute; 
	left:0px; 
	top:2px; 
	width:744px; 
	/*height:396px;*/
	height:496px;
	overflow: auto; 
	visibility: visible; 
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	border: 1px none #000000;
	z-index:71; 
}

/*CSS Kommentartext
Layer7liste als innerer Text-Kasten für Listen-Seite, hier nicht aktiv
*/
#Layer7liste {
	position:absolute; 
	left:0px; 
	top:2px; 
	width:744px; 
	/*height:396px;*/
	height:496px;
	overflow: auto; 
	visibility: visible; 
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	border: 1px none #000000;
	z-index:72; 
}	

/*CSS Kommentartext
Layer7suchliste als innerer Text-Kasten für Such-Listen-Seite (Ergebnisliste), hier nicht aktiv
*/
#Layer7suchliste { 
	position:absolute; 
	left:0px; 
	top:2px; 
	width:744px; 
	/*height:396px;*/
	height:496px;
	overflow: auto; 
	visibility: visible; 
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	border: 1px none #000000;
	z-index:73; 	
}

/*CSS Kommentartext
Layer7seite als innerer Text-Kasten für Detail-Seite (Ergebnisliste), hier nicht aktiv
*/
#Layer7seite { 
	position:absolute; 
	left:0px; 
	top:2px; 
	width:744px; 
	/*height:396px;*/
	height:496px;
	overflow: auto; 
	visibility: visible; 
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	border: 1px none #000000;
	z-index:74; 	
}

/*CSS Kommentartext
Layer8bilddetail als innerer Bild-Kasten für Detail-Seite (Ergebnisliste)
*/
#Layer8bilddetail {
	 position:absolute; 
	 left:40px; 
	 top:35px; 
	 width:300px; 
	 height:300px; 
	 z-index:81;
}

/*CSS Kommentartext
Layer8 als Text-Logo-Kasten für alle Seiten
*/
#Layer8 { 
	position:absolute; 
	left:-430px; 
	top:141px; 
	width:400px; 
	height:25px; 
	z-index:8;
}

/*CSS Kommentartext
Layer9textdetail als Listen-Kasten
*/	
#Layer9textdetail { 
	position:absolute; 
	left:389px; 
	top:35px; 
	width:330px; 
	height:300px; 
	z-index:9;
}

/*CSS Kommentartext
Layer9 als Link-Kasten in Liste
*/	
#Layer9 { 
	position:absolute; 
	left:610px; 
	top:9px; 
	width:110px; 
	height:17px; 
	z-index:10;
}

/*CSS Kommentartext
Layer11 als unterer Menü-Kasten (Text-Menü unten)
*/	
#Layer11 {
	position:absolute; 
	left:25px; 
	/*top:75px;*/
	top: 350px; 	
	width:auto; 
	height:auto;
	z-index:11;
}

/*CSS Kommentartext
Layer2text als innerer Text-Kasten
*/		
#Layer2text { 
	position:absolute; 
	left:22px; 
	top:2px; 
	width:322px; 
	height:599px; 
	z-index:17;
}

/*CSS Kommentartext
Layer3menue als äußerer Menü-Kasten
*/
#Layer3menue {  
	position:absolute; 	
	left:743px; 
	top:0px; 
	width:256px; 
	height:800px; 
	z-index:17;
}    

/*CSS Kommentartext
Layer7menuein als innerer Menü-Kasten
*/	
#Layer7menuein {  
	position:absolute; 
	left:0px; 
	/*top:245px;*/
	top:345px;
	width:373px; 
	/*height:400px;*/
	height:500px;
	background-color: #CCCCCC; 
	layer-background-color: #CCCCCC; 
	border: 1px none #000000;
	z-index:19; 
}

/*CSS Kommentartext
Layer2 als Menü-Element-Kasten
*/
#Layer2 {  
	position:absolute; 
	left:23px; 
	top:5px; 
	width:336px; 
	height:390px; 
	z-index:35;
}

/*CSS Kommentartext
Layer3 als Bild-Kasten für Schmuckbild oben rechts
*/
#Layer3 { 
	position:absolute; 
	left:0px; 
	top:13px; 
	width:225px; 
	height:177px; 
	z-index:21;
}	

/*CSS Kommentartext
Layer4 als Kolumnen-Titel-Kasten, Seitenüberschrift
*/
#Layer4 {  
	position:absolute; 
	left:0px; 
	/*top:210px;*/
	top: 310px; 
	width:364px; 
	height:40px; 
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	border: 1px none #000000;
	z-index:7; 
}	

/*CSS Kommentartext
Layer8head als Titel-Kasten, hier nicht aktiv
*/
#Layer8head { 
	position:absolute; 
	left:25px; 
	top:75px; 
	width:0px; 
	height:0px; 
	z-index:23;
}

/*CSS Kommentartext
Layer8footer als Footer-Kasten 
*/
#Layer8footer { 
	position:absolute; 
	left:10px; 
	/*top:790px;*/
	top:990px;
	width:1140px; 
	/*height:25px;*/
	height: 75px; 
	visibility: visible; 
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	border: 1px none #000000;
	z-index:24; 
}	

/*CSS Kommentartext
Layer5 als Adress-Kasten auf allen Seiten
*/
#Layer5 { 
	position:absolute; 
	left:10px; 
	/*top:740px;*/
	top:890px;
	width:696px; 
	height:45px; 
	z-index:25;
}

/*
Externe Schriftklassen
Zentrale Einstellungen fuer Schriftklassen hier: schwarz auf weiss und schwarz auf grau
Schriftformat hier: reda-Schriften in Textkasten fuer SGU als Georgia, "Times New Roman", Times, serif;
Ueberschrift 1. Klasse ist das Textbanner mit Auszeichnung h1
Ueberschrift 2. Klasse ist der Kolumnentext mit Auszeichnung h2 (alt redahead3subtitelkolum)
*/

/* CSS Kommentartext
redaheadmail als Textklasse für Mail-Text-Überschriften, hier nicht aktiv
*/
.redaheadmail {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	left: 50px;
}

/*
redamail als Textklasse für Mail-Text-Fließtext, hier nicht aktiv
*/
.redamail {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal; 
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	left: 50px;
}

/*
redahead als Basis-Textklasse für Überschriften, hier nicht aktiv
*/
redahead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	left: 50px;
}

/*
reda als Basis-Textklasse für Fließtext
*/
.reda {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	/*letter-spacing: 0.3em;*/
	word-spacing: normal;
	white-space: normal;
	left: 50px;
	text-transform: none;


}

/*
redahead2 als Basis-Textklasse für Überschriften 2. Kategorie, aktiv in Listenseite
*/
.redahead2 {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size: 18px;
	font-style: normal;
	line-height: normal; 
	font-weight: bold;
	font-variant: normal;
	color: #666666;
	/*letter-spacing: 0.4em;*/
	/*word-spacing: 0.8em;*/
	white-space: normal;
	left: 50px;
	text-indent: 0pt;

}

/*
redahead3 hier als Hauptmenü-Schriftformat
*/
.redahead3 {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: small-caps;
	color: #000000;
	/*letter-spacing: 0.6em;*/
	word-spacing: normal;
	white-space: normal;
	text-indent: 50px;
	text-align: right;
	/*text-transform: capitalize;*/
}

/*
redahead3b hier als StyleSwitch-Menü-Schriftformat
*/
.redahead3b {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: small-caps;
	color: #000000;
	/*letter-spacing: 0.3em;*/
	word-spacing: normal;
	white-space: normal;
	text-indent: 50px;
	text-align: right;
	/*text-transform: capitalize;*/
	padding-top: -3px;
	margin-top: -3px;
	margin-right: 3px;
	padding-left: 3px;
}


/*
redahead3nummer als Seitennummern-Schriftformat normal
*/
.redahead3nummer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal; 
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	left: 100px;
	text-indent: 0px;
	text-align: left;
}

/*
redahead3nummer als Seitennummern-Schriftformat mit aktivem Link
*/
.redahead3nummeraktiv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal; 
	font-weight: bold;
	font-variant: normal;
	color: #0000FF;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	left: 100px;
	text-indent: 0px;
	text-align: left;
}

/*
redahead3aktiv hier als Überschriften-Schriftformat, Kategorie 3, mit aktivem Link
*/
.redahead3aktiv {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size: 16px;
	font-style: normal;
	line-height: normal; 
	font-weight: bold;
	font-variant: normal;
	color: #0000FF;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	left: 100px;
	text-indent: 0px;
	text-align: left;

}

/*
h2 als Überschrift-Klasse Kategorie 2, vorher redahead3subtitelkolum
*/
.h2 {

	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size: 18px;
	font-style: normal;
	line-height: normal; 
	font-weight: bold;
	/*font-variant: small-caps;*/
	color: #000000;
	/*letter-spacing: 0.9em;*/
	word-spacing: normal;
	white-space: normal;
	text-indent: 0px;
	text-align: right;
	/*text-transform: capitalize;*/
}

/*
redahead4 als Überschriftenklasse für Tabellen, Kategorie 4, hier als Textklasse für Info-Kasten inkl. Copyright
*/
.redahead4 {

	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size: 16px;
	font-style: normal;
	line-height: normal; 
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	/*letter-spacing: 0.2em;*/
	word-spacing: normal;
	white-space: normal;
	left: 100px;
	text-indent: 0px;
	text-align: left;
}

/*
redadat als Fließtextklasse für Tabellen, Kategorie 4, hier nicht aktiv
*/
.redadat {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal; 
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	margin right: 10px;
	text-indent: 0px;
	text-align: right;
}


/*
h1 als Vorlage für die Überschrift 1. Klasse, d.h. hier als Titel-Format, vorher redasgutitel
*/
.h1 {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size: 24px;
	font-style: normal;
	line-height: normal; 
	font-weight: bold;
	/*font-variant: small-caps;*/
	color: #000000;
	/*letter-spacing: 0.15em;*/
	/*word-spacing: 0.3em;*/
	white-space: normal;
	left: 50px;
	text-align: right;
	vertical-align: baseline;
}

/*
redaheadsgufooter als kleine Footer-Text-Klasse, hier auch für Links in Listenseiten genutzt
*/
.redaheadsgufooter {

	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size: 16px;
	font-style: normal;
	line-height: normal; 
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	/*letter-spacing: 0.2em;*/
	word-spacing: normal;
	white-space: normal;
	left: 100px;
	text-indent: 0px;
	text-align: left;
}

/*
redahead3subtitel als Kolumnentitel, hier eingebunden, aber nicht genutzt
*/
.redahead3subtitel {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size: 18px;
	font-style: normal;
	line-height: normal; 
	font-weight: bold;
	/*font-variant: small-caps;*/
	color: #000000;
	/*letter-spacing: 0.6em;*/
	word-spacing: normal;
	white-space: normal;
	text-indent: 0px;
	text-align: right;
	/*text-transform: capitalize;*/

}

/*
redahead3sguliste als Überschriftenformat für Einträge in Listenseiten
*/
.redahead3sguliste {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal; 
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	left: 100px;
	text-indent: 0px;
	text-align: left;
}

/*
redasgutext als Fließtextformat für Einträge in Listenseiten
*/
.redasgutext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	left: 50px;
	text-transform: none;
}