/* 
    Document   : meinfrosch
    Created on : 17.06.2010, 17:05:06
    Author     : pschulz
    Description:
        Purpose of the stylesheet follows.
*/

/* @section navi */
#NestedSet span {
    color: white;
    visibility: visible;
}

.mein-frosch #NestedSet .ns_level_2 {
	top: 320px;
}

.mein-frosch #NestedSet .ns_level_2 li {
	margin: -14px 0 0 -22px;
}

.mein-frosch #NestedSet .ns_level_2 li a {
	background: transparent url(../spielundspass/images/bg_navi_left.png) 0 0 no-repeat;
	display: block;
	height: 41px;
	overflow: hidden;
	margin: 0 0 13px 0;
	position: relative;
	text-indent: -999px;
	width: 170px;
}

.mein-frosch #NestedSet .ns_level_2 li a.spielplatz {
	background-position: 0 0;
	margin-left: -20px;
}

.mein-frosch #NestedSet .ns_level_2 li a.kindergeburtstag {
	background-position: -176px 0;
	margin-left: 15px;
}

.mein-frosch #NestedSet .ns_level_2 li a.nachgefragt {
	background-position: -348px 1px;
	margin-left: -5px;
}

.mein-frosch #NestedSet .ns_level_2 li a.machmit {
	background-position: -526px 0;
	margin-left: 35px;
}

.mein-frosch #NestedSet .ns_level_2 li a.netzwelt {
	background-position: -697px 1px;
	margin-left: 10px;
}

.mein-frosch #NestedSet .ns_level_2 li a:hover.spielplatz,
.mein-frosch #NestedSet .ns_level_2 li a.spielplatz_active {
	background-position: 0 -46px;
}

.mein-frosch #NestedSet .ns_level_2 li a.spielplatz_active {
	margin-left: -20px;
}

.mein-frosch #NestedSet .ns_level_2 li a:hover.kindergeburtstag,
.mein-frosch #NestedSet .ns_level_2 li a.kindergeburtstag_active {
	background-position: -177px -46px;
}

.mein-frosch #NestedSet .ns_level_2 li a.kindergeburtstag_active {
	margin-left: 15px;
}

.mein-frosch #NestedSet .ns_level_2 li a:hover.nachgefragt,
.mein-frosch #NestedSet .ns_level_2 li a.nachgefragt_active {
	background-position: -348px -45px;
}

.mein-frosch #NestedSet .ns_level_2 li a.nachgefragt_active {
	margin-left: -5px;
}

.mein-frosch #NestedSet .ns_level_2 li a:hover.machmit,
.mein-frosch #NestedSet .ns_level_2 li a.machmit_active {
	background-position: -526px -46px;
}

.mein-frosch #NestedSet .ns_level_2 li a.machmit_active {
	margin-left: 35px;
}

.mein-frosch #NestedSet .ns_level_2 li a:hover.netzwelt,
.mein-frosch #NestedSet .ns_level_2 li a.netzwelt_active {
	background-position: -697px -45px;
}

.mein-frosch #NestedSet .ns_level_2 li a.netzwelt_active {
	margin-left: 10px;
}

.mein-frosch .ns_level_2 .ns_level_2_head {
	background: none;
}

.mein-frosch .ns_level_2 .ns_level_2_foot {
	background: none;
}



/* @section content */

#page_content {
	background: transparent url(../spielundspass/images/content.jpg) 0 0 no-repeat;
}

.mein-frosch #content {
	color: #303820;
}

.mein-frosch #content h1 {
	color: #303820;
	font: small-caps bold 22px "Arial";
	margin-top: 10px;
}
.mein-frosch #content h1 span {
	color: #80b713;
}

.mein-frosch p {
	font-family: "Arial";
	font-size: 12px;
	padding-bottom: 18px;
	line-height: 18px;
}

.mein-frosch p a {
	font-weight:bold;
}

#content .content-teaser {
	display: block;
	position: absolute;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}
#content .content-teaser span{
	display: block;
	text-align: center;	
}

.mein-frosch .subcontent{
	width: 570px;
}

.content_btn_container {
	position: absolute;
	top: 160px;
}

#content .content_btn a {
	display: block;
	background: transparent url(../spielundspass/images/content_btns.png) 0 0 no-repeat;
	overflow: hidden;
	width: 82px;
	height: 83px;
	text-decoration: none;
	padding: 10px;
	text-align: center;
}

.mein-frosch-de-frosch-spielundspass-spielplatz #content .content_btn a:hover {
	background-position: 0 -102px;
}
.mein-frosch-de-frosch-spielundspass-kindergeburtstag #content .content_btn a:hover {
	background-position: 0 -204px;
}
.mein-frosch-de-frosch-spielundspass-nachgefragt #content .content_btn a:hover {
	background-position: 0 -306px;
}
.mein-frosch-de-frosch-spielundspass-machmit #content .content_btn a:hover {
	background-position: 0 -408px;
}
.mein-frosch-de-frosch-spielundspass-netzwelt #content .content_btn a:hover {
	background-position: 0 -510px;
}


.content_btn a span{
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}

.content_btn#content_btn1 {
	position:absolute;
	top: 20px;
	left: 0;
	width:225px;
	height:229px;
	z-index: 3;
}

#content_btn1 a {
	margin-top: 80px;
}

.content_btn#content_btn2 {
	background: transparent url(../spielundspass/images/content_btn_img2.png) 0 0 no-repeat;
	position:absolute;
	top: 0px;
	left: 200px;
	width:190px;
	height:257px;
	z-index: 2;
}

#content_btn2 a {
	margin: 125px 0 0 90px ;
}

.content_btn#content_btn3 {
	background: transparent url(../spielundspass/images/content_btn_img3.png) 0 0 no-repeat;
	position: absolute;
	top: 30px;
	left: 390px;
	width: 255px;
	height: 220px;
	z-index: 1;
}

#content_btn3 a {
	margin: 20px 0 0 152px ;
}

.content_btn#content_btn4 {
	position:absolute;
	top: 30px;
	left: 390px;
	z-index: 4;
}

#content_btn4 a {
	margin: -40px 0 0 -40px ;
}

.subcontent_link_container {
	overflow: hidden;
	width: 630px;
}

.subcontent_link_container .subcontent_link {
	width: 132px;
	float: left;
	margin: 0 20px 0px 0;	
	height: 132px;
	overflow: hidden;
}

#content .subcontent_link_container .subcontent_link .linked_pic {
	text-decoration: none;
	display: block;
	width: 132px;
}

.subcontent_link_container .subcontent_link img {
	margin: 0 0 5px 0;
	border: 1px solid #006633;
	display: block;
}

.mein-frosch-de-frosch-spielundspass-spielplatz-malvorlagen .subcontent_link_container .subcontent_link img,
.mein-frosch-de-frosch-spielundspass-spielplatz-raetsel .subcontent_link_container .subcontent_link img,
.mein-frosch-de-frosch-spielundspass-spielplatz-spiele .subcontent_link_container .subcontent_link img,
.mein-frosch-de-frosch-spielundspass-spielplatz .subcontent_link_container .subcontent_link img {
	border-color: #d59143;
}

.mein-frosch-de-frosch-spielundspass-kindergeburtstag .subcontent_link_container .subcontent_link img,
.mein-frosch-de-frosch-spielundspass-kindergeburtstag-einladungen .subcontent_link_container .subcontent_link img,
.mein-frosch-de-frosch-spielundspass-kindergeburtstag-spielideen .subcontent_link_container .subcontent_link img {
	border-color: #ca379a;
}

.mein-frosch-de-frosch-spielundspass-nachgefragt .subcontent_link_container .subcontent_link img {
	border-color: #decb58;
}

.mein-frosch-de-frosch-spielundspass-netzwelt-wallpaper .subcontent_link_container .subcontent_link img,
.mein-frosch-de-frosch-spielundspass-netzwelt-bildschirmschoner .subcontent_link_container .subcontent_link img,
.mein-frosch-de-frosch-spielundspass-netzwelt .subcontent_link_container .subcontent_link img {
	border-color: #53b2d4;
}

.subcontent_link_container .subcontent_link a span{
	text-decoration: underline;
}

.back_btn {
	clear: both;
	position: relative;
	width: 150px;
	margin-left:470px;
}

.back_btn a{
	display: block;
	background: url(../spielundspass/images/back_btn_bg.png) right 0 no-repeat;
	height: 37px;	
	padding:45px 40px 0 0;
	width: 100px;
}
.mein-frosch #page_content a{
	outline: none;
}


/* startseite */

.mein-frosch-de-frosch-spielundspass .subcontent{
	width: 383px;
}

.mein-frosch-de-frosch-spielundspass #content {
	background: transparent url(../spielundspass/images/home_bg.png) 183px 225px no-repeat;
}

.mein-frosch-de-frosch-spielundspass #scrollable {
	overflow: visible;
}

.mein-frosch-de-frosch-spielundspass a#content-teaser1 {
	top: -30px;
	left: 385px;
	background:transparent url(../spielundspass/images/sticker_home_1.png) no-repeat left bottom;
	height: 94px;
	width: 237px;
	padding: 140px 0 0 30px;
}

.mein-frosch-de-frosch-spielundspass a#content-teaser1:hover {
	background-position: 0 0;	
}

.mein-frosch-de-frosch-spielundspass a#content-teaser1 span {
	width: 100px;
}

.mein-frosch-de-frosch-spielundspass a#content-teaser2 {
	top: 140px;
	left: 475px;
	background:transparent url(../spielundspass/images/sticker_home_2.png) no-repeat left bottom;
	height: 87px;
	width: 140px;
	padding:150px 0 0 34px;
}

.mein-frosch-de-frosch-spielundspass a#content-teaser2:hover {
	background-position: 0 0;
}

.mein-frosch-de-frosch-spielundspass a#content-teaser2 span {
	width: 60px;
}

/* Spielplatz */

.mein-frosch-de-frosch-spielundspass-spielplatz #scrollable {
	overflow: visible;
}

.mein-frosch-de-frosch-spielundspass-spielplatz #content_btn1 {
	background: transparent url(../spielundspass/images/RaetselIMG.png) right top no-repeat;	
}

.mein-frosch-de-frosch-spielundspass-spielplatz #content_btn1 a {
	padding-top: 40px;
	height:53px;
}

.mein-frosch-de-frosch-spielundspass-spielplatz #content_btn2 {
	background: transparent url(../spielundspass/images/MalvorlagenIMG.png) right top no-repeat;	
}

.mein-frosch-de-frosch-spielundspass-spielplatz #content_btn2 a {
	padding-top: 30px;
	height:63px;
}

.mein-frosch-de-frosch-spielundspass-spielplatz #content_btn3 {
	background: transparent url(../spielundspass/images/Spiele_Ball_IMG.png) 20px top no-repeat;	
}

.mein-frosch-de-frosch-spielundspass-spielplatz #content_btn3 a {
	padding-top: 40px;
	height:53px;
}

/* Spielplatz - Spiele */

.mein-frosch-de-frosch-spielundspass-spielplatz-spiele #scrollable {
	overflow: auto;
}
.mein-frosch-de-frosch-spielundspass-spielplatz-spiele-lernquiz #scrollable {
	overflow: visible;
	background: transparent url(../spielundspass/images/bg_lernquiz.png) no-repeat top left;
}

#gamecontent {
	outline: none;
}

.mein-frosch-de-frosch-spielundspass-spielplatz-spiele-lernquiz #gamecontent {
	position: absolute;
	top: 45px;
	left: -20px;
}

.mein-frosch-de-frosch-spielundspass-spielplatz-spiele-lernquiz .back_btn  {
	position: absolute;
	right: 20px;
	bottom:-10px;
}

/* Kindergeburtstag */

.mein-frosch-de-frosch-spielundspass-kindergeburtstag #scrollable {
	overflow: visible;
}

.mein-frosch-de-frosch-spielundspass-kindergeburtstag #content_btn1 {
	background: transparent url(../spielundspass/images/content_btn_img1.png) right top no-repeat;	
}

.mein-frosch-de-frosch-spielundspass-kindergeburtstag #content_btn1 a {
	padding-top: 25px;
	height:68px;
}

.mein-frosch-de-frosch-spielundspass-kindergeburtstag #content_btn2 {
	background: transparent url(../spielundspass/images/content_btn_img2.png) right top no-repeat;	
}

.mein-frosch-de-frosch-spielundspass-kindergeburtstag #content_btn2 a {
	padding-top: 30px;
	height:63px;
}

.mein-frosch-de-frosch-spielundspass-kindergeburtstag #content_btn3 {
	background: transparent url(../spielundspass/images/content_btn_img3.png) 20px top no-repeat;	
}

.mein-frosch-de-frosch-spielundspass-kindergeburtstag #content_btn3 a {
	padding-top: 35px;
	height:58px;
}

/* Kindergeburtstag - Karten */

.mein-frosch-de-frosch-spielundspass-kindergeburtstag-tischkarten #scrollable,
.mein-frosch-de-frosch-spielundspass-kindergeburtstag-einladungen #scrollable {
	overflow: visible;
}

.mein-frosch-de-frosch-spielundspass-kindergeburtstag-tischkarten .back_btn,
.mein-frosch-de-frosch-spielundspass-kindergeburtstag-einladungen .back_btn {
	position:absolute;
	bottom:0;
	right:20px;	
}

.card_container {
	position: relative;
	float: left;
	width:200px;
	height:209px;
}
.card_container img{
	position: relative;
	top: 3px;
	margin-right: 4px;	
}
#card1 {
	background: url(../spielundspass/images/karten/einladung1_thumb.png) 0 0 no-repeat;
	margin: 30px 0 0 20px;
}

#card2 {
	background: url(../spielundspass/images/karten/einladung2_thumb.png) 0 0 no-repeat;
	margin: 0px 0 0 40px;
}

#table_card1 {
	background: url(../spielundspass/images/karten/tischkarte1_thumb.png) 0 0 no-repeat;
	margin: 30px 0 0 20px;
}

#table_card2 {
	background: url(../spielundspass/images/karten/tischkarte2_thumb.png) 0 0 no-repeat;
	margin: 0px 0 0 40px;
}

.card_container .card_link {
	display: block;
	height: 150px;
	text-indent: -9999px;
}

#table_card1 .card_link,
#table_card2 .card_link {
	height: 125px;
}

/* Kindergeburtstag - SPielideen */

.ueberschrift_spiel {
	color:#FFFFFF;
	display:block;
	height:19px;
	margin-top:1px;
	width:439px;
}

.spielanleitung {
	background-color:#ddf8ab;
	padding:15px 15px 5px;
	width:409px;
}

/* Netzwelt */

.mein-frosch-de-frosch-spielundspass-netzwelt #scrollable {
	overflow: visible;
}

.mein-frosch-de-frosch-spielundspass-netzwelt #content_btn1 {
	background: transparent url(../spielundspass/images/memorinoIMG.png) right top no-repeat;	
}

.mein-frosch-de-frosch-spielundspass-netzwelt #content_btn1 a {
	padding-top: 35px;
	height:58px;
}

.mein-frosch-de-frosch-spielundspass-netzwelt #content_btn2 {
	background: transparent url(../spielundspass/images/bildschirmschonerIMG.png) right top no-repeat;	
}

.mein-frosch-de-frosch-spielundspass-netzwelt #content_btn2 a {
	padding-top: 25px;
	height:68px;
}

.mein-frosch-de-frosch-spielundspass-netzwelt #content_btn3 {
	background: transparent url(../spielundspass/images/e-cardsIMG.png) 20px top no-repeat;	
}

.mein-frosch-de-frosch-spielundspass-netzwelt #content_btn3 a {
	padding-top: 40px;
	height:53px;
}


.ecard-content {
	position: relative;
}

.ecard_close_btn {
	position: absolute;
	bottom: -30px;
	left: 295px;
}

.ecard_close_btn2 {
	position: absolute;
	top: -10px;
	right: 50px;
}

/* Netzwelt - Bildschirmschoner */

#bildschirmschoner_link_container {
	margin:5px 0 0 0;
}

.bildschirmschoner_link {
	float:left;
	text-align:center;
	width:170px;
}

/* Netzwelt - Wallpaper */

.mein-frosch-de-frosch-spielundspass-netzwelt-wallpaper .subcontent_link_container .subcontent_link{
	height: 132px;
}

#wallpaper_link_container {
	margin:5px 0 0 0;
}

.wallpaper_link {
	float:left;
	text-align:center;
	width:171px;
}

/* Netzwelt - Naturquiz */


/* gewusst nachgefragt */

.mein-frosch-de-frosch-spielundspass-nachgefragt #scrollable {
	overflow: visible;
}

#content .glossary_letter-list {
	width: 400px;
	overflow: hidden;
	float: left;
	margin-bottom: 10px;
}

#content .glossary_letter-list span {
	position: relative;
	float: left;
	background: transparent url(../spielundspass/images/az_bg_empty.png) scroll no-repeat top left;
	padding-top: 8px;
	width: 43px;
	height: 37px;
	text-align: center;
	color: #fff;
	font-variant: small-caps;
	font-size: 22px;
	font-weight: bold;
}

:root #content .glossary_letter-list span {
	padding-top: 6px;
}

#content .glossary_letter-list span.full_letter {
	background: none;
}

#content .glossary_letter-list span.full_letter a {
	display: block;
	position: relative;
	top: -8px;
	background: transparent url(../spielundspass/images/az_bg_default.png) no-repeat top left;
	padding-top: 8px;
	width: 43px;
	height: 37px;
	color: #fff;
	text-decoration: none;	
}

:root #content .glossary_letter-list span.full_letter a {
	padding-top: 6px;
	top: -6px;
}

#content .glossary_letter-list span a.active,
#content .glossary_letter-list span.full_letter a:hover {
	background: transparent url(../spielundspass/images/az_bg_active.png) no-repeat top left;
}

#content .glossary_shortcuts {
	margin-left: 400px;
	background: transparent url(../spielundspass/images/glossar_letter_items_bg.png) no-repeat 80px 0px;
	overflow: visible;
}

#content .glossary_shortcuts span {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

#content .glossary_shortcuts ul {
	margin-top: 5px;
	height: 90px;
	overflow: auto;
	width: 230px;
	list-style-type: none;
	list-style-position: outside;
}

#content .glossary_shortcuts ul li {
	position: relative;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-family: Arial;
}

#content .glossary_shortcuts ul li span {
	position: relative;
	left: 0;
	font-size: 12px;
	color: #303820;
	font-weight: normal;
}

#content .glossary_shortcuts ul li.active span,
#content .glossary_shortcuts ul li.active a {
	font-weight: bold;
	color: #303820;
	text-decoration: none;
	font-size: 12px;
	cursor: default;
}

#content .glossary_entry {
	clear: both;
	background: transparent url(../spielundspass/images/glossar_txt_gradient.png) repeat-x top left;
	min-height: 140px;
	padding-top: 10px;
	width: 635px;
}

#content .glossary_entry img {
	float: left;
	width: 144px;	
	height: 144px;	
}

#content .glossary_entry .entry_content {
	margin-left: 150px;
	background: transparent url(../spielundspass/images/bg_glossar_txt.png) no-repeat bottom right;
	width: 450px; 
	height: 130px;
}

#content .glossary_entry h3 {
	margin-bottom: 6px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
}

#content .glossary_entry .entry_text {
	overflow: auto;
	width: 345px;
	height: 100px;
	margin: 0;
	padding: 0;
}


/* printstylesheet */

@media print
{

#meta_navigation,
#footer,
#NestedSet {
	display: none;
}

#scrollable {
	overflow: visible;
	height: auto;
}
	
#right {
	height: auto;
	left: 0;
	position:absolute;
	top: 180px;
	width: 100%;
}
	
#content, #page_content {
	height: auto;
	overflow: visible;
	width: 100%;
}
	
.text_popup, #popup ul, #popup li, table, p {
	font: 11pt Verdana,Arial,Helvetica,sans-serif;
}
	
.spielanleitung {
	display: block !important;
}
	
.ueberschrift_spiel,
.ueberschrift_spiel img	{
	display: block !important;
	width: 439px;	
	height: 19px;
	visibility: visible; 
}
	
}