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

/* Grundgerüst */

body {
margin-left: 0px;
margin-top: 0px;
font-size: 0.75em;
font-family: Arial, Helvetica;
background-image:url(/fileadmin/grf/bg-kinder-alt.gif);
background-repeat: repeat-y;
}

a {
color: #999;
text-decoration: none;
line-height: 1.5em;
}

a:hover {
text-decoration: underline;
color: #fdc500;
}

#wrapper {
width: 975px;
height: 100%;
position: absulute;
background-color: #FEF4C0;
background-image:url(/fileadmin/grf/bg-kinder-alt.gif);
background-repeat: repeat-y;
}

#flaeche-oben {
position: relative;
width: 975px;
height: 92px;
background-color: #267e46;
}

#flaeche-oben img {
float: left;
margin: 20px 0px 0px 15px;
}

/* Definition Navigationen
Navi 2 = Quernavi
Navi 3 = Linksnavi */

#navi2 {
float: right;
height: 18px;
width: 600px;
margin-top: 15px;
font-weight: regular;
color: #FFF
}

#navi2 a {
color: #FFF;
text-decoration: none;
font-size: 12px;
padding: 1px;
}

#navi2 a:hover {
color: #999;
background-color: #FFF;
padding: 1px;
}

#navi2 .button {
padding-right: 38px;
padding-left: 5px;
float: right;
height: 18px;
}

#navi3 {
position: relative;
float: left;
width: 175px;
background-color: transparent;
margin-right: 10px;
padding-top: 10px;
padding-left: 18px;
font-weight: bold;
color: #999;
}

/* #navi3 .eingerueckt {
padding-left: 5px;
line-height: 1.6em;
} */

#navi3 img {
margin: 20px 0px 45px -5px;
}

#navi3 a {
color: #333;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}

#navi3 p.subnavigation_aktiv a.subnavigation_aktiv {
color: #c50c1f;
padding-left: 9px;
}

#navi3 p.navigation_haupt_aktiv a.navigation_haupt_aktiv {
color: #c50c1f;
}

#suche {
	float: right;
	margin: 25px 25px 0px 20px;
	padding: 0px;
	height: 20px;
}

#suche input {
	border: 1px solid;
	background-color: #FFF;
}


#content-wrapper {
position: relative;
width: 770px;
float: right;
}

#content {
position: absolute;
float: left;
width: 550px;
background-color: #FFF;
margin-top: 12px;
margin-right: 20px;
padding: 8px;
}

#rechtespalte {
position: relative;
float: right;
width: 180px;
margin: 2px 10px 0px 0px;
padding-top: 3px;
}


/* Textformatierungen */

h1.csc-firstHeader {
background-color: #C50C1F;
color: #FFF;
font-size: 1.2em;
padding: 2px 0px 3px 2px;
}

.csc-header h1 {
background-color: #C50C1F;
color: #FFF;
font-size: 1.2em;
padding: 2px 0px 3px 2px;
}

#content h1 {
background-color: #7abf54;
color: #FFF;
font-size: 1.2em;
padding: 2px 0px 3px 2px;
}

h2 {
font-size: 1.2em;
margin: 15px 0px 5px 0px;
}

p.bodytext {
margin: 3px 0px 5px 0px;
padding: 8px;
}

p.bodytext a {
color: #7abf54;
}

hr {
background-color: #e9e9e9;
color: #e9e9e9;
margin: 15px 5px 15px 5px;
border: 0;
height: 1px;
}

#rechtespalte h2 {
padding: 3px 0px 3px 5px;
background-color: #c50c1f;
font-size: inherit;
font-weight: bold;
color: #FFF;
}

#rechtespalte h3 {
font-size: inherit;
font-weight: bold;
color: #000;
margin-bottom: -5px;
}

/* BVCMS Formatierungen */


#titel {
float: left;
width: 544px;
}

#cover {
float: left;
width: 120px;
}
#describtion {
float: left;
width: 256px;
padding: 0px 4px 0px 0px;
}

#shop_child {
float: left;
width: 160px;

padding: 4px 0px 4px 4px;
color: #aaa;
font-weight: bold;
}

#shop_other {
float: left;
width: 160px;

padding: 4px 0px 4px 4px;
color: #aaa;
font-weight: bold;
}

#content .tx-bvcmsliste-pi1 h1{
background-color: #fdc600;
color: #FFF;
font-size: 1.2em;
padding: 4px 0px 4px 4px;
}

#content .tx-bvcmsliste-pi1 hr{

font-size: 1.2em;
width: 544px;
}

#content .tx-bvcmsliste-pi1 img{
border-color: #EEE;
}


#content .tx-bvcmsliste-pi1 h1.child{
background-color: #c50c1f;
color: #FFF;
font-size: 1.2em;
padding: 4px 0px 4px 4px;
margin-top: 1px;
}

#content .tx-bvcmsliste-pi1 h1.other{
background-color: #94c154;
color: #FFF;
font-size: 1.2em;
padding: 4px 0px 4px 4px;
margin-top: 1px;
}

#content .tx-bvcmsliste-pi1 p.child{
color: #AAAA;
margin-bottom: 1px;
}

#content .tx-bvcmsliste-pi1 p.other{
color: #999999;
margin-bottom: 1px;
}

#content .tx-bvcmsliste-pi1 span.childon{
color: #FFF;
background-color: #c50c1f;
padding: 2px 2px 2px 2px;
}

#content .tx-bvcmsliste-pi1 span.otheron{
color: #FFF;
background-color: #94c154;
padding: 2px 2px 2px 2px;
}

#content .tx-bvcmsliste-pi1 span.childoff{
color: #FFF;
background-color: #999999;
padding: 2px 2px 2px 2px;
}

#content .tx-bvcmsliste-pi1 span.otheroff{
color: #FFF;
background-color: #999999;
padding: 2px 2px 2px 2px;
}

#content .tx-bvcmsliste-pi1 span.childon a{
color: #FFF;
}

#content .tx-bvcmsliste-pi1 span.otheron a{
color: #FFF;
}

#content .tx-bvcmsliste-pi1 span.childoff a{
color: #FFF;
}

#content .tx-bvcmsliste-pi1 span.otheroff a{
color: #FFF;
}






#content .tx-bvcmslisteneu-pi1 h1{
background-color: #fdc600;
color: #FFF;
font-size: 1.2em;
padding: 4px 0px 4px 4px;
}

#content .tx-bvcmslisteneu-pi1 hr{

font-size: 1.2em;
width: 544px;
}

#content .tx-bvcmslisteneu-pi1 img{
border-color: #EEE;
}


#content .tx-bvcmslisteneu-pi1 h1.child{
background-color: #c50c1f;
color: #FFF;
font-size: 1.2em;
padding: 4px 0px 4px 4px;
margin-top: 1px;
}

#content .tx-bvcmslisteneu-pi1 h1.other{
background-color: #94c154;
color: #FFF;
font-size: 1.2em;
padding: 4px 0px 4px 4px;
margin-top: 1px;
}

#content .tx-bvcmslisteneu-pi1 p.child{
color: #AAAA;
margin-bottom: 1px;
}

#content .tx-bvcmslisteneu-pi1 p.other{
color: #999999;
margin-bottom: 1px;
}

#content .tx-bvcmslisteneu-pi1 span.childon{
color: #FFF;
background-color: #c50c1f;
padding: 2px 2px 2px 2px;
}

#content .tx-bvcmslisteneu-pi1 span.otheron{
color: #FFF;
background-color: #94c154;
padding: 2px 2px 2px 2px;
}

#content .tx-bvcmslisteneu-pi1 span.childoff{
color: #FFF;
background-color: #999999;
padding: 2px 2px 2px 2px;
}

#content .tx-bvcmslisteneu-pi1 span.otheroff{
color: #FFF;
background-color: #999999;
padding: 2px 2px 2px 2px;
}

#content .tx-bvcmslisteneu-pi1 span.childon a{
color: #FFF;
}

#content .tx-bvcmslisteneu-pi1 span.otheron a{
color: #FFF;
}

#content .tx-bvcmslisteneu-pi1 span.childoff a{
color: #FFF;
}

#content .tx-bvcmslisteneu-pi1 span.otheroff a{
color: #FFF;
}









#detail {
	float: left;
	width: 544px;
}

#detailcover {
	float: left;
	width: 224px;
	padding: 4px 4px 4px 4px;
}

#detailbiblio {
	color: #777;
	font-size: 1.1em;
	float: left;
	width: 304px;
	padding: 4px 4px 4px 4px;
}

#detailrez {
	color: #666;
	font-size: 1.1em;
	float: left;
	width: 480px;
	padding: 4px 4px 4px 4px;
}

#detailtext {
	color: #666;
	font-size: 1.25em;
	float: left;
	width: 540px;
	padding: 4px 4px 4px 4px;
}

#detailheadline{
	color : #267f47;
	font-size: 1.2em;
	font-weight: bold;
    width: 99%;
    border-bottom: 1px dotted #267f47;
}

#detail_other {
	float: left;
	width: 160px;
	text-align: center;
	padding: 4px 0px 4px 4px;
	color: #aaa;
	font-weight: normal;
}

#detail_other_img {
	border-color: #EEE;
}

#detail_clear{
	clear: left;
}