@charset "utf-8";
/* ===================================================================
Stylesheet für Bildschirmausgabe www.thp-architekten.at
Datei: screen.css
Datum: Aug 08
Autor: Rebekka Brandstätter-Tritthart

Aufbau: 	1. Kalibrierung und allgemeine Styles
			2. Styles für Layoutbereiche
			3. Sonstige Styles
			
=====================================================================*/

/*===================================================================
	1.Kalibrierung und allgemeine Styles
======================================================================*/
* { padding: 0; margin: 0; }
html, body {
	height: 100%;
}
body {
	font: 11px Arial, Helvetica, sans-serif;
	background-color: white;
	color: #111;
	text-align:center;
}
h1 { font-size: 1.1em; }
h2 { font-size: 1.1em; }
h3 {font-size: 1.1em;
	text-align: left;
	color: black;
	font-weight: normal;
	}
p { color: #111;}

/* Hyperlinks allgemein */
a {
	color: #111;
	text-decoration: none;
}
a:hover {
	color: #999;
}
/* Allgemeine Klassen */
.druck { display: none; }
.handheld { display: none; }
.rechts { float:right;}

/* ==== Spezielle Klasen ====== */
/*Infobox*/

/*Fotogallerie*/


a.pic1 {display: block; background-image: url(../img/1gr.gif); width:16px; height:15px; }
a.pic2 {display: block; background-image: url(../img/2gr.gif); width:16px; height:15px;}
a.pic3 {display: block; background-image: url(../img/3gr.gif); width:16px; height:15px; }
a.pic4 {display: block; background-image: url(../img/4gr.gif); width:16px; height:15px; }
a.pic5 {display: block; background-image: url(../img/5gr.gif); width:16px; height:15px; }
a.pic6 {display: block; background-image: url(../img/6gr.gif); width:16px; height:15px; }
a.pic7 {display: block; background-image: url(../img/7gr.gif); width:16px; height:15px; }
a.pic8 {display: block; background-image: url(../img/8gr.gif); width:16px; height:15px; }
a.pic9 {display: block; background-image: url(../img/9gr.gif); width:16px; height:15px; }
a.info {	display: block; background-image: url(../img/i_r.gif); width:19px; height:18px; }

a.pic1:hover {	background-image: url(../img/1sc.gif); border: none;}
a.pic2:hover {	background-image: url(../img/2sc.gif); border: none;}
a.pic3:hover {	background-image: url(../img/3sc.gif); border: none;}
a.pic4:hover {	background-image: url(../img/4sc.gif); border: none;}
a.pic5:hover {	background-image: url(../img/5sc.gif); border: none;}
a.pic6:hover {	background-image: url(../img/6sc.gif); border: none;}
a.pic7:hover {	background-image: url(../img/7sc.gif); border: none;}
a.pic8:hover {	background-image: url(../img/8sc.gif); border: none;}
a.pic9:hover {	background-image: url(../img/9sc.gif); border: none;}
a.info:hover {	background-image: url(../img/i_sc.gif); border: none;}

a.pic1 span, a.pic2 span, a.pic3 span, a.pic4 span, a.pic5 span, a.pic6 span, a.pic7 span, a.pic8 span, a.pic9 span {	visibility: hidden; position: absolute; top: 66px; left: -507px; background: white;}
a.info span {
	visibility: hidden;
	position: absolute;
	width: 490px;
	height: 344px;
	top: 60px;
	left: -507px; 
}
a.pic1:hover span, a.pic2:hover span, a.pic3:hover span, a.pic4:hover span, a.pic5:hover span, a.pic6:hover span, a.pic7:hover span, a.pic8:hover span, a.pic9:hover span {
	visibility: visible;
	z-index: 100;
	border: none;
}
a.info:hover span {
	visibility:visible;
	display: block;
	width: 490px; 
	height: 344px;
		top: 65px;
	left: -507px;
   	color: black; 
	background:white;
		border: 1px solid #8f8f8f;
		padding: 2px 4px 2px 4px;
		text-align: justify;
		
		white-space: normal;
			opacity:0.7; 

		-moz-opacity: 0.7; 
		z-index: 110;
}
/*a.info span p{
	text-align: justify;
	white-space: normal;
}*/

a.pic1:hover span img, a.pic2:hover span img, a.pic3:hover span img, a.pic4:hover span img, a.pic5:hover span img, a.pic6:hover span img, a.pic7:hover span img, a.pic8:hover span img, a.pic9:hover span img {
	position: relative;
	z-index: 100;
	border: none;
}

a.pic1:active span, a.pic2:active span, a.pic3:active span, a.pic4:active span, a.pic5:active span, a.pic6:active span, a.pic7:active span, a.pic8:active span, a.pic9:active span,
a.pic1:focus span, a.pic2:focus span, a.pic3:focus span, a.pic4:focus span, a.pic5:focus span, a.pic6:focus span, a.pic7:focus span, a.pic8:focus span, a.pic9:focus span {
	visibility: visible;  z-index: 10; border: none;
}
a.pic1:active span img, a.pic2:active span img, a.pic3:active span img, a.pic4:active span img, a.pic5:active span img, a.pic6:active span img, a.pic7:active span img, a.pic8:active span img, a.pic9:active span img,
a.pic1:focus span img, a.pic2:focus span img, a.pic3:focus span img, a.pic4:focus span img, a.pic5:focus span img, a.pic6:focus span img, a.pic7:focus span img, a.pic8:focus span img, a.pic9:focus span img {
	position: relative; z-index: 10; border: none;
}





/*=================================================================
	2.Styles für Layoutbereiche
==================================================================*/
#zentrierhilfe { 
		width:1px;
		height:50%;
		background-color:#fc6;
		margin-bottom:-310px; /* halber wrapper */
		float:left;
		}
#wrapper {
	position: relative;
	margin: 0 auto;
	width: 800px;
	height: 620px;
	clear: left;
	background-color: White;
	overflow: hidden;
}
#contentbox {
	position: relative;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	background-position: 27px 0px;
	height:427px;
}
#projtxt {
	position: relative;
	margin-left: 600px;
	padding-top: 40px;
	width: 200px;
	height: auto;
}
#projtxt ul {
	list-style: none;
	white-space:nowrap;
	display:table-row;
}
#projtxt ul li {
	display:table-cell;
	padding: 2px 2px 2px 0;
	background: white;
	}
#projtxt p {
	clear: both;
	margin-top: 2px;
	text-align: left;
	color: #838383;
}
#projtxt h1 {
	clear: both;
	margin-top: 5px;
	text-align: left;
	font-weight: normal;
	color: #CC0000;
	font-size: 1em;
}
#cv {
position: absolute;
top: 50px;
left: -510px;
width: 500px;
	text-align: justify;
	font-weight: normal;
	color: #838383;
	font-size: 1em;
}
#cvkurz {
position: absolute;
top: 70px;
left: -510px;
width: 500px;
	text-align: justify;
	font-weight: normal;
	color: #838383;
	font-size: 1em;
}

#footer address {
	z-index: 10;
	position: absolute;
	width: 480px;
	color: #8f8f8f;
	bottom: 137px;
	right: 13px;
	text-align: right;
	font-style: normal;
}
/*=================================================================
	3.Sonstige Styles	
==================================================================*/
/*Menu*/
.menu {
z-index:1000;
font-size:100%;
width: 800px;
text-align: left;
padding-left: 22px;
}
.menu ul {
padding:0;
margin:0;
background-color: white;
list-style-type:none;
width: 100px;
/*border: 1px solid red;*/
}
.menu li {
position:relative; /* pos relative damit ul ul positioniert werden kann */
background-color: #fff;
height:14px;
line-height: 13px;
width: 80px;
/*border: 1px solid blue;*/
}
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
/*height: 15px;
line-height:14px;*/
width:100px;
color:#808080;
/*background-color: #fff;*/
text-indent:5px;
}
.menu :hover > a {
color:#000; 
background:#fff;
}
.menu ul ul {
visibility:hidden;
position:absolute;
top:0px;
left:95px; 

}
.menu ul ul li {
background-color: #fff;
vertical-align: top;
top: -5px;
height:20px;
line-height: 18px;
border: 1px solid white;
}
.menu ul ul ul li {
background-color: #fff;
top: 3px;
height:14px;
line-height: 13px;
border: none;
}

.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}
.menu ul :hover ul ul{
visibility:hidden;
}
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}