/* Colorworld
Grün 83a7a7
Gelb fbd551

@charset "utf-8";
*/
body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000;
	margin: 0;
	padding: 0;
	color: #ccc;
}
body.start {
	background-image: url(../images/back-main.jpg);
	background-repeat: no-repeat;
	background-position: center -85px;
}
body.kucken {
	background-image: url(../images/back-kucken.jpg);
	background-repeat: no-repeat;
	background-position: center -85px;
}
body.beuys {
	background-image: url(../images/back-beuys-kaufen.jpg);
	background-repeat: no-repeat;
	background-position: center -85px;
}
a, a:visited {
	color: #ccc;
	text-decoration: none;
	font-size: 12px;
	font-weight:bold;
}
a:hover, a:active {
	color: #fbd551;
}
.da a:visited, .da a:hover, .da a:active {
	color: #fbd551;
}
.nix {
	
}
p {
	margin: 0 0 9px 0;	
}
p.impresssum {
	margin: 0 0 9px 0;
}
h3 {
	margin:0 0 3px 0;
	font-size:14px;
}
.firstWord {
	font-size: 16px;
	font-weight: bold;
}
.golden {
	color: #fbd551;
}
#wrapper {
	position: absolute;
	z-index: 0;
	width: 900px;
	height: 585px;
	background: transparent;
	margin-top: 60px;
	left: 50%;
	margin-left: -450px;
}
#content {
	margin: 0;
	padding: 0;
}
#josephbeuys {
	position: absolute;
	z-index: 0;
	width: 720px;
	height: 736px;
	background: transparent;
	margin-top: 0;
	left: 50%;
	margin-left: -360px;
}
#impressum, #contact {
	visibility:hidden;/**/
	position: absolute;
	z-index: 10;
	width: 300px;
	border: 1px solid #fbd551;
	left: 300px;
	top: 150px;
	background: url(../images/back-85-white.png) transparent;  
	padding: 15px;
	font-size: 12px;
	color: #000;
	line-height: 1.5em;
}
#impressum a, #contact a {
	color: #333;
}
#impressum a:hover, #contact a:active, #impressum a:active, #contact a:hover {
	color: #fbd551;
}
.kreuz {
	text-align: right;
	margin: 0 !important;
	padding: 0 !important;
}
.kreuz img:hover, .kreuz img:active {
	opacity:0.3;
	-moz-opacity:0.3;
	filter:alpha(opacity=30);
}
.zeigen {
	visibility: visible !important;
}
.verbergen {
	visibility: hidden;
}
.weg {
	display: none;
}
#weiter {
	position: absolute;
	z-index: 50;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: transparent; 
	padding:0;
}
#navigator {
	position: absolute;
	z-index: 0;
	width: 320px;
	height: 25px;
	left: 630px;
	top: -2px;
	background: transparent; 
	padding: 2px 5px;
}
#header.start {
	position: absolute;
	z-index: 0;
	width: 463px;
	height: 56px;
	left:-50px;
	top:135px;
	background: no-repeat url(../images/kucken-knetet-joseph-beuys.gif) transparent; 
}
#header.kucken {
	position: absolute;
	z-index: 0;
	width: 463px;
	height: 56px;
	left:-50px;
	top:135px;
}
#header.beuys {
	position: absolute;
	z-index: 0;
	width: 463px;
	height: 56px;
	left:-40px;
	top:212px;
	background: no-repeat url(../images/kauf-dir-den-beuys.gif) transparent;
}
#header h1 {
	margin-left: -3000px;
}
#textStart {
	position: absolute;
	z-index: 0;
	width: 271px;
	height: 150px;
	left:1px;
	top:200px;
	background: transparent;
	line-height:1.5em;
	color: #83a7a7;
	visibility: visible;
}
#textKucken {
	position: absolute;
	z-index: 0;
	width: 390px;
	height: 150px;
	left:489px;
	top:244px;
	background: transparent;
	line-height:1.5em;
	color: #83a7a7;
	visibility: visible;
}
#textBeuys {
	position: absolute;
	z-index: 0;
	width: 209px;
	/*height: 100px;*/
	left:574px;
	top:101px;
	padding: 15px;
	border: 1px solid #fbd551;
	background: url(../images/back-75-white.png) transparent;
	line-height:1.5em;
	color: #000;
	visibility: visible;
}
#footer {
	position: absolute;
	z-index: 0;
	width: 600px;
	height: 30px;
	left:265px;
	top:600px;
	text-align:center;
	background: transparent;
}
#footer p {
	font-size: 10px;
	margin:0 !important;
}
#footer a {
	font-size: 10px;
}

/* Für tellAfriend Knöpfe */
.knopf {
	border-top:1px solid #666;
	border-left:1px solid #666;
	font-size:0.9em;
}
.tellafriend {
	background-color:#fbd551 !important;
	color:#666;
}
.oll {

}