/*
* WICHTIG:
* Dieses Design ist keine Vorlage. Sie dürfen es nicht ohne die schriftliche
* Einwilligung von Subhash (www.subhash.at) benutzen. Sie dürfen natürlich
* dieses Stylesheet studieren und die Techniken, die Sie daraus lernen,
* anderweitig benutzen.

* IMPORTANT
* This design is not a template. You may not reproduce it elsewhere without
* Subhash's (www.subhash.at) written permission. However, feel free to study
* the CSS and use techniques you learn from it elsewhere.
*/ 
   
body {
	margin: 0;
	padding: 0;
	background: #e0e0e0 url(../img/hg_start.jpg) top left;
	/* background: #e0e0e0 url(../img/hg_start_rauch.jpg) center no-repeat; */
}
div, h2, p {
	text-align: center;
}
div {
	position: absolute;
	margin: 0;
	border: 0;
	left: 50%;
	padding: 0;
	width: 20em;
	height: 6em;
}
div.pp_pic_holder { /* für Lightbox-Effekt */
	top: 20px !important;
}
div.pp_pic_holder, div.pp_pic_holder div { /* für Lightbox-Effekt */
	position: relative;
	left: 0;
	width: auto;
	height: auto;
}
h1, h2 {
	margin: 0;
	padding: 0;
}
h1 { /* in #slogan */
	font-size: 1.9em;
	padding-top: 0.5em;
	color: #545454;
	text-shadow: #bbb -0.16em 0.12em 0.09em;
}
h1 a:link, h1 a:visited { /* in #slogan */
	color: #545454;
	text-shadow: #bbb -0.16em 0.12em 0.09em;
	border-bottom: 0 !important;
	text-decoration: none !important;
}
h1 a:hover { /* in #slogan */
	text-decoration: underline !important;
}
h2 {
	margin: 0.2em 0 0;
	padding: 0;
	font-size: 1.6em;
}
h2, .hl {
	text-shadow: #999 -0.1em 0.1em 0.15em;
}
h2, h2 a:link, h2 a:visited, h2 a:active, p, p a:link, p a:visited, p a:active {
	border-bottom: 0 !important;
	color: #585858;
	text-decoration: none !important;
}
p, p a:link, p a:visited, p a:active {
	color: #666;
}
h2 a:hover, p a:hover {
	text-decoration: underline !important;
}
p {
	margin: 0.2em 0 0;
	font-size: 1em;
}
strong {
	color: #888;
}
#i_pic {
	top: 3%;
	margin-left: -2em;
}
#i_imaging {
	top: 10%;
	margin-left: -29em;
}
#i_webdesign {
	top: 19%;
	width: 22em;
	margin-left: 7em;
}
#i_logo {
	top: 38%;
	margin-left: -132px;
	width: 264px !important;
	height: 79px;
}
#i_logo img {
	margin: 0 0 2px;
	border: 0;
	padding: 0;
	width: 263px;
	height: 39px;
}
#i_logo #i_spiegel {
	position: static;
	width: 264px;
	height: 40px;
	background: transparent url(../img/logo_unten_start.png) no-repeat bottom;
}
#i_downloads {
	top: 55.5%;
	margin-left: -24em;
}
#i_kontakt {
	top: 63.5%;
	margin-left: -1em;
}
#i_politix {
	top: 54.5%;
	margin-left: 21em;
}
#i_zitat {
	left: 1.8em;
	width: 14em;
}
#i_zitat h2 {
	text-align: left;
	color: #666;
	font-size: 1.4em;
}
#i_zitat p {
	margin: 0.4em 0 0;
	text-align: left;
	color: #888;
	font-size: 0.9em;
}
#i_wikileaks {
	top: 15px;	
	right: 2%;
	left: auto;
	height: 280px;
	width: 90px;
	text-align: center;
}
#i_wikileaks a:link, #i_wikileaks a:visited, #i_wikileaks a:hover, #i_wikileaks a:active { /* für ie */
	text-decoration: none;
}
#i_wikileaks img {
	margin: 0 auto 0 auto;
	display: block;
	height: 133px;
	width: 75px;
}
#i_wikileaks p {
	margin-top: 3px !important;
	width: 90px;
	height: 8em;
	font-size: 0.95em;
	color: #c88833;
}
#i_wikileaks a:hover span.einblenden { /* siehe auch stile.css! */
	position: absolute;
	width: 20em !important;
	height: auto;
	top: 5em;
	right: 50px !important;
}
#i_wikileaks a:hover span.einblenden p {
	width: 20em !important;
	height: auto;
	color: #333;
	text-align: left;
}
#i_slogan {
	height: 90px;
	text-align: center;
	margin-left: -20em;
	width: 40em;
	bottom: 4.5%;	
}
#i_slogan a:hover img { /* in #slogan */
	border: 1px solid red !important;
}
#i_fuss {
	height: 1em;
	text-align: center;
	left: 1%;
	width: 98%;
	bottom: 7px;
}
#i_fuss p {
	font-size: 0.9em;
}

#i_hngeno {
	top: 0;
	left: 4%;
	height: 125px;
	width: 94px;
}
#i_hngeno img {
	margin: 0;
	border: 0;
	height: 125px;
	width: 94px;
}
#i_hngeno a:link, #i_hngeno a:visited, #i_hngeno a:hover, #i_hngeno a:active {
	text-decoration: none;
	border-bottom: 0;
}