/*
@import url("styles.css");
<link rel='stylesheet' href='css/styles.css' type='text/css'>
*/

/*

li {
list-style-type: disk;
}
li li {
font-size: 100%;
list-style-type: circle;
}
li li li {
list-style-type: square;
}
*/
body {
color:#000080;
background-color:#eff1fe;
scrollbar-track-color:#eff1fe;
scrollbar-face-color:#eff1fe;
scrollbar-highlight-color:#d8d8FF;
scrollbar-3dlight-color:#b8b8f8;
scrollbar-shadow-color:#b8b8f8;
scrollbar-darkshadow-color:#d8d8FF;
scrollbar-arrow-color:#b0acff;
/* : oben rechts unten links */
 margin:0px;
 padding:0px;
}

/* Schriftarten */
body,select,option,textarea,input,p,ul,li,h1,h2,h3,h4,h5
{
font-family: arial,helvetica;
}


/* seitenaufteilung */

#fenster {
 display: block;
 width: 995px;
/* : oben rechts unten links */
 margin: 0px;
 background-color: #EFF1FE;
 background-image: url(../../grafik/leiste.jpg);
 background-repeat: no-repeat;
 background-color: #EFF1FE;
 border-right: 1px solid #eff1fe;
 border-bottom: 1px solid #eff1fe;
}

/* zeile 1 - kopfteil */
#logo {
display: block;
 width: 144px;
 height: 98px;
/* : oben rechts unten links */
 padding: 0px;
 margin: 0px;
 background-image: url(../../grafik/leisteLogo.gif);
}
#thema {display:block; position:absolute; text-align: center; top:25px; left:200px; color: #eff1fe; font-size: 200%; font-weight: bold; width:790px; height:98px;
}
#topnavi {
display:block; position:absolute; text-align: right; top:75px; left:200px; height:24px; width:790px;
}

/* zeile 2 - werbungsbereich */
#werbung, #werbungleft, #werbungright {
 display:block;
 font-size:75%;
 height:70px;
 background-color:#EFF1FE;
 border-left:1px solid  #eff1fe;
 border-right:1px solid #eff1fe;
 border-top:1px solid #eff1fe;
 border-bottom:1px solid #eff1fe;
}
#werbung {
float:left;
width: 20%;
/* : oben rechts unten links */
margin-right: 3px;
}
#werbungleft {
float:left;
/* : oben rechts unten links */
margin-left: 3px;
margin-right: 1px;
}
#werbungright {
float:right;
width: 25%;
/* : oben rechts unten links */
margin-left: 3px;
}

/* zeile 3 - mittlerer bereich */
/* linke und rechte seite */
#left, #right {
 background-color:#EFF1FE;
 border-left:1px solid #eff1fe;
 border-top:1px solid #eff1fe;
 border-right:1px solid #eff1fe;
 border-bottom:1px solid #eff1fe;
}
#left {
float:left;
width:17%;
/* : oben rechts unten links */
margin: 20px 0px 5px 5px;
padding-left: 1px;
}
#right {
float:right;
width:20%;
/* : oben rechts unten links */
margin: 20px 5px 5px 0px;
padding-right: 1px;
}

/* linke seite scrollmenu */

#navigation {
 display:block;
 width: 160px;
 height: 399px;
/* : oben rechts unten links */
 padding:0px;
 margin: 0px;
 background-image:url(../../grafik/button.jpg);
}

#trenner {
 width: 150px;
 height: 1px;
 background-color: #cccffc;
 border-top:1px solid #cccffc;
/* : oben rechts unten links */
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 text-decoration:none;

}
/*  mitte inhalt */

#inhalt {
float:left;
width:57%;
font-size: 80%;
background-color:#eff1fe;
/* : oben rechts unten links */
margin-left:2%;
padding: 5px;
 border-left:1px solid #eff1fe;
 border-top:1px solid #eff1fe;
 border-right:1px solid #eff1fe;
 border-bottom:1px solid #eff1fe;
}

/* Inhaltsverzeichnis */
#inhaltleft, #inhaltright {
 line-height:180%;
 border-top:1px dashed  #CCCFFC;
}

#inhaltleft {
font-size:100%;
width:85%;
float:left;
border-right:1px solid  #EFF1FE;
background-color:#EFF1FE;
}
#inhaltright {
width:11%;
float:right;
border-left:1px solid  #EFF1FE;
background-color: #EFF1FE;
}


/* 2-spaltige textausgabe */

#links, #rechts {
 line-height:180%;
 border-left:1px solid #eff1fe;
 border-top:1px solid #eff1fe;
 border-right:1px solid #eff1fe;
 border-bottom:1px solid #eff1fe;
}

#links {
font-size:100%;
width:45%;
float:left;
border-right:1px solid  #EFF1FE;
background-color:#EFF1FE;
}
#rechts {
width:45%;
float:right;
border-left:1px solid  #EFF1FE;
background-color: #EFF1FE;
}
/* tabellenformat 3-spaltig */

/* box allgemein unsichtbar (zB inhaltsverzeichnis) */
td {
border-collapse: collapse;
border-left:1px solid #CCCFFC;
border-right:1px solid #CCCFFC;
border-top:1px solid #CCCFFC;
border-bottom:1px solid #CCCFFC;
color:#cb9849;
}

#zelletop1, #zelletop2, #zelletop3 {
 font-size:90%;
/* : oben rechts unten links */
 margin:3px;
 line-height:120%;
 background-color:#EFF1FE;
 border-left:1px solid  #EFF1FE;
 border-right:1px solid #EFF1FE;
 border-top:1px solid #EFF1FE;
 border-bottom:1px solid #EFF1FE;
}

#zelletop1 {
width:30%;
float:left;
text-align:center;border-bottom:1px solid #FF7F00;
}
#zelletop2 {
width:30%;
float:left;
text-align:center;border-bottom:1px solid #FF7F00;
}
#zelletop3 {
width:30%;
float:right;
text-align:center;border-bottom:1px solid #FF7F00;
}

#zelle1, #zelle2, #zelle3 {
 font-size: 90%;
/* : oben rechts unten links */
 margin: 0px;
 padding: 0px;
 line-height: 120%;
 background-color:#EFF1FE;
 border-left: 1px solid  #EFF1FE;
 border-right: 1px solid #EFF1FE;
 border-top: 1px solid #EFF1FE;
 border-bottom: 1px solid #EFF1FE;
}

#zelle1 {
width: 30%;
float: left;
}
#zelle2 {
width: 30%;
float: left;
}
#zelle3 {
width: 30%;
float: right;
}

/* zeile 4 - fussteil */
#footer {
float:left;
width:55%;
 background-color:#EFF1FE;
 border-left:1px solid  #eff1fe;
 border-right:1px solid #eff1fe;
 border-top:1px solid #eff1fe;
 border-bottom:1px solid #eff1fe;
}

#footerleft, #footerright {
width:20%;
/* : oben rechts unten links */
margin: 20px 0px 20px 0px;
padding: 5px 10px 5px 10px;
text-align: center;
line-height:85%;

 background-color:#EFF1FE;
 border-left:1px solid  #eff1fe;
 border-right:1px solid #eff1fe;
 border-top:1px solid #eff1fe;
 border-bottom:1px solid #eff1fe;
}
#footerleft {
float:left;
}
#footerright {
float:right;
}



/* linkformatierungen */

/* allgemein */
a:link, a:visited, a:active, a:hover
{
  text-decoration:underline;
  font-weight:normal;
}
a:active, a:hover
{
  color: #eff1fe;
  background: #9ea4f2;
}
/* obere navigation */
a.top:link, a.top:visited, a.top:active, a.top:hover
{
 text-decoration:none;
 font-weight:bold;
 font-size:90%;

}
a.top:active, a.top:hover
{
 color: #eff1fe;
 background: #0080FF;
}

/* linke seite navigation */
a.left:link, a.left:visited,a.left:active,a.left:hover
{
 text-decoration:none;
 font-weight:bold;
 font-size:75%;
 color: #00009F;
}
a.left:active,a.left:hover
{
 color: #eff1fe;
 background: #00009F;
}

a.left {
 display:block;
 width:150px;
 padding: 6px 0px 6px 1px;
 border-top:1px solid #cccffc;
 text-align:left;
 font-weight: normal;
 text-decoration:none;
 }

/* linke box mitgliederseiten navigation */
a.leftmtgl:link, a.leftmtgl:visited,a.leftmtgl:active,a.leftmtgl:hover
{
 text-decoration:none;
 font-size:75%;
 color: #00009F;
}
a.leftmtgl:active,a.leftmtgl:hover
{
 color: #eff1fe;
 background: #00009F;
}

a.leftmtgl {
 display:block;
 line-height:85%;
 width:150px;
 padding: 4px 1px 2px 4px;
 text-align:left;
 font-size:75%;
 font-weight: normal;
 text-decoration:none;
 }

#trennermtgl {
 width: 100%;
 background-color: #7c83f5;
 border-top:1px solid #cccffc;
 line-height:140%;
/* : oben rechts unten links */
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 2px;
 text-decoration:none;
 font-weight:bold;
 font-size: 80%;
 color: #eff1fe;
}

/* link in einer box der mitgliederseiten (z.B. Login */
a.boxlink:link, a.boxlink:visited,a.boxlink:active,a.boxlink:hover
{
 text-decoration:none;
 font-weight:normal;
 color: #00009F;
}
a.boxlink:active,a.boxlink:hover
{
 color: #eff1fe;
 background: #00009F;
}

a.boxlink {
 display:block;
 padding: 1px;
 text-align:left;
 font-weight: normal;
 text-decoration:none;
 }

/* link in einer box der mitgliederseiten (z.B. Login */
a.bossmenu:link, a.bossmenu:visited,a.bossmenu:active,a.bossmenu:hover
{
 font-size: 80%;
 text-decoration:none;
 font-weight:normal;
 color: #00009F;
}
a.bossmenu:active,a.bossmenu:hover
{
 color: #eff1fe;
 background: #00009F;
}

a.bossmenu {
 padding: 1px;
 text-align:left;
 font-weight: normal;
 text-decoration:none;
 }

 .umfragen {
/* : oben rechts unten links */
 margin: 0px 0px 0px 0px;
 padding: 1px 0px 2px 1px;
  line-height: 90%;
  font-size: 90%;
  border-bottom: 1px #cccffc solid;
}

/* RubrikSeiten durch blättern */
a.seiten:link, a.seiten:visited, a.seiten:active, a.seiten:hover
{
  color:#959af6;
  font-size:90%;
  text-decoration:none;
  font-weight:normal;
}
a.seiten:active, a.seiten:hover
{
  color:#eff1fe;
  background: #9ea4f2;
}

/* SeitenLinks im Inhaltsverzeichnis */
a.verzeichnis:link, a.verzeichnis:visited, a.verzeichnis:active, a.verzeichnis:hover
{
  font-size:90%;
  text-decoration:none;
  font-weight:normal;
}
a.verzeichnis:active, a.verzeichnis:hover
{
  color:#eff1fe;
  background: #C04040;
}



/* formulare */
/* : oben rechts unten links */

.formular {text-align: right; padding:1px; margin: 1px; }

select,option,textarea, input
{
 background-color:#eff1fe;
 color:#000080;
}
select,textarea,input
{
 border-style:solid;
 border-color:#CCCFFC;
 border-width:1px;
}

textarea
{
font-size:110%;
line-height:130%;
text-align:justify;
}

input {
        height: 20px;
/* : oben rechts unten links */
        padding : 1px  1px  1px  2px;
        font-size: 100%;
        font-weight:normal;
}

textarea {
        width: 350px;
        height: 100px;
        text-decoration: none;
/* : oben rechts unten links */
        padding : 5px  5px  5px  5px;
        font-size: 100%;
        font-weight:normal;
}
.checkbox {
        font-family: arial;
        font-size: 10px;
        background-color:  #AFAFAF;
        text-transform : capitalize;
/* : oben rechts unten links */
        margin-right : 4px;
        padding-top : 2px;
        padding-bottom : 2px;
        padding-left : 4px;
        padding-right : 4px;
        border-style: inset;
        cursor:pointer;
}
.button {
         height: 22px;
         font-size: 100%;
         font-weight: bold;
         background-color:  #8b8cff;
         border-top:1px solid  #CCCFFC;
         border-left:1px solid  #CCCFFC;
         border-right:1px solid #84858C;
         border-bottom:1px solid #84858C;
/* : oben rechts unten links */
         margin: 2px 5px 2px 5px;
         padding : 2px 4px 2px 4px;
         color:#eff1fe;
         cursor:pointer;
}
/* box quickmenu */

#navioption
{
 font-size: 100%;
}

/* allgemein textauszeichnung*/
h1, h2, h3, h4, h5
{
/* : oben rechts unten links */
 padding:2px 0px 2px 0px;
 margin:2px 0px 2px 0px;
 font-weight:normal;
}
h1 {
 font-size:150%;
 color: #C00040;
}
h2 {
 font-size:130%;
 color: #BF0000;
}
h3 {
 font-size:120%;
 font-weight:bold;
}
h4 {
 font-size:90%;
}
h5 {
 font-size:70%;
}

p
{
font-size:110%;
line-height:130%;
text-align:justify;
}

/* rubrik und seite x von x */
#seitezahl {
 display:block;
 color:#B2B5FF;
 text-align: center;
 font-size:90%;
 text-decoration:none;
 }

/* spezielle textklassen*/
/* margin: oben rechts unten links */

hr {color : #B7B7FF; border-bottom : 1px dotted #B7B7FF;}
.hr {color : #B7B7FF; border-bottom : 1px dotted #B7B7FF;}
.hrmini {color : #FF00FF; border-bottom : 1px dotted #FFBF00;}
.highlight {color:#FF0000;}
.datum { font-size: 75%; background-color: #CCCFFC; margin-top: 0px; padding-right: 2px; font-style: normal; text-align : right; }

/* Postamt */


.betreff
{
 background: #CCCFFC;
 font-weight:bold;
}

.mausklick {
         height: 25px;
         background-color:  #eff1fe;
         border-top:2px solid #eff1fe;
         border-left:2px solid #eff1fe;
         border-right:2px solid #eff1fe;
         border-bottom:2px solid #eff1fe;
/* : oben rechts unten links */
         margin: 2px 5px 2px 5px;
         padding-top : 2px;
         padding-bottom : 2px;
         padding-left : 4px;
         padding-right : 4px;
         cursor:pointer;
}

/* interne Mail bearbeiten */
#box1
{
         background-color:  #eff1fe;
}

#box2
{
         background-color:  #CCCFFC;
}

/* interne Mail bearbeiten */
/* : oben rechts unten links */
.lmailstyle
{
font-weight:bold;
}
.fmailstyle
        {font-size:90%; line-height:110%; width:100%; padding:3; border: 1px dashed #CCCFFC;}



#mailforml, #mailformr {
 line-height:100%;
 border-left:1px solid #CCCFFC;
 border-top:1px solid #CCCFFC;
 border-right:1px solid #CCCFFC;
 border-bottom:1px solid #CCCFFC;
}
#mailforml {
 display:block;
 float: left;
 width: 100px;
 font-size:100%;
 font-weight:bold;
/* : oben rechts unten links */
 margin:1px;
 padding:1px;
 text-align : right;

}
#mailformr {
 display:block;
 float:right;
 width: 400px;
 font-size:100%;
/* : oben rechts unten links */
 margin:1px;
 padding:1px;
 text-align : left;
}

#suchen1, #suchen2, #suchen3 {
font-size:90%;
/* : oben rechts unten links */
margin:3px;
 line-height:120%;
 background-color: #EFF1FE;
 border-left:1px solid #EFF1FE;
 border-right:1px solid  #EFF1FE;
 border-top:1px solid #EFF1FE;
 border-bottom:1px solid #EFF1FE;
}

#suchen1 {
width: 220px;
float:left;
 border-right:1px solid #BF0000;
}
#suchen2 {
width: 150px;
float:left;
 border-right:1px solid #BF0000;
}
#suchen3 {
width:100px;
float:left;
 border-right:1px solid #BF0000;
}

#zellemail1, #zellemail2, #zellemail3 , #zellemail4{
 font-size: 90%;
/* : oben rechts unten links */
 margin: 2px;
 padding: 2px;
 line-height: 120%;
 border-left: 1px solid #CCCFFC;
 border-right: 1px solid #CCCFFC;
 border-top: 1px solid #CCCFFC;
 border-bottom: 1px solid #CCCFFC;
}

#zellemail1 {
width: 11%;
float: left;
}
#zellemail2 {
width: 45%;
float: left;
}
#zellemail3 {
width: 20%;
 text-align : center;
float: left;
}
#zellemail4 {
width: 16%;
float: right;
}

#kleinblass {
 color:#B2B5FF;
 font-size:90%;
 text-decoration:none;
 }
.bruchlinks {
clear: left;
/* : oben rechts unten links */
margin: 2px 0px 0px 30px;
padding: 3px 10px;
}

/* Designs für das Board */

/* tabelle mit 5 zellen */

#zelleboard1, #zelleboard2, #zelleboard3, #zelleboard4, #zelleboard5 {
 font-size: 90%;
/* : oben rechts unten links */
 margin: 2px;
 padding: 2px;
 line-height: 120%;
 border-left: 1px solid #EFF1FE;
 border-right: 1px dotted #EFF1FE;
 border-top: 1px solid  #EFF1FE;
 border-bottom: 1px solid  #EFF1FE;
}

#zelleboard1 {
width: 5%;
float: left;
}
#zelleboard2 {
width: 45%;
float: left;
}
#zelleboard3 {
width: 11%;
float: left;
text-align: center;
}
#zelleboard4 {
width: 11%;
float: left;
text-align: center;
}
#zelleboard5 {
width: 19%;
float: right;
font-size:80%;
text-align: center;
}
.boarddatum { font-size: 75%; margin-top: 9px; padding: 1px; font-style: normal;}
.moderator { font-size: 75%; margin-top: 9px; padding: 1px; font-style: normal;}

/* link zum Thema */
a.boardthema:link, a.boardthema:visited, a.boardthema:active, a.boardthema:hover
{
 text-decoration:none;
 font-weight:bold;
 font-size:110%;

}
a.boardthema:active, a.boardthema:hover
{
 color: #eff1fe;
 background: #0080FF;
}

/* bei [quote] */
/* : oben rechts unten links */

.quote {
	color:#000; background-color: #CCCFFC;
	padding:2px;
	margin:0px 20px 0px 20px;
	border:1px #5F5F5F solid;
}


/* fieldset im board */
/* : oben rechts unten links */
.blsuche
{
font-size: 75%; font-weight:bold;  color: #777AFB;
}
.bfsuche
        {width:100%; line-height: 120%; padding: 2px 2px 2px 5px; margin: 1px 2px 1px 2px; border: 1px dashed #CCCFFC;}

.bllegende
{
font-size: 120%;  font-weight:bold;  color: #777AFB;
}
.bflegende
        {width:100%; line-height: 120%; font-size: 75%; padding: 2px 2px 2px 5px; margin: 1px 2px 1px 2px; border: 1px dashed #CCCFFC;}


/* Listen */

/* : oben rechts unten links */
.listpunkt
{
list-style-image: url(../../grafik/listpunkt.gif);
margin-left: 5px;
}
.listherzred
{
list-style-image: url(../../grafik/listherzred.jpg);
margin-left: 5px;
}
.listherzblue
{
list-style-image: url(../../grafik/listherzblue.jpg);
margin-left: 20px;
}
.listausruf
{
list-style-image: url(../../grafik/ausruf.gif);
margin-left: 20px;
}
.listdisc
{
list-style-type:disc;
margin-left: 20px;
}
.listcircle
{
list-style-type:circle;
margin-left: 20px;
}
.listtext
{
list-style-type:cjk-ideographic;
margin-left: 20px;
}
.listzahl{
list-style-type:decimal;
list-style-position:outside;
}
.list0zahl{
list-style-type:decimal-leading-zero;
}
.listakgrich{
list-style-type:lower-greek;
}
.listAGgrich{
list-style-type:upper-greek;
}
.listIGrom{
list-style-type:upper-roman;
}
.listikrom{
list-style-type:lower-roman;
}
.listakde{
list-style-type:lower-alpha;
}
.listAGde{
list-style-type:upper-alpha;
}



/* BOXEN */

/* box allgemein unsichtbar (zB inhaltsverzeichnis) */
/* : oben rechts unten links */
legend
{
font-size:90%; background-color: #eff1fe;
}
fieldset
        { font-size:110%; padding:2; margin: 1px; border: 1px solid #eff1fe;}
/* box impftermine */
.lstyle1
{
font-size:110%;  font-weight:bold; color: #C04040;
}
.fstyle1
        { font-size: 100%; line-height:150%;  padding:5; margin: 5px; border: 1px dashed #CCCFFC;}

/* box mitgliederseiten user online */
/* : oben rechts unten links */
.lstyle2
{
font-weight:bold;  color: #C04040;
}
.fstyle2
        {font-size:80%; line-height:150%; width:100%; padding:3; border: 1px dashed #CCCFFC;}


/* box mitgliederseiten navigation */
/* : oben rechts unten links */
.lstyle3
{
font-size:110%;  font-weight:bold;  color: #C04040;
}
.fstyle3
        {width:100%; padding:3; margin: 4px 1px 9px 4px; border: 1px dashed #CCCFFC;}



/* drucklayout */

@media print {
body{
  width: 100%;
  border: none;
}
#fenster {
 display:block;
 width:100%;
 margin:0px;
  border: none;
}

#logo {
}
#thema {
float:left;
 width:100%;
 margin:10px;
}
#topnavi {
  display: none;
}

#werbungleft, #werbungright {
  display: none;
}
#left, #right {
  display: none;
}
#leiste1 {
  display: none;
}
#inhalt {
 display:block;
 width:90%;
 margin:10px;
 border: none;
}
#footer {
  width: 99%;
 border: none;
}

#footerleft {
  display: none;
}
#footerright {
  display: none;
}
}