/* Wichtig!

      ####### Galerie #######
      Galerie nutzt die Klassen top und center.
      Ändern nur in includes/bricks/gallery.index.php und hier.
      In gallery.index.php cellpadding und cellspacing der Tabelle
	ändern.
*/

body {
   background-color: #ffffff;
   margin: 0px;
   text-decoration: none;
   color: #000;
   font-size: 11px;
   font-family: verdana, arial, sans-serif;
}

div.header {
   height: 100px;
   background-image: url("./images/head.png");
   background-repeat: repeat;
}

#table_head {
   background: transparent;
   height: 100px;
   width: 990px;
   margin: 0px 0px;
}

/*
   div.head {
   float: left;
   width: 110px;
   height: 100px;
   background-image: url("./images/logo.png");
   background-position: 10px 5px;
   background-repeat: no-repeat;
}
*/

div.main {
   width: 99%;
   margin: 5px 5px;
}

div.left {
   float: left;
   width: 165px;
}

div.pic_left {
   float: left;
   margin: 5px;
   text-align: center;
}

div.pic_right {
   float: right;
   margin: 5px;
   text-align: center;
}

div.right {
   float: left;
   width: 700px;
   margin-left: 5px;
}

div.ads {
   float: left;
   width: 120px;
   margin-left: 5px;
}

div.content {
   width: 100%;
   border: 0px;
   background-color: #f4f4f4;
}

div.content_head {
   height: 25px;
   width: 100%;
   background: url('./images/content_head_l.png');
   color: #fff;
   font-weight: bold;
}

div.content_head_r {
   height: 25px;
   width: 100%;
   background: url('./images/content_head_r.png');
   color: #fff;
   font-weight: bold;
}


img {
   border: 0px;
}

/* Feste Definitionen */

textarea {
   background-color: #fff;
   border: 1px solid #7f7f7f;
   padding-left: 3px;
   width: 250px;
   height: 175px;
}
input.submit {
   background-color: #fff;
   border: 1px solid #7f7f7f;
}

input.string {
   background-color: #fff;
   border: 1px solid #7f7f7f;
   padding-left: 3px;
   width: 200px;
}

input.string_sub {
   background-color: #fff;
   border: 1px solid #7f7f7f;
   padding-left: 3px;
   width: 95%;
   margin-bottom: 3px;
}

a, a:link, a:active, a:visited {
   text-decoration: none;
   color: rgb(3,3,199);
}

a:hover {
   text-decoration: none;
   color: #000;
}

/* Vordefinierte Klassen, die man gebrauchen könnte
a.menu, a.menu:link, a.menu:active, a.menu:visited {
   text-decoration: none;
   color: #fff;
}

a.menu:hover {
   text-decoration: none;
   color: #a7c4e2;
}

a.menu_active, a.menu_active:link, a.menu_active:active, a.menu_active:visited {
   text-decoration: none;
   color: #000;
}

a.menu_active:hover {
   text-decoration: none;
   color: #a7c4e2;
}

a.con, a.con:link, a.con:active, a.con:visited {
   text-decoration: underline;
   color: #a7c4e2;
}

a.con:hover {
   text-decoration: none;
   color: #a7c4e2;
}
*/

div.error {
   border: 1px solid #ff7c49;
   background-color: #ffc8b2;
   font-weight: bold;
   width: 90%;
}

div.text {
   padding: 5px;
}

table {
   border: 0px;
   background-color: #97b0cc;
   width: 100%;
}

td.left {
   text-align: right;
   font-size: 11px;
   background-color: #fff;
   width: 30%;
   vertical-align: top;
}

td.center {
   text-align: center;
   font-size: 11px;
   background-color: #fff;
   vertical-align: top;
}

td.right {
   text-align: left;
   font-size: 11px;
   background-color: #fff;
   width: 70%;
}

td.top {
   text-align: left;
   font-size: 11px;
   width: 100%;
   color: #fff;
   font-weight: bold;
}

span.bold {
   font-weight: bold;
}
span.italic {
   font-style: italic;
}

div.text {
   padding: 5px;
}

ul.menu {
   padding: 0px;
   margin: 0px;
   margin-left: 5px;
   list-style-type: none;
}

li.active {
   font-weight: bold;
}

/*p {
   margin: 3px 0px;
   padding: 0px;
}*/

h2 {
   margin: 2px;
}

h3 {
   color: rgb(3,3,199);
   margin: 2px 0px;
}