body {
	text-align: left;
	background-image: url(pics/bg_renner.jpg);
    background-repeat: no-repeat;	
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0;
}
body, p, br {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
color: #000000; 
}

p {margin-top: 0; line-height: 16px; margin-bottom: 12px;}

#mainnav {
	position:absolute;
	left:379px;
	top:69px;
	width:391px;
	height:66px;
	z-index:2;
}
#content {
	position:absolute;
	left:391px;
	top:160px;
	width:566px;
	height: 429px;
	z-index:3;
	overflow:auto;
}
#content_bildschirm {
	position:absolute;
	left:312px;
	top:199px;
	z-index:3;
}

#fotocontent1 {
	position:absolute;
	left:294px;
	top:140px;
	z-index:3;
}
#fotocontent2 {
	position:absolute;
	left:481px;
	top:121px;
	z-index:3;
}
#fotocontent3 {
	position:absolute;
	left:337px;
	top:182px;
	z-index:5;
	height: 395px;
	width: 607px;
}
#fotocontent4 {
	position:absolute;
	left:544px;
	top:165px;
	z-index:5;
	height: 411px;
	width: 318px;
}
#Renner {
	position:absolute;
	left:0px;
	top:188px;
	width:315px;
	height:465px;
	z-index:4;
	visibility: visible;
}
#Layer4 {
	position:absolute;
	left:267px;
	top:647px;
	width:691px;
	height:20px;
	z-index:6;
	visibility: visible;
}
#Logo {
	position:absolute;
	left:0px;
	top:62px;
	width:348px;
	height:125px;
	z-index:5;
}
#Josekdesign {
	position:absolute;
	left:774px;
	top:0px;
	width:253px;
	height:56px;
	z-index:5;
}

span {display:none;}

ul li a {
	height: 21px;
	display: inline;
	background-repeat:no-repeat;
	margin-left: -40px;
	top:1px
}

ul li ul li a {top: 29px;}

#Vita {
background-image:url(pics/vita.jpg); width: 51px; position: absolute; top: 0;
}
A:hover#Vita, #Vita.active {
BACKGROUND-POSITION: -51px 0px;
}
#Showreal {
background-image:url(pics/showreal.jpg); width: 84px; left: 92px; position: absolute;
}
A:hover#Showreal, #Showreal.active {
BACKGROUND-POSITION: -84px 0px;
}
#Fotos {
background-image:url(pics/fotos.jpg); width: 60px; left: 177px; position: absolute;
}
A:hover#Fotos, #Fotos.active {
BACKGROUND-POSITION: -60px 0px;
}
#Proben {
background-image:url(pics/proben.jpg); width: 90px; left: 238px; position: absolute; top:3px;
}
A:hover#Proben, #Proben.active {
BACKGROUND-POSITION: -90px 0px;
}
#Impressum {
background-image:url(pics/impressum.jpg); width: 90px; left: 328px; position: absolute;
}
A:hover#Impressum, #Impressum.active {
BACKGROUND-POSITION: -90px 0px;
}
#Profil {
background-image:url(pics/profil.jpg); width: 62px; left: 40px;  position: absolute;
}
A:hover#Profil, #Profil.active {
BACKGROUND-POSITION: -62px 0px;
}
#Theater {
background-image:url(pics/theater.jpg); width: 69px; left: 102px; position: absolute; 
}
A:hover#Theater, #Theater.active {
BACKGROUND-POSITION: -69px 0px;
}
#Film {
background-image:url(pics/film.jpg); width:53px; left: 171px; position: absolute; 
}
A:hover#Film, #Film.active {
BACKGROUND-POSITION: -53px 0px;
}
#Druckversion {
background-image:url(pics/druckversion.jpg); width: 118px; left: 224px; position: absolute; 
}
A:hover#Druckversion, #Druckversion.active {
BACKGROUND-POSITION: -118px 0px;
}

#mainnav li {margin: 0px; padding:0; list-style-type: none; display: inline}

#mainnav ul li ul { display: inline;}

tr {line-height: 24px;}

a {color: #1A5724; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}

#fotonavi a, #fotonavi { text-decoration:none; padding-left: 5px; padding-right: 5px;}

a:hover, a:active {text-decoration: underline; }

html {
	background-image: url(pics/bg_renner.jpg);
    background-repeat: no-repeat;	
}

#fotonavi {
	position:absolute;
	left:687px;
	top:128px;
	width:213px;
	height:25px;
	z-index:6;
}