/* basic elements */
body { 
	color:#ffffff;
	background-color:#000000;
	align:center; 
	font-weight:bold;
	font-size:14pt;
	}

	
	
#background {
	margin-right:auto; margin-left:auto;
	position:relative;
	top:0px;
	width:868px;
	height:600px;
	background: #000000 url(hintergrund.jpg) no-repeat; 
}

#logo {
	position:absolute;
	top:0px;
	right:0px;
	width:315px;
	height:30px;
	background: url(schriftzug.gif) no-repeat;
}

#contents {
	position:absolute;
	top:0px;
	left:175px;
	width:717px;
	height:600px;
	overflow:auto;
}

#bild {
	position:absolute;
	top:0px;
	left:175px;
	width:685px;
	height:600px;

}

#kontakt {
	position: absolute; 
	top: 138px; 
	left: 16px;
}

#bildpapier {
	position: absolute; 
	top: 0px; 
	left: 191px;
	z-index:5;
}
#bildpapier-quer {
	position: absolute; 
	top: 63px; 
	left: 162px;
	z-index:5;
}
#bildhoch {
	position: absolute; 
	top: 0px; 
	left: 191px;
	z-index:5;
}
#bildquer {
	position: absolute; 
	top: 63px; 
	left: 162px;
	z-index:5;
}

#bild-hoch {
	display:none;
}

#bild-quer {
	display:none;
}

#innen {
	margin-top:55px;
	margin-bottom:85px;
	width:420px;
}

#oben {
	position:absolute;
	top:0px;
	left:162px;
	width:678px;
	height:66px;
	background: url(oben.gif) no-repeat;
}

#unten {
	position:absolute;
	bottom:0px;
	left:161px;
	width:707px;
	height:63px;
	background: url(unten.gif) no-repeat;
}

#bildtitel {
	z-index:15;
	display:block;
	position:fixed;
	top:0px;
	margin-left:180px;
	width:100%;
	height:70px;
	text-align:middle;
}

#description {
	z-index:15;
	display:block;
	position:fixed;
	top:47px;
	margin-left:640px;
	width:214px; height:500px;
	text-align:left;
	}

a:link { 
	text-decoration: underline; 
	color: #63363e;
	}
a:visited { 
	text-decoration: underline; 
	color: #512b38;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #ffffff;
	}


a.thumb span {
	display:none;
}
a.thumb:hover span {
	z-index:15;
	display:block;
	position:fixed;
	top:41px;
	margin-left:440px;
	width:214px; height:214px;
	text-align:right;
	}

a.sprache {
position:absolute;
top:0px;
left:0px;
width:163px;
height:50px;
background: url(sprache.jpg) no-repeat;
}

a.sprache:hover, a.sprache:active {
background: url(english.jpg) no-repeat;
}

a.language {
position:absolute;
top:0px;
left:0px;
width:163px;
height:50px;
background: url(sprache.jpg) no-repeat;
}

a.language:hover, a.language:active {
background: url(deutsch.jpg) no-repeat;
}

a.heim {
position:absolute;
top:50px;
left:0px;
width:163px;
height:69px;
background: url(start.jpg) no-repeat;
}

a.heim:hover, a.heim:active {
background: url(start-hl.jpg) no-repeat;
}

a.heim_sel {
position:absolute;
top:50px;
left:0px;
width:163px;
height:69px;
background: url(start-hl.jpg) no-repeat;
}

a.pinsel {
position:absolute;
top:119px;
left:0px;
width:163px;
height:68px;
background: url(farbe.jpg) no-repeat;
}

a.pinsel:hover, a.pinsel:active {
background: url(farbe-hl.jpg) no-repeat;
}

a.pinsel_sel {
position:absolute;
top:119px;
left:0px;
width:163px;
height:68px;
background: url(farbe-hl.jpg) no-repeat;
}

a.tusche {
position:absolute;
top:187px;
left:0px;
width:163px;
height:57px;
background: url(tusche.jpg) no-repeat;
}

a.tusche:hover, a.tusche:active {
background: url(tusche-hl.jpg) no-repeat;
}

a.tusche_sel {
position:absolute;
top:187px;
left:0px;
width:167px;
height:57px;
background: url(tusche-hl.jpg) no-repeat;
}

a.bleistift {
position:absolute;
top:244px;
left:0px;
width:163px;
height:59px;
background: url(bleistift.jpg) no-repeat;
}

a.bleistift:hover, a.bleistift:active {
background: url(bleistift-hl.jpg) no-repeat;
}

a.bleistift_sel {
position:absolute;
top:244px;
left:0px;
width:163px;
height:59px;
background: url(bleistift-hl.jpg) no-repeat;
}

a.photoshop {
position:absolute;
top:303px;
left:0px;
width:163px;
height:85px;
background: url(photoshop.jpg) no-repeat;
}

a.photoshop:hover, a.photoshop:active {
background: url(photoshop-hl.jpg) no-repeat;
}

a.photoshop_sel {
position:absolute;
top:303px;
left:0px;
width:163px;
height:85px;
background: url(photoshop-hl.jpg) no-repeat;
}

a.flash {
position:absolute;
top:388px;
left:0px;
width:163px;
height:60px;
background: url(flash.jpg) no-repeat;
}

a.flash:hover, a.flash:active {
background: url(flash-hl.jpg) no-repeat;
}

a.flash_sel {
position:absolute;
top:388px;
left:0px;
width:163px;
height:60px;
background: url(flash-hl.jpg) no-repeat;
}

a.artist {
position:absolute;
top:448px;
left:0px;
width:163px;
height:59px;
background: url(artist.jpg) no-repeat;
}

a.artist:hover, a.artist:active {
background: url(artist-hl.jpg) no-repeat;
}

a.artist_sel {
position:absolute;
top:448px;
left:0px;
width:163px;
height:59px;
background: url(artist-hl.jpg) no-repeat;
}

a.kontakt {
position:absolute;
top:507px;
left:0px;
width:163px;
height:93px;
background: url(kontakt.jpg) no-repeat;
}

a.kontakt:hover, a.kontakt:active {
background: url(kontakt-hl.jpg) no-repeat;
}

a.kontakt_sel {
position:absolute;
top:507px;
left:0px;
width:163px;
height:93px;
background: url(kontakt-hl.jpg) no-repeat;
}