@charset "utf-8";

* {
	margin:0;
	padding:0;
}

html {
	height:100%;
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body {
	height:100%;
	text-align:center; /* horizontal centering for IE Win quirks */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 1.2em;
	font-weight: normal;
	color:#222222;
	background-color:#FFFFE7;		
}

a {
	outline: none;
	text-decoration:none;
	font-weight:bold;
	color:#111111;
}

a:hover {
	color: #FF6600;
	text-decoration:none;	
}

h3 {

	font-size:15px;
	line-height:15px;
	letter-spacing:2px;
	font-weight:bold;
	letter-spacing:1px;
}

.hide {
	display:none;
}

.orange a {
		color:#FF6600;
}

#distance { 
	width:1px;
	height:50%;
	background-color:#FFFFE7;
	margin-bottom:-290px; /* half of container's height */
	float:left;
}

#container {

	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:580px;
	width:960px;
	clear:left;
	background-repeat:no-repeat;

}

/* ---------------------------------------------------------------basic------------------------------------------------ */

#bg_image {
	background:url(pics/bg_konstant.jpg) no-repeat;
	position:absolute;
	width:960px;
	height:580px;
	top:0px;
	left:0px;
	z-index:1;	
}

#main_image {
	position:absolute;
	width:960px;
	height:580px;
	top:0px;
	left:0px;
	z-index:2;
}

#frame {
	background:url(pics/bg_frame.png) no-repeat;
	position:absolute;
	width:960px;
	height:580px;
	top:0px;
	left:0px;
	z-index:3;
}

/* ---------------------------------------------------------------menu------------------------------------------------ */

#menu_bg {
	background:url(pics/bg_menu.png) no-repeat;
	width:110px;
	height:205px;
	position:absolute;
	top:309px;
	right:15px;
	z-index:4;
	padding:20px 15px 20px 25px;
}

#menu_txt {
	width:110px;
	height:205px;
	position:absolute;
	top:309px;
	right:15px;
	z-index:6;
	padding:30px 15px 20px 25px;
	letter-spacing:2px;
}

#menu_txt h2 {

	font-size:18px;
	color:#CCCCCC;
	font-weight:normal;
}

#menu_txt a {
	color:#CCCCCC;
	font-weight:normal;
	padding:8px 0;
	display:block; 
}

#menu_txt a:hover {
	color:#FF6600;
}

.agentur {
	padding-left:10px;
}
.projekte  {
	padding-left:8px;
}
.futter {
	padding-left:6px;
}
.presse {
	padding-left:4px;
}
.kontakt {
	padding-left:2px;
}

/* ----------------------------------------------------------Text --------------------------------------------*/

#text_agentur {
	background:url(pics/text_agentur.png) no-repeat;
	width:436px;
	height:412px;
	position:absolute;
	top:50px;
	left:245px;
	z-index:5;
	padding:50px 50px 40px 50px;
}

#text_agentur_txt {
	background:none;
	width:436px;
	height:412px;
	position:absolute;
	top:50px;
	left:245px;
	z-index:5;
	padding:50px 50px 40px 50px;
}


#text_agenturmenu {
	background:url(pics/text_agenturmenu.png) no-repeat;
	width:121px;
	height:221px;
	position:absolute;
	top:160px;
	left:50px;
	z-index:5;
	padding:30px 20px 20px 30px;
}

#text_agenturmenu_txt {
	background:none;
	width:121px;
	height:221px;
	position:absolute;
	top:160px;
	left:50px;
	z-index:6;
	padding:30px 20px 20px 30px;
}

#text_agenturmenu_txt ul   {
	font-size:13px;
	font-weight:bold;
	list-style:none;
	text-decoration:none;
	text-align:center;
	letter-spacing:0.15em;
}

#text_agenturmenu_txt li {
	padding:0;
	display:inline;
}

#text_agenturmenu_txt a {
	margin:0px 0px 18px 0px;
	display:block;
}

#text_projektliste {
	background:url(pics/text_projektliste.png) no-repeat;
	width:305px;
	height:428px;
	position:absolute;
	top:52px;
	left:296px;
	z-index:5;
	padding:35px 50px 25px 60px;
}

#text_projektliste_txt {
	background:none;
	width:305px;
	height:428px;
	position:absolute;
	top:52px;
	left:296px;
	z-index:6;
	padding:35px 50px 25px 60px;
	line-height:16px;
}

#text_projektliste_txt a{
	font-size:12px;
	font-weight:bold;
}

#text_projektkategorie {
	background:url(pics/text_projektkategorie.png) no-repeat;
	width:108px;
	height:183px;
	position:absolute;
	top:50px;
	left:727px;
	z-index:5;
	padding:30px 20px 30px 30px;
}

#text_projektkategorie_txt {
	background:none;
	width:108px;
	height:183px;
	position:absolute;
	top:50px;
	left:727px;
	z-index:6;
	padding:30px 20px 30px 30px;
}

#text_projektkategorie_txt ul   {
	font-size:12px;
	font-weight:bold;
	list-style:none;
	text-decoration:none;
	text-align:center;
	letter-spacing:0.15em;
}

#text_projektkategorie_txt li {
	display:inline;
	padding:0;
}

#text_projektkategorie_txt a {
	display:block;
	margin:0px 0px 8px 0px;
}

#text_projekte {
	background:url(pics/text_projekte.png) no-repeat;
	width:622px;
	height:329px;
	position:absolute;
	top:50px;
	left:50px;
	z-index:5;
	padding:70px 50px 40px 60px;
}

#text_projekte_txt {
	background:none;
	width:622px;
	height:329px;
	position:absolute;
	top:50px;
	left:50px;
	z-index:6;
	padding:70px 50px 40px 60px;
}

#text_futter {
	background:url(pics/text_futter.png) no-repeat;
	width:572px;
	height:370px;
	position:absolute;
	top:60px;
	left:90px;
	z-index:5;
	padding:70px 50px 40px 40px;
}

#text_futter_txt {
	background:none;
	width:572px;
	height:370px;
	position:absolute;
	top:60px;
	left:90px;
	z-index:6;
	padding:70px 50px 40px 40px;
}

#text_futter_txt img {
	margin:0px 30px 0px 0px;
}

#text_presse {
	background:url(pics/text_presse.png) no-repeat;
	width:265px;
	height:418px;
	position:absolute;
	top:52px;
	left:410px;
	z-index:5;
	padding:40px 40px 30px 60px;
}

#text_presse_txt {
	background:none;
	width:265px;
	height:418px;
	position:absolute;
	top:52px;
	left:410px;
	z-index:6;
	padding:40px 40px 30px 60px;
	line-height:18px;
}
#text_kontakt {
	background:url(pics/text_kontakt.png) no-repeat;
	width:336px;
	height:202px;
	position:absolute;
	top:150px;
	left:40px;
	z-index:5;
	padding:40px 40px 20px 40px;
}

#text_kontakt_txt {
	background:none;
	width:336px;
	height:202px;
	position:absolute;
	top:150px;
	left:40px;
	z-index:6;
	padding:40px 40px 20px 40px;
	font-size:15px;
}	


.textsmall {

	font-size:11px;
	text-align:left;
	line-height:normal;
	letter-spacing:80%;
}

.textsmall a {

	color:#666666;
	font-weight:normal;
	text-decoration:none;
	display: block; 
}

.textsmall a:hover {

	color:#FF6600;
	font-weight:normal;
	text-decoration:none;	
}


/* ----------------------------------------------------------Bildleiste--------------------------------------------*/

#bildleiste {
	position:absolute;
	bottom:3px;
	left:3px;
	display:block;
	overflow:hidden;
	letter-spacing:0px;
	height:60px;
	z-index:5;
}

#bildleiste:hover {
	height:110px;
}

#bildleiste_offen {
	position:absolute;
	bottom:3px;
	left:3px;
	display:block;
	overflow:hidden;
	letter-spacing:0px;
	height:110px;
	z-index:5;
}

#bildleiste_nogif  {
	background-color:#000000;
	margin:40px 0px 0px 0px;	
}

#bildleiste_gif  {
	margin:40px 0px 0px 0px;
	background:url(pics/flaming.gif) repeat-x;
}

#bildleiste a img {
	margin:0px 0px 0px 0px; 
	border-bottom:none;
	border-left:none;
	border-top:#FFFFFF 1px solid;
	border-right:#FFFFFF 1px solid;
	filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;
}

#bildleiste a:hover img { 
	filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;	
}

#bildleiste_offen a img {
	margin:0px 0px 0px 0px; 
	border-bottom:none;
	border-left:none;
	border-top:#FFFFFF 1px solid;
	border-right:#FFFFFF 1px solid;
	filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;
}

#bildleiste_offen a:hover img { 
	filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;	
}

/* ----------------------------------------------------------Footer--------------------------------------------*/

#text_unten  {
	position:absolute;
	right:32px;
	top:580px;
	height:12px;
	overflow:visible;
	color:#555555;
	text-align:right;
	z-index:5;
	font-size:10px;
}

#text_unten a {
	color:#555555;
	font-weight:normal;
}

#text_unten a:hover {
	color:#FF6600;
}