/*#horizontal {
  height: 580px;
}*/

body {
 position: absolute;
 left: 0%;
 top: 0%;
  color: #2C2C2C;
  background-color: #F3F3F3;
/*    background-color: #F3F3F3;*/
  font-family: verdana, helvetica, sans-serif;
  font-size: 100.01%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;

}

html > body { font-size: 9pt;}

.wrapper { width: 771px;  background-color: #f3f3f3;  
  border-right: 1px solid #cccccc;}

legend, label {font-weight: bold;}

.titleTip, acronym {
  border-bottom: 1px dotted rgb(120,22,73);
  cursor: help;
  margin: 0;
  padding: 0;}

.doNotDisplay {display: none !important;}


/*VERSUCH HG-Verlinkung #eworx2*/

#header {
  color: inherit;
  margin: 0 0 0 0;
  padding: 0 3px 0 0;
  background-position: left;
  border: 0;
  width: 771px;
  }
  
#header span {display: none;}
  
#header a {
  display: block;
  background-image:  url("../images/top-image.jpg");
  background-repeat: no-repeat;
  background-color: #F3F3F3;
  color: #000;
  height: 160px;
} 

/*VERSUCH HG-Verlinkung #eworx2 - Ende*/


/* ##### Main Copy ##### ------------------------------------- */

#main-copy {
  color: #2C2C2C;
  background-color: #fff;
  text-align: left;
  line-height: 1.5em;
  margin: 0 0 0 12.5em;
  padding: 0 15em 1em 1ex;
  border-left: 1px solid #cccccc;
  border-bottom:8px solid #781649;
  width: 433px;
}

#main-copy form {
  padding: 0 0 0 8px;
}

/*.main-separator {
  padding: 0;
  margin: 1ex 0 0 0;
  border-top: 1px solid #cccccc;
}*/

/*.main-separator {
  font-size: 0pt;
  height: 1px; 
  width: 100%; 
  background-color: #cccccc;
  line-height: 0px;
}
}*/

#main-copy .box {
  border: 1px solid #cccccc; line-height:180%;  width: 420px;}

#main-copy .form{vertical-align:bottom;line-height:160%;
margin: 1ex 0 0.5ex 0;
padding: 0 1ex 0 1.2ex;}
  
.main-separator {
  padding: 0;  margin: 1ex 0 2ex 0;
background: #cccccc; line-height:1px; height: 1px;}

#main-copy h1 {
  font-size: 114%;
  text-align: left;
  margin: 0 0 0 0;
  padding: 0 0 0 1ex;}

#main-copy h2 {
  font-size: 108%;
  text-align: left;
  margin: 0.5ex 0 0 0;
  padding: 0 0 0 1ex;
  }
/* h3 klasse f�r structured text �berschriften = h2 */
#main-copy h3 {
  font-size: 108%;
  text-align: left;
  margin: 1em 0 0 0;
  padding: 0 0 0 1ex;}
  
#main-copy h4 {
  font-size: 108%;
  text-align: left;
  margin: 1em 0 0 0;
  padding: 0 0 0 1ex;}

#main-copy a {
  color: #ED2B78;
  background-color: #ffffff;
  text-decoration: none;
  padding: 0 0 0 0;}

#main-copy a:hover {color: #ED2B78;  text-decoration: underline; }

p {margin: 1ex 0 0.5ex 0;padding: 0 1ex 0 1.2ex;}

.main-right {text-align: right; line-height:160%;
 margin: 0; padding: 0 1ex 0.5ex 0.5em;
 float: none; vertical-align: bottom;  }
 
.ersteZeile {line-height:120.01%; margin: 0;  padding: 0;}

.b {font-weight: bold; line-height:180%; font-size: 114%;}

/* ##### Footer ##### ------------------------------------- */

#footer {
  color: #fff;
  background-color: #ED2B78;
  font-size: 92%;
  text-align: center;
  line-height: 1.25em;
  margin: 0;
  padding: 1em 0 1em 0;
  width: 771px;
  clear: both;}

#footer div {margin: 0; padding: 0 0 1ex 0;}

#footer a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;}

#footer a:hover {text-decoration: underline;}

/* ##### Left Side Bar ##### ------------------------------------- */

.SideBar1 {
  width: 12.5em;
    margin: 2px 0 0 0;
/*  margin: 1px 0.75ex 0 0;*/
  float: left;
  clear: left;
  border-right: 1px solid #cccccc;
}

.SideBar1 .sideBarTitle {
  background-color: #ED2B78;
  font-weight: bold;
  margin: 0 0 0.15em 0;
  padding: 1ex 1ex;}

.SideBar1 ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0 0 1em 0;
  padding: 0;}

.SideBar1 li {
  margin: 1ex;
  padding: 0 0 0.25ex 1ex;
  background-image:  url("../images/menue.gif");
  background-repeat: no-repeat;}

.SideBar1 a {
  color: #2C2C2C;
  background-color: transparent;
  text-decoration: none;}

.SideBar1 a:hover {
  color: #ED2B78;
  background-color: transparent;
  text-decoration: none;}

.SideBar1 a.aktiv {
  color: #ED2B78;
  background-color: transparent;
  text-decoration: none;}

.SideBar1 a:hover.aktiv {
  color: #ED2B78;
  background-color: transparent;
  text-decoration: none;}

.SideBar1 .sideBarText {
  color: #ED2B78;
  background-color: transparent;
  line-height: 1.25em;
  margin: 1ex 0.25ex 1.5em 0.75ex;
  padding: 0;
  display: block;}

.SideBar1 .sideBarText a {text-decoration: underline;}

.SideBar1 .sideBarText a:hover {text-decoration: none;}

.SideBar1 a.titlea {
  color: #FFFFFF;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;}

.SideBar1 a:hover.titlea {text-decoration: underline;}

.SideBar1 .thisPage {
  color: #781649;
  background-color: transparent;
  font-weight: bold;}

/* ##### Right Side Bar ##### ------------------------------------- */

.SideBar2 {
  width: 13.6em;
  margin: 2ex 0.75ex 0 0;
  padding: 0;
  float: right;
  clear: right;
  color: #2C2C2C;
  background-color: #F3F3F3;
  border: 1px solid #cccccc;
  position: absolute;
  left: 607px;
  /*top: 151px;*/
    top: 148px;}

[class~="SideBar2"] {margin-right: 1.5ex;}

.SideBar2 .sideBarTitle {
  color: #FFFFFF;
  background-color: #ED2B78;
  margin: 1ex 1ex;
  padding: 0.5ex 1ex;}

.SideBar2 .sideBarText {
  line-height: 1.5em;
  margin: 0;
  padding: 0 2ex 1em 2ex;}

.SideBar2 .sideBarNEWStopline {
  line-height: 1.5em; 
  padding: 1em 2ex 1em 2ex;
  border-top: 1px solid #C2C2C2;
  background-image:  url("../images/ro.gif");
  background-repeat: no-repeat;}

/* Ersatz f�r .SideBar2 .sideBarNEWStopbottomline: */
.SideBar2 .sideBarTopline {
  line-height: 1.5em;
  border-top: 1px solid #C2C2C2;}

/*.SideBar2 .sideBarNEWStopbottomline {
  line-height: 1.5em;
  padding: 1em 2ex 1em 2ex;
  border-top: 1px solid #C2C2C2;
  border-bottom: 1px solid #C2C2C2;
  background-image:  url("../images/ro.gif");
  background-repeat: no-repeat;
}*/

.SideBar2 .date {
  color: #2C2C2C;
  font-size: 95%;
  font-weight: normal;
  font-variant: small-caps;}

.SideBar2 a {
  color: #2C2C2C;
  background-color: transparent;
  text-decoration: none;}

.SideBar2 a:hover {
 color: #ED2B78;
  text-decoration: none;}

.SideBar2 a.titleb {
  color: #FFFFFF;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;}

.SideBar2 a:hover.titleb {text-decoration: underline;}

/* Suche allgemein + Veranstaltung ------------------------------------------------- */

.SideBar2 input:focus, .SideBar2 textarea:focus {color: #333;background-color: #fff;}

input.handinputB, .formBut {cursor:pointer;}

 .formBut {color: #2C2C2C;background-color:#F3F3F3; border: 1px solid #cccccc;
font-family: verdana, helvetica, sans-serif;}
 
/*  {color: #2C2C2C;background-color:#F3F3F3; border: 1px outset #cccccc;
font-family: verdana, helvetica, sans-serif;}---- */

input.inputB{color:#2C2C2C;background-color:#fff;
font-family: verdana, helvetica, sans-serif;
font-size:12px;
border: 1px inset #cccccc;
padding:2px 2px 2px;
margin-bottom:6px;
margin-top:6px;
vertical-align:middle;}

select.selectB{color:#2C2C2C;background-color:#fff;
font-family: verdana, helvetica, sans-serif;
font-size:12px;
border: 1px inset #cccccc;
padding:2px 2px 2px;
margin-bottom:6px;
margin-top:6px;
vertical-align:middle;
width: 130px;}

/* Formulare in box v-suche.htm -------------------------------------------------- */

.V-form {color:#2C2C2C;background-color:#fff;
font-family: verdana, helvetica, sans-serif;
font-size:12px;
border: 1px inset #cccccc;
padding:2px 2px 2px;
margin: 1ex 1ex 1ex 1ex;
vertical-align:middle;
width: 214px;}

/* veranstaltung.htm Detailinformation zur einzelnen Veranstaltung ---------------- */
 
 caption, thead {display: none;}
 th, td {width: auto; text-align: left; vertical-align: top; padding: 0 1ex 0 1.2ex;}
 table {margin-bottom: 1ex;}
 .sc {font-variant: small-caps;}
 
/* veranstaltungsbeschreibung ohne tabelle --------------------------
 .Vinfo-sc {line-height:180%; 
 font-variant: small-caps; float: left;
 padding: 0 1ex 0 1.2ex; }
  
 .Vinfo-boxleft {line-height:180%; 
 text-align: left;
 width:320px;
 float: right;
 display: inline; }
 
.Vinfo-clear {clear: both; float: none;  background: #cccccc;  height: 1px;  line-height: 1px;  margin-top: 1em;    } 
-------------------------------------------------------------------*/ 

/*.Vinfo-separator {margin: 1em 0 2ex 0; clear: both; float: none; 
background: #cccccc; line-height:1px; height: 1px;}*/

 
/* veranstaltung.htm und v-liste.htm ---------------------------------------------- */
.V-box {border: 1px solid #cccccc; line-height:180%; 
text-align: left; padding: 1.5ex 1ex 1ex 1.5ex;}

/* nur hilfe in box v-suche.htm ---------------------------------------------------- */
.V-boxright { 
 text-align: left;
 line-height:140%;
 margin: 1ex 0.25ex 0 0;
 padding: 0.5ex 1em 0.5ex 0.5em;
 width: 150px;
 float: right;
 border-left: 1px solid #cccccc;}

/* Formulare Adminbereich ------------------------------------------------------- */

/*form{vertical-align:bottom;line-height:160%;
margin: 1ex 0 0.5ex 0;padding: 0 1ex 0 1.2ex;}*/
input.hand, .admin-formBut {cursor:pointer;}
input, .ooo{background-color:#dfdfdf;color:#333333;border:none;font-size:12px;font-family: verdana, helvetica, sans-serif;padding:2px 2px 2px;margin-bottom:6px;margin-top:6px;vertical-align:middle;}
textarea{background-color:#dfdfdf;color:#333333;border:none;font-size:12px;font-family: verdana, helvetica, sans-serif;padding:2px 2px 2px;margin-bottom:6px;margin-top:6px; width: 420px;}     
.admin-formBut {color: #333333;background-color:#fff; border: thin solid #cccccc;
font-family: verdana, helvetica, sans-serif;}
/*--- input:focus, textarea:focus {color:#333333; background-color:#FFE8EC;} 

.admin-formBut {color: #2C2C2C;background-color:#F3F3F3; border: 1px outset #cccccc;
font-family: verdana, helvetica, sans-serif;}

--- */

/** Folgende Styles werden nur im Adminbereich verwendet!!!! ***********************- */

#admin_header {
  color: inherit;
  background-color: #ED2B78;
  text-align: left;
  margin: 0;
  padding: 0;
  background-position: left;
  background-repeat: no-repeat;
  background-image:  url("../images/admin_Top.gif");
  line-height: 159px;
  border: 0;
  border-bottom:1px solid #cccccc;
  width: 771px;}

#admin-copy {
  color: #444444;
  background-color: #F3F3F3;
  text-align: justify;
  line-height: 1.5em;
  margin: 1px 0.75ex 0 0;
/*    padding: 0.5ex 15em 1em 0.5ex;*/
  padding: 0.5ex 0 1em 0;
  border-left: 1px solid #cccccc;
  width: 768px;
  float: left;}

#admin-copy a {color: #ED2B78; text-decoration: none;}

#admin-copy a:hover {color: #ED2B78;  text-decoration: underline;}

.editor-separator {
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
  font-size: 110%;
  border-top: 1px solid #cccccc;}

.fehler {
  margin: 0.5em 0 1em 0;
  padding: 0 0 0 1em;
  font-weight: bold;
  color: #ED2B78;}

/* ##### Style Hilfe- und Adminbox ##### ------------------------------------- */

#admin-copy .box {
  border: 1px solid #cccccc; line-height:180%;  width: 730px;
}

#admin-copy .form{vertical-align:bottom;line-height:160%;
margin: 1ex 0 0.5ex 0;
padding: 0 1ex 0 1.2ex;}

/* .box {border: 1px solid #cccccc; 
 line-height:180%; 
 text-align: middle;
 margin: 0.2ex 0 0 0; }*/
 
 .boxright1 { text-align: left;
 line-height:140%;
 margin: 0 0.75ex 0 0;
 padding: 0.2ex 1em 1ex 0.5em;
 width: 249px;
 float: right;
 border-left: 1px solid #cccccc;}

/* Logout auf Admin�bersicht ------------------------------------- */

 .boxright2 { 
 text-align: right;
 line-height:100%;
 margin: 0.5ex 0 0 0;
 padding: 0 1.2ex 0 0.5em;
 width: 317px;
 float: right;
  }

/* Usericon ausrichten auf Admin�bersicht ------------------------------------- */
 
  .boxuser { 
 text-align: right;
 line-height:100%;
 margin: 0 0 0 0;
 padding: 0.2ex 1.2ex 0 0.5em;
 width: 317px;
 float: none;}