/*
@charset "UTF-8";
@charset "iso-8859-1";
*/

/* ALLGEMEIN ---------------------------------------- */

body {
  background-color: rgb(224,224,224);
  font-family: Verdana, Helvetica, sans-serif;
  color: rgb(51, 51, 51);
  font-size: 12px;
  line-height: 1.5;
  /* SCROLLBALKEN IMMER AN */
  overflow-y: scroll;
}
/* ELEMENTE */
img {
  border: 1px solid rgb(0,0,0);
}
ul {
  margin-top: -5px;
}
li {
  list-style-image: url(../graf/tictac_green.gif);
}
h1 {
  font-family; Trebuchet MS, sans serif;
  color: rgb(255, 255, 255);
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 2px;
}
h2 {
  font-family: Trebuchet MS, sans serif;
  color: rgb(102, 153, 51);
  font-size: 18px;
  letter-spacing: 1.31667px;
  margin-top: 0px;
}
h3 {
  font-family: Verdana, Helvetica, sans-serif;
  color: rgb(51, 51, 51);
  font-size: 13px;
/*  margin-top: 20px;*/
}

/* LAYOUT ----------------------------------------------
+---------------------+ ---- all
| head                |
+----------+----------+
| title    | subtitle | -- titlebox
+----------+----------+
| main     | menu     |
|          | aktuell  |
+----------+----------|
| foot     | subfoot  |
+---------------------+
*/

.all {
  position: absolute;
  width: 770px;
  background-image: url(../graf/back_all.gif);
  background-repeat: repeat-y;
  left: 50%;
  margin-left: -385px;
  margin-top: 30px;
  /*border: 1px solid red;*/
}
.head {
  position: relative;
  height: 120px;
  background-image: url(../graf/back_head.gif);
  background-repeat: no-repeat;
  margin-top: -16px;
  padding-top: -20px;
  padding-left: 140px;
  color: rgb(255,255,255);
  /*border: 1px solid red;*/
}
.titlebox {
  background-image: url(../graf/back_title.gif);
  background-repeat: repeat-y;
  position: relative;

  height: 25px;
  padding-top: 15px;
  padding-bottom: 20px;
  padding-left: 50px;
}
.title {
  /*
  position: relative;
  float: left;
  width: 400px;
  height: 25px;
  padding: 20px 20px 10px 50px;
  */
  position:relative;
  float:left;
  background-color:rgb(238,238,238);
  width:426px;
  height:25px;
  margin-left:30px;
  padding:15px 0px 20px 25px;
}
.subtitle {
  /*
  position: relative;
  float: right;
  padding: -10px 20px 0px 0px;
  margin-top: -50;
  color: rgb(255,255,255);
  */
  position:relative;
  float:right;
  background-color:rgb(155,155,155);
  width:239px;
  height:40px;
  margin-right:30px;
  padding:0px 10px 20px 10px;
  color:rgb(255,255,255);
  font-style:italic;
  text-align:center;

  font-size: 11px;
}
.main {
  position: relative;
  float: left;
  width: 400px;
  padding: 10px 20px 10px 50px;
  min-height: 400px;
  /*border: 1px solid red;*/
}
.menu {
  /*background-image: url(../graf/back_menu.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;*/
  position: relative;
  float: right;
  width: 259px;
  margin-right: 30px;
  padding: 35px 0px 0px 0px;
  /*border: 1px solid red;*/
}
.menu_mark {
  color: rgb(102, 153, 51);
}
.aktuell {
  margin: 50px 40px 0px 25px;

}
.foot {
  background-image: url(../graf/back_foot.gif);
  background-repeat: repeat-y;
  position: relative;
  clear: both;
  height: 30px;
  padding: 20px 20px 10px 50px;
  color: rgb(255,255,255);
  /*border: 1px solid green;*/
}











/*
li {
  background:url("graf/tictac_orange.gif") no-repeat scroll 0 6px transparent;
}
*/
menu {
  list-style-image:url(graf/tictac_orange.gif);
}
#navi_theme {
    list-style-image:url(graf/tictac_orange.gif);
}

/* textlinks */
a:link {

  color: rgb(0, 0, 0);
  text-decoration:underline;
}
a:visited {
  color: rgb(0, 0, 0);
  text-decoration:underline;
}
a:hover {
  color: rgb(0, 0, 0);
  text-decoration:underline;
}
a:active {
  color: rgb(0, 0, 0);
  text-decoration:underline;
}

/* menulinks */
#menu a:link {
  font-family: Verdana, Helvetica, sans-serif;
  color: rgb(102, 153, 204);
  font-size: 11.05px;
  text-decoration:underline;
}
#menu a:visited {
  font-family: Verdana, Helvetica, sans-serif;
  color: rgb(102, 153, 204);
  font-size: 11.05px;
  text-decoration:underline;
}
#menu a:hover {
  font-family: Verdana, Helvetica, sans-serif;
  color: rgb(102, 153, 51);
  font-size: 11.05px;
  text-decoration:underline;
}
#menu a:active {
  font-family: Verdana, Helvetica, sans-serif;
  color: rgb(102, 153, 204);
  font-size: 11.05px;
  text-decoration:underline;
}


/* KONTAKT FORM */
.kontakt_input {
  font-family: courier;
  font-size: 10px;
  /*color: rgb(51, 51, 51);*/
  width: 300px;
  border: 1px solid rgb(51, 51, 51);
}
.kontakt_input_versand {
  font-family: courier;
  font-size: 10px;
  color: rgb(120,120,120);
  width: 300px;
  border: 1px solid rgb(120,120,120);
}
