* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {	
	font:100.01%/1.4 sans-serif;
	font-family: verdana, arial, sans-serif;
	text-align:center; /* horizontal centering for IE Win quirks */
	background-color: #81CFEC;
}

body.links {
	background-color: #8B5B2D;
}

body.kino {
	background-color: #9B3E29;
}

body.a-amt , body.bewerbung {
	background-color: #8A794B;
}

body.buch {
	background-color: #EBBD7F;
}

body.post {
	background-color: #AD4F3F;
}

body.galerie , body.portraits {
	background-color: #A57B48;
}

body.witze  {
	background-color: #E4B0A2;
}

body.presse  {
	background-color: #A09845;
}

div.distance {
	width:1px;
	height:50%;
	margin-bottom:-400px; /* half of container's height */
	float:left;
  }

div.container {
	margin: 0 auto;
	position: relative; /* puts container in front of distance */
	text-align: center;
	height: auto;
	width: 950px;
	height: 745px;
	clear: left;
}

#bg_start {
	 z-index:0;
	 position: relative;
	 top: 0;
	 left: 0;
	 width: 950px;
	 height: 745px;
	 background: url(images/platz_01.jpg);
}

#mops {
	z-index:5;
	position:absolute;
	top:650;
	left:250;
	width:83px;
	max-height:70px;
}

#wolke-fr {
	z-index:1;
	position: absolute;
	top:20;
	left:150;
	width:92px;
	height:68px;
	background: url(images/wolke-fr.jpg);
}

#wolke-fr:hover  {
	background: url(images/wolke-fr-ro.jpg);
}

#wolke-de {
	z-index:1;
	position: absolute;
	top:86;
	left:229;
	width:83px;
	height:56px;
	background: url(images/wolke-de.jpg);
}

#wolke-de:hover  {
	background: url(images/wolke-de-ro.jpg);
}

#a-amt {
	z-index:1;
	position: absolute;
	top:110;
	left:350;
	width:170px;
	height:54px;
	background: url(images/a-amt.jpg);
}

#a-amt:hover  {
	background: url(images/a-amt-ro.jpg);
}

#impressum {
	z-index:1;
	position: absolute;
	top:31;
	left:545;
	width:142px;
	height:54px;
	background: url(images/impressum.jpg);
}

#impressum:hover  {
	background: url(images/impressum-ro.jpg);
}

#post {
	z-index:1;
	position: absolute;
	top:36;
	left:745;
	width:105px;
	height:80px;
	background: url(images/post.jpg);
}

#post:hover  {
	background: url(images/post-ro.jpg);
}

#dailydog {
	z-index:1;
	position: absolute;
	top:162;
	left:15;
	width:106px;
	height:65px;
	background: url(images/dailydog.jpg);
}

#dailydog:hover  {
	background: url(images/dailydog-ro.jpg);
}

#buchhundlung {
	z-index:1;
	position: absolute;
	top:453;
	left:7;
	width:200px;
	height:183px;
	background: url(images/buchhundlung.jpg);
}

#buchhundlung:hover  {
	background: url(images/buchhundlung-ro.jpg);
}

#kino {
	z-index:1;
	position: absolute;
	top:360;
	left:238;
	width:180px;
	height:111px;
	background: url(images/kino.jpg);
}

#kino:hover  {
	background: url(images/kino-ro.jpg);
}

#galerie {
	z-index:1;
	position: absolute;
	top:303;
	left:633;
	width:197px;
	height:74px;
	background: url(images/galerie.jpg);
}

#galerie:hover  {
	background: url(images/galerie-ro.jpg);
}

#edition {
	z-index:1;
	position: absolute;
	top:614;
	left:475;
	width:158px;
	height:98px;
	background: url(images/edition.jpg);
}

#edition:hover  {
	background: url(images/edition-ro.jpg);
}

#links {
	z-index:1;
	position: absolute;
	top:680;
	left:748;
	width:118px;
	height:26px;
	background: url(images/links.jpg);
}

#links:hover  {
	background: url(images/links-ro.jpg);
}

#boxer {
	z-index:1;
	position: absolute;
	top:478;
	left:551;
	width:66px;
	height:53px;
	background: url(images/boxer.jpg);
}

#boxer:hover  {
	background: url(images/boxer-ro.jpg);
}

#zum-hund {
	z-index:1;
	position: absolute;
	top:519;
	left:626;
	width:126px;
	height:63px;
	background: url(images/zum-hund.jpg);
}

#zum-hund:hover  {
	background: url(images/zum-hund-ro.jpg);
	color: #fff;
}

#fb {
	z-index:1;
	position: absolute;
	top:186;
	left:740;
	width:146px;
	height:44px;
	background: url(images/fb.jpg);
}

#fb:hover  {
	background: url(images/fb-ro.jpg);
	color: #fff;
}