html, body {
width:100%; height:100%;
}

body {
margin:0; padding:0;
background:#e6e6ce url('img/bg.jpg') center top no-repeat;
}

body.start {
background:#e6e6ce url('img/bg_start.jpg') center top no-repeat;
}

body.content {
background:#fff;
width:450px;
}

#all {
position:relative;
width:875px;
margin:0 auto;
}

img {
border:0;
}

#content, .content, h3 {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
line-height:18px;
color:#000;
}

	h3 {
	font-weight:bold;
	margin:0;
	}

	h3, .green, a {
	color:#51b80f;
	text-decoration:none;
	outline:none;
	}

	a:hover {
	text-decoration:underline;
	}

#content {
position:absolute; left:284px; top:225px;
width:450px;
}

	#content iframe {
	width:475px; height:268px;
	}

form {
margin:0; padding:0;
}

	form label, form input, form textarea {
	float:left;
	margin-bottom:10px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#000;
	}

	form label {
	margin-top:2px;
	font-weight:bold;
	}

	         form label.left {
	         width:108px;
	         }

	form input.textinput {
	width:186px; height:14px;
	background:#fff;
	border:1px solid #000;
	}

         form textarea {
	width:286px; height:116px;
	background:#fff;
	border:1px solid #000;
         }


#rahmen_area {
position:absolute; left:69px; top:62px;
width:727px; height:531px;
overflow:hidden;
}

	#pendel {
	position:absolute; left:580px; top:-24px;
	}

	#logo {
	position:absolute; left:27px; top:1px;
	}

	.start #logo {
	position:absolute; left:184px; top:0px;
	}

	#buecher {
	position:absolute; left:-3px; top:284px;
	}

	#bein {
	position:absolute; left:588px; top:172px;
	}

	#ballon1 {
	position:absolute; left:452px; top:287px;
	}

	#ballon2 {
	position:absolute; left:491px; top:176px;
	}

	#ballon3 {
	position:absolute; left:557px; top:230px;
	}

	#augen {
	position:absolute; left:314px; top:267px;
	}

#rahmen {
position:absolute; left:51px; top:50px;
}

#unten {
position:absolute; left:348px; top:475px;
}

#unten_ideen {
position:absolute; left:632px; top:486px;
}

#schild {
position:absolute; left:78px; top:450px;
}

#oeffnungszeiten {
position:absolute; left:229px; top:612px;
}

#logolink {
position:absolute; left:96px; top:63px;
}

#nav {
position:absolute; left:85px; top:229px;
width:144px;
margin:0; padding:0;
}

	#nav li {
	width:144px;
	list-style-type:none;
	margin:0; padding:0;
	}

		#nav li a {
		display:block;
		width:144px;
		background-repeat:no-repeat;
		}

			#nav li.nav1 a:hover, #nav li.nav2 a:hover, #nav li.nav3 a:hover, #nav li.aktiv a {
			background-position:left -100px;
			}

			#nav li a span {
			display:none;
			}

		#nav li.nav1 a { height:74px; background-image:url('img/nav_ideen.png'); }
		#nav li.nav2 a { height:64px; background-image:url('img/nav_angucken.png'); }
		#nav li.nav3 a { height:71px; background-image:url('img/nav_sachen.png'); }

#nav2 {
position:absolute; left:561px; top:82px;
width:199px; height:14px;
margin:0; padding:0;
}

	#nav2 li {
	float:left;
	height:14px;
	list-style-type:none;
	margin:0; padding:0;
	}

		#nav2 li a {
		display:block;
		height:14px;
		background-repeat:no-repeat;
		}

			#nav2 li.nav1 a:hover, #nav2 li.nav2 a:hover, #nav2 li.nav3 a:hover, #nav2 li.aktiv a {
			background-position:left -50px;
			}

			#nav2 li a span {
			display:none;
			}

		#nav2 li.nav1 a { width:44px; background-image:url('img/nav_kontakt.png'); margin-right:15px; }
		#nav2 li.nav2 a { width:66px; background-image:url('img/nav_wegweiser.png'); margin-right:13px; }
		#nav2 li.nav3 a { width:61px; background-image:url('img/nav_impressum.png'); }