/* tm-scr.css : CSS - Datei für Trumpf Metallbau
geschrieben am 3.7.06 von Andreas Reichert, elus Media Design GmbH */

html {
	height:100%;
	width:100%;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#seitegp {
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding-bottom:0px;
	z-index:0;
	background-color:#00337f;
	overflow:auto;
}

#seitekp {
	position:absolute;
	right:0px;
	bottom:0px;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	z-index:0;
	background-color:#B12800;
	overflow:auto;
}

#menukp {
	position:absolute;
	right:0px;
	top:50px;
	width:130px;
	height:100px;
	padding-top:13px;
	background-color:#8e2000;
	background-image:url(../images/HGRot_01.jpg);
}

#menugp {
	position:absolute;
	top:50px;
	left:0px;
	background-color:#002966;
	width:130px;
	height:120px;
	background-image:url(../images/HGBlau_01.jpg);
}

.menol {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1pt;
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
}

a:link {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1pt;
	font-size:10pt;
	font-weight:normal;
	text-decoration:none;
}
a:visited {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1pt;
	font-size:10pt;
	font-weight:normal;
	text-decoration:none;
}
a:hover {
/*	color:#954504; */
	font-family:Arial, Helvetica, sans-serif;
 	letter-spacing:1pt;
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
}

a:active {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1pt;
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
}

.menuf  {
	color:#becbde;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1pt;
	font-weight:bold;
	text-decoration:none;
/*	margin-top:5px;
	margin:5px;
	vertical-align:middle; */
}

.gp {
	font-family:Arial, Helvetica;
	letter-spacing:1pt;
	font-weight:normal;
	text-decoration:none;
	color:#becbde;
}

.kp {
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1pt;
	font-weight:normal;
	text-decoration:none;
	color:#e5d2c2;
}

h1,h2,h3,h4,h5,h6 {
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1pt;
	font-weight:normal;
	text-decoration:none;
}

h1.gp,h2.gp,h3.gp,h4.gp,h5.gp,h6.gp {
	color:#becbde;
}
h1.kp,h2.kp,h3.kp,h4.kp,h5.kp,h6.kp {
	color:#e5d2c2;
}

#kpt {
	color:#e5d2c2;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1pt;
	font-weight:normal;
	text-decoration:none;
}

#logo {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100px;
}

#pfad {
	position:absolute;
	top:82px;
	left:636px;
	width:324px;
	height:10px;
	vertical-align:top;
	text-align:right;
}

#menu {
	position:absolute;
	top:100px;
	left:0px;
	right:0px;
	margin-right:0px;
	height:23px;
	width:100%;
	z-index:1;
	background-image:url(../images/BalkTRUMPF_25Pix.jpg);
	background-repeat:repeat-x;
	vertical-align:middle;
}

.mfeld1 {
	background-color:#003d98;
	position:absolute;
	top:2px;
	left:2px;
	width:190px;
	height:19px;
	z-index:2;
	border:1px;
	vertical-align:middle;
	background-image:url(../images/HM_HGBlau_00.jpg);
}
.mfeldg1 {
	background-color:#0049b6;
	position:absolute;
	top:2px;
	left:2px;
	width:190px;
	height:19px;
	z-index:3;
	border:1px;
	vertical-align:middle;
	visibility:hidden;
	background-image:url(../images/HM_HGBlau_01.jpg);
}
#mfeld2 {
	background-color:#003d98;
	position:absolute;
	top:2px;
	left:194px;
	width:190px;
	height:19px;
	z-index:2;
	border:1px;
	vertical-align:middle;
	background-image:url(../images/HM_HGBlau_00.jpg);
}
#mfeldg2 {
	background-color:#0049b6;
	position:absolute;
	top:2px;
	left:194px;
	width:190px;
	height:186px;
	z-index:3;
	border:1px;
	visibility:hidden;
	background-image:url(../images/HM_HGBlau_01.jpg);
}
#mfeld3 {
	background-color:#003d98;
	position:absolute;
	top:2px;
	left:386px;
	width:190px;
	height:19px;
	z-index:2;
	border:1px;
	vertical-align:middle;
	background-image:url(../images/HM_HGBlau_00.jpg);
}
#mfeldg3 {
	background-color:#0049b6;
	position:absolute;
	top:2px;
	left:386px;
	width:190px;
	height:130px;
	z-index:3;
	border:1px;
	visibility:hidden;
	background-image:url(../images/HM_HGBlau_01.jpg);
}
#mfeld4 {
	background-color:#003d98;
	position:absolute;
	top:2px;
	left:578px;
	width:190px;
	height:19px;
	z-index:2;
	border:1px;
	vertical-align:middle;
	background-image:url(../images/HM_HGBlau_00.jpg);
}
#mfeldg4 {
	background-color:#0049b6;
	position:absolute;
	top:2px;
	left:578px;
	width:190px;
	height:80px;
	z-index:3;
	border:1px;
	visibility:hidden;
	background-image:url(../images/HM_HGBlau_01.jpg);
}
#mfeld5 {
	background-color:#003d98;
	position:absolute;
	top:2px;
	left:770px;
	width:190px;
	height:19px;
	z-index:2;
	border:1px;
	vertical-align:middle;
	background-image:url(../images/HM_HGBlau_00.jpg);
}
#mfeldg5 {
	background-color:#0049b6;
	position:absolute;
	top:2px;
	left:770px;
	width:190px;
	height:19px;
	z-index:3;
	border:1px;
	visibility:hidden;
	background-image:url(../images/HM_HGBlau_01.jpg);
}

#fggesamt {
	background-color:#00337f;
	position:absolute;
	top:20px;
	left:20px;
	width:900px;
	height:440px;
	border-width:1px;
}

#fgs1 {
	background-color:#00337f;
	position:absolute;
	top:0px;
	left:0px;
	width:900px;
	height:380px;
	visibility:visible;
	border-width:1px;
}

#fgs2 {
	background-color:#00337f;
	position:absolute;
	top:0px;
	left:0px;
	width:900px;
	height:380px;
	visibility:hidden;
}

#fgs3 {
	background-color:#00337f;
	position:absolute;
	top:0px;
	left:0px;
	width:900px;
	height:380px;
	visibility:hidden;
}
#fgs4 {
	background-color:#00337f;
	position:absolute;
	top:0px;
	left:0px;
	width:900px;
	height:380px;
	visibility:hidden;
}
#fgs5 {
	background-color:#00337f;
	position:absolute;
	top:0px;
	left:0px;
	width:900px;
	height:380px;
	visibility:hidden;
}
#fgs6 {
	background-color:#00337f;
	position:absolute;
	top:0px;
	left:0px;
	width:900px;
	height:380px;
	visibility:hidden;
}
#fgs7 {
	background-color:#00337f;
	position:absolute;
	top:0px;
	left:0px;
	width:900px;
	height:380px;
	visibility:hidden;
}
#fgs8 {
	background-color:#00337f;
	position:absolute;
	top:0px;
	left:0px;
	width:900px;
	height:380px;
	visibility:hidden;
}
#fgs9 {
	background-color:#00337f;
	position:absolute;
	top:0px;
	left:0px;
	width:900px;
	height:380px;
	visibility:hidden;
}
#fgs10 {
	background-color:#00337f;
	position:absolute;
	top:0px;
	left:0px;
	width:900px;
	height:380px;
	visibility:hidden;
}

#fgzeitleiste {
	background-color:#00337f;
	position:absolute;
	top:390px;
	left:0px;
	height:50px;
	width:900px;
	z-index:0;
}

#zlt1 {
	position:absolute;
	top:390px;
	left:0px;
	visibility:visible;
	z-index:1;
}
#zlt2 {
	position:absolute;
	top:390px;
	left:80px;
	visibility:hidden;
	z-index:1;
}
#zlt3 {
	position:absolute;
	top:390px;
	left:160px;
	visibility:hidden;
	z-index:1;
}
#zlt4 {
	position:absolute;
	top:390px;
	left:240px;
	visibility:hidden;
	z-index:1;
}
#zlt5 {
	position:absolute;
	top:390px;
	left:320px;
	visibility:hidden;
	z-index:1;
}
#zlt6 {
	position:absolute;
	top:390px;
	left:400px;
	visibility:hidden;
	z-index:1;
}
#zlt7 {
	position:absolute;
	top:390px;
	left:480px;
	visibility:hidden;
	z-index:1;
}
#zlt8 {
	position:absolute;
	top:390px;
	left:560px;
	visibility:hidden;
	z-index:1;
}
#zlt9 {
	position:absolute;
	top:390px;
	left:640px;
	visibility:hidden;
	z-index:1;
}
#zlt10 {
	position:absolute;
	top:390px;
	left:720px;
	visibility:hidden;
	z-index:1;
}

/* #gleiste {
	z-index:0;
	position:absolute;
}
#glub {
	z-index:1;
	position:absolute;
	top:5px;
	left:05px;
}

#gleb {
	z-index:1;
	position:absolute;
	top:5px;
	left:205px;
}

#gllb {
	z-index:1;
	position:absolute;
	top:5px;
	left:405;
} */


#gprojekte {
	position:absolute;
	top:20px;
	left:140px;
	width:850px;
	height:415px;
	z-index:0;
/*	background-color:#003d98; */
}

#richtung1 {
	position:absolute;
	top:15px;
	left:15px;
	width:400px;
	height:400px;
	visibility:hidden;
}

#richtung2 {
	position:absolute;
	top:15px;
	left:15px;
	width:400px;
	height:400px;
	visibility:hidden;
}

#richtung3 {
	position:absolute;
	top:15px;
	left:15px;
	width:400px;
	height:400px;
	visibility:hidden;
}

#richtung4 {
	position:absolute;
	top:15px;
	left:15px;
	width:400px;
	height:400px;
	visibility:hidden;
}

#wglexmen {
	/* Menu für das Wintergarten Lexikon */
	position:absolute;
	top:8px;
	left:5px;
	width:140px;
	padding-bottom:5px;
	padding-top:5px;
/* 	height:430px; */
	background-color:#8e2000;
}

#wglexif {
	/* Wintergarten Lexikon inner frame */
	position:absolute;
	top:8px;
	left:155px;
	width:480px;
}

.lextab {
	border-width:1px;
	border-style:solid;
	border-color:#B12800;
	text-align:justify;
	width:130px;
}