@charset "utf-8";

/*	---------------------------------------------------
	CSS Lätitia Norkeit
	--------------------------------------------------- */

* { margin:0; padding:0; }
html, body { height: 100%; width: 100%; }

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:11px; line-height:1.5em;
	color:#333333; background-color:#DDDDDD;
	}

div { overflow:hidden; }
img { border:0; }
p { margin-top:1em; margin-bottom:0.5em; }

h1,h2,h3,h4,h5,h6 {
	margin-top:0.5em; margin-bottom:0.5em;
	line-height:1.2em; font-weight:normal;
	}
h1 { font-size:3em; color:#666666; }
h2 { font-size:2em; }
h3 { font-size:1.5em; }
h4 { font-size:1.5em; font-weight:bold; }
h5 { font-size:1.3em; }
h6 { font-size:1.3em; font-weight:bold; }


a {
	text-decoration:none; color:#666666;
	}

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

a.home { border:0; }

#body {
	position:absolute; z-index:3;
	width:100%; height:100%;
	}

/*	STARTSEITE
	--------------------------------------------------- */

#bgr {
	position:absolute; z-index:1;
	top:0; left:0;
	width:100%; height:100%;
	background-color:#DDDDDD;
	}

#bgr img { width:100%; }

#bgraus {
	display:none;
	position:absolute; z-index:2;
	top:0; left:0;
	width:100%; height:100%;
	background-color:#000000;
	}

#norkeit, #lampe, #sofa, #kissen, #stuhl, #eimer, #leiter, #tuer, #rund {
	position:absolute; overflow:visible;
	}

#norkeit { top:35%; left:50%; width:300px; }
#lampe { top:10%; left:38%; }
#sofa { bottom:15%; left:30%; }
#kissen { top:20%; left:80%; }
#stuhl { bottom:18%; left:55%; }
#eimer { bottom:21%; left:80%; }
#leiter { top:8%; left:25%; }
#tuer { top:24%; left:10%; }
#rund { top:40%; left:85%; }

#draggable {
	width:100px;
	height:100px;
	border:0;
	background-color:#FF6600;
	}

.dragg {
	position:relative; overflow:visible;
	margin-left:20em; margin-top:30%;
	width:320px;
	border:0;
	}

.komment, #anaus {
	position:absolute;
	width:100px; height:auto;
	}

#norkeit { }
#lampe div { width:60px; top:60px; right:0; }
#sofa div { width:300px; }
#kissen div { width:120px; }
#stuhl div { width:200px; }
#eimer div { width:150px; left:-17px; }
#leiter div { width:140px; }
#tuer div { width:200px; }
#rund div { width:200px; left:40px; }


/*	UNTERSEITE
	--------------------------------------------------- */