body
{
	background-color:	#696969;
	font-family:		Verdana, sans-serif;
	font-size:			11px;
}

h1, h2, h3, p, span, div, td, input, textarea
{
	font-family:		Verdana, sans-serif;
	color:				black;
}

h1
{
	font-size:			24px;
	color:				#506131;
}

h2
{
	font-size:			20px;
	color:				#506131;
	margin-top:			5px;
}

h3
{
	font-size:			16px;
	color:				#506131;
	margin-top:			10px;
	margin-bottom:		5px;
}

table h3
{
	margin-top:			2px;
	margin-bottom:		2px;
}

h4
{
	font-size:			14px;
	font-weight:		bold;
	padding:			0px;
	margin:				0px;
}

img
{
	border:				none;
}

td
{
	vertical-align:		top;
}

ul
{
	padding-left:		15px;
	padding-top:		0px;
	margin-top:			5px;
}

li p 
{
	margin:				0px;
}

td table
{
	margin-top:			5px;
}

a
{
	color:				#203111;
	text-decoration:	underline;
}

a:hover
{
	color:				#203111;
	text-decoration:	none;
}

.nounderline a
{
	text-decoration:	none;
}

.nounderline a:hover
{
	text-decoration:	underline;
}

p
{
	margin-top:			5px;
}

.kinder p,
.kinder li,
.kinder td,
.kinder div,
.kinder input,
.kinder textarea
{
	font-size:			14px;
}

.kinder p.small
{
	font-size:			11px;
}

.marked
{
	background-color:	#80a171;
}

.marked-alternative
{
	background-color:	#8DC74D;
}

#ruContainerBorder
{
	width:				806px;
	margin-left:		auto;
	margin-right:		auto;
	border:				2px solid #ffffff;
}

#ruMainContainer
{
	width:				800px;
	border:				3px solid #506131;
}

#ruHeader img
{
	border:				0px;
	margin-left:		10px;
}

#ruHeader
{
	background-color:	#e5eed4;
	position:			relative;
}

#ruContent
{
	background-image:	url('../img/bg.png');
	background-repeat:	repeat-x;
	background-position:0px 0px;
	background-color:	#9cbb5a;
	min-height:			400px;
	padding:			20px;
}

#ruMainNav
{
	height:				24px;
	background-image: 	url('../img/navbg.png');
	font-size:			14px;
}

#ruMainNav ul
{
	list-style-type:	none;
	margin:				0;
	padding:			0;
	padding-right:		20px;
}

#ruMainNav ul li
{
	float:				left;
	list-style-type: 	none;
	line-height:		20px;
	padding-bottom:		4px;
	padding-left:		20px;
	margin:				0px;
}

#ruMainNav a
{
	text-decoration:	none;
	color:				black;
}

#ruMainNav a:hover
{
	text-decoration:	none;
	color:				white;
}

#ruMainNav a.active
{
	color:				white;
}

.left .faecherbuttons
{
	margin-bottom:		20px;
	margin-right:		17px;
	margin-left:		0px;
}

.middle .faecherbuttons
{
	margin-bottom:		20px;
	margin-right:		42px;
	margin-left:		42px;
}

.right .faecherbuttons
{
	margin-bottom:		20px;
	margin-right:		0px;
	margin-left:		17px;
}

div#untertitel
{
	position: 			absolute;
	top:				100px;
	left:				280px;
	font-size:			18px;
	color:				#506131;
}

div.faecherbuttons img.clicked,
div.geschichtenBlock img.clicked,
div.geschichtenBlockMehrere a img.clicked
{
	display:			none;
}

div.geschichtenBlockMehrere a img.unclicked {
	padding-top: 		1px;
	padding-bottom:		1px;
}

table.anglist
{
	width:				100%;
	border-collapse:	collapse;
	border:				none;
}

table.anglist p
{
	margin:				5px;
}


table.anglist
{
	border:				1px solid #506131;
}


table.anglist .klassen p,
table.anglist .titel p
{
	font-size:			16px;
	font-weight:		bold;
}

table.anglist .titel a,
table.anglist .titel a:link,
table.anglist .titel a:visited
{
	text-decoration:	none;
}

table.anglist .titel a:hover,
table.anglist .titel a:active
{
	text-decoration:	underline;
}

table.anglist .art
{
	border-right:		2px solid #506131;
	border-top:			1px solid #506131;
	border-left:		1px solid #506131;
	border-bottom:		1px solid #506131;
	background-color:	#8dc74d;
	width:				33px;
}

table.anglist .art img
{
	padding:			2px;
	padding-bottom:		0px;
}

table.anglist .klassen
{
	border-right:		2px solid #506131;
	background-color:	#8dc74d;
	border-bottom:		1px solid #506131;
	border-top:			1px solid #506131;
	width:				59px;
}

table.anglist .titel
{
	background-color:	#8dc74d;
	border-bottom:		1px solid #506131;
	border-top:			1px solid #506131;
	width:				660px;
}

table.anglist .titel p
{
  float:     left;
}


table.anglist .kurzbeschr p
{
	width:				472px;
}

table.anglist .hinweis
{
  float:      right;
  padding-right:    3px;
}

table.anglist .hinweisold
{
	background-color:	#8dc74d;
	border:				0px;
	border-bottom:		1px solid #506131;
	border-top:			1px solid #506131;
	border-right:		1px solid #506131;
	width:				60px;
	padding:			0px;
	margin:				0px;
	padding-right:		2px;
	padding-left:		5px;
	text-align:			right;
}


table.anglist .anbieter
{
	width:				250px;
}

table.anglist .empty,
table.anglist .anbieter,
table.anglist .kurzbeschr
{
	background-color:	#E5EED4;
}

.frage
{
	margin-bottom:		0px;
}

.antwort
{
	margin-top:			5px;
}

div.kinder p.autor
{
	margin-top:			-15px;
	font-size: 			14px;
	line-height:		20px;
}

.geschichte p,
.geschichte li
{
	font-size:			26px;
	line-height:		36px;
}

.geschichte h1
{
	font-size:			34px;
}

.geschichte h2
{
	font-size:			30px;
	font-weight:		bold;
}

.geschichte h3
{
	font-size:			28px;
	font-weight:		bold;
}

.autorenliste
{
	width:				100%;
}

.autorenliste td
{
	padding:			0px;
}

input.search
{
	width:				300px;
}

div#geschichten_funktionen
{
	float:				right;
	text-align:			right;
}

div#geschichten_funktionen img
{
	padding-left:		5px;
}

#jingleplayer,
#hiddenmp3player
{
	position:			fixed;
	top:				0px;
	opacity:			0;
	filter: 			alpha(opacity=0);
}

#playjingle
{
	cursor:				pointer;
}

#wettbewerb
{
	width:				100%;
	text-align:			center;
	position:			relative;
	top:				-22px;
}

#wettbewerb a,
#wettbewerb a:active
{
	outline:			none; 
}

.hiddentooltip
{
	display:			none;
	background:			white;
	width:				186px;
	height:				200px;
}

.hiddentooltip p
{
	margin:				0px;
}

.hiddentooltip table
{
	border:				none;
}

h2 .tooltipmarker
{
	font-style:			normal;
	color:				#506131;
}

.tooltipmarker
{
	font-style:			italic;
}

.clearfix
{
	clear:				both;
}

div.erklaerungen
{
	float:				right;
	font-size:			10px;
}

.floatleft
{
	float:				left;
}

span.sterne
{
	font-size:			10px;
	white-space: 		nowrap;
	position:			relative;
	top:				-18px;
}

.geschichtenListe
{
	border:				0px;
	padding:			0px;
	margin-top:			20px;
	border-collapse:	collapse;
}


.geschichtenListe td
{
	width:				33%;
	padding-left:		0px;
	padding-top:		0px;
	padding-bottom:		0px;
	padding-right:		10px;
}

.geschichtenBlock,
.geschichtenBlockMehrere {
	width: 				212px;
	height:				212px;
	float: 				left;
	margin-bottom:		20px;
}

.geschichtenBlock.center,
.geschichtenBlockMehrere.center {
	margin-left: 		62px;
	margin-right: 		62px;
}

ul.geschTypeFilter {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
}

ul.geschTypeFilter li {
	list-style-type: none;
	display: inline;
	padding-left: 0px;
	margin-left: 0px;
	padding-right: 20px;
}

p.keineGeschichten
{
	display: none;
	padding-left: 0px;
	margin-left: 0px;
	padding-right: 20px;
}

table.einreihungen p {
	margin-bottom: 0px;
}