body {
      color: #000000;
      background-color: #ffffff;
      margin: 0; 
        font-family: Verdana, Arial, Helvetica, sans-serif;
        scrollbar-arrow-color: #c60063;
        scrollbar-base-color: #ffe7ef;
}

body, table, font { /* Why do tables use larger font otherwise? */
        font-size: 10pt;
        color: #000;
        }

/* default alignment of table cells */
td, th, tr {vertical-align: top; text-align: left; }

/* no borders on images */
img { border: 0px; }

address, blockquote, div,
caption, cite, dfn, dl, dt,
fieldset, img, input, label, legend,
li, ol, option, p, q,
select, textarea, td, th, ul, b {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10pt;
      color: #000000;
      }

h1  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14pt;
  font-weight: normal;
  color: #c60063;
  background-color: transparent;
  text-transform: uppercase;
  padding-top: 0px;
  padding-bottom: 20px;
  margin: 0px
}

h1.rubriktitel
  {margin-left: 15px; }

h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13pt;
  color: #564b47;
  font-weight: normal;
  background-color: transparent;
  text-transform: uppercase;
  padding-top: 0px;
  padding-bottom: 10px;
  margin: 0px;
}

h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #564b47;
  background-color: transparent;
  text-transform: uppercase;
  padding-top: 5px;
  padding-bottom: 10px;
  margin: 0px;
}

h4 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:9pt;
  font-weight: bold;
  color: #564b47;
  background-color: transparent;
  text-transform:uppercase;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0px
}


/* Seitenkopf inkl. horizonatler Zusatznavi sowie Zusatznavi in Fusszeile ######################### */
td.kopf {background-image:url(../abb/kopf_Uebersicht.jpg); background-repeat: no-repeat; }
td.sprachauswahl {vertical-align: bottom; text-align: left }
td.kopf_logozelle {vertical-align: bottom; text-align: left }
td.kopf_slogan      {background-color:#c60063; color:#ffffff; font-weight: bold; text-align: left }
td.kopf_zusatznavi  {background-color:#c60063; color:#ffffff; font-weight: normal; text-align: right }
a.kopf_zusatznavi:link, a.fuss_zusatznavi:link { color:#ffffff; text-decoration:none; font-weight: normal; font-size: 8pt; padding: 2px;}
a.kopf_zusatznavi:visited, a.fuss_zusatznavi:visited { color:#ffffff; text-decoration:none; font-weight: normal; font-size: 8pt; padding: 2px;}
a.kopf_zusatznavi:hover, a.fuss_zusatznavi:hover { color:#ffffff; text-decoration:underline; font-weight: normal; font-size: 8pt; background-color: #c60063; padding: 2px;}
a.kopf_zusatznavi:active, a.fuss_zusatznavi:active { color:#ffffff; text-decoration:underline; font-weight: normal; font-size: 8pt; background-color: #c60063; padding: 2px;}


td.linke_Spalte {
  background-color: #ffe7ef;
  text-align: left;
  vertical-align: top;
}

/* Hauptnavigation ################################################################################ */
#hauptnavigation {
  margin:   8px;
  padding:  8px;
}

#hauptnavigation ul {
  list-style-type: none;
  margin:   0px;
  padding:  0px;
  width:    13em;
}

#hauptnavigation li {
  margin:   0px;
  padding:  0px;
}

#hauptnavigation a:link {
  color: #4D6B51;
  background-color: #ffe7ef;
}
#hauptnavigation a:hover {
  color: #ffffff;
  background-color: #4D6B51;
}

#hauptnavigation li a {
  display: block;
  color: #4D6B51;
  background-color: #ffe7ef;
/*  width: 13em;
  padding: 3px 2.5em 3px 0.5em; */
  padding-left: 0.5em;
  text-decoration: none;
  border-bottom: 4px solid #ffe7ef;
  border-top: 4px solid #ffe7ef;
  font-weight: bold;
}
         /* Einruecken der 2. Ebene */
#hauptnavigation li li a { display: block;
/*  width: 13em;
  padding: 3px 1.5em 3px 1.5em; */
  padding-left: 1.5em;
}
         /* Einruecken der 3. Ebene */
#hauptnavigation li li li a { display: block;
/*  width: 13em;
  padding: 3px 0.5em 3px 2.5empx; */
  padding-left: 2.5em;
}
         /* aktive Haupt-Ebene einfaerben */
#hauptnavigation li.active a {
  color: #FFFFFF;
  background-color: #c60063;
}
#hauptnavigation li.active a:hover {
  color: #FFFFFF;
  background-color: #4D6B51;
}
         /* jede aktive 2. Ebene einfaerben */
#hauptnavigation li.active li.active a {
  color: #FFFFFF;
  background-color: #c60063;
}
#hauptnavigation li.active li.active a:hover {
  color: #FFFFFF;
  background-color: #4D6B51;
}
         /* jede aktive 3. Ebene einfaerben */
#hauptnavigation li.active li.active li.active a {
  color: #FFFFFF;
  background-color: #c60063;
}
#hauptnavigation li.active li.active li.active a:hover {
  color: #FFFFFF;
  background-color: #4D6B51;
}
         /* eine nicht aktive Unterebene wird in der urspruenglichen Farbe dargestellt */
#hauptnavigation li.active li a {
  color: #4D6B51;
  background-color: #ffe7ef;
}
         /* eine nicht aktive Unterebene wird in der urspruenglichen Farbe dargestellt */
#hauptnavigation li.active li.active li a {
  color: #4D6B51;
  background-color: #ffe7ef;
}

/* ################################################################################################ */

.CIboldcaps
  {color:#c60063; font-weight: bold; text-transform: uppercase;}

b, .CIbold
  {color:#c60063; font-weight: bold;}

.CI
  {color:#c60063; }

sup, sub
  { font-size: 0.5em; }



.geschuetztebereiche {
  background-color: #ffffff;
  padding:5px 15px;
  margin: 0px;
  text-align: left;
  font-size: 9pt;
  border-top: 1px solid #4D6B51;
  border-bottom: 1px solid #4D6B51;
}

a.sprache:link,
a.sprache:visited,
a.login:link,
a.login:visited { color:#4D6B51; text-decoration:none; font-weight: normal; font-size: 9pt; padding: 4px;}
a.sprache:hover,
a.sprache:active,
a.login:hover,
a.login:active   { color:#ffffff; text-decoration:none; font-weight: normal; background-color: #4D6B51; }



.button, .resetbutton, .submitbutton {
  font-size: 10pt;
  font-weight: normal;
  color: #000000;
  background-color: #FFC1D7;
  border-left:   1px solid #576675;
  border-bottom: 1px solid #576675;
  border-right:  1px solid #576675;
  border-top:    1px solid #576675;
  }

div.formbuttons {
  text-align: center;
}


.formkurz {
  font-size: 10pt;
  font-weight: normal;
  color: #000000;
  background-color: #ffffff;
  border-left:   1px solid #999999;
  border-bottom: 1px solid #999999;
  border-right:  1px solid #999999;
  border-top:    1px solid #999999;
  width: 60px;
}

.formlang, .username, .password {
  font-size: 10pt;
  font-weight: normal;
  color: #000000;
  background-color: #ffffff;
  border-left:   1px solid #999999;
  border-bottom: 1px solid #999999;
  border-right:  1px solid #999999;
  border-top:    1px solid #999999;
  width: 180px;
}

.formtextarea {
  font-size: 10pt;
  font-weight: normal;
  color: #000000;
  background-color: #ffffff;
  border-left:   1px solid #999999;
  border-bottom: 1px solid #999999;
  border-right:  1px solid #999999;
  border-top:    1px solid #999999;
  width: 280px;
}



.searchhighlight {
  background-color:#c60063;
  color:#ffffff;
  font-weight: bold;
  padding-left: 4px;
  padding-right: 4px;
}


td.seiteninhalt {
  border-left: 2px solid #c60063;
  border-right: 2px solid #c60063;
  padding: 30px 25px 20px 20px;
}

/* Elemente von Rubriken ########################################################################## */

div.rubrik_bastelanleitungen h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13pt;
  font-weight: normal;
  color: #564b47;
  background-color: transparent;
  text-transform: uppercase;
  padding-top: 15px;
  padding-bottom: 10px;
  margin: 0px
}

div.rubrik_bastelanleitungen td {
  vertical-align: middle;
  text-align: left;
}

div.bastelanleitung,
div.standard_article,
div.termine,
div.faqs {
  margin-left: 15px
}

div.bastelanleitung h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13pt;
  font-weight: normal;
  color: #564b47;
  background-color: transparent;
  text-transform: uppercase;
  padding-top: 15px;
  padding-bottom: 10px;
  margin: 0px
}

div.bastelanleitung h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  color: #564b47;
  background-color: transparent;
  text-transform: uppercase;
  padding-top: 20px;
  padding-bottom: 10px;
  margin: 0px
}

div.bastelanleitung td {
  vertical-align: top;
  text-align: left;
}

div.bastelanleitung td.abbildungen {
  vertical-align: top;
  text-align: center;
}

div.bastelanleitung td.artikelnummer {
  white-space: nowrap;
}

div.bastelanleitung td.schritte {
  background-color: #ffe7ef;
  color: #9E8E88;
  font-weight: bold;
  font-size: 13pt;
  text-align: right;
}



td.datum {
  text-align: right;
}



div.included_rubric h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #000;
  background-color: transparent;
  text-transform: uppercase;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px
}

div.included_rubric h4 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: #564b47;
  background-color: transparent;
  text-transform: uppercase;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px
}

div.included_rubric td {
  vertical-align: middle;
  text-align: left;
}

div.included_rubric p {
  margin-top: 0px;
  margin-bottom: 0px;
}



.faq {
  padding:5px 10px;
  margin:0px;
  font-size: 9pt;
  border: 1px solid #4D6B51;
}



td.rechte_Spalte {
  background-color: #ffe7ef;
  text-align: center;
  vertical-align: top;
  padding: 0px;
}

img.trends, img.rechte_Spalte {
  border: 1px solid black;
  }



td.fusszeile {
  background-color: #c60063;
  color:#ffffff;
  font-weight: bold;
  text-align: left;
}



.info {
background-color: #ffe7ef;
}


a:link { color:#c60063; text-decoration:none; font-weight: bold; }
a:visited { color:#c60063; text-decoration:none; font-weight: bold; }
a:hover { color:#c60063; text-decoration:underline; font-weight: bold; }
a:active { color:#c60063; text-decoration:none; font-weight: bold; }


a.nav:link { color:#4D6B51; text-decoration:none; font-weight: bold; font-size: 10pt; padding: 3px;}
a.nav:visited { color:#4D6B51; text-decoration:none; font-weight: bold; font-size: 10pt; padding: 3px;}
a.nav:hover { color:#ffffff; text-decoration:none; font-weight: bold; font-size: 10pt; padding: 3px; background-color: #4D6B51; }
a.nav:active { color:#ffffff; text-decoration:none; font-weight: bold; font-size: 10pt; padding: 3px; background-color: #4D6B51; }

a.navhier:link { color:#ffffff; text-decoration:none; font-weight: bold; font-size: 10pt; padding: 3px; background-color: #c60063; }
a.navhier:visited { color:#ffffff; text-decoration:none; font-weight: bold; font-size: 10pt; padding: 3px; background-color: #c60063;}
a.navhier:hover { color:#ffffff; text-decoration:none; font-weight: bold; font-size: 10pt; padding: 3px; background-color: #c60063;}
a.navhier:active { color:#ffffff; text-decoration:none; font-weight: bold; font-size: 10pt; padding: 3px; background-color: #c60063;}




td.rosa {background-color:#ffe7ef; }



.UE { font-family: Verdana, Arial, Helvetica, sans-serif; color: #c60063; font-size: 16pt; font-weight: bold; }
.UE1 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #c60063; font-size: 14pt; font-weight: bold; }
.UE2 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #c60063; font-size: 12pt; font-weight: bold; }

.form1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; width: 160px}
.form2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; width: 360px}



#navline { border-width:1px; border-style:solid; border-color:#398c21; border-collapse:collapse; }


.pager {margin-top: 1em;}

.more {margin-top: 1em;}

.unsichtbar
 {
  display: none
}

tr.Slide_frames {
  vertical-align: top; text-align: left;
}

td.Slide_centeredcell {
  vertical-align: middle; text-align: center;
}

.ArtClayWorld,
.LikeMyFacebook {
  color:#4D6B51; text-align:center; margin: 1.75em 0
}