/*  
Theme Name: Labbe Zzzebra
(c)2009 Labbé Verlag 

{{Zzzebra }}
8.2a5ce - Zzz Blau Standard >> 7.ebce3 >> 7.2abbb
e.4eef6 - Hellblau aus Zzz Hintergrund >> d.df0fd >> e.4f5f9
c.7d9e8 - Mittelblau aus Zzzz Hintergrund >> b.3defb >> c.7e1e8
5.f7d99 - Dunklere Btn HG Farbe  >> 4.e7b97
9.e914d - Gegenfarbe Beige Braun >> b.99766
4.f4f4f - 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, .cn, .cn2, p.cn2 {
	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;
}

/*.table, .td, .tr {
	padding:0;
	margin:0;
	border:0;
	cellspacing:0; 
	cellpadding:0;
}*/

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

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

/* 3.te Überschrift u.a. in Sidebar */	
h3 {
	font-size: 12px;
	font-weight: bold;
	/* darf nur in sidebar farbig sein color: #72abbb;*/
	color: #4f4f4f;
	margin:3px 0 0;
}

.mel h3{
	COLOR: #7997B3; 
}

li, li a {
	color: #4f4f4f;
	font-size: 12px;
}

/* Navigation rechts auf den neutralen Seiten */	
.rl, .rl a{
	font-size: 10px; 
	color: #5691A2;
	margin:0;
	padding:0;
	/* kalender */
}


/* ---------- @ 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;
}

.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:#c7e1e8;
}

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

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

/* ---------- @ 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_o.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.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:#72abbb;
	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 #72abbb;
}
input.search-form-btn {
	background:none;
	border:none;
}

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

/* Mellvil Kalender */
.sidebar h1 {
	font-size:36px;
 	margin:8px 0 10px 0;
	padding:0;
}

.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 li a{
	font-size:11px;
}

.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:#72abbb;
	color:#ffffff;
}
.sidebar img{
	margin-top:0;
}

/* Hervorhebung des aktuellen Menuepunkts */
#current {
	background-color:#72abbb;
	color:#ffffff;
}

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

/* Inhaltsbereich / mittlere Spalte */
.content {
	margin:14px; 
	padding:0;
}
.content img{
	/*vertical-align:text-bottom;*/
}
.content ul, .content li{
	list-style-position:outside;
	list-style-type:none;
	list-style-image:url(../a_nav/s_li_mel.gif);
	font-size:12px;
	line-height:14px;
	font-weight: normal;
	margin:4px 0;
	padding:0;
	border:0;
}

.cn2, p.cn2 {
	margin:20px 0 0 0;
}

/* Anordnung eines Bildes */	
.bild {
	text-align:center;
}

/* Untertitel und Footer */
.subline a, .subline img{
	/* Gegen- color:#9d9150;*/
	color:#72abbb;
	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 Links */

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

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

a:hover.cl, .fl a:hover {
	background-color:#72abbb;
	color:#ffffff;
}
/* Detail Bookmarks / Share Buttons */
#bookmarks {
	display:none;
}

/* Suchergebnisse*/
.col-se{
 	width:202px;
	display:block;
	margin:12px 14px 0px 0;
	/* fuer HH */
	overflow:hidden;
}

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

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

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


.col-se a{
	color:#b99766;
	font-size:11px;
}

.col-se li a:hover{
	color:#FFFFFF;
	/* Auskommentiert wg. falsch MO Farben
	background-color:#b99766;*/
}

/*Meta Navigation */
.meta, .meta a {
	text-align:center;
	font-size: 10px;
	font-weight:normal;
	color:#72abbb;
}
.meta a{
	line-height:16px;
}
.meta a:visited{
color:#999999;
}

.seitenstark{
	margin-left: 55px;
}
/* Generelle Linkformatierung in den Beitragskästen*/	
.clul, .clul a, .qual, .qual a, .nacl, .nacl a, .absl, .absl a, .idel, .idel a, .emal, .emal a, .verl, .verl a, .klal, .klal a, .hhk3, .hhk3 a{
	FONT-SIZE: 10px; 
	COLOR: #666666; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: left;
	margin:2px 0 4px 0;
	padding:2px 0 0 0;
}
.clul a, .qual a, .nacl a , .absl a, .idel a, .emal a, .verl a, .klal a, .hhk3 a{
	BORDER-BOTTOM: #666666 1px dotted;
}

img.sterne {
	vertical-align:text-bottom;
}

/* ***** Content 01 - STARTSEITE Hier und Heute FORMATIERUNG FÜR DIE BEITRÄGE/KOMMENTARE */
.hhu1{
	background-image:url(../a_nav/hinh1.gif);
	display:block;
	overflow:hidden;
	width:455px;
	height:26px;
}
.hhu1 h1{
	margin:1px 3px;
	color:#5691A2;
}
.hh h3{
	color:#72abbb;
}
/* Größerer Abstand für 1. Überschrift */
h3.hh1a {
	padding:10px 0 0 0;
}

#raetsel_losung {
	display:none;
}
/* Rechte Spalte breiter und ohne Abstand */
.col-hhl{
	width:220px;
	margin-right:14px;
}
.col-hhr{
	width:220px;
	margin-right:0px;
}
/* Listen Links mit Pfeil */
#box_center .hh ul{
	margin-bottom:12px;
	
}
#box_center .hh li{
	list-style-image:url(../a_nav/s_li_mel.gif);
	margin:3px 0 0px 14px;
	/*line-height:18px;*/
}
.hh li a{
	color:#b99766;
}
.hh li a:hover {
	background-color:#b99766;
	color:#ffffff;
}
/*Ergebnisse*/
.hhres, h3.hhres, table.hhres {
	font-size:12px;
	color:#b99766;
	margin-bottom:6px;
}

.erg_r{
	color:#8fa80d;
}
.erg_f{
	color:#999999;
}

/* Breite der Inputfelder in kleiner Login Box */
.hhlogin {
	width:86px;
}
/* Schmaler Trenner */
.hhsm{
	width:215px;
	height:20px;
	margin:-4px 0 0;
}
.hh-hin-kal{
	width:111px;
	height:130px;
	background-image:url(http://www.labbe.de/mellvil/a_nav/hier_heute/kalenderblatt.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}
.hh-hin-login{
	width:114px;
	height:200px;
	background-image:url(http://www.labbe.de/mellvil/a_nav/hier_heute/loginzettel.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}
/* Kastenformatierung für den Erstbeiträge/Themen */	
.hhk1, .hhk2{
	border:#72abbb 2px dashed; 
	padding:20px;
	margin:30px; 
	BACKGROUND-COLOR: #e4f6fa;
	width:353px;
	overflow:hidden;
}
/* Kastenformatierung für die Antworten*/	
.hhk2 {
	BACKGROUND-COLOR: #FFFFFF;
}
/* Linkformatierung in den Beitragskästen bei "Was meinst du" */	
.hhk3 a:hover{
	BACKGROUND-COLOR: #72abbb;
}

/* Jeder Tag zählt - Motivationskartentext */
.mot1 { 
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; LINE-HEIGHT: 2em; 
}

.mot2 { 
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center;
}

.iborder {
	border-style:solid; border-width:1px; border-color: #000000;
}

.aborder {
	border-style:dashed; border-width:1px; border-color: #000000; 
}

/* ***** Content 02 - QUASSELFORUM FORMATIERUNG FÜR DIE BEITRÄGE/KOMMENTARE */
/* Kastenformatierung für den Erstbeiträge/Themen */	
.qua, .qua2 {
	border:#E38A16 2px dashed; 
	padding:20px;
	margin:30px; 
	BACKGROUND-COLOR: #FFF6D4;
	width:353px;
	overflow:hidden;
}

/* Kastenformatierung für die Antworten*/	
.qua2 {
	BACKGROUND-COLOR: #FFFFFF;
}
/* Linkformatierung in den Beitragskästen*/	
.qual a:hover {
	/*BACKGROUND-COLOR: #C7E1E8;*/
	BACKGROUND-COLOR: #FEE086;
}
/* Navigation rechts */	
.qrl h3, .qrl h1{
	color:#E38A16;
}
.qrl li a:hover, .qrl #current {
	background-color:#E38A16;
	color:#ffffff;
}

/* ***** Content 03 CLUB FORMATIERUNG FÜR DIE BEITRÄGE/KOMMENTARE */
/* Kastenformatierung für den Erstbeiträge/Themen */	
.clu, .clu2 {
	border: #999843 2px dashed; 
	padding:20px;
	margin:30px; 
	BACKGROUND-COLOR: #F7F6BB;
	width:353px;
	overflow:hidden;
}
/* Kastenformatierung für die Antworten*/	
.clu2 {
	BACKGROUND-COLOR: #FFFFFF;
}
/* Linkformatierung in den Beitragskästen - überall gleich bis Hover*/	
.clul a:hover {
	BACKGROUND-COLOR: #E1E06D;
}
/* Navigation rechts */	
.clrl h3, .clrl h1, .clrl li a, .clrl p a{
	color:#8d9f4d;
}
.clrl li a:hover, .clrl p a:hover, .clrl #current {
	background-color:#8d9f4d;
	color:#ffffff;
}


/* ***** Content 04 ABSTIMMEN FORMATIERUNG FÜR DIE BEITRÄGE/KOMMENTARE */
/* Kastenformatierung für den Erstbeiträge/Themen */	
.abs, .abs2 {
	border: #A19B5E 2px dashed; 
	padding:20px;
	margin:30px; 
	BACKGROUND-COLOR: #ECECD6;
		width:353px;
	overflow:hidden;
}
/* Kastenformatierung für die Antworten*/	
.abs2 {
	BACKGROUND-COLOR: #FFFFFF;
}
/* Linkformatierung in den Beitragskästen - überall gleich bis Hover*/	
.absl a:hover {
	BACKGROUND-COLOR: #D3D39C;
}

/* Navigation Content & Rechts */	
.arl h3, .arl h1{
	color:#989258;
	
}
.arl li a:hover, .arl #current{
	background-color:#989258;
	/*background-color:#775c48;*/
	color:#ffffff;
}


/* ***** Content 05 NACHDENKEN FORMATIERUNG FÜR DIE BEITRÄGE/KOMMENTARE */
/* Kastenformatierung für den Erstbeiträge/Themen */	
.nac, .nac2 {
	border: #E15D47 2px dashed; 
	padding:20px;
	margin:30px; 
	BACKGROUND-COLOR: #FDDED8;
		width:353px;
	overflow:hidden;
}
/* Kastenformatierung für die Antworten*/	
.nac2 {
	BACKGROUND-COLOR: #FFFFFF;
}
/* Linkformatierung in den Beitragskästen - überall gleich bis Hover*/	

.nacl a:hover {
	BACKGROUND-COLOR: #FFA593;
}
/* Navigation Content & rechts */	
.nrl h3, .nrl h1{
	color:#D85A45;
}
.nrl li a:hover, .nrl #current{
	background-color:#D85A45;
	color:#ffffff;
}

/* ***** Content 06 IDEEN HABEN - FORMATIERUNG FÜR DIE BEITRÄGE/KOMMENTARE */
/* Kastenformatierung für den Erstbeiträge/Themen */	
.ide, .ide2 {
	border: #89A208 2px dashed; 
	padding:20px;
	margin:30px; 
	BACKGROUND-COLOR: #EEF6C6;
	width:353px;
	overflow:hidden;
}
/* Kastenformatierung für die Antworten*/	
.ide2 {
	BACKGROUND-COLOR: #FFFFFF;
}
/* Linkformatierung in den Beitragskästen - überall gleich bis Hover*/	

.idel a:hover {
	BACKGROUND-COLOR: #C8DA6D;
}
/* Navigation Content & rechts */	
.irl h3, .irl h1{
	color:#7B9206;
}
.irl li a:hover, .irl #current{
	background-color:#7B9206;
	color:#ffffff;
}


/* ***** Content 09 E-MAGAZIN - FORMATIERUNG FÜR DIE BEITRÄGE/KOMMENTARE */
/* Kastenformatierung für den Erstbeiträge/Themen */	
.ema, .ema2 {
	border: #9E73B1 2px dashed; 
	padding:20px;
	margin:30px; 
	BACKGROUND-COLOR: #F0E7F5;
	width:353px;
	overflow:hidden;
}
/* Kastenformatierung für die Antworten*/	
.ema2 {
	BACKGROUND-COLOR: #FFFFFF;
}
/* Linkformatierung in den Beitragskästen - überall gleich bis Hover*/	

.emal a:hover {
	BACKGROUND-COLOR: #DCB3F2;
}
/* Navigation Content & rechts */	
.erl h3, .erl h1{
	color:#8F67A1;
}
.erl li a:hover, .erl p a:hover, .erl #current{
	background-color:#8F67A1;
	color:#ffffff;
}

.imgl a, .imgl a:hover, .imgl a img, .imgl a:hover img{
	border-bottom:0px;
}


/* ***** Content 10 Umfragen - FORMATIERUNG FÜR DIE BEITRÄGE/KOMMENTARE */
/* Kastenformatierung für den Erstbeiträge/Themen */	
.umf, .umf2 {
	border: #896C56 2px dashed; 
	padding:20px;
	margin:30px; 
	BACKGROUND-COLOR: #F3E6DD;
		width:353px;
	overflow:hidden;
}
/* Kastenformatierung für die Antworten*/	
.umf2 {
	BACKGROUND-COLOR: #FFFFFF;
}
/* Linkformatierung in den Beitragskästen - überall gleich bis Hover*/	
.umfl a:hover {
	BACKGROUND-COLOR: #D3D39C;
}
/* Navigation Content & rechts */	
.umrl h3, .umrl h1, .mrl h3, .mrl h1{
	color:#775c48;
}
.umrl li a:hover, .mrl li a:hover, .umrl #current, .mrl #current{
	background-color:#775c48;
	color:#ffffff;
}

/* ***** 07 Content Klarkommen - FORMATIERUNG FÜR DIE BEITRÄGE/KOMMENTARE */
/* Kastenformatierung für den Erstbeiträge/Themen */	
.kla, .kla2 {
	border: #CE7036 2px dashed; 
	padding:20px;
	margin:30px; 
	BACKGROUND-COLOR: #FFEFDF;
	width:353px;
	overflow:hidden;
}
/* Kastenformatierung für die Antworten*/	
.kla2 {
	BACKGROUND-COLOR: #FFFFFF;
}
/* Linkformatierung in den Beitragskästen - überall gleich bis Hover*/	

.klal a:hover {
	BACKGROUND-COLOR: #FBD0A9;
}

/* Navigation Content & rechts */	
.krl h3, .krl h1{
	color:#e1a47c;
}

#box_center .krl ul{
	margin-bottom:12px;
}
#box_center .krl li{
	list-style-image:url(../a_nav/s_li_mel.gif);
	margin:4px 0 8px 14px;
	line-height:18px;
}

.krl li a, .krl p a{
	color:#e1a47c;
}

.krl li a:hover, .krl3 a:hover, .krl #current, .krl p a:hover{
	background-color:#e1a47c;
	color:#ffffff;
}

/* Inhaltsaufführung auf der Startseite eines jeden Themas - Entfaellt? */	
.krl2 {
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 1px; 
	COLOR: #666666; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: left;
}



/* ***** 08 Content Verstehen - FORMATIERUNG FÜR DIE BEITRÄGE/KOMMENTARE */
/* Kastenformatierung für den Erstbeiträge/Themen */	
.ver, .ver2 {
	border: #5F985F 2px dashed; 
	padding:20px;
	margin:30px; 
	BACKGROUND-COLOR: #DCF7D4;
	width:353px;
	overflow:hidden;
}
/* Kastenformatierung für die Antworten*/	
.ver2 {
	BACKGROUND-COLOR: #FFFFFF;
}
/* Linkformatierung in den Beitragskästen - überall gleich bis Hover*/	

.verl a:hover{
	BACKGROUND-COLOR: #9ED99E;
}
/* Schriftformatierung im Kasten bei den Kinderrechten */	
.vers {
	FONT-SIZE: 10px; PADDING-BOTTOM: 1px; COLOR: #93877C; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
/* Navigation Content & rechts */	
.vrl h3, .vrl h1, .vrl2 a{
	color:#629A62;
}

#box_center .vrl ul{
	margin-bottom:12px;

}
#box_center .vrl li{
	list-style-image:url(../a_nav/s_li_mel.gif);
	margin:3px 0 6px 14px;
	line-height:18px;
	/*font-size:12px; */
}
.vrl li a, .vrl p a{
	color:#629A62;
}

.vrl li a:hover, .vrl3 a:hover, .vrl #current, .vrl2 a:hover, .vrl p a:hover{
	background-color:#629A62;
	color:#ffffff;
}

/* Inhaltsaufführung auf der Startseite eines jeden Themas - Entfaellt? */	
.vrl2 {
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 1px; 
	COLOR: #666666; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: left;
}
.vrl3, .vrl3 a{
	font-weight:bold;
	color:#629A62;
}


/* 12 Content AUSMALEN FOTMATIERUNG */
.aus{
	border: #E8780C 2px dashed; 
	width:auto;
	margin:0 0 4px;
	padding:3px;
	font-size:11px;
	text-align:center;
}

/* Linkformatierung in den Beitragskästen - überall gleich bis Hover*/	
/* Navigation Content & rechts */	
.amrl h3, .amrl h1{
	color:#D96C02;
}
.amrl li a:hover, .amrl li a:hover, .amrl #current{
	background-color:#D96C02;
	color:#ffffff;
}

/* 13 SPIELE AUSMALEN FOTMATIERUNG */
.spi {
	border: #93877C 1px dashed; 
	width:96px;
	height:102px;
	margin:0 10px 10px 0;
	padding:3px;
	font-size:10px;
	text-align:left;
	display:block;
	float:left;
	background-color:#f0f0f0;
}

.spit {
  margin-left:4px;
  font-size:10px;
  line-height:normal;
  overflow:auto;
}

/* GROSSVATER MEINT & MELLVIL REGELN */

/* Kastenformatierung */	
.gro {
	BORDER: #5691A2 2px dashed; 
	PADDING: 20px; 
 	MARGIN: 30px; 
	BACKGROUND-COLOR: #FFFFFF;
}

/* Linkformatierung MELLVIL Regeln*/	
.grol A:active {
	COLOR: #666666; 
	BORDER-BOTTOM: #666666 1px dotted;
}
.grol A:hover {
	BORDER-BOTTOM: #666666 1px dotted; 
	BACKGROUND-COLOR: #E6E6E6;
}
.grol A:visited {
	COLOR: #666666; 
	BORDER-BOTTOM: #666666 1px dotted; 
	TEXT-DECORATION: none;
}
.grol A:link {
	COLOR: #666666; 
	BORDER-BOTTOM: #666666 1px dotted; 
	TEXT-DECORATION: none
}
.grol {
	FONT-SIZE: 10px; 
	COLOR: #666666; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: right;
}

/* Linkformatierung in den Beitragskästen - überall gleich bis Hover*/	
/* Navigation Content & rechts */	
a.srl , .srl h3, .srl h1{
	color:#818080;
}
a:hover.srl , .srl li a:hover, .srl li a:hover, .srl #current{
	background-color:#818080;
	color:#ffffff;
}
/* Trenner Spieleseite */
.tre-spi {
	background-image:url(../a_nav/tre_spi.gif);
	margin:0;
	float:none;
}

/* 11 GRUSSKARTEN  FOTMATIERUNG */
.grk {
	width:142px;
	margin:0 8px 15px 0;
	font-size:11px;
	text-align:left;
	display:block;
	float:left;
}


/* Linkformatierung in den Beitragskästen - überall gleich bis Hover*/	
/* Navigation Content & rechts */	
a.grl , .grl h3, .grl h1{
	color:#AE5579;
}

a:hover.grl, .grl li a:hover, .grl #current, #box_center input.form-btn.fright.grl{
	background-color:#AE5579;
	color:#ffffff;
}



/* Trenner Grusskartenseite */
.tre-gru {
	background-image:url(../a_nav/tre_gru.gif);
	margin:0;
	float:none;
}

/*Grusskarte a (orange)*/

/* Formularfeld für Nachricht */
.gna {
	font-size: 11px; line-height: 140%; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #E07F29; background-color: #FFFFFF; border: 1px solid #E07F29; width: 177px; height: 200px 
} 

/* weitere Formularfelder */
.gfa {
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #E07F29; background-color: #FFFFFF; border: 1px solid #E07F29; width: 160px;
} 

/* Schriftformatierung für Karte */	
.gta {
	FONT-SIZE: 10px; COLOR: #E07F29; LINE-HEIGHT: 140%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left;
}

/*Grusskarte b (rot)*/

/* Formularfeld für Nachricht */
.gnb {
	font-size: 11px; line-height: 140%; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #D43C0D; background-color: #FFFFFF; border: 1px solid #D43C0D; width: 177px; height: 200px 
} 

/* weitere Formularfelder */
.gfb {
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #D43C0D; background-color: #FFFFFF; border: 1px solid #D43C0D; width: 160px;
} 

/* Schriftformatierung für Karte */	
.gtb {
	FONT-SIZE: 10px; COLOR: #D43C0D; LINE-HEIGHT: 140%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left;
}

/*Grusskarte c (lila)*/

/* Formularfeld für Nachricht */
.gnc {
	font-size: 11px; line-height: 140%; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #B35BAD; background-color: #FFFFFF; border: 1px solid #B35BAD; width: 177px; height: 200px 
} 

/* weitere Formularfelder */
.gfc {
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #B35BAD; background-color: #FFFFFF; border: 1px solid #B35BAD; width: 160px;
} 

/* Schriftformatierung für Karte */	
.gtc {
	FONT-SIZE: 10px; COLOR: #B35BAD; LINE-HEIGHT: 140%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left;
}

/*Grusskarte d (grün)*/

/* Formularfeld für Nachricht */
.gnd {
	font-size: 11px; line-height: 140%; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #97B30D; background-color: #FFFFFF; border: 1px solid #97B30D; width: 177px; height: 200px 
} 

/* weitere Formularfelder */
.gfd {
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #97B30D; background-color: #FFFFFF; border: 1px solid #97B30D; width: 160px;
} 

/* Schriftformatierung für Karte */	
.gtd {
	FONT-SIZE: 10px; COLOR: #97B30D; LINE-HEIGHT: 140%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left;
}

/*Grusskarte e (blau)*/

/* Formularfeld für Nachricht */
.gne {
	font-size: 11px; line-height: 140%; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #3296B2; background-color: #FFFFFF; border: 1px solid #3296B2; width: 177px; height: 200px 
} 

/* weitere Formularfelder */
.gfe {
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #3296B2; background-color: #FFFFFF; border: 1px solid #3296B2; width: 160px;
} 

/* Schriftformatierung für Karte */	
.gte {
	FONT-SIZE: 10px; COLOR: #3296B2; LINE-HEIGHT: 140%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left;
}

/*Grusskarte f (grau)*/

/* Formularfeld für Nachricht */
.gnf {
	font-size: 11px; line-height: 140%; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #8E8D8D; background-color: #FFFFFF; border: 1px solid #8E8D8D; width: 177px; height: 200px 
} 

/* weitere Formularfelder */
.gff {
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #8E8D8D; background-color: #FFFFFF; border: 1px solid #8E8D8D; width: 160px;
} 

/* Schriftformatierung für Karte */	
.gtf {
	FONT-SIZE: 10px; COLOR: #8E8D8D; LINE-HEIGHT: 140%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left;
}




/* ---------  --------- */
/* Verlinkung für das Durchblättern der Seiten, wenn die Beiträge für eine Seite zu viel werden */	
.sl, .sl a {
	FONT-SIZE: 10px;
	COLOR: #4f4f4f; 
	/*FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: left*/
}

p.sl {
	margin:-15px 30px 15px;
}
.sl a:hover {
	COLOR: #7E7369; BACKGROUND-COLOR: #CCE3E9
}

/* ---------- @ 07 Formulare -----------*/
input, textarea, submit {
	font-family:Verdana, Arial, Sans-Serif;
	font-size:12px;
	margin:0;
	padding:0;
}

input[type="text"], input[type="password"], textarea{
	border:1px solid #ACACAC;
}

.form, form {
	margin:0;
	padding:0;
}
.post {
	width:350px;
}
 
.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;
}
/* 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;
}

.col-right-sf{
	width:245px;
	margin:12px 7px 14px 27px;
}

.col-right-sf{
	width:225px;
}

/* Einspaltige Box */
.col-s {
	width:290px;
	padding:0;
	margin:12px 0 4px 14px;
}

.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:#4e7b97;
	border:none;
	margin:10px 6px 0 0;
	padding:0 3px;
	width:auto;
	vertical-align:middle;
	overflow:visible;
	cursor:pointer;
}
input.btn-index {
	background-color:#c7e1e8;
	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;
}

.post-p{
	width:290px;
}
/* Versenden */
#vform-send {
	display:block;
}

#versenden, #vform-error, #vform-success {
	/*comment to test the forms and make them visible by default: */
	display:none;
}

#versenden h1{
color:#72abbb;
}

.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;
}


/* ---------- @ 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:#72abbb;
	font-size:11px;
}
a.btn-warn {
	padding:1px 4px;
 	background-color:#72abbb;
	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 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:#83c669;
}
.s-lied ul, .s-lied li, .s-lied a{
	color:#a385a2;
}
.s-lied a:hover {
	color: #ffffff;
	background-color: #a385a2;
}
.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 p {    
    font-size:12px;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;        
}
.s-spiel ul, .s-spiel li, .s-spiel li a {
	color:#73820e;
}
.s-spiel li {            
    line-height:12px;   
}
.s-spiel p {    
    margin-left:14px;    
    margin-bottom:6px;
}
.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 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 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; width:auto;}
.flcl{ clear:left; width:auto;}

.inl { display:inline;}

.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;}
.bgg {background-color:#b99766;}
 
.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;}

/* ---------- @ 11 Ausmalen -----------*/

/* Einspaltige Box */
.col-am {
	width:227px;	
}

.col-am2 {
	font-size: 11px;
	line-height:16px;
	width:200px;
	padding:5px;
	margin-bottom: 5px;
	margin-top: 5px;
	BORDER: #FAA61A 1px dashed;
}

.col-am3 a{
	color:#FFFFFF;
	font-size: 11px;
	line-height:16px;
	background-color:#E8780C;
	margin-left: 160px;
}