/* Style-Sheet für: Bestattungen Kötter */

body { background-color: #ffffff; margin: 0px; padding: 0px }

a:link    { color: #000063; background-color: transparent; text-decoration: none }
a:visited { color: #000063; background-color: transparent; text-decoration: none }
a:hover   { color: #000063; background-color: #cccccc; text-decoration: none }
a:active  { color: #000063; background-color: #cccccc; text-decoration: none }

.rmenu          { background-color: #d2d2d2; margin: 0px 20px 8px; padding: 3px 4px 3px; border-style: solid; border-width: 1px; border-color: #eeeeee #8a8a8a #8a8a8a #eeeeee }

.menu           { color: #000063; background-color: transparent; font-size: 13px; line-height: 15px; font-family: "trebuchet ms", arial, helvetica; font-weight: normal; text-decoration: none; text-align: left; margin: 0px 2px 3px 2px }
.menu a:link    { color: #404040; background-color: transparent; text-decoration: none; font-weight: normal }
.menu a:visited { color: #404040; background-color: transparent; text-decoration: none; font-weight: normal }
.menu a:hover   { color: #000063; background-color: transparent; text-decoration: none; font-weight: normal }

/* Tabelle, Zeilen und Spalten */

.layouttabelle { width: 868px; height: 100% }
.sp_schatten_l { width: 4px; background-image: url(../images/schatten_l4.gif) }
.sp_schatten_r { width: 4px; background-image: url(../images/schatten_r4.gif) }
.sp_menue      { width: 200px; background-color: #cccccc }
.sp_content    { width: 480px; background-color: #f0f0f0 }
.sp_content1   { width: 330px; background-color: #f0f0f0; background-image: url(../images/schatten_v.gif); background-repeat: repeat-y }
.sp_content2   { width: 330px; background-color: #f0f0f0 }
.sp_content3   { width: 660px; background-color: #f0f0f0 }
.sp_addon      { width: 180px; background-image: url(../images/rahmen_rg.gif) }

.kopf_li { width: 200px; height: 150px; background-image: url(../images/kopf150_li3.jpg); margin: 0px; padding: 0px }

.kopf_1m { width: 330px; height: 150px; background-image: url(../images/kopf/kopf_strand_1.jpg); margin: 0px; padding: 0px }
.kopf_1r { width: 330px; height: 150px; background-image: url(../images/kopf/kopf_strand_2.jpg); margin: 0px; padding: 0px }
.kopf_2m { width: 330px; height: 150px; background-image: url(../images/kopf/kopf_wald_1.jpg); margin: 0px; padding: 0px }
.kopf_2r { width: 330px; height: 150px; background-image: url(../images/kopf/kopf_wald_2.jpg); margin: 0px; padding: 0px }
.kopf_3m { width: 330px; height: 150px; background-image: url(../images/kopf/kopf_korn_1.jpg); margin: 0px; padding: 0px }
.kopf_3r { width: 330px; height: 150px; background-image: url(../images/kopf/kopf_korn_2.jpg); margin: 0px; padding: 0px }

.schatten_h1 { width: 330px; background-image: url(../images/schatten_h1.gif); background-repeat: repeat-x }
.schatten_h2 { width: 330px; height: 4px; background-image: url(../images/schatten_h2.gif); background-repeat: repeat-x }

.tab2    { width: 440px; background-color: #FFFFFF; margin-left: 20px }
.tab2_li { width: 210px }
.tab2_mi { width: 15px }
.tab2_re { width: 215px }

.tab3    { width: 140px; margin-top: 2px; margin-left: 20px }

/* Typographie */

h1 { color: #000063; font-size: 24px; font-family: "trebuchet ms", arial, helvetica; font-weight: bold; line-height: 28px; text-align: left; margin: 3px 20px 12px 20px; padding-bottom: 3px }
h2 { color: #000063; font-size: 18px; font-family: "trebuchet ms", arial, helvetica; font-weight: normal; line-height: 21px; text-align: left; margin: 0px 20px 12px 0px; padding-left: 20px; padding-bottom: 2px }
h3 { color: #000063; font-size: 14px; font-family: "trebuchet ms", arial, helvetica; font-weight: bold; line-height: 18px; text-align: left; margin: 0px 20px 6px 20px }
h4 { color: #000063; font-size: 11px; font-family: "trebuchet ms", arial, helvetica; font-weight: bold; line-height: 15px; text-align: left; margin: 0px 20px 6px 20px }
h6 { color: #404040; font-size: 12px; font-family: "trebuchet ms", arial, helvetica; line-height: 14px; text-align: left; font-weight: normal; margin: 0px 20px 0px 20px }
p  { color: #000000; font-size: 13px; font-family: "trebuchet ms", arial, helvetica; line-height: 17px; text-align: left; font-weight: normal; margin: 0px 20px 8px 20px }
.uebr  { color: #000000; background-color: #D6DEEF; font-weight: normal; margin-bottom: 2px; padding: 0px 0 1px 4px }
.grau  { color: #404040 }
.klein { color: #404040; font-size: 11px; line-height: 14px }

/* Abstände */

.abst_1 { height: 5px }
.abst_2 { height: 10px }
.abst_3 { height: 15px }
.abst_4 { height: 20px }
.abst_5 { height: 25px }
.abst_6 { height: 35px }

/* Sonstiges */

.trennstrich { color: #535B85 }
.logo        { background-color: #cccccc; margin: 0px; padding: 10px 0px 22px 20px }
.liste       { color: #202020; font-family: "trebuchet ms", arial, helvetica; font-size: 13px; line-height: 16px; text-align: left; margin: 0px 20px 6px 20px; padding-left: 15px; list-style-image:url(../images/b6x13.gif) }
.liste_k     { color: #404040; font-family: "trebuchet ms", arial, helvetica; font-size: 11px; line-height: 14px; text-align: left; margin: 0px 20px 6px 20px; padding-left: 15px }