body {
   background-color: #4c6079;
   color: black;
   margin: 0; 
   padding: 0;
   text-align: center;  /* Zentrierung im Internet Explorer */
   min-width: 40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}


body, input, textarea {
   font-size: 13px;
   font-family: Arial, Helvetica, sans-serif;
}


/* input, textarea, select { 
border: 1px solid black; 
} */

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 13px;}

a {	font-size: 14px; text-decoration: none;}
a:link {color:#517496;}
a:visited {color:#515072;}
a:active {color:#DEC3A9;}
a:hover{color: red;}

/* farben: 5d6d84 c1c6ca b4bbc1 8793a3*/

div#kopf {
  background-color: #000000;
  background-image: url(images/banner120blue.jpg);
  background-repeat: no-repeat;
  height: 120px;
  color: #999999;
  padding-left: 100px;

}


div#bar {
   background-color: #5e7690;
   background-image: url(gfx/bg-test2.gif);
   background-repeat: repeat-x;
   height: 2.5em;
   border-bottom: 1px solid #162c46;

}

#bar a {
  color: black;
   font-size: 15px;
   font-weight : bold;

}

#bar a:hover {
    color: white;
  }


div#bartext {
  padding-top: 0.7em; 
  text-align: center;

}



div#Seite {
   text-align: left;    /* Seiteninhalt wieder links ausrichten */
   margin: 5px 5px 5px 5px; 
   padding: 0px 0px 0px 0px; 
  }


div#Inhalt {
    padding: 5px 5px 5px 15px;
    background-color: #b4bbc1;
    font-size: 13px;
    float: left;
    width: 200px;
    font-weight : normal;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-bottom: 2px solid black;
    border-right: 1px solid black; 

}

div#Inhalt a {
    font-size: 13px;
}

#Inhalt ul{

    margin: 0 0 3px; padding: 0;
  }

  #Inhalt li {
    list-style: none;
    margin: 0; padding: 0 0 5px;
  }


  #Inhalt a {
    display: block;
    padding: 1px;
  }
  #Inhalt a:link {
    color: black; 
  }
  #Inhalt a:visited {
    color: black;
  }
  #Inhalt a:hover {
    color: black; background-color: #8793a3;
  }
  #Inhalt a:active {
    color: black;
  }


 div#Info {
    font-size: 10px;
    float: right;
    width: 150px;
    padding: 5px; 
    background-color: #8793a3; 
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-bottom: 2px solid black;
    border-right: 2px solid black;

}

#Info td,input,a {
    font-size: 10px;
   
}

#Info img {

    border: 1px solid black;

}

#infofeatures {
    float: left;
    margin-top: 15px;
}


.logon {
    border: 1px solid black;
    background-color: #b4bbc1; 
    padding: 5pt;
}

.logon input{
    margin-bottom: 2px;
}

input.logon_txtbox {
    border: 1px solid gray;
}

.logon_rest {
    padding-left: 2px;
    padding-top:  2px;

}


div#Text {
    padding: 20px;
    margin-top: 0px;
    margin-left: 230px;
    margin-bottom: 0px;
    margin-right: 175px;
    border: 1px solid #222222;
    background-color: #dee3ea;
}


div#Text td {
    font-size: 13px;
}

div#Text a {
    font-size: 13px;
}


div#adminicons {
    margin:  0px;
    padding: 0px;
}


#adminicons a {
   padding: 1px;
   border-style: solid;
   border-width: 1px;
   border-color: #C0C0C0 #111111 #111111 #C0C0C0;
   display: block;
}


#adminicons a:hover {
   border-style: solid;
   border-width: 1px;
   border-color: #111111 #C0C0C0 #C0C0C0 #111111;
}


#adminicons img {
    border: none; 
  }

#adminicons ul {
list-style:none;
margin:0;
padding:0;
}

#adminicons li {
float:left;
list-style:none;
margin:0 0 0 3px;
}


.locked {
   color: black;
   border: 1px solid black;
   padding: 4px;
   background-color: #dd3636;
}


span.locked {
   padding: 1px 4px 1px 4px;
}



div#combereichstart {
    background-color: #b4bbc1;
    padding: 4px;
}



.com {

    margin: 0px; padding: 0px; 
    background-color: #5d6d84; 
    border: 1px solid #b4bbc1;
    width: 450px;   

}

.comhead {
    background-color: #b4bbc1;
    margin: 0px; padding: 4px;
}

.comdata {
    margin: 0px; padding: 4px;
}

.comheadlocked {
    background-color: #dd3636;
    margin: 0px; padding: 4px;
}

.comdatalocked {
    margin: 0px; padding: 4px;
}

.comheadtitel {
    text-align: left;
    font-weight : bold;
    float: left;
}

.comheadrest {
    text-align: right;
    font-size: 11px;

}

.forum {
   border: 2px solid black; 
   border-collapse: collapse;
   font-size: 12px;
   background-color: #8793a3;

}
.forum tr {
   border: 1px solid black; 

}

.forum td {
   border: 1px solid black; 
   padding: 4px;
}


.forum a:link {color:#313476;}
.forum a:visited {color:#616586;}
.forum a:active {color:#DEC3A9;}
.forum a:hover{color: #ffffff;}



.forumb {
   border: 2px solid black; 
   border-collapse: collapse;
   font-size: 12px;
   background-color: #8793a3;

}
.forumb tr {
   border: 1px solid black; 

}

.forumb td {
   border: 1px solid black; 
   padding: 4px;
}

td.forumbstart {
   background-color: #5d6d84;
   color: white;
}

td.forumbinhalt {
   background-color: #b4bbc1;
}


.error {    /* rote Errorbox */
    
    position: fixed;
    z-index: 100;
    top: 25%;
    left: 25%;
    font-size: 14px;
    color: black;
    background-color: red; 
    border: 2px solid black;

}

.errorhead {
    background-color: #222222;
    color: red;
    margin: 0px;
    padding: 2px;
}

.errordata {
    margin: 4px;
    padding: 5px;
}

.oview table, tr, form {
    margin: 0px;
    padding: 0px;
}

.oview td {
    margin: 0px;
    padding: 0px;
    vertical-align:top;
    font-size: 10px;
}

.oview select {
    margin: 0px;
    padding: 0px;
    vertical-align:top;
    font-size: 10px;
}

.oview input {
    margin: 0px;
    padding: 0px;
    vertical-align:top;
    font-size: 10px;
}

.oview option {
    margin: 0px;
    padding: 0px;
    vertical-align:top;
    font-size: 10px;
}

.oview span {
    margin: 0px;
    padding: 0px;
    vertical-align:top;
    padding-right: 10px;
    font-size: 11px;
}

.ovmitabstand td {

    padding-right: 20px;
border-bottom: 1px dotted #888888;
}

.nix {

    margin: 0px;
    padding: 0px;
    border: none;

}


.newsov {

    width: 160px; 
    font-size: 11px;

}


.news {

    margin: 0px; padding: 4px; 
    background-color: #b4bbc1; 
    border: 1px solid #888888;
    width: 450px; 

}

.txtblock {

   float: left;
   padding-right: 15px;
   padding-bottom: 15px;
   margin-bottom: 15px;

}

.txtblock a {

    font-size: 13px;

}

.txtblockcolor {

   float: left;
   padding-left: 15px;
   padding-top: 15px;
   padding-right: 15px;
   padding-bottom: 10px;
   margin-bottom: 15px;
   margin-right: 15px;
   background-color: #b4bbc1; 
   border: 1px solid #888888;

}

.txtblockcolor a {

   font-size: 13px;

}

.txtblockcolor_r {

   float: right;
   padding-left: 15px;
   padding-top: 15px;
   padding-right: 15px;
   padding-bottom: 10px;
   margin-bottom: 15px;
   margin-left: 15px;
   background-color: #b4bbc1; 
   border: 1px solid #888888;

}


.txtblockcolor_r h2 {
   margin-top: 0px;
}


.clearblock {

clear: both;
   padding: 0;
   margin: 0;
}



.datum {

    font-size: 10px;
    text-align: center;

}

div.punkti {
   padding: 0;
   margin: 0;
   width: 100%;
   border-top: 1px dotted black;
}

td.space {
   padding-left: 10px;
}

.kurzinfo td {   
   padding-right: 5px;

}

.kurzinfotitel {
   font-size: 15px;
   font-weight : bold;
   border-bottom: 1px dotted #888888;
}

.kurzinfoentry {
   font-size: 13px;
   clear: left;
   margin-bottom: 10px;
}

.kurzinfopic {
   float: left;
   margin-right:  5px;
   margin-bottom: 20px;
}

.kurzinfopic img {
   width: 200px;
}


.kurzinfosmall {
    font-size: 10px;
}

.logentry {
 /*  border-bottom: 1px dotted #888888; */
}

.logentrylocked {
 /*  border-bottom: 1px dotted #888888; */
   background-color: #aa3333;
}

.logtitle {
   font-size: 16px;
   font-weight : bold;
   border-bottom: 1px solid #888888;
}

.logfooter {
   font-size: 11px;
}

.bild img {
    margin: 5px;

}


.bildbox {    /* Box zum Anzeigen eines grossen Bildes */
    position: fixed;
    z-index: 100;
    top: 15%;
    left: 25%;
    font-size: 14px;
    color: white;
    background-color: black; 
    border: 1px solid black;
    padding: 10px;

}

.bildboxclose {
    text-align: right;
    font-size: 14px;
    color: white;
}

.bildboxclose a {
    font-size: 14px;
}

.bildboxclose span {
    border: 1px solid white;
    padding-left:   5px;
    padding-right:  5px;
    padding-top:    1px;
    padding-bottom: 1px;
}

.bildboxclose a { font-size: 14px; text-decoration: none;}
.bildboxclose a:link { color: white;}
.bildboxclose a:visited { color: white;}
.bildboxclose a:active { color: white;}
.bildboxclose a:hover{ color: red; }


/* Klasse für Links, die unterstrichen sein sollen -> für Links im Text */
a.linkuline {
    text-decoration: underline;
}


.macro_beitragsliste_titel a {	/* Macro für neueste Beiträge - Titel-eigenschaften */
    font-size: 13px;
    font-weight : bold;
    margin-right: 5pt;		/* Abstand zwischen Titel/Link und Rest des Textes */
}

.macro_beitragsliste_datum {	/* Macro für neueste Beiträge - Resttext-Eigenschaften */
    font-size: 10px;
}

.admin_neues_titel {	/* Titel-eigenschaften */
    font-size: 13px;
    font-weight : bold;
    margin-right: 5pt;		/* Abstand zwischen Titel/Link und Rest des Textes */
}

.admin_neues_titel a {	/* Titel-eigenschaften */
    font-size: 13px;
    font-weight : bold;
    margin-right: 5pt;		/* Abstand zwischen Titel/Link und Rest des Textes */
}

.admin_neues_daten {	/*  - Resttext-Eigenschaften */
    font-size: 10px;
}

.warnung {		/* Warnungstext zB. bei fehlenden Admin-Rechten */
    color: red;
}

.comvali {	/*  Anzeigebereich für kommentar bei Validierung */
    padding: 0px;
    margin: 0px;
    font-size: 13px;
    border:  1px dotted #888888;
   /* padding: 2pt; */
}

.comvali div {
        padding: 2pt;
    margin: 0px;
}

div.comvali {
    padding: 0px;
    margin-bottom: 15pt;		/* Abstand zum nächsten Kommentar in der Liste */
}

.comvali_hinweis {	/*  Anzeigebereich für kommentar bei Validierung */
    background-color: red;
    font-size: 13px;
    margin: 0px;
    margin-top: 2pt;		/* Abstand zum Kommentartext darüber */
}

.bildauswahl {    /* erscheint über der Seite */
    
    position: absolute; 
    z-index: 99;	/* nur unterhalb der Errorbox! */
    top: 25%;
    left: 25%;
    font-size: 12px;
    color: black;
    background-color: gray; 
    border: 1px solid black;
    width: 450px;
    margin: 5px;

}

.bildauswahlpic {
   float: left;
   margin: 5px;
}

.bildauswahltext {
}

.bildauswahlzeile {
   clear: left;
   margin: 5px;

}