/*
############################################# 
Stylevorlage für enviaM Internet Baukasten
Erstellt am: 04.01.2007 - 05.01.2007
Anpassung an RedDot: 19.01.2007
von:         EKS-Agentur (BF)
#############################################
*/
/* Globale Angaben */
body {
  background-color: #ffffff;                    /* hier Hintergrundfarbe anpassen */
  margin: 0; 
  padding: 0; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px;
}
h3 {
  padding: 0; 
  margin: 0; 
  font-size: 20px; 
  line-height: 22px; 
  color: #000;                                  /* hier Textfarbe anpassen */ 
  font-weight: bold;
}
h4 {
  padding: 0; 
  margin: 2px 0 2em 0; 
  font-size: 12px; 
  line-height: 16px; 
  color: #2FA4D9;                               /* hier Textfarbe anpassen */ 
  font-weight: normal;
}
h5 {
  padding: 0; 
  margin: 2px 0 2em 0; 
  font-size: 16px; 
  line-height: 16px; 
  color: #2FA4D9;                               /* hier Textfarbe anpassen */ 
  font-weight: bold;
}
hr {
 font-size: 1px;
 color: #0C8CC5;                               /* hier Farbe anpassen */
}
a {
  font-size: 12px;
  color: #000000;
  text-decoration: underline;
}
/*
#############################################
*/
/* Layout */
#logo {
  display: none;
}
#portalgrafik {
  display: none;
}
#claim {
  display: none;
} 
/*
#############################################
*/
/* Meta-Navigation oben rechts */
#vorMetaNavi {
  display: none;
}
#metaNavi {
  display: none;                    
}
#metaNavi UL {
  display: none;
}
#metaNavi ul li {
  display: none;
}
#metaNavi ul li .suche {
  display: none;
}
#metaNavi ul li a, #metaNavi ul li a:link, #metaNavi ul li a:active, #metaNavi ul li a:visited {
  display: none;                                
}
#metaNavi ul li a:hover {
  display: none;
}
/*
#############################################
*/
/* Hauptnavigation horizontal unter Kopfgrafik */
#naviBack {
  display: none;
}
#navi {
  display: none;
}
#navi ul {
  display: none;
 }
#navi ul li {
  display: none;
}
#navi ul li a, #navi ul li a:link, #navi ul li a:active, #navi ul li a:visited {
  display: none;
}
#navi ul li a:hover, #navi ul li a.active:link, #navi ul li a.active:active, #navi ul li a.active:visited, #navi ul li a.active:hover {
  display: none;
}

/*
#############################################
*/
/* Sondergrafik hier rechter Rand von der Marginalspalte */                         /* HIER WIRD DIE SONDERGRAFIK DEFINIERT */

/*
#############################################
*/
/* Fasst die vertikale Navigation, Content und Marginalspalte ein */
#container {
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #ffffff;                             /* hier Hintergrundgrafik anpassen */
}/*
#############################################
*/
/* Subnavigation links vertikal */
#left {
  display: none;
}
#left ul {
  display: none;
}
#left ul li {
  display: none;
}
/*
#############################################
*/
/* subnavi level 1 */
#left ul li a, #left ul li a:link, #subnavi ul li a:active, #subnavi ul li a:visited {
  display: none;
} 
#left ul li a:hover {
  display: none;
}
#left ul li a.active {
  display: none;
}
#left ul li a.noBorderBottom {
  display: none;
}
#left ul li a.current {
  display: none;
}
/*
#############################################
*/
/* subnavi level 2 */
#left ul ul {
  border-top: 0 solid;
}
#left ul ul li a, #left ul ul li a:link, #left ul ul li a:visited {
  display: none;
}
#left ul ul li a:hover {
  display: none;
}
#left ul ul li a.active {
  display: none;
}
#left ul ul li a.current {
  display: none;
}
/*
#############################################
*/
/* subnavi level 3 */
#left ul ul ul {
  display: none;
}
#left ul ul ul li a, #left ul ul ul li a:link,  #left ul ul ul li a:visited {
  display: none;
}
#left ul ul ul li a:hover {
  display: none;
}
#left ul ul ul li a.active {
  display: none;
}
#left ul ul ul li a.current {
  display: none;
}
/*
#############################################
*/
/* subnavi level 4 */
#left ul ul ul ul {
  display: none;
}
#left ul ul ul ul li a {
  display: none;
}
#left ul ul ul ul li a:hover {
  display: none;
}
#left ul ul ul ul li a.active {
  display: none;
}
#left ul ul ul li a.current {
  display: none;
}
/*
#############################################
*/
/* ariadne Navigation direkt über dem Content */
#ariadne {
  display: none;
}
#ariadne a, a:link, #ariadne a:active, #ariadne a:visited {
  display: none;
}
#ariadne a:hover {
  display: none;
} 
/*
#############################################
*/
/* Content */
#content {
  position: relative;
  float: left;
  left: 5px;
  top: 5px;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #ffffff;                                                              /* hier Hintergrundfarbe anpassen */
}
#content a, #content a:link, #content a:visited, #content a:active {
  color: #2FA4D9;
  text-decoration: underline;
  font-size: 12px;
}
#content a:hover {
  text-decoration: none;
}  
/*
#############################################
*/
/* Content Einspalter */
#content p {
  line-height: 16px;
  color: #58595B;                                                                    /* hier Textfarbe anpassen */
  padding: 0;
  margin: 0;
}
/*
#############################################
*/
/* Contentbild links */
#img_l {
 width: 226px;
 float: left;
 margin: 0 10px 10px 0;
 position: relative;
 vertical-align: top;
}
/*
#############################################
*/
/* Contentbild rechts */
#img_r {
 width: 226px;
 float: right;
 margin: 0 0 10px 10px;
 position: relative;
 vertical-align: top;
}
/*
#############################################
*/
/* Contenttabellen */
#content table {
  width: 530px;
}
#content .thead {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #0C8CC5;                                                                     /* hier Textfarbe anpassen */
  background-image: url(/images/administration/tab_oben.jpg);                                      /* hier Hintergrundfarbe und -grafik anpassen */
  height: 28px;
  width: 530px;
}
#content .th {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #0C8CC5;                                                                      /* hier Textfarbe anpassen */
  background-color: #CEE8F3;                                                           /* hier Hintergrundfarbe anpassen */
}
#content .tbody {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #58595B;                                                                      /* hier Textfarbe anpassen */
  background-color: #E1F4FD;                                                           /* hier Hintergrundfarbe anpassen */
  vertical-align: top;
}
#content .tfoot {
  background-image: url(/images/administration/tab_unten.jpg);                                      /* hier Hintergrundfarbe und -grafik anpassen */
  height: 11px;
  width: 530px;
}
/*
#############################################
*/
/* Contentlisten */
#content ul{
  color: #58595B;                                                                    /* hier Textfarbe anpassen */
  margin-left: 34px;
  padding-left: 34px;
}
#content ul.bild{
  color: #58595B;                                                                    /* hier Textfarbe anpassen */
  margin-left: 150px;
  padding-left: 150px;
}
#content ul li{
  list-style-type: disc;
  list-style-position: outside;
}
#content ul ul{
  margin-left: 15px;
  padding-left: 15px;
}
#content ul ul li{
  list-style-type: disc;
  list-style-position: outside;
}
#content ul li a:link, #content ul li a:visited, ul li a:active {
  color: #0C8CC5;                                                                    /* hier Linkfarbe anpassen */
  text-decoration: none;
}
#content ul li a:hover {
  color: #0C8CC5;                                                                    /* hier Linkfarbe anpassen */
  text-decoration: underline;
}
/*
#############################################
*/
/* Contentformulare */
.formtabellenueberschrift {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #0C8CC5;                                                                       /* hier Textfarbe anpassen */
  background-image: url(/images/administration/tab_oben.jpg);                                        /* hier Hintergrundgrafik anpassen */
  height: 28px;
  width: 530px;
  padding: 3px;
}
.formtabellenkoerper {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #58595B;                                                                       /* hier Textfarbe anpassen */
  background-color: #E1F4FD;                                                            /* hier Hintergrundfarbe anpassen */
  vertical-align: top;
  padding: 3px;
}
.formtabellenfuss {
  background-color: #B6DCEE;                                                            /* hier Hintergrundfarbe anpassen */
  height: 20px;
  width: 530px;
  padding: 3px;
}
.formsend {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;                                                                       /* hier Textfarbe anpassen */
  background-color: #0C8CC5;                                                            /* hier Hintergrundfarbe anpassen */
  border: 1px solid #FFFFFF;                                                            /* hier Rahmenfarbe anpassen */
  cursor: pointer;
}
input {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #999999;                                                                       /* hier Textfarbe anpassen */
  background-color: #FFFFFF;                                                            /* hier Hintergrundfarbe anpassen */
  border: 1px solid #999999;                                                            /* hier Rahmenfarbe anpassen */
}
/*
#############################################
*/
/* 2-spaltiger Content hier links */
#content #StartLeft {
  width: 255px;  
  padding: 0 25px 0 0; 
  vertical-align: top;
  float:left;
  background: #FFFFFF;                                                                  /* hier Hintergrundfarbe anpassen */
}
#content #StartLeft p {
  line-height: 16px;
  color: #58595B;                                                                    /* hier Textfarbe anpassen */
  padding: 0;
  margin: 0;
}
#content #StartLeft a, #content #StartLeft a:link, #content #StartLeft a:active, #content #StartLeft a:visited, #content #StartLeft a:hover {
  text-decoration: underline; 
  font-size: 12px; 
  font-weight: normal;
  color: #0C8CC5;                                                                       /* hier Linkfarbe anpassen */
}
/*
#############################################
*/
/* 2-spaltiger Content hier links mit Bild links */
#content #StartLeft .mod {
  height: 120px;
  padding: 0;
  margin: 0 0 40px 0;
  clear: both;
}
#content #StartLeft .imgLeft {
 width: 120px;
 float: left;
 margin: 0 10px 40px 0;
 position: relative;
 vertical-align: top;
}
#content #StartLeft a.bildzoom, #content #StartLeft a:link.bildzoom, #content #StartLeft a:visited.bildzoom, #content #StartLeft a:active.bildzoom {
  text-decoration: none; 
  font-size: 12px; 
  font-weight: bold; 
  color: #FB9457;                                                                       /* hier Linkfarbe anpassen */
}
#content #StartLeft a:hover.bildzoom {
  text-decoration: underline;
}
/*
#############################################
*/
/* 2-spaltiger Content hier rechts */
#content #StartRight {
 width: 259px; 
 padding: 0; 
 vertical-align: top;
 float:left;
 margin: 0;
 background: #FFFFFF;                                                                   /* hier Hintergrundfarbe anpassen */
 }
 #content #StartRight p {
  vertical-align: top;
  padding: 0; 
  margin: 0; 
  line-height: 16px; 
  color: #2FA4D9;                                                                        /* hier Textfarbe anpassen */
}
#content #StartRight a, #content #StartRight a:link, #content #StartRight a:active, #content #StartRight a:visited {
  text-decoration: none; 
  font-size: 12px; 
  font-weight: bold;
  color: #FB9457;                                                                        /* hier Linkfarbe anpassen */
}
#content #StartRight a:hover {
  text-decoration: underline; 
}
/*
#############################################
*/
/* 2-spaltiger Content hier rechts mit Bild links */
#content #StartRightImg {
 width: 259px; 
 padding: 0; 
 vertical-align: top;
 float:left;
 margin: 0;
 background: #FFFFFF;                                                                   /* hier Hintergrundfarbe anpassen */
 }
#content #StartRightImg .mod {
  height: 120px;
  padding: 0;
  margin: 0 0 40px 0;
  clear: both;
}
#content #StartRightImg .imgLeft {
 width: 120px;
 float: left;
 margin: 0 10px 40px 0;
 position: relative;
 vertical-align: top;
}
#content #StartRightImg p {
  vertical-align: top;
  padding: 0; 
  margin: 0; 
  line-height: 16px; 
  color: #58595B;                                                                        /* hier Textfarbe anpassen */
}
#content #StartRightImg a .download {
  color: #FB9457;
  font-weight: bold;                                                                       /* hier Linkfarbe anpassen */
}
#content #StartRightImg a.bildzoom, #content #StartRightImg a:link.bildzoom, #content #StartRightImg a:visited.bildzoom, #content #StartRightImg a:active.bildzoom {
  text-decoration: none; 
  font-size: 12px; 
  font-weight: bold; 
  color: #FB9457;                                                                       /* hier Linkfarbe anpassen */
}
#content #StartRightImg a:hover.bildzoom {
  text-decoration: underline;
}

/*
#############################################
*/
/* 2-spaltiger Content hier rechts mit Teaserboxen */
.box {
  clear: both;
  width: 259px;
  position: relative;
  padding: 0;
  margin:0;
}
.naviTeaser {
  vertical-align: top; 
  width: 85px;
  float: left;
  padding: 0;
  position: relative; 
  background: #FFFFFF;                                                                      /* hier Hintergrundfarbe anpassen */
}
.naviTeaserContent p {
  vertical-align: top;
  float: right;
  width: 170px;
  height: 90px;
  position: relative;
  padding: 0;
  color: #2FA4D9;
}
/*
#############################################
*/
/* 2-spaltiger Content hier Kontaktcenter rechts */
#content #StartRightKontaktcenter {
 width: 259px; 
 padding: 0; 
 vertical-align: top;
 float:left;
 margin: 0;
 background: #FFFFFF;                                                                   /* hier Hintergrundfarbe anpassen */
 }
 #content #StartRightKontaktcenter p {
  vertical-align: top;
  padding: 0; 
  margin: 0; 
  line-height: 16px; 
  color: #58595B;                                                                        /* hier Textfarbe anpassen */
}
#content #StartRightKontaktcenter a, #content #StartRightKontaktcenter a:link, #content #StartRightKontaktcenter a:active, #content #StartRightKontaktcenter a:visited {
  text-decoration: underline;
  font-size: 12px; 
  font-weight: normal;
  color: #0C8CC5;                                                                        /* hier Linkfarbe anpassen */
}
#content #StartRightKontaktcenter a:hover {
  text-decoration: none; 
}
/*
#############################################
*/
/* Marginalspalte rechts */
#sidebar {
  display: none;
}
#sidebar .rahmen{
  display: none;
}
#sidebar .rahmenu{
  display: none;                                                   /* hier Rahmenfarbe anpassen */
}
#sidebar .rahmenr{
  display: none;
}
#sidebar .teaserFramebottom {
  display: none;
}
#sidebar .teaserFrameright {
  display: none;
}
#sidebar p {
  display: none;
}
#sidebar form {
  display: none;
}

#sidebar hr {
  display: none;
}
#sidebar .teasertext {
  display: none;
}
#sidebar .teasertitle {
  display: none;
}
#sidebar a {
  display: none;
}
#sidebar a:link, #sidebar a:active, #sidebar a:visited {
  display: none;
}
#sidebar a:hover {
  display: none;
}
#sidebar .fliesstext{
  display: none;
}
#sidebar .fliesstext p {
  display: none;
}
/*
#############################################
*/
/* Fusszeile unten */
#footer {
  display: none;
}
#footer a, #footer a:link, #footer a:visited, #footer a:active {
  display: none;
}
#footer a:hover {
  display: none;
}
/*
#############################################
*/
/* Darstellung PopUp global */
#popup {
  width: 100%;
  background-color: #0C8CC5;
}
#popup a, #popup a:link, #popup a:visited, #popup a:active {
  text-decoration: none; 
  font-size: 12px; 
  font-weight: bold; 
  color: #FB9457;  
}
#popup a:hover {
  text-decoration: underline;
}
#popup #inhalt {
  position: absolute;
  top: 24px;
  left: 24px;
  right: 23px;
  z-index: 0;
  padding: 10px;
  background: #ffffff;
}
#popup #inhalt #bogen_l {
  position: absolute;
  top: -2px;
  left: 0px;
  float: left;
  z-index: 15;
  width: 12px;
  height: 12px;
  background: url() no-repeat left;
}
*html #popup #inhalt #bogen_l {
  top: -3px;
}
#popup #inhalt #bogen_r {
  position: absolute;
  top: -2px;
  right: 0px;
  text-align: right;
  float: right;
  vertical-align: top;
  margin: 0;
  padding: 0;
  z-index: 15;
  width: 12px;
  height: 12px;
  background: url() no-repeat right;
}
*html #popup #inhalt #bogen_r {
  top: -3px;
  right: -1px;
}
/*
#############################################
*/
/* Bild rechts für Ansprechpartner Popup */
#popup_img_r {
 width: 100px;
 height: 125px;
 float: right;
 margin: 0 0 10px 10px;
 position: relative;
 vertical-align: top;
}