/*  
Theme Name: Labbe Spielotti
(c)2009 Labbe Verlag 

{{Spielotti }}
a.8a31b oder c9.c12d- Spielotti Ockergelb Standard 
f.7f9d1 - Hellgelb Hintergrund
e.bef92  - Mittelgelb aus Hintergrund
c.9c12d - Standard gelbgrün
7.3820e  - Gegenfarbe Grün (bzw. 90.728F aus altem CSS bzw 8.b5489)
4f4f4f - Grau
*/
/* Non IE Hack */
@import "non_ie_fix.css" all;

/* ---------- @ 01 HTML Elements ----------- */

* {
	padding:0;
	margin:0;
}

html, body {
	font-family: Verdana, Arial, Sans-Serif;
	color:#4f4f4f;
	text-align:center;
	background-image: url(../a_nav/hin.gif);
}

/* ---------- @ 02 Typo Basics ----------- */
p {
	font-size:12px;
	margin:0 0 12px 0;
	color:#4f4f4f;
	line-height:18px;
}

img {
	border:0;
	font-size:8px;
	color:#999999;
}

a:link, a:visited, a:hover, a:active{
	text-decoration:none;
	border:0;
}

strong {
	color:#73820e;
	font-weight:bold;
}
/* -- Headings --*/
/*Überschriften für den Lauftext*/	
h1{
	font-size: 18px;
	font-weight:bold;
	color:#c9c12d;
	margin-bottom:10px;
}

/* 2te Überschrift für den Lauftext */	
h2 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #c9c12d; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: left
}


/* 3.te Überschrift u.a. in Sidebar */	
h3 {
	font-size: 12px;
	font-weight: bold;
	color: #c9c12d;
	margin:3px 0 0;
	margin-bottom:3px;
}

/* Autor, Nacherzähler & Illustrator */

.crl {
	FONT-SIZE: 10px; 
	COLOR: #4f4f4f; 
	TEXT-ALIGN: left;
	line-height:16px;
}


/* ---------- @ 03 Stilelemente Basics ----------- */
/* Gepunktete Trennlinie */	
.trenner {
	width:455px;
	height:26px;
	background-image:url(../a_nav/tre.gif);
	background-repeat:no-repeat;
	margin:-8px 0 0 0;
	padding:0;	
	display:block;
	float:left;
	clear:both;
}
.tre_kl {
	width:422px;
	height:16px;
	background-image:url(../a_nav/tre_kl.gif);
	background-repeat:no-repeat;
	margin:13px 6px 5px 0;
	padding:0;	
	display:block;
	float:left;
	clear:both;
}
.m-such {
	margin:34px 0 0px 0;
}


.s-such {
	width:424px;
	margin:10px 0 10px 0;
}

.s-index {
	width:424px;
	margin:-4px 0 -12px 0;
	padding:0;
}

a.btn-index2 {
	margin:10px 6px 0 0;
	padding:1px 4px;
 	background-color:#dae05f;
}

a:hover.btn-index2 {
 	background-color:#c9c12d;
}

/* Box mit gestricheltem Rahmen */	
.zzz-box {
	border:2px dashed #c9c12d;
	background:#f7f9d1;
}

/* ---------- @ 04 Header, Suchleiste und Navigation -----------*/
/* Navigations Buttons ganz oben */
.btn-nav {
	display:block;
	float:left;
	border:0;
}

#btn-lab { background-image:  url(../a_nav/btn_lab.gif);}
#btn-lab:hover{ background-image:  url(../a_nav/btn_lab_o.gif);}

#btn-zzz { background-image:  url(../a_nav/btn_zzz.gif);}
#btn-zzz:hover{ background-image:  url(../a_nav/btn_zzz_o.gif);}

#btn-mel { background-image:  url(../a_nav/btn_mel.gif);}
#btn-mel:hover{ background-image:  url(../a_nav/btn_mel_o.gif);}

#btn-lied { background-image:  url(../a_nav/btn_lied.gif);}
#btn-lied:hover{ background-image:  url(../a_nav/btn_lied_o.gif);}

#btn-lese { background-image:  url(../a_nav/btn_lese.gif);}
#btn-lese:hover{ background-image:  url(../a_nav/btn_lese_o.gif);}

#btn-lern { background-image:  url(../a_nav/btn_lern.gif);}
#btn-lern:hover{ background-image:  url(../a_nav/btn_lern_o.gif);}

#btn-spiel { background-image:  url(../a_nav/btn_spiel_o.gif);}
#btn-spiel:hover{ background-image:  url(../a_nav/btn_spiel_o.gif);}

#btn-kiku { background-image:  url(../a_nav/btn_kiku.gif);}
#btn-kiku:hover{ background-image:  url(../a_nav/btn_kiku_o.gif);}

#btn-news { background-image:  url(../a_nav/btn_news.gif);}
#btn-news:hover{ background-image:  url(../a_nav/btn_news_o.gif);}

#btn-shop { background-image:  url(../a_nav/btn_shop.gif);}
#btn-shop:hover{ background-image:  url(../a_nav/btn_shop_o.gif);}

/* Schriftformatierung für die Suchleiste oben */
.suchleiste p, .suchleiste a, .suchleiste form, .suchleiste input {
	font-size:11px;
	font-weight:bold;
	color:#c9c12d;
	margin-top:4px;
	vertical-align:bottom;
}

/* Formular Einfache Suche Eingabefeld + Button */
.suchleiste input, .suchleiste input[type="text"]  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	vertical-align:middle;
	padding:2px;
	margin-top:2px;
	border:1px dashed #c9c12d;
}
input.search-form-btn {
	background:none;
	border:none;
	cursor:pointer;
}

/* ---------- @ 05 Sidebar  -----------*/
/* RELAUNCH: Sidebar  */
.sidebar {
	margin: 10px 14px 0 14px; 
	padding:0;
	padding-top:16px;
	color:#6BA554;
	line-height:14px;
}

.sidebar ul, .sidebar li{
  	list-style-type:none;
	list-style-position:outside;
	font-size: 11px;
	font-weight: normal;
	color:#4f4f4f;
}
.sidebar ul {
	margin-bottom:16px;
}
.sidebar li {
  margin:3px 0;
}
.sidebar a{
	text-decoration:none;
	height:12px;
}
.sidebar a:link, .sidebar a:active{
	color:#4f4f4f;
}
.sidebar a:visited{
	color:#999999;
}
.sidebar li a:hover{
	background-color:#c9c12d;
	color:#ffffff;
}
.sidebar img{
	margin-top:0;
}

/* Hervorhebung des aktuellen Menuepunkts */
#current, #current-btn{
	background-color:#c9c12d;
	color:#ffffff;
}

/* Linke Sidebar mit Hauptnavigation */
/* Subnavi für die einzelnen Rubriken wird über javascript eingeblendet */
#nav_1_t, #nav_2_t, #nav_3_t, #nav_4_t, #nav_5_t, #nav_6_t, #nav_7_t, #nav_8_t, #nav_9_t, #nav_10_t, #nav_11_t, #nav_12_t, #nav_13_t, #nav_14_t, #nav_15_t {
	display:none;
}
#i1o, #i2o, #i3o, #i4o, #i5o, #i6o, #i7o, #i8o, #i9o {
    display:none;
}
ul.sub_nav{
	margin-bottom:-10px;
}

/* Hervorhebung des aktuellen Menuepunkts links und MouseOver Techniken */
#current-grupp, #current-titel, #box_sidebar_left .sidebar li a:hover{
	background-color:#bfbb30;
	color:#ffffff;
}

/* Aktuelle Rubrik oeffnen */
#current-nav{
	display:block;
}

/* Rechte Sidebar */
.bub-box{
	width:119px;
	margin:0;
	padding:0;
	border:0;
	overflow:auto;
}
.bub-box img{
	margin:0;
	padding:0;
	border:0;
}
.bub-top{
	height:11px;
}
.bub-bot{
	height:14px;
}
.bub-content{
	width:119px;
	background-image:url(../a_nav/bub_con.gif);
	background-repeat:repeat-y;
	font-size:11px;
	min-height:60px;
	height:auto;
	/*padding:0px 3px 3px 8px;*/
}

.bub-cbox{
	margin:0;
	padding:0;
}

.bub-content h3, .bub-content li{
margin:0px 3px 3px 8px
}


/* ---------- @ 06 Content -----------*/

/* Inhaltsbereich / mittlere Spalte */
.content {
	margin:14px; 
	padding:0;
}

/* Anordnung eines Bildes */	
.bild, .cimg {
	text-align:center;
}
/* Untertitel und Footer */
.subline a, .subline img{
	color:#73820e;
	margin:0 0 4px 0;
}
.subline img {
	vertical-align:middle;
}
.foo-links, .foo-links img {
margin:0 0 5px 0;
padding:0;
}

a.foo {
	font-weight:normal;
	margin-right:9px;
	padding:0;
	font-size:10px;
	vertical-align:text-bottom;
}

.content p.keywords a{
	text-decoration:underline;
	color:#73820e;
}
.content p.keywords a:hover{
	background-color:#73820e;
	color:#ffffff;
}

/* Content Links */

.fl a:link, .fl a:active,  a.cl{
	color:#c9c12d;
}

.fl a:visited, a:visited.cl {
	color:#999999;
}

a:hover.cl, .fl a:hover {
	background-color:#c9c12d;
	color:#ffffff;
}

a.cl2{
	font-weight:bold;
	color:#73820e;
	text-decoration:none;
}
a:hover.cl2{
	background-color:#73820e;
	color:#ffffff;
}
/* Detail Bookmarks / Share Buttons */
#bookmarks {
	display:none;
}
/* Startseite / Galleriebereich */

.gal-box {
	width:455px;
	height:14px;
	margin:0;
	padding:0;
}
.gal-top{
	background-image:url(../a_nav/gal_top.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
.gal-bot{
	background-image:url(../a_nav/gal_bot.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin-bottom:6px;
}
.gal-con{
	width:455px;
	background-image:url(../a_nav/gal_con.gif);
	background-position:top;
	background-repeat:repeat-y;
	min-height:40px;
	height:auto;
}

.gal-content {
	padding:0 18px 1px;
}
.center img {
	padding-right:20px;
}

.gal-box strong{
	color:#73820e;
}

.spiel-ikos {
	font-size:11px;
	margin-bottom:16px;
}
.spiel-ikos img{
	vertical-align:text-bottom;
}
/* Schritt für Schritt */


.sfs-num {
	float:left;
}
.sfs-con {
	float:left;
	margin:4px 8px 4px 8px;
	padding:0;
}
.sfs-con h3{
	margin: 4px 0 18px 0;
	padding:0;
}
.sfs input.form-btn {
	/*background-color:#73820e;*/
	font-size:12px;
	font-weight:bold;
}

.sfs-p {
	width:125px;
	display:block;
	float:left;
	font-size:11px;
	margin:0;
	padding:0;
}

.sfs-p p{
	font-size:11px;
	line-height:22px;
	margin:0;
	padding:0;
}
.schritt a {
	color:#73820e;
}
.schritt a:hover {
    color:#73820e;
}

/* Detailseite*/
.spieldetail h2{
	color:#4f4f4f;
	margin:20px 0 2px;
}
.spieldetail h1, .spieluebersicht h1{
	margin-bottom:4px;
}

.col-spd{
	 width:198px;
	 margin:8px 5px 0px;
	 float:left;
	 font-size:11px;
}
.col-spd img{
	margin-bottom:8px;
	vertical-align:middle;
}
.col-spd a{
	text-decoration:underline;
	color:#73820e;
	 font-weight:bold;
}
.col-spd a:hover{
	background-color:#73820e;
	color:#ffffff;
	text-decoration:none;
}
.col-spd td {
    padding-top:0px;
    padding-bottom:7px;    
}
/* Suchergebnisse*/
.col-se{
 	width:202px;
	display:block;
	margin:12px 14px 0px 0;
}

.col-se ul, .col-se li{
	list-style-position:outside;
	list-style-type:none;
	list-style-image:url(../a_nav/s_li_spiel.gif);
	font-size: 11px;
	font-weight: normal;
	color:#73820e;
	margin:2px 0;
	padding:0;
	border:0;
}

.col-se ul{
	margin-bottom:12px;
}

.col-se li{
	margin:3px 0 0 17px;
}


.col-se a{
	color:#73820e;
}

.col-se li a:hover{
	color:#FFFFFF;
	/*background-color:#73820e;*/
}

/* Alle Spiele nach Uebersicht*/
.spiel-btns{
	width:104px;
	min-height:100px;
	margin:14px 12px 0px 22px;
	float:left;
	text-align:left;
	overflow:auto;
}
.spiel-btns p {
	margin:0 0 4px 0;
}
.spiel-btns-link a{
	font-weight:bold;
	font-size:11px;
	color:#73820e;
	margin:0;
	padding:0;
}
.spiel-btns-link a:hover{
	color:#FFFFFF;
	background-color:#73820e;
}

/* Spiel-Listen */
.sp-num {
	float:right;
	width:28px;
	height:30px;
	background-image:url(../a_nav/nr.gif);
	text-align:center;
	
}
.sp-num h3{
	margin-top:7px;
}
.sp-titel {
	float:left;
	padding-top:6px;
}
.sp-titel img 
{
margin-top:3px;    
}
.sp-info {
	float:none;
}
.sp-info p.spiel-ikos {
	margin:0px 0 8px;
}

.sp-info a:hover strong{
	background-color:#73820e;
	color:#ffffff;
}
/* Brettspiele */
.back-link, .back-link a{
	font-size:11px;
	/*font-weight:bold;*/
	color:#7e4f7c;
	margin:0 auto 10px 0;
}
.back-link a:hover{
	color:#ffffff;
	background-color:#7e4f7c;
}

/* Labyrinthe */

#loesung{
	display:none;
}
a:hover #loesung-btn{
 	color:#ffffff;
	background-color:#7e4f7c;
}
.spi {
	border: #c9c12d  1px dashed; 
	width:96px;
	height:130px;
	margin:0 10px 10px 0;
	padding:6px 3px;
	font-size:10px;
	text-align:left;
	display:block;
	float:left;
	background-color:#f7f9d1;
}

.spit {
	color:#7e4f7c;
  margin-left:4px;
  font-size:10px;
  line-height:normal;
  overflow:auto;
}
a.srl {
	color:#7e4f7c;
}
a:hover.srl , .srl li a:hover, .srl li a:hover, .srl #current{
	background-color:#7e4f7c;
	color:#ffffff;
}
/* Tagclouds */

.tcloud {
	padding:8px 20px;
	color:#73820e;
	font-size:13px;
}
.tcloud a{
	color:#9ba74a;
	line-height:24px;
}
.tcloud a:hover{
	background-color:#73820e;
	color:#FFFFFF;
}
a.tc1 {
	font-size:20px;
	font-weight:bold;
	color:#73820e;
}

a.tc2{
	font-size:18px;
	font-weight:bold;
	color:#7e8e15;
}

a.tc3{
	font-size:16px;
	font-weight:bold;
	color:#8a9927;
}

a.tc4{
	font-size:14px;
	font-weight:bold;
	color:#929f37;
}

a.tc5{
	font-weight:bold;
	color:#9ba74a;
}

/* Verlinkung für das Durchblättern der Seiten, wenn die Beiträge für eine Seite zu viel werden */	
.sl, .sl a, .sl-left a, .sl-left2 a, .sl-right a, .sl-left, .sl-left2, .sl-right {
	FONT-SIZE: 10px;
	COLOR: #4f4f4f; 
}


.sl-left {
	float:left;
	margin:4px 6px 4px 0px;
}

.sl-left2 {
	width:420px;
	float:left;
	margin:4px 6px 4px 0px;
}

.sl-right{
	width:170px;
	float:right;
	text-align:right;
	margin-right:inherit;
	margin:4px 8px 4px 0px;
}

p.sl {
	/*18px falls rechtsbuendig*/
	margin:6px 18px 4px auto;
	
}
/*Meta Navigation */
.meta, .meta a {
	text-align:center;
	font-size: 10px;
	font-weight:normal;
	color:#c9c12d;
}
.meta a{
	line-height:16px;
}
.meta a:visited{
color:#999999;
}
.seitenstark{
	margin-left: 55px;
}


/* ---------- @ 07 Formulare -----------*/
input, textarea, submit, select, button {
	font-family:Verdana, Arial, Sans-Serif;
	font-size:12px;
	margin:0;
	padding:0;
}
input[type="text"], input[type="password"], select{
	border-width:1px; 
 	border-color:#ACACAC; 
 	border-style:solid;
}

submit, button {
 /* bringt leider nichts */
	border:0px;
}

.form-box {
	width:455px;
	padding:0;
	margin:0 0 20px 0;
	float:left;
	display:block;
	text-align:left;
}
.form-box p{
	font-size: 12px;
	color: #4f4f4f;
}
.col-left{
 	width:165px;
	margin:12px 0 0 7px;
	float:left;
	display:block;
	border:0;
}
/* Dropdown Sortierung */
.s-sort{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#878787;
	font-size:11px;
	margin:8px 8px 8px 1px;
	padding:1px;
}
select.s-sort {
 border:1px solid #c9c12d;
}
/* Groessere Abstand bei Karte */
.m-card{
	margin-top:52px;
}

.col-left p {
 text-align:left;
 margin-left:6px;
}

.col-left input {
	width:155px;
}
.col-right{
	width:255px;
	margin:12px 7px 14px 17px;
	float:left;
	display:block;
	border:0;
}

.col-left-sf{
	margin:12px 0 0 7px;
	width:200px;
}

.col-right-sf{
	width:200px;
	margin:12px 7px 14px 27px;
}
.col-right-sf input{
	padding:1px auto;
}

select.s-auswahl{
	width:195px;
	color:#878787;
}

.col-left-sf input {
	width:193px;
	padding:1px 0;
}

/* Einspaltige Box */
.col-s {
	width:290px;
	padding:0;
	margin:12px 0 4px 14px;
}
.col-s img{
margin-bottom:3px;
}
.col-s-breit {
	width:auto;
	padding:0;
	margin:12px 0 0 14px;
	text-align:left;
}

input.form-btn, .form-btn {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#c9c12d;
	border:none;
	margin:10px 6px 0 0;
	padding:0 3px;
	width:auto;
	vertical-align:middle;
	overflow:visible;
	cursor:pointer;
	
}
input.btn-index {
	background-color:#CFEBC3;
	margin-top:3px;
}

textarea.send_msg {
	height:111px;
	width:248px;
}
.err-box {
	height:115px;
}
.post-box {
	height:155px;
	background-image:url(../a_nav/post.gif);
	background-repeat:no-repeat;
	background-position:right;
}

.form-img {
	padding:0;
	border:0;
	margin:2px 0 20px;
}

.nl-box{
	height:155px;
	background-image:url(../a_nav/nl.gif);
	background-repeat:no-repeat;
	background-position:right;
}

.such-box {
	height:178px;
}
.such-box-stichw {
	height:102px;
}
#such-box-detail {
	height:300px;
}

.post-p{
	width:290px;
}
/*Bewerten*/
#bewerten {
	display:none;
}
.col-b {
	width:427px;
	padding:0;
	margin:12px 0 4px 14px;
}
.col-b img {
    margin-top:3px;    
}
.bewerten-left {
	float:left;
	margin:4px 6px 4px 0px;
}
/* Versenden */
#vform-send {
	display:block;
}

#versenden, #vform-error, #vform-success {
	display:none;
}

/* Detaillierte Suche */
/* Zusätzliche Suchoptionen ein-/ausblenden */
#such-detail{
	display:none;
}

.such-p {
	width:110px;
	display:block;
	float:left;
	font-size:11px;
	margin:0;
	padding:0;
}

.such-p p{
	font-size:11px;
	line-height:22px;
	margin:0;
	padding:0;
}

a:hover #such-detail-btn{
 	color:#ffffff;
	background-color:#7e4f7c;
}
/* ---------- @ 08 Warnhinweis -----------*/
#warning{
	background-image:url(../a_nav/win.png);
	background-repeat:no-repeat;
	display:none;
	width:427px;
	height:250px;
	position:absolute;
	zIndex:100;	
	text-align:left;

}
#warn_shop, #warn_blog, #warn_kiku, #warn_news, #warn_sstark{
	display:none;
}

p.warn {
	margin:-2px 45px 5px 39px;
}
p.warn_btn {
	margin:10px 45px 5px 39px;
}

input.warn {
	background-color:#c9c12d;
	font-size:11px;
}
a.btn-warn {
	padding:1px 4px;
 	background-color:#c9c12d;
	font-size:11px;
	
}
/* ---------- @ 09 Colours -----------*/
/* Zzzebra */
.s-zzz h1, .s-zzz h3{
	color:#82a5ce;
}
.s-zzz ul, .s-zzz li, .s-zzz a{
	color:#9e914d;
}
.s-zzz li a:hover {
	color: #ffffff;
	background-color: #9e914d;
}
.s-zzz .col-se li{
	list-style-image:url(../a_nav/s_li_zzz.gif);
}


/* Mellvil */
.s-mel h1, .s-mel h3{
	color:#72abbb;
}
.s-mel ul, .s-mel li, .s-mel a{
	color:#b99766;
}
.s-mel li a:hover {
	color: #ffffff;
	background-color: #b99766;
}
.s-mel .col-se li{
	list-style-image:url(../a_nav/s_li_mel.gif);
}
h2.s-mel-sub {
	font-size:14px;
	font-weight:bold;
	color:#72abbb;
	margin:14px 0 -4px;
}

/* Liederbaum */
.s-lied h1, .s-lied h3{
	color:#a8a31b;
}
.s-lied ul, .s-lied li, .s-lied a{
	color:#73820e;
}
.s-lied li a:hover {
	color: #ffffff;
	background-color: #73820e;
}
.s-lied .col-se li{
	list-style-image:url(../a_nav/s_li_lied.gif);
}

/* Spielotti */
.s-spiel h1, .s-spiel h3{
	color:#c9c12d;
}
.s-spiel ul, .s-spiel li, .s-spiel a{
	color:#73820e;
}
.s-spiel li a:hover {
	color: #ffffff;
	background-color: #73820e;
}
.s-spiel .col-se li{
	list-style-image:url(../a_nav/s_li_spiel.gif);
}

/* Lerntrix */
.s-lern h1, .s-lern h3{
	color:#ffc20e;
}
.s-lern ul, .s-lern li, .s-lern a{
	color:#8fb2cd;
}
.s-lern li a:hover {
	color: #ffffff;
	background-color: #8fb2cd;
}
.s-lern .col-se li{
	list-style-image:url(../a_nav/s_li_lern.gif);
}

/* Lesekorb */
.s-lese h1, .s-lese h3{
	color:#faa61a;
}
.s-lese ul, .s-lese li, .s-lese a{
	color:#6d98de;
}
.s-lese li a:hover {
	color: #ffffff;
	background-color: #6d98de;
}
.s-lese .col-se li{
	list-style-image:url(../a_nav/s_li_lese.gif);
}


/* ---------- @ 10 Misc -----------*/
.left{ text-align:left;}
.right{ text-align:right;}
.center{ text-align:center;}
.vmiddle { vertical-align:middle;}
.vtop{ vertical-align:top;}

.fleft{ float:left;}
.fright{ float:right;}
.flc{ clear:both;}

.inl { display:inline;}

/*.cimg {
	text-align:center;
}*/
.cimg img {
	padding-right:20px;
}

.no-m, .no_m, img.no-m, img.no_m{ margin:0;}
.no-p, .no_p, img.no-p, img.no_p{ padding:0;}
.sm-m {margin:4px 0;}
.bw{ background-color:#FFFFFF;}
.w-auto, .w_auto{ width:auto;}
.f-normal, input.f-normal, .f_normal, input.f_normal{ font-weight:normal;color:#4f4f4f;}
.thin, input.thin{ border-width:1px;}