@charset "utf-8";

/* ==================================================================*/
/* Ergänzendes Stylesheet zur Gestaltung der Seite meinungen.html    */
/* ================================================================= */

#meinungen {
	position: relative;
	width: 520px;
	margin: 20px auto 6px auto;
	padding: 0;
	background: url(../i/zeichnung_meinungen.jpg);
	text-align: left;
	overflow:hidden;
	height: 1773px;
	border: 1px solid #FFCFF4;
	font-family: Arial, Helvetica, sans-serif;
}


#meinungen div {
	display: block;
	width: 520px;
}
#meinungen div a {
	color: #000;
	font-weight: 500;
	text-decoration: none;
}
.bildunterschrift {
	margin: 0;
	padding: 0;
	color: #696969;
	font-size: 80%;
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	text-align: right;
}
.hidetext {
	visibility: hidden;
}
/* ============================= */
/* Postitionierung der Panels    */
/* ============================= */

#meinungeneins {
position:absolute;
left:0px;
top:117px;
width:519px;
height:341px;
background-color:transparent;
}

#meinungenzwei {
position:absolute;
left:0px;
top:496px;
width:519px;
height:279px;
background-color:transparent;
}

#meinungendrei {
position:absolute;
left:0px;
top:759px;
width:519px;
height:366px;
background-color:transparent;
}

#meinungenvier {
position:absolute;
left:0px;
top:1125px;
width:519px;
height:235px;
background-color:transparent;
}
#meinungenfuenf {
position:absolute;
left:0px;
top:1360px;
width:518px;
height:246px;
background-color:transparent;
}
#meinungensechs {
position:absolute;
left:0px;
top:1606px;
width:518px;
height:167px;
background-color:transparent;
}

/* ================================== */
/* Postitionierung der Effektflächen    */
/* ================================== */

#meinungeneins a, #meinungeneins a:link, #meinungeneins a:active, #meinungeneins a:visited {
display: block;
/*left:0px;
top:117px;*/
width:519px;
height:341px;
background: 0 -117px url(../i/zeichnung_meinungen.jpg) no-repeat;
}
#meinungenzwei a, #meinungenzwei a:link, #meinungenzwei a:active, #meinungenzwei a:visited {
display: block;
/*left:0px;
top:496px;*/
width:519px;
height:279px;
background: 0 -496px url(../i/zeichnung_meinungen.jpg) no-repeat;
}
#meinungendrei a, #meinungendrei a:link, #meinungendrei a:active, #meinungendrei a:visited {
display: block;
/*left:0px;
top:775px;*/
width:519px;
height:366px;
background: 0 -759px url(../i/zeichnung_meinungen.jpg) no-repeat;
}
#meinungenvier a, #meinungenvier a:link, #meinungenvier a:active, #meinungenvier a:visited {
display: block;
/*left:0px;
top:1004px;*/
width:519px;
height:235px;
background: 0 -1125px url(../i/zeichnung_meinungen.jpg) no-repeat;
}
#meinungenfuenf a, #meinungenfuenf a:link, #meinungenfuenf a:active, #meinungenfuenf a:visited {
display: block;
/*left:0px;
top:1388px;*/
width:518px;
height:246px;
background: 0 -1360px url(../i/zeichnung_meinungen.jpg) no-repeat;
}
#meinungensechs a, #meinungensechs a:link, #meinungensechs a:active, #meinungensechs a:visited {
display: block;
/*left:0px;
top:1340px;*/
width:518px;
height:167px;
background: 0 -1606px url(../i/zeichnung_meinungen.jpg) no-repeat;
}


/* ============================== */
/* Einblenden der Sprechblasen    */
/* ============================== */

#meinungeneins a:hover {
background: -1040px -117px url(../i/zeichnung_meinungen.jpg) no-repeat;
}
#meinungenzwei a:hover {
background: -520px -496px url(../i/zeichnung_meinungen.jpg) no-repeat;
}
#meinungendrei a:hover {
background: -1040px -759px url(../i/zeichnung_meinungen.jpg) no-repeat;
}
#meinungenvier a:hover {
background: -520px -1125px url(../i/zeichnung_meinungen.jpg) no-repeat;
}
#meinungenfuenf a:hover {
background: -1040px -1360px url(../i/zeichnung_meinungen.jpg) no-repeat;
}
#meinungensechs a:hover {
background: -520px -1606px url(../i/zeichnung_meinungen.jpg) no-repeat;
}


#meinungeneins a:hover .hidetext {
visibility: visible;
}
#meinungenzwei a:hover .hidetext {
visibility: visible;
}
#meinungendrei a:hover .hidetext {
visibility: visible;
}
#meinungenvier a:hover .hidetext {
visibility: visible;
}
#meinungenfuenf a:hover .hidetext {
visibility: visible;
}
#meinungensechs a:hover .hidetext {
visibility: visible;
}


/* =============================================== */
/* Positionierung des Textes in der Sprechblase    */
/* =============================================== */

#meinungeneins a:hover .hidetext {
position: relative;
display: block;
top: 190px;
left: 130px;
width: 380px;
font-size: 110%;
line-height: 1.3em;
color: #4A453F;
}
#meinungenzwei a:hover .hidetext {
position: relative;
display: block;
top: 130px;
left: 80px;
width: 380px;
font-size: 130%;
line-height: 1.3em;
color: #342880;
}
#meinungendrei a:hover .hidetext {
position: relative;
display: block;
top: 45px;
left: 250px;
width: 240px;
font-size: 110%;
line-height: 1.3em;
color: #91302A;
}
#meinungenvier a:hover .hidetext {
position: relative;
display: block;
top: 50px;
left: 45px;
width: 220px;
font-size: 105%;
line-height: 1.3em;
color: #42776E;
}
#meinungenfuenf a:hover .hidetext {
position: relative;
display: block;
top: 45px;
left: 35px;
width: 285px;
font-size: 95%;
line-height: 1.3em;
color: #CC0000;
}
#meinungensechs a:hover .hidetext {
position: relative;
display: block;
top: 60px;
left: 210px;
width: 260px;
font-size: 95%;
line-height: 1.3em;
color: #56AE00;
}