/* klassen fuer www */
body, div, a, table, td{
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size:12px;
}

body{
	background-color: #000000;
}

div.tgs_logo{
	position: absolute;
	top:20px;
	left: 50px;
	z-index: 1;

}

div.logoBasse{
	position: absolute;
	top:476px;
	left: 780px;
	z-Index: 5;
}

div.logoGBV{
	position: absolute;
	top:430px;
	left: 780px;
	z-Index: 5;
}

div.pfad{
	position: absolute;
	top:4px;
	left: 50px;
	z-index: 2;
	font-size: 10px; 
	color: #ffffff;
	padding:2px;
	padding-left:22px;
	padding-right:22px;
	background-color: #9a9a9a;
}

div.pfadAnschauen{
	position: absolute;
	top:70px;
	left: 50px;
	z-index: 2;
	font-size: 14px; 
	color: #aaaaaa;
	padding:2px;
	padding-left:22px;
	padding-right:22px;
	background-color: #000000;
}

div.pfad a{ font-size: 10px; text-decoration:none; color: #ffffff; font-weight: bold;}
div.pfad a:link{ text-decoration:none;}
div.pfad a:hover{ text-decoration:underline; color:#FFFCD6;}
div.pfad a:active{ text-decoration:none; }

div.pfad b{
	color:#ffffff;
	font-weight:normal;
}

div.navigation{
	position: absolute;
	top:42px;
	left: 70px;
	z-index: 2;
}

div.bg{
	position: absolute;
	width: 760px;
	top: 0px;
	left: 0px;
	z-index: 1;
}

div.produkttext{
	position: absolute;
	top: 100px;
	left:50px;
	width: 300px;
	background-color: #FFFCD6;
	layer-background-color: #FFFCD6;
	border: solid 10px #FFFCD6;
	z-index: 5;
	font-size: 12px;
}

div.produkttext table{
	margin-left:12px;
}

div.produkttext a{ font-size: 12px; text-decoration:underline; color: #000000;}
div.produkttext a:link{ text-decoration:underline;}
div.produkttext a:hover{ text-decoration:none;}
div.produkttext a:active{ text-decoration:none; }

div.produkttextIE{
	position: absolute;
	top: 100px;
	left:50px;
	width: 300px;
	background-color: #FFFCD6;
	layer-background-color: #FFFCD6;
	border: solid 10px #FFFCD6;
	z-index: 5;
	font-size: 12px;
	filter:Alpha(Opacity=80);
}

div.produktbild{
	position: absolute;
	top: 100px;
	left:50px;
	width: 300px;
	z-index: 5;
	font-size: 12px;
}

div.inhalt{
	position: absolute;
	top: 100px;
	left:50px;
	width: 300px;
	z-index: 6;
	font-size: 12px;
}

div.inhaltGattungen{
	position: absolute;
	top: 100px;
	left:50px;
	z-index: 5;
	/*-moz-opacity:0.80;
	filter:Alpha(Opacity=80);*/
	font-size: 12px;
	width: 630px;
}

div.inhaltGattungenIE{
	position: absolute;
	top: 100px;
	left:50px;
	z-index: 5;
	filter:Alpha(Opacity=80);
	font-size: 12px;
	width: 630px;
}

div.themen{
	position: absolute;
	top: 100px;
	left:580px;
	background-color: #FFFCD6;
	layer-background-color: #FFFCD6;
	z-index: 1;	
	width: 180px;
	font-size: 11px;
	font-weight: bold;
	border: solid 10px #FFFCD6;
}

div.themenIE{
	position: absolute;
	top: 100px;
	left:580px;
	background-color: #FFFCD6;
	layer-background-color: #FFFCD6;
	z-index: 1;	
	font-size: 10px;
	width: 180px;
	border: solid 10px #FFFCD6;
	filter:Alpha(Opacity=80);
}

div.teaser{
	position: absolute;
	top: 100px;
	left:220px;
	z-index: 2;
	font-size: 24px;
	width: 600px;
	color: #ffffff;
	font-weight: bold;
}

div.teaserSchatten{
	position: absolute;
	top: 100px;
	left:222px;
	z-index: 1;
	font-size: 24px;
	width: 600px;
	color: #000000;
	font-weight: bold;
}

.gattung{
	border: solid 1px #C9C7AB;
 	font-size: 12px;
	background-color: rgb(255, 252, 214); 
}

#themen{

	border: solid 1px #C9C7AB;
 	font-size: 10px;
	font-weight:bold;
	background-color: rgb(255, 252, 214);
}


.themen{

 	font-size: 10px;
	font-weight:bold;
	background-color: rgb(255, 252, 214);
	color:#000000;

}
.themen a{ text-decoration:underline; font-size: 11px;color: #0000000; font-weight: normal;}
.themen a:hover{ text-decoration:underline; font-size: 11px;color: #0000000; font-weight: normal;}
.themen a:active{ text-decoration:underline; font-size: 11px;color: #0000000; font-weight: normal;}
.themen a:link{ text-decoration:underline; font-size: 11px;color: #0000000; font-weight: normal;}

.pfadAnschauen a{ text-decoration:none; font-weight: bold;font-size: 14px;color: #d1d1d1;}
.pfadAnschauen a:hover{ text-decoration:underline; color:#d1d1d1;}
.pfadAnschauen a:active{ text-decoration:underline; }
.pfadAnschauen a:link{ text-decoration:underline; font-weight: bold;font-size: 14px;color: #d1d1d1;}



a.nav{ text-decoration:none; font-weight: bold;font-size: 14px;color: #16177E;}
a.nav:hover{ text-decoration:underline; color:#000000;}
a.nav:active{ text-decoration:none; color:#16177E;}

a.linkteaser{ font-size: 12px; text-decoration:none; color: #ffffff;}
a.linkteaser:link{ text-decoration:none;}
a.linkteaser:hover{ text-decoration:underline; color:#FFFCD6; background-color: #000000;}
a.linkteaser:active{ text-decoration:none; }

a.linkinhalt{ font-weight: bold; font-size: 12px; text-decoration:none; color: #000000;}
a.linkinhalt:link{ text-decoration:none;}
a.linkinhalt:hover{ text-decoration:underline; color:#FFFCD6; background-color: #000000;}
a.linkinhalt:active{ text-decoration:none; }

a.linkinhaltduenn{ font-size: 12px; text-decoration:none; color: #000000;}
a.linkinhaltduenn:link{ text-decoration:none;}
a.linkinhaltduenn:hover{ text-decoration:underline;}
a.linkinhaltduenn:active{ text-decoration:none; }

a.linkthemen{ font-size: 10px; text-decoration:none; color: #000000;}
a.linkthemen:link{ text-decoration:none;}
a.linkthemen:hover{ text-decoration:underline;}
a.linkthemen:active{ text-decoration:none; }

a.linkpfad{ font-size: 10px; text-decoration:none; color: #ffffff; font-weight: bold;}
a.linkpfad:link{ text-decoration:none;}
a.linkpfad:hover{ text-decoration:underline; color:#FFFCD6;}
a.linkpfad:active{ text-decoration:none; }

/* ----------------------------------------------------------- */

/* css fuer kord_2 */
span.gattungen{
	color:#16177E;
	font-weight:bold;
}

span.objekte{
	color:#000000;
	font-weight:bold;
}

div.ebeneAn{
position:absolute;
top:0px;
z-index:0;
visibility:show;
visibility:visible;
}

div.ebeneAus{
position:absolute;
top:0px;
z-index:0;
visibility:hide;
visibility:hidden;
}

div.bildbearbeiter{
position:absolute;
background-color: #FFFCD6;
layer-background-color: #FFFCD6;
border: solid 10px #FFFCD6;
top: 100px;
left:50px;
width: 300px;
font-size: 12px;
}

div.bildbearbeiter table{
	margin-left:12px;
}

div.bildbearbeiter a{ font-size: 12px; text-decoration:underline; color: #000000;}
div.bildbearbeiter a:link{ text-decoration:underline;}
div.bildbearbeiter a:hover{ text-decoration:none;}
div.bildbearbeiter a:active{ text-decoration:none; }

div.bereicheAn{
position:absolute;
color:#ffffff;
top:42px;
left: 70px;
z-index: 7;
}
	
div.bereicheAn a{
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	color:#16177E;
}

div.bereicheAn a:hover{ 
	text-decoration:underline;
	color:#000000;
}

.bereicheAnAnschauen{
position:absolute;
color:#ffffff;
left:0px;
top:0px;
z-index:8;
}

.bereicheAnAnschauen a{color:#ffffff;}

.bereicheAusAnschauen{
position:absolute;
color:#000000;
line-height:15px;
left:20px;
top:158px;
z-index:8;
visibility:hide;
visibility:hidden;
background-color:#ffffff;
layer-background-color:#ffffff;
}

.bereicheAusAnschauen a,b{color:#738098;}

.bereicheAus{
position:absolute;
line-height:15px;
font-size: 12px;
top:90px;
left:585px;
width:150px;
z-index: 8;
visibility:hide;
visibility:hidden;
background-color:#000000;
layer-background-color:#000000;
border: solid 1px #C9C7AB;
color:white;
padding-left:10px;
}

div.bereicheAus a{
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color:#ffffff;
}

div.bereicheAus a:hover{ 
	text-decoration:underline;
	color:#C9C7AB;
}

.indexAnschauen {
position:absolute;
top:113px;
left:600px;
color:#000000;
z-index:0;
/*line-height:13px;*/
}

.inhalt {
position:absolute;
top:160px;
left:180px;
color:#000000;
z-index:0;
/*line-height:13px;*/
}

.ueberschrift {
	position: absolute;
	top:42px;
	left: 70px;
	z-index: 2;
	font-weight: bold;
	font-size: 14px;
	color: #16177E;
}

.zusatz {
font-weight: normal;
color:#000000;
}

.inhalt b{color:#000000;}
.inhalt a b{color:#000000;}

div.bildAendern {
position:absolute;
top:162px;
left:182px;
padding:2px;
background-color:#ffffff;
layer-background-color:#ffffff;
z-index: 1;
}

div.bildAendern a{color:black;}

.zeilenhoehe {
position:absolute;
top:162px;
left:182px;
padding:2px;
background-color:#eeeeee;
layer-background-color:#eeeeee;
z-index: -1;
}

.kontext {
position:absolute;
top:160px;
left:20px;
}

.navRatgeber {
position:absolute;
top:160px;
left:20px;
}

.kontextRatgeber {
position:absolute;
top:123px;
left:180px;
}

.subnavRatgeber {
position:absolute;
top:160px;
left:810px;
}

.sequenz {				/* < 1 | 2 | 3 > */
position:absolute;
top:160px;
left:810px;
}

.technik {				/* Europa 230V/50 Hz */
position:absolute;
top:100px;
left:780px;
}

.zurueck {				/* zurueck */
position:absolute;
top:110px;
left:20px;
}

.rolle{
	position: absolute;
	top: 80px;
	left: 810px;
	color: #ffffff;
}

.inhalt a{color:#000000;}
.inhalt samp{color:#FF9900;}
.inhalt td a{color:#000000;}

/* formulare */
form, input, select{
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}

/* extragrosses formular zum Korrektur lesen */
.lupe{
	font-size: 16px;
}

.inhaltRatgeber{
position:absolute;
top:160px;
left:130px;
}

/* 25.02.04 - m.waidmann@klickmeister.de */
.tarnkappe{
position:absolute;
visbility:hide;
visbility:hidden;
}