* {
margin: 0;
padding: 0;
}
body {
font: 70% Verdana, Arial, Helvetica, sans-serif;
color:#CCCCCC;
background: #191E28;
width:100%;
}
h1 {
font: normal 1.5em Verdana, Arial, Helvetica, sans-serif;
color:#CCCCCC;
margin: 0 0 5px 0;
padding: 5px 0 0 0;
}
h2 {
font-size: 1.2em;
font-weight: normal;
margin-bottom:5px;
}
h3 {
font-size: 1em;
font-weight: normal;
}
h4 {padding-left: 6px ;
	margin-bottom: 3px;
	color:#28A5A5;
	font-size:9px;
	line-height: 9px;
	letter-spacing:2px;
	text-transform: uppercase;
	border-left:30px solid #191E28;
}
h5 {color:#28A5A5;
	font-size:9px;
	line-height: 9px;
	letter-spacing:2px;
}
a {
color:#CCCCCC;
text-decoration:none;
}
a:hover {
text-decoration:underline;
color:#666666;
}
p {
font-size: 0.80em;
}
li {
line-height:20px;
list-style-type:none;
}
input, textarea, select {
background-color:#191E28;
color:#CCCCCC;
border:none;
border: 1px solid black;
}

/* IDs */
#container {
color:#CCCCCC;
background: #283741;
width: 850px;
margin:0 auto;
margin-top:20px;
}
#header {
width: 100%;
height:150px;
border: 1px solid #FFFFFF;
}
#header_buttom {
width: 100%;
height:32px;
background: #283741 url(../img/header_shadow.jpg);
clear:right;
}
#logo {
width: 200px;
height: 122px;
color:#CCCCCC;
background: #283741;
}
#main {
width:588px;
color:#CCCCCC;
padding:15px;
background: #283741;

line-height: 1.2em; /* to avoid the peekaboo bug */
}
p.mainbot {
clear: both;
height: 28px;
background: #283741;
}
#column {
float: right;
width: 200px;
color:#CCCCCC;
background: #283741;
}
#content {
margin-right: 200px;
color:#CCCCCC;
background: #283741;
}
#footer {
clear:left;
padding:20px;
text-align:center;
}

/* Navigation */

#navigation {
float: right;
position:relative;
width: 170px;
padding:25px;
color:#CCCCCC;
border-left-style:solid;
border-left-width:1px;
}
#anmeldung {
float: right;
position:relative;
width: 170px;
padding:25px;
color:#CCCCCC;
}
#news {
width:380px;
float: left;
}
#termine {
width:208px;
float: left;
}
#terminbox {
margin:10px;
padding:5px;
}
.newsbox {
margin:10px;
padding:5px;
border-bottom:dotted;
clear:left;
}

#links_box {
margin:10px;
padding:5px;
border-bottom:dotted;
float:left;
width:580px;
}

.gb_box {
margin:10px;
padding:5px;
border-bottom:dotted;
clear:left;
width:400px;
}

.gb_kommentar {
margin-left:20px;
margin-top:15px;
font-style:italic;
color:#999999;
}

#bildbox {
margin-top:10px;
padding:5px;
}

.left {
display:block;
float:left;
margin:5px 10px 5px 1px;
padding:2px;
border: 1px solid #191E28;
}

/*Formulare*/
.dataleft {
      float:left;
	  width:100px;              
}
.dataright {
      float: left;
	  width:260px;
}
.formzeile {
margin-left:40px;
margin-top:10px;
clear:left;
height:25px;     
}

/*- Thumbstabelle------------------------- */

#thmubstable {
border:0;
margin-top:15px;
}

#thmubstable td {
background-color:#191E28;
}

/*- Menu Tabs 3--------------------------- */

    #tabs3 {
      float:left;
      width:100%;
      background:#191E28;
      font-size:93%;
      line-height:normal;
	  margin-bottom:20px;
      }
    #tabs3 ul {
          margin:0;
          padding:10px 10px 0 30px;
          list-style:none;
      }
    #tabs3 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs3 a {
      float:left;
      background:url(../tableft3.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs3 a span {
      float:left;
      display:block;
      background:url(../tabright3.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs3 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs3 a:hover span {
      color:#FFF;
      }
    #tabs3 a:hover {
      background-position:0% -42px;
      }
    #tabs3 a:hover span {
      background-position:100% -42px;
      }

      #tabs3 #current a {
              background-position:0% -42px;
      }
      #tabs3 #current a span {
              background-position:100% -42px;
      }
	  
    #thumbsbox {
      float:left;
      width:590px;
      font-size:93%;
      line-height:normal;
	  margin-bottom:20px;
      }
	 #thumbsbox_klein {
      float:left;
      width:170px;
      font-size:93%;
      line-height:normal;
	  margin-bottom:20px;
      }
#thumb {
float:left;
width:125px;
height:120px;
padding:5px;
margin:5px;
border-style:solid;
border-width:1px;
text-align:center;
border-color:#FFFFFF;
background-color:#191E28;
color:#28A5A5;
font-size:9px;
line-height: 9px;
letter-spacing:2px;
}

.thumb {
float:left;
width:125px;
height:120px;
padding:5px;
margin:5px;
border-style:solid;
border-width:1px;
text-align:center;
border-color:#FFFFFF;
background-color:#191E28;
color:#28A5A5;
font-size:9px;
line-height: 9px;
letter-spacing:2px;
}

<!-- Pyramid-Liste

.py_list_cont {
        width: 500px;
        padding: 15px;
        margin: 3px 0 20px 0;
        border: 1px solid #ccc;
        background: #fff;
}

/* pyramid */

#navPyra {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #9FB1BC;
		text-align:right;
}

#navPyra li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navPyra a:link, #navPyra a:visited {
        float: left;
        font-size: 10px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491;
}

#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
        color: #ffffff;
        background: url(../pyramid.gif) no-repeat bottom center;
}


.dleft {
      float:left;
	  width:200px;
	  text-align:right;
	  padding-right:10px;
	  margin-top:15px;            
}
.dright {
      float: left;
	  width:300px;
	  margin-top:15px;
}
.fzeile {
margin-left:40px;
margin-top:10px;
clear:left;    
}