* {
	padding:0px;
	margin:0px;
}

html, body {
	height:100%; /* Hoehe ausdehnen, auch ohne Inhalt */
}


body {
	font-size: 12px;
	font-family: Swiss,Arial,Sans-Serif;
	color:  #333333;
/*	height:100%;
	background-color: white;
	scroll:auto; 
 	background-repeat: no-repeat;
	background-attachment: fixed; 
	background-position: right top;
	overflow:hidden;
	background:url(/pic/bg/FPG.jpg) fixed 0px 0px;
/* 	position:absolute; */

scrollbar-base-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-face-color: #D1D1D1;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
}

h3 {
font-size: 18px;
/*font-variant: small-caps; */
margin: 0px;
padding: 2px;
}
form {padding:1px; border:1px dotted black; }

input, textarea, select, radio {border:1px solid #D1D1D1; border-color:#D1D1D1;
/*	font-size: 12px;
	font-family: Swiss,Arial,Verdana,SunSans-Regular,Sans-Serif,Helvetica;
	color:  #333333; */
	padding: 2px;
}
textarea {font-size: 11px; }


.reftab {
color:black;
border:0px dotted;
width:588px;
table-layout:fixed;
}
.reftab td {
padding:0px 7px 0px 0px;
border:0px;
font-size: 9px;
vertical-align: baseline;
}
.reftab a {text-decoration: underline;}

td.refb {font-size: 10px; font-weight: normal;}
td.refsm {
width:15px;
}
td.refxsm {
width:3px;
}
td.refmed {
width:3px;
}
.ref2 td{
color:  #333333;
margin: 0px;
padding: 0px 7px 10px 0px;
}

.newstable {
color:black;
border:0px dotted;
width:590px;
}
.newstable td{
padding:0px 15px 25px 0px;
border:0px;
vertical-align: top;
text-align: left; }
.newstable h3{
font-size: 14px;
padding: 0px;
}

.inpooltable {
border:0px dotted;
}
.inpooltable td {
padding:0px 2px 0px 1px;
margin: 0px;
}

/*.ref2 {
border: 1px dotted;} */

html {  /* GENERELL: Abstände auf 0*/
/*  padding:0px;
  margin:0px;  */
} 
img {    /* GENERELL: Bilder ohne Rahmen */
border-style: none;
}
a {
cursor: crosshair;
outline: none;
border-style: none;
text-decoration: none;
color:  #333333;
}
a:hover {color: #b10700}



/*
*
*
*  STYLE VORGABE FÜR DIVS (PER ID)
*
*
*/
* html #main {
	height:100%; /* Hhe anpassen, geht wegen IE6 Bug ber 100% hinaus (passt sich dem Inhalt an) */
}
#main-around{
	margin-left:21px;
	margin-right:21px;
	height:100%;

}
#main{					/* inhalts-DIV Mitte */
	margin: 0 auto; padding: 0; width:880px; text-align:left;
/*	background-color:#FFFFFF;*/
	background-color:transparent;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	min-height:100%;
	height:auto; /*moderne Browser*/
	height:100%; /* IE */
	width:860px; /* + 10px padding-left + 10px padding-right = 880px */
	overflow:auto; /* damit das scrollen funktioniert!!! */
}
#content {
	float:left;
	padding-top:0px; /* Zusatz-Abstand von Schrift */
	padding-bottom:0px;
}
#left{						/* Menüspalte */
	background:transparent;
	color:  #333333;
	position:fixed; /*war: relative*/
	margin-top: 105px;
	margin-left: -26px;/*left war 4px*/
	
	z-index: 8;
/*	overflow:hidden;
	width:26px; 
 width:26px;
*/
	float:left;
	white-space: nowrap;
	font-weight: normal;
	font-size:10px;
	letter-spacing:0.1em;
}
#streifen{
	background:#A0A0A0;
	width:16px;
	height:105px;
	margin-top:0px;
	margin-left: -26px;
	position:fixed;
	}


#projdescr {					/* Projekttitel links */
/* 	overflow:hidden;
	height:69px; */
/* 	width:350px; */
	position:absolute;
	right:609px;
/* 	left: 0px; */
	top:24px;
	white-space:normal;
	padding: 4px;
	z-index: 20;

	float: left;

	margin: 00px;
	border: 0px;
	font-size:11px;
	text-align: right;
	letter-spacing:0.1em;
}
.oben {
	background-color:transparent;
	position:relative;
	margin: 0px;
	padding: 0px;
	color: black;
	width: 100%;
}
.unten {
	background-color:transparent;
	color:  #333333;
	width: 100%;
	margin: 4px 4px 0px 0px;
}

#projdescr2 {				/* Projekttitel rechts */
	overflow: hidden;
	/* height:65px; */
	width:470px; 
	position:absolute;
	right:125px;
	top:33px;
	white-space:normal;
	padding: 4px;
	z-index: 20;
	background:transparent;
	text-align: left;
		font-size:11px;
	letter-spacing:0.1em;
}
#catcher {				/* Skizzer für Einstieg links */
	overflow: hidden;
	position:absolute;
	left:0px;
	top:0px;
	white-space:normal;
	margin: 10px 130px 0px 20px;
	padding: 0px 0px 0px 10px;
	z-index: 1;
/*	scroll: no; */
	text-align: left;
	letter-spacing:0.3em;
	opacity: .15;
	filter: alpha(opacity=15) gray() ;
 	-moz-opacity: .15;
	-khtml-opacity: "0.15"; 
}
#txtrahmen {
	overflow: auto; 
	min-height:320px;
	position:absolute;
	top:100px;
	white-space:normal;
	padding: 0px;
	margin: 0px;
	z-index: 3;
	background:transparent;
	right:0px;
	width:605px;
}
/* PROJEKT BILDERLEISTE */

#rahmen {
	overflow: hidden; 
	width: 100%;
	height:320px;
	position:absolute;
	right:5px;
	top:100px;
	white-space:nowrap;
	padding: 0px;
	margin: 0px;
	z-index: 3;
}
#inside {
	white-space:nowrap;
	background:transparent;
	position:absolute;
	height:310px;
	width:605px;
	float:left;
	right:0px;
	top:000px;
	margin: 0px;
	padding: 0px;
	border: none;
	overflow: visible;
	z-index: 4;
	valign:top;
}
#inside_scroll {
	white-space:wrap;
	background:transparent;
	position:absolute;
	height:310px;
	width:605px;
	float:left;
	right:0px;
	top:000px;
	margin: 0px;
	padding: 0px;
	border: none;
	overflow: auto;
	z-index: 4;
	valign:top;
}
#inpool {
	white-space:nowrap;
	background:transparent;
	position:absolute;
	height:310px;
	width:605px;
	float:left;
	right:0px;
	top:3px;
	margin: 0px;
	padding: 0px;
	border: none;
	overflow: visible;
	z-index: 4;
	valign:top;
}
#textdescr {
	overflow: auto;
	height:283px;
	width:365px;
	position:relative;
	white-space:normal;
	padding: 5px 10px 5px 10px;
	z-index: 200;
	background:transparent;
	margin: 00px;
	border: 0px;
	text-align: left;
	color:  #333333;
	font-size: 10px;
	line-height: 150%;
	overflow: scroll-vertical;
	overflow: auto;
	cursor: normal;

	/*font-family: Verdana,SunSans-Regular,Sans-Serif,Helvetica;
		font-variant: normal; */
	text-transformation: none;
	scrollbar-base-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-face-color: #A0A0A0;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;

	}


#overlayr {
/*	overflow: hidden; */
	height:310px;
	width:585px;
	position:absolute;
	right:24px;
	top:101px;
	white-space:nowrap;
	padding: 0px;
	background:transparent;
	margin: 00px;
	z-index: 2;
}

	/* style für Bildunterschrift*/
#bildunterschrift {
	float: left;
/*	overflow: hidden; */
	width:495px;
	position:absolute;
	right:105px;
	top:410px;
	padding: 0px;
	z-index:25;
	background:transparent;
	font-size: 9px;
	color:  #333333;
}

/* style für Funktionen Transparenzen Projektbilder*/
.nontransp {
	opacity: 1;
	filter:none; 
	-moz-opacity: 1;
	-khtml-opacity: "1";
	z-index: 40;
	padding: 5px;
	background:transparent;
}
.transp {
	opacity: .15;
	filter: alpha(opacity=15) gray() ;
 	-moz-opacity: .15;
	-khtml-opacity: "0.15"; 
	z-index: 1;
	padding: 5px;
	margin: 0px;
	background:transparent;
	white-space: nowrap;
	border: 0px;
}

/* style für Funktionen Projektbild - Rahmen*/
.opac {
	filter:none;
	-moz-opacity: 1;
	opacity: 1;
	z-index: 2;
}
.ovrlhidden{
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	z-index: 2;
}

/* PROJEKT VORSCHAUBILDER*/

#thumb {
	float: left;
/*	overflow: hidden; */
	width:470px;
	position:absolute;
	right:135px;
	top:430px;
	padding: 0px;
	z-index:20;
}
#facts {
	top:430px;
	z-index:25;
	padding: 0px;
	right:614px;
	font-size: 9px;
	position: absolute;
	color:  #333333;
}
#controls {
	top:410px;
	z-index:5;
	padding: 0px;
	right:614px;
	font-size: 9px;
	position: absolute;
	color:  #333333;
}
.factlinks {
	text-align: right;
	padding: 0px 2px 0px 0px;
	vertical-align: top;
}
.factrechts {
	text-align: left;
	padding: 0px 0px 0px 2px;
	vertical-align: top;
}
a.factlink {color:#666666}
a.factlink:hover {color:black}

/* style für Vorschaubilder*/
.thumbblass {
	filter:alpha(opacity=50) gray();
	-moz-opacity: .50;
	opacity: .50;
	padding: 2px;
	background:transparent;
}
.thumbblass:hover {
	filter:none;
	-moz-opacity: 1;
	opacity: 1;
}


/* LOGO rechts*/
#logo {
	background:transparent;
	white-space:nowrap;
	position:absolute;
/*	bottom:5px; */
top:20px;
	right: 5px; /*war 5px */
	overflow:hidden;
	z-index:1;
}

/* style für Menüpunkte*/

.lefty{
min-width:5px;
/*background:#A0A0A0; */
	font-size: 10px;
	font-weight: normal;
background:transparent;
margin: 0px;
margin-right: 10px;
padding: 0px;
color: transparent;
float:left;
left: -5px;
}

/*
.item {
	font-size: 13px;
	padding-left: 20px;
	background:transparent;
	left: 0px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	text-indent: 5pt; 
}

/*  oberste Ebene         
.item0{
	font-size: 15px;
	font-weight: bold;
	padding-left: 0px;
}
a.item0:hover{
background-color: white;
}

a.item0 span{
color: #A0A0A0;
display:none;
font-size: 10px;
}

a.item0:hover span{
display:inline;
}

/* 2.Ebene 
.item1{
	font-size: 12px;
	font-weight: bold;
	left: 15px;
	padding-left: 15px;
}
a.item1:hover{
background-color: white;
}

a.item1 span{
color: #A0A0A0;
display:none;
font-size: 10px;
}
a.item1:hover span{
display:inline;
}
.item2{
	font-size: 12px;
	font-weight: normal;
	padding-left: 30px;
}
a.item2:hover{
background-color: white;
}

a.item2 span{
display:none;
color: #A0A0A0;
background-color: white;
	font-size: 10px;
}
a.item2:hover span{
 display:inline;
}


*/




/*  oberste Ebene          */
span.item0{
	font-size: 13px;
	font-weight: normal;
	padding-left: 0px;
}

span.item0h{
color:  #333333;
display:none;
font-size: 11px;
}

span.item0:hover a{
background-color: white;
}

span.item0:hover span.item0h{
display:inline;
}

/* 2.Ebene */
span.item1{
	font-size: 11px;
	font-weight: normal;
	padding-left: 0px;
}
span.item1 a{
padding-left: 15px;
}

span.item1h{
color:  #333333;
display:none;
font-size: 11px;
}

span.item1:hover a{
background-color: white;
}

span.item1:hover span.item1h{
display:inline;
}

/* 3.Ebene */
span.item2{
	font-size: 11px;
	font-weight: normal;
	padding-left: 0px;
}
span.item2 a{
padding-left: 30px;
}

span.item2h{
color:  #333333;
display:none;
font-size: 11px;
}

span.item2:hover a{
background-color: white;
}

span.item2:hover span.item2h{
display:inline;
}
/* style für Grossbild*/


#black_v{
	min-height:100%;
	height:100%;
	width:100%;
	position:absolute;
	right:0px;
	top:0px;
	white-space:nowrap;
	padding: 0px;
	background-color: black;
	filter:alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
	text-align:center;
	overflow:auto;
	z-index:60;
}
#bigpicdiv{
	background-color:transparent;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	text-align:center;
		position: absolute;
	top: 0px;
	z-index:200;
		height:100%;
	width:100%;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	right: 0px;
	padding:0px;
	scroll: yes;
}
#nextpic{
background-color:white;
top:105px;
position:relative;
margin: 0 auto; padding: 0; width:880px;

}

.bigpic{
	margin-top: 105px;
	border: 10px solid white;
	z-index:300;
}
.tabelle-formular{
cellspacing="5";
cellpadding="5";
border="0";
max-width="380px";

}
  .Error {
    color:  red;
	text-align: left;
	font-size: 10px;
  }
 /* *********snippets************ */
 
 /* font-variant: small-caps; */