/* *** CLICKPIX-Startseite *** */


/* GRUNDDEFINITIONEN / Neutralisierung von Vorgaben */

html, body, table {
  color: black;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  margin: 0;
  padding: 0;
}
h1, h2, h3 {
  color: black;
  margin: 0 0 10px 0; /* top, right, bottom, left */
  padding: 0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 16pt;
}

form { margin: 5 0 0 0; }


/* individuell gestaltete Tags */

h1 {
  font-family:Comic Sans MS,Times New Roman,Times;
  font-size: 15pt;
}

p { margin-top: 20px; }

img { border-style: none; }
img.monat {
  border-style: solid;
  border-color: black;
  border-width: 2px;
}
img.pete {
  border-style: solid;
  border-color: white;
  border-width: 1px;
}
font.pete {
  color: white;
  font-size: 8pt;
}

a:link, a:visited, a:active {
  color: #c00000;
  text-decoration: underline;
}
a:hover {
  color: #333333;
  text-decoration: underline;
}

a:link.normal, a:visited.normal, a:active.normal {
  color:black;
  cursor:text;
  text-decoration:none;
}

a:link.info, a:visited.info, a:active.info {
  color:black;
  text-decoration:none;
}
a:hover.info {
  color:black;
  text-decoration:underline;
}

/* Multifunktions-Klassen */

.top {color:#c00000; font-weight:bold;}
.sline {line-height:3px}
.line {height:4px; line-height:4px}
.space {height:10px; line-height:10px}
.bspace {height:25px; line-height:25px}


/*  RAHMEN  */

#frame {
  background-color: #2266ee;
  border-style: solid;
  border-color: black;
  border-width: 1px;
  padding: 25px 25px 25px 25px; /* top, right, bottom, left */
  position:relative;
  text-align:left; 
  width: 1010px; 
}

#head {
  font-size: 10pt;
  position: absolute;
  left: 30px;
  width: 800px;
}

#logo {
  border-style: none;
  z-index: 1000;
  position: relative;
  left: -4px;
  top: 1px;
}

#logokasten {
  background-color: #2266ee;
  margin: 0;
  padding: 0;
  position:relative;
  text-align:left; 
}

table.content {
  background-color: #2266ee;
  border-width: 0;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 960px;
}
td.menu {
  vertical-align: top; /* kann nicht in der table-Def festgelegt werden! */
  width: 215px;
}
td.inhalt {
  color: yellow;
  padding: 0 12px 0 12px;
  vertical-align: top;
  width: 530px;
}
td.info {
  vertical-align: top; /* kann nicht in der table-Def festgelegt werden! */
  width: 215px;
}


/*  ELEMENTE  */

.kasten, .main, .main2, .topmenu {
  background-color: white;
  border-style: solid;
  border-color: black;
  border-width: 2px;
  color: black;
  margin: 0 0 12px 0;
  padding: 4px 0 12px 0;
  position:relative;
  text-align:left; 
}
.main, .main2 {
  padding: 15px 20px 20px 30px;
}
.main { background-color: #ffff88; }
.kasten a:link, .kasten a:visited, .kasten a:active {
  color: #c00000;
  text-decoration: none;
}
.kasten a:hover {
  color: #333333;
  text-decoration: underline;
}
.image {
  background-color: white;
  border-style: solid;
  border-color: black;
  border-width: 2px;
  color: black;
  margin: 0 0 12px 0;
  padding: 4px -2px -5px 0;
  position:relative;
  text-align:left; 
  width: 215px;
}

.topmenu {
  background-color: #ffff88;
  font-size: 8pt;
  margin: 4px 0 10px 0;
  padding: 2px 20px 2px 0;
  text-align: right;
}
.topmenu a:link, .topmenu a:visited, .topmenu a:active {
  color: black;
  text-decoration: none;
}
.topmenu a:hover {
  color: black;
  text-decoration: underline;
}

.kategorie {
  font-weight: bold;
  line-height: 14pt;
  margin: 0;
  padding: 10px 2px 0px 15px;
}
.eintraege {
  background-color: white;
  line-height: 14pt;
  margin: 0;
  padding: 2px 2px 0px 15px;
}
.news  {
  background-color: white;
  font-size: 8pt;
  margin: 0;
  padding: 5px 3px 2px 15px;
}

.blue {
  background-color: #2266ee;
  color: white;
  font-size: 8pt;
  margin: 0 0 12px 0;
  padding: 20px 2px 20px 2px;
  position:relative;
  text-align:left; 
}
.blue a:link, .blue a:visited, .blue a:active {
  color: yellow;
  text-decoration: underline;
}
.blue a:hover {
  color: white;
  text-decoration: underline;
}
.blue .top {
  color: yellow;
  font-weight: bold;
}