/* CSS Document for Liedholz Page */

/* CSS only Dropdown Menu by therget --> */

		/* Bullets und Numbers aus den Lists entfernen */
		.menu ul
		{
			list-style-type:none;
			padding:0;
			margin:0;
		}

		/* Toplevel Links horizontal anordnen */
		.menu li
		{
			float:left;
			position:relative;
			left:103px;
			top:402px;
			z-index:100; 		
		}

		/* Dropdownlist mit Tabelle positionieren */
		.menu table
		{
			position:absolute;
			border-collapse:collapse;
			z-index:80; 
			left:-104px;
			top:-389px;
		}

		/* Hintergrund- und Textfarbe der Buttons */
		.menu a, .menu :visited 
		{
			display:block;
			font-size:9px;
			width:107px;
			padding:1px 0;
			color:#000000;
			background:#ffffff;
			text-decoration:none;
			margin-right:0px;
			text-align:center;
		}

		/* Farbeinstellungen des Hover-Effekts */
		.menu :hover
		{
			color: #FF0000;
			background: #FFFFFF;
		}

		/* Versteckt die Sublevel Links */
		.menu ul ul 
		{
			visibility:visible;
			position:absolute;
			width:107px;
			height:0;
		}

		/* Sublevel bei Hover sichtbar machen / einblenden */
		.menu ul :hover ul
		{
			visibility:visible;
		}
		
/* <-- CSS only Dropdown Menu by therget */






#textausrichtung
{
position:absolute; 
left:30px; 
top:50px; 
width:150px;				
}

#xml_text-1-2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
position:absolute; 
left:234px; 
top:73px; 
width:500px;			
}

#links
{
	float:left;
	margin-left:100px;
	width:201px;
	height:333px;
}

#rechts
{
	float:right;
	margin-right:100px;
	width:560px;
	height:337px;
	background-color:#BE0026;
}

#huelle
{
	background-position:center;
	height:337px;
	width:1000px;
}

#absolut 
{
	position:absolute;
	top: 100px;
	left: 350px;
}

#text2
{
	position:absolute;
	top: 55px;
	left: 10%;
	color: white;
	width:90px;
	height:200px;
}

a:link 
{
	font-size:7pt;
	font-family: arial, sans-serif;
	color: black;
	text-decoration: none;
}

a:visited 
{
	font-size:7pt;
	font-family: arial, sans-serif;
	color: black;
	text-decoration: none;
}

a:active 
{
	font-size:7pt;
	font-family: arial, sans-serif;
	color: black;
	text-decoration: none;
}

a:hover 
{
	font-size:7pt;
	font-family: arial, sans-serif;
	color: black;
	text-decoration: none;
}

td.ra
{
	margin-top:20px;
}


/* by therget --> */



/* Hintergrundbild auf der Film Seite --> */

#film_bg
	{
		position:absolute;
		top: 260px;
		left: 400px;
	}
	
	
/* Bilder auf der Printmedien Seite Teil 2 (Flyer etc.) --> */

#bild_printmedien-2-1
	{
		position:absolute;
		top: 51px;
		left: 320px;
	}



/* Bilder auf der Corporate Design Seite (GoBike) --> */
	#gobike_1 
	{
		position:absolute;
		top: 150px;
		left: 250px;
		z-index: 100;
	}
	#gobike_2 
	{
		position:absolute;
		top: 150px;
		left: 329px;
		z-index: 100;
	}
	#gobike_3 
	{
		position:absolute;
		top: 75px;
		left: 428px;
		z-index: 100;
	}
	#gobike_4 
	{
		position:absolute;
		top: 150px;
		left: 428px;
		z-index: 100;
	}
	#gobike_5 
	{
		position:absolute;
		top: 150px;
		left: 571px;
		z-index: 100;
	}
	
/* Bilder auf der Corporate Design Seite (WMT) --> */
	#wmt_1 
	{
		position:absolute;
		top: 150px;
		left: 230px;
		z-index: 100;
	}
	#wmt_2 
	{
		position:absolute;
		top: 86px;
		left: 336px;
		z-index: 100;
	}
	#wmt_3
	{
		position:absolute;
		top: 150px;
		left: 336px;
		z-index: 100;
	}
	#wmt_4 
	{
		position:absolute;
		top: 150px;
		left: 479px;
		z-index: 100;
	}	
	#wmt_5 
	{
		position:absolute;
		top: 150px;
		left: 603px;
		z-index: 100;
	}
	
	
	
/* Bilder auf der Marketing Seite --> */
	#marketing_1 
	{
		position:absolute;
		top: 76px;
		left: 260px;
		z-index: 99;
	}
	#marketing_2 
	{
		position:absolute;
		top: 76px;
		left: 374px;
		z-index: 99;
	}
	#marketing_3 
	{
		position:absolute;
		top: 122px;
		left: 458px;
		z-index: 100;
	}
	#marketing_4 
	{
		position:absolute;
		top: 153px;
		left: 538px;
		z-index: 100;
	}
	#marketing_5 
	{
		position:absolute;
		top: 76px;
		left: 585px;
		z-index: 99;
	}
	#marketing_6 
	{
		position:absolute;
		top: 76px;
		left: 656px;
		z-index: 99;
	}
	#marketing_7 
	{
		position:absolute;
		top: 76px;
		left: 726px;
		z-index: 99;
	}
	
	
/* Bilder auf der Events Seite --> */
	#events_1 
	{
		position:absolute;
		top: 185px;
		left: 433px;
		z-index: 100;
	}
	#events_2 
	{
		position:absolute;
		top: 185px;
		left: 523px;
		z-index: 100;
	}
	#events_3 
	{
		position:absolute;
		top: 185px;
		left: 717px;
		z-index: 100;
	}

/* Navigationsbilder auf Corporate Design --> */
	#navibild_corporatedesign1 
	{
		position:absolute;
		top: 265px;
		left: 30px;
	}
	#navibild_corporatedesign2 
	{
		position:absolute;
		top: 321px;
		left: 30px;
	}
	
	
	
/* Navigationsbilder auf Impressum --> */
	#navibild_impressum_vor 
	{
		position:absolute;
		top: 280px;
		left: 750px;
		z-index:100;
	}
	#navibild_impressum_zurueck 
	{
		position:absolute;
		top: 310px;
		left: 750px;
		z-index:100;
	}
	
	
/* Navigationsbilder auf Printmedien --> */
	#navibild_printmedien1 
	{
		position:absolute;
		top: 321px;
		left: 100px;
	}
	#navibild_printmedien2 
	{
		position:absolute;
		top: 321px;
		left:160px;
	}
		#navibild_printmedien3 
	{
		position:absolute;
		top: 321px;
		left:220px;
	}
		#navibild_printmedien4 
	{
		position:absolute;
		top: 321px;
		left:280px;
	}
		#navibild_printmedien5 
	{
		position:absolute;
		top: 321px;
		left:340px;
	}
			#navibild_printmedien6 
	{
		position:absolute;
		top: 321px;
		left:400px;
	}
			#navibild_printmedien7 
	{
		position:absolute;
		top: 321px;
		left:460px;
	}
	
				#navibild_printmedien8 
	{
		position:absolute;
		top: 321px;
		left:520px;
	}
	
				#navibild_printmedien9 
	{
		position:absolute;
		top: 321px;
		left:580px;
	}
	
				#navibild_printmedien10 
	{
		position:absolute;
		top: 321px;
		left:640px;
	}
	
				#navibild_printmedien11 
	{
		position:absolute;
		top: 321px;
		left:700px;
	}
	
	
/* Navigationsbilder auf Film Seiten --> */
	#navibild_film1 
	{
		position:absolute;
		top: 321px;
		left: 100px;
	}
	#navibild_film2 
	{
		position:absolute;
		top: 279px;
		left:1px;
	}

/* Linkpics auf den 4 Seiten zum Thema Internet (narnia, palumapa, usw.) --> */
	#navibild_persian 
	{
		position:absolute;
		top: 280px;
		left: 030px;
	}
	#navibild_narnia 
	{
		position:absolute;
		top: 280px;
		left: 85px;
	}
	#navibild_horizontours 
	{
		position:absolute;
		top: 280px;
		left: 140px;
	}
	#navibild_palumapa 
	{
		position:absolute;
		top: 280px;
		left: 195px;
	}

/* Linkpics auf der Doppelseite mit Persian (Fotografie) --> */
	#bild_linkmaschine 
	{
		position:absolute;
		top: 271px;
		left: 52px;
	}
	#bild_linkpersian 
	{
		position:absolute;
		top: 271px;
		left: 0px;
	}

/* "Die Kunst zu werben" Logo auf Startseite --> */
	#bild_werbekunst 
	{
		position:absolute;
		top: 340px;
		left: 0px;
	}

/* "Vor- und Zurück" Buttons XML --> */
/* NO LONGER IN USE */
	#bild_buttonleft_xml 
	{
		position:absolute;
		top: 310px;
		left: 157px;
	}
	#bild_buttonright_xml 
	{
		position:absolute;
		top: 310px;
		left: 177px;
	}	
	
	
/* "Vor- und Zurück" Buttons Printmedien (Flyer etc.) --> */
	#bild_button_xml 
	{
		position:absolute;
		top: 137px;
		left: 650px;
	}
	#bild_button_print 
	{
		position:absolute;
		top: 235px;
		left: 630px;
	}	
	
	
/* "Vor- und Zurück" Buttons Palumapa--> */
	#bild_buttonleft_palumapa 
	{
		position:absolute;
		top: 334px;
		left: 202px;
	}
	#bild_buttonright_palumapa 
	{
		position:absolute;
		top: 334px;
		left: 222px;
	}	
	
/* "Vor- und Zurück" Buttons Narnia--> */
	#bild_buttonleft_narnia 
	{
		position:absolute;
		top: 334px;
		left: 92px;
	}
	#bild_buttonright_narnia 
	{
		position:absolute;
		top: 334px;
		left: 112px;
	}
	
/* "Vor- und Zurück" Buttons mit_Persian--> */
	#bild_buttonleft_mitpersian 
	{
		position:absolute;
		top: 334px;
		left: 37px;
	}
	#bild_buttonright_mitpersian 
	{
		position:absolute;
		top: 334px;
		left: 57px;
	}

/* Navigationsbilder auf den 4 Hauptseiten --> */
	#navibild_innovation 
	{
		position:absolute;
		top: 250px;
		left: 160px;
		z-index:120;
	}
	#navibild_qualitaet 
	{
		position:absolute;
		top: 250px;
		left:220px;
		z-index:120;		
	}
	#navibild_kreativitaet 
	{
		position:absolute;
		top: 250px;
		left:280px;
		z-index:120;		
	}
	#navibild_leidenschaft 
	{
		position:absolute;
		top: 250px;
		left: 340px;
		z-index:120;		
	}

/* Positionierung der 15 Teilbilder auf der Fotografie Doppelseite --> */
	#teil01 
	{
		position:absolute;
		top: 51px;
		left: 201px;
	}
	#teil02 
	{
		position:absolute;
		top: 51px;
		left: 313px;
	}
	#teil03 
	{
		position:absolute;
		top: 51px;
		left: 425px;
	}
	#teil04 
	{
		position:absolute;
		top: 51px;
		left: 537px;
	}
	#teil05 
	{
		position:absolute;
		top: 51px;
		left: 649px;
	}
	#teil06 
	{
		position:absolute;
		top: 158px;
		left: 201px;
	}
	#teil07 
	{
		position:absolute;
		top: 158px;
		left: 313px;
	}
	#teil08 
	{
		position:absolute;
		top: 158px;
		left: 425px;
	}
	#teil09 
	{
		position:absolute;
		top: 158px;
		left: 537px;
	}
	#teil10 
	{
		position:absolute;
		top: 158px;
		left: 649px;
	}
	#teil11 
	{
		position:absolute;
		top: 267px;
		left: 201px;
	}
	#teil12 
	{
		position:absolute;
		top: 267px;
		left: 313px;
	}
	#teil13 
	{
		position:absolute;
		top: 267px;
		left: 425px;
	}
	#teil14 
	{
		position:absolute;
		top: 267px;
		left: 537px;
	}
	#teil15 
	{
		position:absolute;
		top: 267px;
		left: 649px;
	}
	
	
	#qualiaet_animation{
	position:absolute; 
	top:51px; 
	left:201px; 
	z-index:1;
	}
	html>body #qualiaet_animation{
	position:absolute; 
	top:51px; 
	left:201px; 
	z-index:1;
	}
	



#main_content{
position:relative; 
left:55px; 
top:37px; 
z-index:120; 
width:794px; 
height:350px;
}		

html>body #main_content{
position:relative; 
left:55px; 
top:51px; 
z-index:120; 
width:794px; 
height:350px;
}
	
*:first-child+html #main_content{
position:relative; 
left:55px; 
top:37px; 
z-index:120; 
width:794px; 
height:350px;
}


	
	
div#seitenlinks {
margin:296px 0px 0px 101px;
}
	
div#seitenlinks a{
color:#ffffff;
font-size:11px;
padding-left:5px;
}	

div#seitenlinks a strong{
color:#000000;
}


div#screenshot_beschreibung{
position:absolute;
top:73px;
left:216px;
/*border:1px solid;*/
width:165px;
height:276px;
}

div#screenshot_beschreibung p{
/*border:1px solid black;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin:0px;
padding:0px;
}


h1#seitenueberschrift {
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
}

h1#seitenueberschrift a{
/*border:1px solid black;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
/*color:#ffffff;
position:absolute;
top:12px;
left:12px;*/
/*width:184px;*/
font-weight:normal;
}

/*h2#linkinfo{
border:1px solid black;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
position:absolute;
top:25px;
left:12px;
width:184px;
font-weight:normal;
}*/

div#allgtext{
left:30px;
position:absolute;
top:16px;
}

html>body div#allgtext{
left:30px;
position:absolute;
top:12px;
}

*:first-child+html div#allgtext{
left:30px;
position:absolute;
top:23px;
}

div#allgtext p{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
width:150px;
color:#FFFFFF;
}

/* Easy Slider */

#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:342px;
height:298px;
overflow:hidden;
}
#slider li img{
/*padding:6px;*/
width:340px;
border:1px solid #CCCCCC;
}
span#prevBtn{
position:absolute; 
top:320px; 
left:216px; 		
}
span#prevBtn a img{
border:none;
}

span#nextBtn{
position:absolute; 
top:357px; 
left:216px; 
}

span#nextBtn a img{
border:none;
}

/* // Easy Slider */