/*
dunkelblau yr: #011D45;
hellgrauer unterleger yr: #f1f1f3;
*/

html, body { /* html und body brauchen diese Angabe */
	height:100%;
	font-size: 12px;
	font-family: Arial,Tahoma,Verdana;
	text-align:center;
    margin:0;
    padding:0;
}
#space { 
	width:1px;
	height:30%;
	margin-bottom:-350px; /* die Hälfte der Höhe von #inhalt, ist aber auf auto gesetzt daher nicht ganz genau zentriert */
	float:left;
}
#inhalt {
	text-align:left;
    width:500px;
    height:auto; 
	background-color: #f1f1f3;
	border: 1px solid #011D45;
    margin: 0 auto;
    position:relative; /* hebt den inhalt vor den space  */
	clear:left; /* hebt das float vom space auf  */
}
p.disclaimer {
	padding:1em;
    margin:0;
}
.disclaimer img{
	float:left;
	margin:0px 10px 10px 0;
}


img.kopf {
	float:left;
        margin: 0 1em 1em 0;
}
p.klein {
	font-size:0.8em;
	margin:0;
}
p.fehler {
	padding:0 2em 0 2em;
	font-weight:bold;
	color:red;
}
p.einzelbutton {
	margin:0 auto;
}
#kopf {
	background-color:#011D45;
	margin-bottom:1em;
	height:60px;
}
#kopf img {
	height: 60px;
	margin:0px;
	padding:0px;
	float:left;
	border:0;
}
#kopf p {
	color:#f1f1f3;
	width:auto;
	float:right;
	font-weight:bold;
	font-size: 20px;
	text-transform: uppercase;
	margin:0px;
	padding-top:40px;
}

fieldset {
	border:0;
}
label {
    float: left;
    width: 10em;
    padding-top: 0.3em;
    text-align: right;
    margin-right: 1.5em;
}
.formularfeld {
    display: block;
    font-size: 1em;
    margin-bottom: 0.8em;
    border: 0.1em solid #000;
    padding: 0.1em;
    width: 20em;
}
input:focus {
   background-color: #f1f1f3;
}
input.submit {
	width:auto;
}
.tooltip img {
	border:0;
}
a.tooltip {
	text-decoration:none;
	}
.tooltip span.info{
	display:none;
	}
.tooltip:hover span.info{
	display:block;
	font-weight:bold;
	width:10em;
	text-align:center;
	padding:0.5em;
	border:1px solid red; 
	background:#ffffff; 
	color:red;
	position: absolute; 
	top: 80px; 
	left: 500px;
	
	}
	
/* Tooltip */	
	
a.popup {
	background-color:#011D45;
	display:block;
	margin:1em;
	color:#FFFFFF;
	text-transform: uppercase;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	font-size:1.5em;
	padding:0.2em;
}
a.popup:hover {
	background-color:red;

}


a.popup span {
	display:none; 
	padding:2px 3px; 
	width:130px;
	font-size: 0.8em;
	text-transform: none;
	position: absolute; 
	top: 80px; 
	left: 500px;
	}
a.popup:hover span {
	display:inline; 
	position:absolute; 
	border:1px solid red; 
	background:#ffffff; 
	color:red;
	}
#loginbox {
	margin:0px;
	padding:5px;
	width:100px;
	float:left;
	font-weight:bold;
	font-family:Arial;
	font-size:13px;
	background-color:red;
}
#loginbox a {
	color: #FFFFFF;	
	text-decoration:none; 
}



/* e-paper einframen */

#framewrapper {
	z-index:-999;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}
#framewrapper iframe {
	width:100%;
	height:100%;
}

/* coverliste e-yr */
dl {
	text-align:center;
	padding: 0 0 0 1em;
	margin: 0;
	height:auto;
} 
dl img {
	border:0;
	width: 150px;
	height: 200px;
}
dt,dd {
	float:left;
	width:150px;
} 
dt {
	margin:0 10px 25px 0;
	height:200px;
} 
dd {
	margin:202px 0 0 -160px;  
	width:150px;
	padding:0;
	
} 


/* Inhaltsinfo div bei mouseover in cover.php */
.coverinfo img {
	border:0;
}
a.coverinfo {
	text-decoration:none;
	}
.coverinfo span.einblendung{
	display:none;
	}
.coverinfo:hover span.einblendung{
	display:none; /*gehoert dann geaendert auf display: block; */
	width:250px; 
	text-align:center;
	padding:0.5em;
	border: 1px solid #011D45;
	background-color:#FFFFFF; 
	color: #000000;
	position: absolute; 
	top: 150px; 
	left: 700px; 
	}
h3 {
	padding: 0 15px 0 15px;
}