@charset "utf-8";
/* CSS Document */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	background-image:url(../img/body_bg.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	margin: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #496a85;
}

#home {
	width: 200px;
	height: 120px;
	position: absolute;
	background-image: url(../img/zoellner_logo.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 40px 0px 0px 260px; /* oben, rechts, unten, links */
	top: 50%;
	left: 50%;
	margin-left: -370px;
	margin-top: -275px;
	text-align: left;
}

#text_zoellner {
	width: 203px;
	height: 135px;
	position: absolute;
	background-image: url(../img/zoellner_logo.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 25px 0px 0px 260px; /* oben, rechts, unten, links */
	top: 50%;
	left: 50%;
	margin-left: -370px;
	margin-top: -275px;
	text-align: justify;
	display: none;
}

#text_myjulius {
	width: 200px;
	height: 140px;
	position: absolute;
	background-image: url(../img/myjulius_logo.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 20px 0px 0px 260px; /* oben, rechts, unten, links */
	top: 50%;
	left: 50%;
	margin-left: -370px;
	margin-top: -275px;
	text-align: justify;
	display: none;
}

#text_disney {
	width: 200px;
	height: 135px;
	position: absolute;
	background-image: url(../img/disney_logo.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 25px 100px 0px 260px; /* oben, rechts, unten, links */
	top: 50%;
	left: 50%;
	margin-left: -370px;
	margin-top: -275px;
	text-align: justify;
	display: none;
}

#text_urra {
	width: 200px;
	height: 125px;
	position: absolute;
	background-image: url(../img/urra_logo.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 35px 100px 0px 260px; /* oben, rechts, unten, links */
	top: 50%;
	left: 50%;
	margin-left: -370px;
	margin-top: -275px;
	text-align: justify;
	display: none;
}
#text_matratzenwelt {
	width: 200px;
	height: 140px;
	position: absolute;
	background-image: url(../img/matratzenwelt_logo.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 20px 0px 0px 260px; /* oben, rechts, unten, links */
	top: 50%;
	left: 50%;
	margin-left: -370px;
	margin-top: -275px;
	text-align: justify;
	display: none;
}

#container {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -480px;
	margin-top: -100px;
	width: 920px;
	height: 380px;
	text-align: center;
	overflow: hidden;
}
#container .image {
	height: 370px;
	width: 174px;
	background-image:url(../img/schatten.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px 10px 10px 0px; /* oben, rechts, unten, links */
	float: left;
	overflow: hidden;
}
#container .image:hover {
	background-image:none;
	padding: 2px 8px 8px 2px; /* oben, rechts, unten, links */
}
#portallink {
	position: absolute;
	top: 93%;
	left: 50%;
	margin-left: -370px;
	margin-top: -100px;
	width: 736px;
	height: 380px;
	text-align: center;
	overflow: hidden;	
	display: none;
}
#portallink a, a:active, a:visited, a:hover {
	color: grey;
	text-decoration: none;
}
#portallink a:hover {
	text-decoration: underline;	
}