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

{{Zzzebra }}
8.2a5ce - Zzz Blau Standard >> 8.78787
e.4eef6 - Hellblau aus Zzz Hintergrund >> E.7E7E7
c.7d9e8 - Mittelblau aus Zzzz Hintergrund >> D.1D1D1
1.a6da5 - Testweise aus zzzebra >>  8.B8989
9.e914d - Gegenfarbe Beige Braun >> Knallpink A.62357
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 {
	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;
}


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

/* 2te Überschrift für den Lauftext */	
h2, h3 {
	font-size: 12px;
	font-weight: bold;
	color: #4f4f4f;
	margin:3px 0 0;
}

/* 3.te Überschrift u.a. in Sidebar */	
h3 {
	color: #878787;
}



/* ---------- @ 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;
}
/* Kleinere Version für Galerie */
.tre_kl {
	width:422px;
	height:16px;
	background-image:url(../a_nav/tre_kl.gif);
	background-repeat:no-repeat;
	margin:13px 6px 5px 8px;
	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:#D1D1D1;
}

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

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

/* ---------- @ 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.gif);}
#btn-spiel:hover{ background-image:  url(../a_nav/btn_spiel_o.gif);}

#btn-kiku { background-image:  url(../a_nav/btn_kiku_o.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:#878787;
	margin-top:6px;
	vertical-align:center;
}

/* Formular Einfache Suche Eingabefeld + Button */
.suchleiste input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	vertical-align:center;
	padding:1px;
	margin-top:2px;
}
input.search-form-btn {
	background:none;
	border:none;
	cursor:pointer;
}
/*a.search-form-btn{
	vertical-align:middle;
}
#box_suchleiste_right p {
	vertical-align:middle;
}*/
/* ---------- @ 05 Sidebar  -----------*/
/* RELAUNCH: Sidebar  */
.sidebar {
	margin: 10px 14px 0 14px; 
	padding:0;
	padding-top:16px;
	color:#8B8989;
	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:#878787;
	color:#ffffff;
}
.sidebar img{
	margin-top:0;
}

/* Hervorhebung des aktuellen Menuepunkts rechts und des aktuellen Buttons im Inhaltsverzeichnis */
#current, #current-btn {
	background-color:#878787;
	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;
}
ul.sub_nav{
	margin-bottom:-10px;
}
#i1o, #i2o, #i3o, #i4o, #i5o, #i6o, #i7o, #i8o, #i9o, #i10o, #i11o, #i12o, #i13o, #i14o, #i15o {
	display:none;
}
/* Hervorhebung des aktuellen Menuepunkts links und MouseOver Techniken */
#current-technik, #box_sidebar_left .sidebar li a:hover{
	background-color:#A62357;
	color:#ffffff;
}

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

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

.bub-cbox{
	margin:0;
	padding:3px 3px 3px 8px;
}

.bub-content h3{
	padding:0;
	margin:0;
}

.bub-content p{
	font-size:10px;
	line-height:normal;
	margin:0 0 6px;
}
.bub-content strong {
	/*font-weight:bold;*/
	font-size:10px;
	color:#A62357;
	margin:0;
}
.bub2-box{
	width:119px;
	margin:0;
	padding:0;
	border:0;
	overflow:auto;
}
.bub2-box img{
	margin:0;
	padding:0;
	border:0;
}
.bub2-top{
	height:11px;
}
.bub2-bot{
	height:14px;
}
.bub2-content{
	width:119px;
	background-image:url(../a_nav/bub2_con.gif);
	background-repeat:repeat-y;
	font-size:11px;
	min-height:80px;
	height:auto;
	/*padding:0px 3px 3px 8px;*/
}

.bub2-content h3, .bub2-content li{
	color:#656565;
	margin:0 0 4px;
}
.bub2-content ul{
margin-bottom:0;
}
.bub2-content a:visited{
	color:#656565;
}
.sidebar a.mehr{
	font-weight:bold;
	color:#878787;
}
.sidebar a:hover.mehr{
	background-color:#878787;
	color:#FFFFFF;
}

.sidebar a.pinklink,.sidebar a.pinklink2 {
	font-weight:bold;
	font-size:10px;
	color:#A62357;
	margin:0;
}
.sidebar a:hover.pinklink{
	background-color:#A62357;
	color:#FFFFFF;
}
.sidebar a:hover.pinklink2{
	text-decoration:underline;
}
/* ---------- @ 06 Content -----------*/

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

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

/* Untertitel und Footer */
.subline a, .subline img{
	color:#A62357;
	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:#878787;
}

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

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

/* Startseite / Galleriebereich */
.gal-tab {
	width:450px;
	height:450px;
	background-image:url(../a_nav/gal_hin.gif);
	vertical-align:middle;
	text-align:center;
	border:0;
	margin: 0 0 20px 0;
}

.gal-box {
	width:450px;
	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-content{
	width:450px;
	background-color:#F2F2F2;
	height:auto;
}

.gal_tab_thmb {
	font-size:10px;
	font-size:normal;
	color:#4f4f4f;
	margin-left: 16px
}
.gal_tab_thmb a {
	font-size:10px;
	font-size:normal;
	color:#4f4f4f;
}
.gal_tab_thmb td {
	width:102px;
	padding-top: 4px;
	overflow:hidden;
	vertical-align:bottom;
	text-align:center
}
.gal_tab_thmb .vt {
    padding-bottom: 14px
}
.gal_title {
	margin:4px 18px 10px;
	padding:0;
	font-size:11px;
	font-weight:bold;
	color:#878787;
 	width:400px;
}
.gal_slide {
	 text-align:right;
	 width:160px;
}
/* Detailseite / Galleriebereich */
.gal-blaettern {
	float:right;
	text-align:right;
	width:150px;
	margin:10px 0 0 0;
}

.gal-num {
	border: 1px dashed #A62357;
	background-color:#ffffff;
	font-size:11px;
	color:#A62357;
	/*width:170px;*/
	display:inline;
	margin:0px 6px;
	padding:1px 4px;
	text-align:center;
	/*height:14px;*/
	vertical-align:top;
}
/* Detailseite - Bildinfo */
#bildinfo{
	display:none;
}
#technik1, #technik2, #technik3, #technik4, #technik5, #technik6, #technik7, #technik8, #technik9, #technik10 {
	display:block;
}
#technik1info, #technik2info, #technik3info, #technik4info, #technik5info, #technik6info, #technik7info, #technik8info, #technik9info, #technik10info {
	display:none;
}

a.shoplink {
	color:#A62357;
	text-decoration:underline;
}
a:hover.shoplink {
	background-color:#A62357; 
	color:#FFFFFF;
	text-decoration:none;
}
/* Tagclouds */

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

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

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

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

a.tc5{
	font-weight:bold;
	color:#bababa;
}
/* Suchergebnisse */
.gal_se {
	/* edit */
	width:414px;
	float:right;
	/*font-size:12px;*/
}
p.kl{
	font-size:10px;
	font-weight:normal;
	margin:5px 0 0;
}
p.kl b {
	color:#878787;
}

p.g-more{
	text-align:right;
	font-size:11px;
	/*
	vertical-align:bottom;*/
	margin:8px 0 -3px;
}
/* Box fuer Technikbeschreibung */	
.tech-box {
	 border:2px dashed #878787;
	 margin:10px 30px;
	 padding:20px;
}
.tech-box a {
	color:#A62357;
	text-decoration:underline;
}
.tech-box a:hover{
	background-color:#A62357; 
	color:#FFFFFF;
	text-decoration:none;
}
.tech-box h2, #bildinfo h2 {
 font-size:14px;
}


/* 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:185px;
	float:right;
	text-align:right;
	margin-right:inherit;
	margin:4px 8px 4px 0px;
}

p.sl {
	/*18px falls rechtsbuendig*/
	margin:6px 18px 4px auto;
	
}
/*.sl a:hover {
	COLOR: #7E7369; BACKGROUND-COLOR: #CCE3E9
}*/


/* Vertikale Ausrichtung der Text tds*/
td.vt{
	vertical-align:top;
}

/* 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_zzz.gif);
	font-size: 11px;
	font-weight: normal;
	color:#A62357;
	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:#A62357;
}

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

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


/* ---------- @ 07 Formulare -----------*/
input, textarea, submit, select {
	font-family:Verdana, Arial, Sans-Serif;
	font-size:12px;
	margin:0;
	padding:0;
}
input, textarea, checkbox, select{
	border-width:1px; 
 	border-color:#ACACAC; 
 	border-style:solid;
}
submit {
 /* 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;
}
/* 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 0;
}
select {
	width:195px;
}
.col-left-sf input {
	width:193px;
	padding:1px 0;
}

/* 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:#A62357;*/
	background-color:#8B8989;
	border:none;
	margin:10px 6px 0 0;
	padding:0 3px;
	width:auto;
	vertical-align:middle;
	overflow:visible;
	cursor:pointer;
}
input.btn-index {
	background-color:#D1D1D1;
	margin-top:3px;
}

textarea.send_msg {
	height:111px;
	width:247px;
}

.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-detail {
	height:280px;
}

.such-box-stichw {
	height:102px;
}

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

#versenden, #vform-error, #vform-success {
	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;
}


/* ---------- @ 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:#878787;
	font-size:11px;
}
a.btn-warn {
	padding:1px 4px;
 	background-color:#878787;
	font-size:11px;
	
}
/* ---------- @ 09 Colours -----------*/
/* Zzzebra */
.s-zzz h1, .s-zzz h3{
	color:#878787;
}
.s-zzz ul, .s-zzz li, .s-zzz a{
	color:#A62357;
}
.s-zzz a:hover {
	color: #ffffff;
	background-color: #A62357;
}
.s-zzz .col-se li{
	list-style-image:url(../a_nav/s_li_zzz.gif);
}


/* Kikunst */
.s-kiku h1, .s-kiku h3{
	/*color:#faa61a;*/
}
.s-kiku ul, .s-kiku li, .s-kiku a{
	color:#A62357;
}
.s-kiku li a:hover {
	color: #ffffff;
	background-color: #A62357;
}

.s-kiku .col-se li{
	list-style-image:url(../a_nav/s_li_kiku.gif);
}

.s-kiku .col-se li a.shop {
	font-size:9px;
	color:#4f4f4f;
}

.s-kiku .col-se li a.shop:hover {
	color:#FFFFFF;
	background-color:#4f4f4f;
}

.s-kiku li a.shoplink_img:hover, a.shoplink_img, a.shoplink_img img  {
	vertical-align: text-top;
	padding-top: 2px;
	text-decoration:none;
	background-color:#FFFFFF;
}



/* ---------- @ 10 Misc -----------*/
.bg-pink, input.form-btn.bg-pink {background-color:#A62357;}
.pink {color:#A62357;}

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

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

.no-h{height:1px;}

/* ---------- Some styles for admin menu ---------- */
#adminmenu, #adminmenu a {
	font-family:Verdana, Arial, Sans-Serif;
	font-size:10px;
	font-weight:bold;
	color:orange;
	text-align:right
} 
#adminmenu a:hover {
	color:#FFFFFF;
	background-color:orange
}