@import "navigation.css";

/* klangschalenladen.css  13.8.2008 */
/* Copyright (C) 2008  Layout und CSS: Harri Czesla und Thomas Eber */

body 		{ margin:0px; padding:10px 0px 10px 0px; background-color:#FFFFEC; font-size:13.4px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#000; }

/* "div meta" = Hintergrundfarbe des alles umschließenden DIV: */
div.meta.beige	{ color:#A52A2A; width:90%; max-width:1000px; min-width:950px; margin-top:0px; margin-right:auto; margin-bottom:0px; margin-left:auto; padding:0px; background-color:#FFF9E6; border-style:solid; border-color:#CECEA5 #575746 #575746 #CECEA5; border-width:1px; }

div.meta.blau 	{ width:90%; max-width:1000px; min-width:900px; margin-top:0px; margin-right:auto; margin-bottom:0px; margin-left:auto; padding:0px; background-color:#CCCCFF; border-style:solid; border-color:#CECEA5 #575746 #575746 #CECEA5; border-width:1px; }

div.meta.white 	{ width:90%; max-width:1000px; min-width:900px; margin-top:0px; margin-right:auto; margin-bottom:0px; margin-left:auto; padding:0px; background-image: url(../bilder/wellness2.jpg); border-style:solid; border-color:#CECEA5 #575746 #575746 #CECEA5; border-width:2px; }

a:link 		{ color:#00009E; text-decoration:underline; }
a:visited 	{ color:#333333; text-decoration:underline; }
a:hover 	{ font-weight:bold; color:#ffffff; background-color:#00009E; text-decoration:none; }
a:active 	{ font-weight:bold; color:#ffffff; background-color:#A50000; text-decoration:none; }
a:focus 	{ font-weight:bold; color:#ffffff; background-color:#00009E; text-decoration:none; }

.h1-blau-klein 	{ font-size:13.4px; color:#000090; }
.h1-braun-mg { font-size:15px; color:#8B4513; }
.h2blau 	{ font-size:16px; color:#000090; }
.h4gruen 	{ font-size:15px; color:#007B00; margin-bottom:0%; padding-bottom:0%; }

.p-einzug40R 	{ padding-right:40px; }
.p-einzug40LR 	{ padding-left:40px; padding-right:40px; }

#header 	{ margin:0%; padding:40px 0px 40px 0px; width:100%; text-align:center; background-image:url("/bilder/klangschalen-laden.jpg"); background-repeat:no-repeat; background-position:top; }
h1#pagetitle 	{ margin:0%; padding:0%; font-size:22px; color:#fff; }

#content 	{ width:100%; margin:0%; padding:0px 6px 0px 6px; }
#contentb { width:100%; margin:0%; padding:0px 6px 0px 6px; font-size:12px; }

#mtabelle 	{ width:100%; margin:0%; padding:0%; }
#mtbody 	{ margin:0%; padding:0%; }
#mtr 		{ margin:0%; padding:0%; }

/* linke Spalte (Box/Container): */
#mtdlinks 	{ width:26%; margin:0%; padding:0px; }
/* linke Spalte "beige" (blaue Schrift): */
.divmtdlinks.beige { width:auto; margin:0%; padding:8px 4px 8px 6px; color:#000090; background-color:#FFFFCC; border-style:solid; border-color:#CECEA5 #575746 #575746 #CECEA5; border-width:1px; }
/* linke Spalte "transparent": */
.divmtdlinks.transparent { width:auto; margin:0%; padding:8px 4px 8px 6px; color:#000090; border-style:solid; border-color: #6C1C1C; border-width:1px; }

.divmtdlinks h2 { font-size:16px; }
.divmtdlinks p 	{ margin:0%; padding:6px 2px 6px 0px; }
.divmtdlinks img { margin:8px 0 0 0; padding:0px; }

#mtdmitte 	{ width:74%; margin:0%; padding:0px; }
.divmtdmitte 	{ width:auto; margin:0%; padding:20px 20px 8px 30px; }

.divmtdmitte h1 { font-size:24px; color:#4E0213; }
.divmtdmitte h2 { font-size:18px; color:#4E0213; }
.divmtdmitte h3 { font-size:16px; color:#4E0213; }
.divmtdmitte h4 { font-size:15px; color:#4E0213; }
.divmtdmitte h5 { font-size:14px; color:#4E0213; }

.divmtdmitte.wellness h1 { font-size:24px; color:#A52A2A; }
.divmtdmitte.wellness h2 { font-size:18px; color:#A52A2A; }
.divmtdmitte.wellness h3 { font-size:16px; color:#A52A2A; }
.divmtdmitte.wellness h4 { font-size:15px; color:#A52A2A; }
.divmtdmitte.wellness h5 { font-size:14px; color:#A52A2A; }

.divmtdmitte.blaueschrift { color:#000090; }

.divmtdmitte.blaueschrift h1 { font-size:24px; color:#000090; }
.divmtdmitte.blaueschrift h2 { font-size:18px; color:#000090; }
.divmtdmitte.blaueschrift h3 { font-size:16px; color:#000090; }
.divmtdmitte.blaueschrift h4 { font-size:15px; color:#000090; }
.divmtdmitte.blaueschrift h5 { font-size:14px; color:#000090; }

.singledivmtdmitte 	{ width:66%; margin-top:0%; margin-right:auto; margin-bottom:0%; margin-left:auto; padding:20px 20px 8px 0px; }

.singledivmtdmitte h1 { font-size:24px; color:#4E0213; }
.singledivmtdmitte h2 { font-size:18px; color:#4E0213; }
.singledivmtdmitte h3 { font-size:16px; color:#4E0213; }
.singledivmtdmitte h4 { font-size:15px; color:#4E0213; }
.singledivmtdmitte h5 { font-size:14px; color:#4E0213; }


.bild1 { position:relative; float:left; margin:10px;}
.bild2 { position:relative; float:right; margin:10px;}

.linkbox1 	{ margin-top:20px; margin-left:auto; margin-right:auto; padding:0px; text-align:center; }

a.boxlink1 	{ width:160px; display:block; font-weight:bold; padding:6px 4px 6px 4px; text-align:center; margin-bottom:12px; margin-left:auto; margin-right:auto; border-style:solid; border-width:1px; border-color:#BBBBBB #353535 #353535 #BBBBBB; background-color:#F7F7F7; }
a.boxlink1:hover { background-color:#00009E; text-decoration:none; border-color:#353535 #BBBBBB #BBBBBB #353535; }

.linkbox2 	{ margin-top:20px; margin-left:auto; margin-right:auto; padding:0px; text-align:center; }

a.boxlink2 	{ width:160px; display:block; font-weight:bold; padding:6px 4px 6px 4px; text-align:center; margin-bottom:12px; margin-left:auto; margin-right:auto; border-style:solid; border-width:1px; border-color:#BBBBBB #353535 #353535 #BBBBBB; background-color:#F7F7F7; }
a.boxlink2:hover { background-color:#00009E; text-decoration:none; border-color:#353535 #BBBBBB #BBBBBB #353535; }

#footer 	{ width:70%; margin-top:40px; margin-bottom:12px; margin-left:auto; margin-right:auto; padding:6px 40px 6px 40px; background-color:#FFFFDD; border-style:solid; border-color:#181818 #707070 #707070 #181818; border-width:2px; }

a.a-foo:link 	{ color:#330033; font-weight:bold; }
a.a-foo:visited	{ color:#330033; font-weight:bold; }
a.a-foo-k:visited { color:#330033; font-weight:bold; }
a.a-foo:hover 	{ color:#fff; background-color:#330033; font-weight:bold; }
a.a-foo-k:hover { color:#fff; background-color:#330033; font-weight:bold; }
a.a-foo:active 	{ color:#fff; background-color:#A50000; font-weight:bold; }

/* .a-foo-k */

#Fusszeile { width:72%; padding:4px; margin-top:60px; margin-right:auto; margin-bottom:20px; margin-left:auto; font-size:11px; font-weight:bold; background-color:white; border-style:solid; border-color:#D4D4D4 #696969 #696969 #D4D4D4; border-width:1px; }