* {
margin: 0; 
padding: 0;
}

body {
font: 95% Verdana, Arial, Helvetica, sans-serif;
color: #000;
background: #F0F0F0;
text-align: center;
}

a {
color: #000000;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

img {
vertical-align: none;
}

img.tablebtn {
vertical-align: top;
}

a img {
border: 0 none;
}

li {
font-size: 0.80em;
}

ul {
list-style-type: none;
}

fieldset {
border: 0 none;
}

form input, form textarea, form select{
display: block;
margin: 3px;
margin-left: 110px;
}

form label {
display: block;  /* block float the labels to left column, set a width */
float: left; 
padding: 0; 
margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
text-align: right; 
width: 100px; 
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

input#submit {
float: none;
width: auto;
margin-left: 0px; 
}

input.radio, input.checkbox  {
margin-top: 0.6em;
margin-bottom: 0.2em;
height:1.2em; 
}

input.spalten_form , textarea.spalten_form , select.spalten_form  {
margin-left: 0;
}

#login_form form input, #form textarea, #login_form form select {
margin-left: 160px;
}

#login_form form label {
width: 150px; 
}

#edit_pic_form form input, #edit_pic_form form textarea, #edit_pic_form form select {
margin-left: 0;
}

#edit_pic_form form label {
width: 0; 
}

#edit_pic_form form input.submit {
margin-left: 107px; 
}

.left{
text-align: left;
}

.right{
text-align: right;
}

.center{
text-align: center;
}

.bold {
font-weight: bold;
}

.col060 {
width: 60px;	
}

.col100 {
width: 100px;	
}

.col150 {
width: 150px;	
}

.m110 {
margin-left: 110px;
}

.bb1px { /* border bottom 1px (bb1px) */
border-bottom: 1px solid #000000; 	
}

.ml0 { /* marginleft0 */
margin-left: 0px;
}

.p0 { /* padding  */
padding: 0;
margin: 0;
border: 0;
}

.floatleft {
float: left;
}
.clearleft {
clear: left;
}

.floatright {
float: right;
}

.clear {
clear: both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

table {
width: 100%;
border-spacing: 0;
/* border-style: none; */
border-collapse:collapse
}

.td100p {
width: 100%;
}

.td085p {
width: 85%;
}

#container {
text-align: left;
position: relative;
width: 925px;
/* background: url(../_pics/strandkoerbe/Mitte.jpg) 0px 0px repeat-y; */
color: #000;
/* background: transparent; */
margin: 10px auto 25px auto;
/* order: 1px solid #999999; */
/* background: #FF00FF; pink */
background: url(../_pics/strandkoerbe/Mitte.jpg) 0px 0px repeat-y;
}

#header {
/* border-bottom: 1px solid #000000; */
background: url(../_pics/strandkoerbe/Oben.jpg) 0px 0px no-repeat;
height: 160px;
}

#logo {
}

#main {
margin: 0px;
/* background: #00FF00; grün */
background: url(../_pics/strandkoerbe/Unten.jpg) no-repeat;
background-position: bottom;
min-height: 650px;
}

#column {
float: right;
width: 200px;
padding: 5px 25px 5px 5px;
margin-top: 5px;
/* background: #0000FF; blau */
}

#content {
float: left;	
margin: 0px;
padding-top: 10px;
padding-left: 20px;
padding-bottom: 30px;
width: 670px;
wid\th: 660px;
/* background: #FF0000; rot */
}

#mainwindow {
background: #F7FBFA;
/* background: transparent; */

/* background: #FFFF00; gelb */
}

#mainwindow .header {
font-size: 0.80em;
display: block;
font-weight: bold;
color: #333333;
height: 19px; 
line-height: 19px; 
background: url(../_pics/strandkoerbe/header_bg_2.jpg) 0px 0px repeat-x;
margin: auto;	
padding-left: 3px;
padding-right: 3px;
border-left: 1px solid #8D95A8;
border-right: 1px solid #8D95A8;
}

#mainwindow .mainwindowcontent {
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}

#mainwindow .subwindow {
padding-left: 3px;
padding-right: 3px;
margin-bottom: 10px;	
}

.tableheader {
font-size: 1.0em;
color: #333333;
height: 19px; 
line-height: 19px; 
background: url(../_pics/strandkoerbe/header_bg_1.jpg) 0px 0px repeat-x;
margin-bottom: 10px;	
border-left: 1px solid #DB7739;
border-right: 1px solid #DB7739;
}

#mainwindow .subwindow .header {
font-size: 1.0em;
color: #333333;
height: 19px; 
line-height: 19px; 
background: url(../_pics/strandkoerbe/header_bg_1.jpg) 0px 0px repeat-x;
margin-bottom: 10px;	
border-left: 1px solid #DB7739;
border-right: 1px solid #DB7739;
}

#mainwindow .subwindow .body {
padding-bottom: 10px;
border-bottom: 1px solid #999999;
}

.mleft {
margin-bottom: 5px;
margin-right: 10px;
}
.mright {
margin-bottom: 5px;
margin-left: 10px;
}

.news_text {
padding: 0;
line-height: 1.4em;
}

.pic_text{
padding: 2px;
line-height: 1.4em;
}


#pagenav {
padding-top: 0px;
padding-bottom: 15px;
}

#mailnav {
padding-top: 5px;
}

#mailnav img{
vertical-align: middle;
}

.editnav {
padding-top: 5px;
padding-bottom: 5px;
}

.editnav img{
vertical-align: -15%;
}

.editnav a, .editnav span {
font-weight: bold;
/* font-size: 1.2em; */
}

#pagenav a #pagenav span, #mailnav a, #mailnav span, .editnav a, .editnav span {
padding-left: 0.3em;
}

#content li {
padding: 3px 0;
}

#nav {
position: absolute;
top: 129px;
left: 15px;
width: 100%;
background: transparent;
width: 900px;
/* border-bottom: 1px solid #999999; */
/* border-top: 1px solid #999999; */
}

#nav ul {
}

#nav li {
display: inline; 
}

#nav a {
text-decoration: none;
display: block;
float: left;
padding: 0px 18px;
font-weight: bold;
line-height: 27px;
/* line-height: 1.5em;*/
color: #fff;
/* background: transparent;  */
background: url(../_pics/strandkoerbe/Nav_inactive.jpg) 0px 0px repeat-x;
text-align: center;
margin-left: 1px;
margin-right: 1px;
}

#nav a:hover, #nav a.aktiv{
color: #fff;
/* background:#999999; */
background: url(../_pics/strandkoerbe/Nav_active.jpg) 0px 0px repeat-x;
margin-left: 0;
margin-right: 0;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
}

.box {
margin-bottom: 10px;	
background: #FFFFFF;
padding: 0;
}

.boxheader {
display: block;
padding-left: 3px;
font-weight: bold;
color: #333333;
height: 19px; 
line-height: 19px; 
background: url(../_pics/strandkoerbe/header_bg_2.jpg) 0px 0px repeat-x;
margin: auto;
border-left: 1px solid #8D95A8;
border-right: 1px solid #8D95A8;
}

.boxcontent {
display: block;
border: 1px solid #999999;
border-top: none;
border-bottom: none;	
background: #F0F1F3; /* #FFCC66;  */
}

.boxheader a {
color: #333333;
}

.box li {
border-bottom: 1px solid #999999;
line-height: 1.6em;
padding-left: 3px;
padding-right: 3px;
}

.boxtext {
line-height: 1.2em;
padding-bottom: 3px;
}

.headline {
margin: 5px 0px 5px 0px;	
}

.counter {
font-size: 1.2em;
font-weight: bold;
height: 19px; 
line-height: 19px; 
text-align: center;
/* border-bottom: 1px solid #999999; */
}


.message {
font-family: verdana, arial, helvetica, sans-serif;
color: #FFFFFF; 
background-color: #0000FF;
padding: 1px;
font-size: 13px;
text-align: center;
}
/*
.message:link 		{text-decoration: none;}
.message:visited	{text-decoration: none;}
.message:active		{text-decoration: none;}
.message:hover		{text-decoration: underline;}
*/

.messagesmall {
font-family: verdana, arial, helvetica, sans-serif;
color: #FFFFFF; 
background-color: #0000FF;
padding: 1px;
font-size: 10px;
text-align: center;

}
/*
.messagesmall:link 	{text-decoration: none;}
.messagesmall:visited	{text-decoration: none;}
.messagesmall:active	{text-decoration: none;}
.messagesmall:hover	{text-decoration: underline;}
*/
.messagebold {
font-family: verdana, arial, helvetica, sans-serif;
color: #FFFFFF; 
background-color: #0000FF;
padding: 1px;
font-size: 13px;
font-weight: bold;
text-align: center;

}
/*
.messagebold:link 	{text-decoration: none;}
.messagebold:visited	{text-decoration: none;}
.messagebold:active	{text-decoration: none;}
.messagebold:hover	{text-decoration: underline;}
*/

.error {
font-family: verdana, arial, helvetica, sans-serif;
color: #FFFFFF; 
background-color: #FF0000;
padding: 1px;
font-size: 13px;
text-align: center;
}