/* CSS Document */
body {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
}
#container {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-390px;
	width:780px;
	height:100%;
	text-align:left;
	vertical-align:top;
	
}
#top {
	position:absolute;
	top:0;
	left:0;
	margin:30px 0 0 0;
	width: 780px;
	height:150px;
	background-image:url(../bilder/top_bg.gif);
	background-repeat:no-repeat;
}
#logo {
	position:absolute;
	top:20px;
	left:600px;
	height:180px;
	width:180px;
	background-color:#333333;
}


#toptext {
	margin:0 0 0 0;
	padding-left:420px;
	height:150px;
	width:360px;
	font-size:14px;
	color:#4C679C;
	font-weight:600;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../bilder/knabenchor.jpg);
	background-repeat:no-repeat;
}
.topdots {
	margin:0 0 0 30px;
	height:150px;
	width:150px;
	float:left;
}
.topeins{
	margin:0 0 0 0;
	height:150px;
	width:150px;
	float:left;
}
.toplogo {
	margin:0 0 0 70px;
	height:150px;
	width:150px;
	float:left;
}

#navi {
	position:absolute;
	top:160px;
	left:0;
	margin-top:0;
	width: 750px;
	height:20px;
	z-index:100;
	
}
#navi a {
	color:#FFFFFF;
	text-decoration:none;
}
#navi a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
.menu {
	margin:0 15px 0 0;
	width:75px;
	height:20px;
	float:left;
	line-height:20px;
	vertical-align:middle;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
}
#main {
	position:absolute;
	top:180px;
	left:0;
	margin-top:0;
	width:780px;
	height:auto;
	background-image:url(../bilder/main_bg.gif);
	z-index:1;
	border-top:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
}

#inhalt {
	margin:0 0 0 0;
	padding:10px 10px 8px 10px;
	float:left;
	width:470px;
	height:100%;
	font-size:12px;
	color:#606270;
}
#inhalt .linie {
	width:460px;
	margin:2px 0 8px 0;
	height:5px;
	border-bottom:1px dotted #DADADA;
}
#inhalt img {
	margin:0 0 6px 0;
}
.gattungzeile {
	margin:2px 0 2px 0;
	height:14px;
	width:480px;
	padding: 0.25em;
	background-color:#EFEEED;
	color: #333333;
	font-size: 12px;
}
.gattungtitel {
	margin:0 10px 0 0;
	width:480px;
	height:14px;
	line-height:14px;
	vertical-align:middle;
	font-weight:normal;
}
#bibliothek {
	margin:0 0 0 0;
	padding:10px 10px 8px 10px;
	width:760px;
	height:100%;
	font-size:12px;
	color:#606270;
}
#bibliothek a {
	text-decoration:underline;
	color:#000000;
}
#bibliothek a:hover {
	text-decoration:underline;
	color:#696969;
}
h1 {
	margin:0 0 4px 0;
	font-size:18px;
	font-weight:bold;
}
#inhalt h2 {
	width:460px;
	margin:8px 0 4px 0;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px dotted #DADADA;
}
#inhalt h3 {
	margin:8px 0 4px 0;
	font-size:12px;
	font-weight:bold;
}
#inhalt h4 {
	margin:4px 0 0 0;
	font-size:11px;
	font-weight:bold;
}
#inhalt a {
	text-decoration:underline;
	color:#000000;
}
#inhalt a:hover {
	text-decoration:underline;
	color:#696969;
}
#rechts {
	margin-left:520px;
	padding-top:10px;
	width:255px;
	height:auto;
	font-size:11px;
	color:#990000;
}
#rechts h2 {
	margin:0 0 4px 0;
	font-size:14px;
	font-weight:bold;
	border-bottom:#990000 dotted 1px;
}
#rechts a {
	text-decoration:none;
	color:#000;
	line-height:14px;
	}
#rechts a:hover {
	text-decoration:underline;
	color:#696969;
	line-height:14px;
}

#fuss {
	margin-top:0;
	width:780px;
	height:20px;
	clear:both;
	background-color:#4C679C;
	font-size:12px;
	line-height:20px;
	vertical-align:middle;
	border-top:2px solid #FFFFFF;
}
.fusstext {
	margin-left:20px;
	font-size:10px;
	color:#FFFFFF;
}
#fuss a {
 text-decoration:none;
 color:#FFFFFF;
}
#fuss a:hover {
 text-decoration:underline;
 color:#FFFFFF;
}

ul {
	margin:4px 0 0 9px;
	padding:0 0 0 10px;
	list-style-image:url(../bilder/bullet.gif);
	list-style-position:outside;
}
ul li {
	margin:4px 0 0 0;
	padding:0 0 0 0;
}

#teamzeile {
	margin:0;
	padding:0;
	width:450px;
	height:auto;

}
#teamzeile img {
	margin: 0 15px 12px 0;
	float:left;
}
#teamzeile h2 {
	margin:0 0 4px 0;
	width:270px;
	float:left;
	font-size:14px;
	font-weight:bold;
}
/*//////Anmeldeformular /////////////////////////*/
#anmeldung .textfeld {
	margin: 0 0 6px 0;
	width: 400px;
	background-color:#FDFDFD;
	border:1px solid #D2CCCE;
}
#anmeldung .kurzfeld {
	margin: 0 20px 6px 0;
	width: 80px;
	background-color:#FDFDFD;
	float:left;
	border:1px solid #D2CCCE;
}
#anmeldung .mittelfeld {
	margin: 0 20px 6px 0;
	width: 250px;
	background-color:#FDFDFD;
	float:left;
	border:1px solid #D2CCCE;
}
#anmeldung .select {
	margin: 0 0 6px 10px;
	width: auto;
	background-color:#FDFDFD;
}
.feldlabel {
	margin: 15px 0 4px 0;
	width: 400px;
	font-size:12px;
	font-weight:bold;
	clear:left;
	
}

#anmeldung .textarea {
	margin: 0 0 6px 0;
	width: 400px;
	height:auto;
	background-color:#FDFDFD;
	border:1px solid #D2CCCE;
}

/*////////Bibliothek //////////////*/

.zwei {
	padding:3px;
	background-color:#F5F5F5;
}
.zweiund {
	padding:3px;
	background-color:#F5F5F5;
	border-bottom: 1px solid #C3B0B2;
}
.eins {
	padding:3px;
	background-color:#E8E8E8;
}
.einsund {
	padding:3px;
	background-color:#E8E8E8;
	border-bottom: 1px solid #C3B0B2;
}
.drei {
	border-bottom: 1px solid #C3B0B2;
}
.linieoben {
	border-top: 1px solid #C3B0B2;
}
table#bibliotabelle a {
	text-decoration:none;
	color:#C5B3A7;
}
#bibliotabelle a:hover {
	text-decoration:underline;
	color:#606270;
}

.kopf {
	font-size:12px;
	font-weight:bold;
	border-bottom: 1px solid #C3B0B2;
}

/*////////////SHOP ///////////////////////*/

#cartlink {
margin:2px 0 6px 0;
height:14px;
width:250px;
padding: 0.25em;
background-color:#EDECE8;
color: #333333;
font-size: 12px;
}
#cartlink a {
 text-decoration:none;
 color:#4C679C;
}
#cartlink a:hover {
 text-decoration:none;
 color:#9F0000;
}
table#cart {
	width:450px;
}




/*//////////Popup-Fenster /////////////////*/
#popupcontainer {
	margin:0;
	width:100%;
	height:100%;
	text-align:center;
	font-size:12px;
	color:#606270;
}
#popupinhalt {
	margin:0;
	width:500px;
	height:auto;
	text-align:left;
	background-color:#F5F5F5;
}
#popupinhalt h2 {
	width:500px;
	margin:8px 0 4px 0;
	clear:both;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px dotted #DADADA;
}
#popupinhalt img {
	margin: 0 8px 5px 0;
	float:left;
}
#popupcontainer a {
	text-decoration:underline;
	color:#000000;
}
#popupcontainer a:hover {
	text-decoration:underline;
	color:#696969;
}
#popuplink {
	margin-top: 400px;
}
.schmunzelecke {
	margin-left:-12px;
	padding-top: 30px;
	padding-left: 70px;
	width:350px;
	height: 100px;
	background-image:url(../bilder/schmunzel_bg.gif);
	background-repeat:no-repeat;
	color:#828282;
}