/* Allgemein */
body {
    font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
    font-size:13;
    color:#003399;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    /*
    background-color: #F5F5F5;
    background-color: #0066cc;
    */
    background-color: #2c76a0;
    background: linear-gradient(to bottom, #73b3d9 0%, #2c76a0 100%);
    background-attachment: fixed;
  }

img {
  border: none;
}

.hrspace {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}


/* Überschriften */
h1 {
    color : #CD3629;
    font-size : 22;
  }


h2 {
    font-size:17;
    color:#C02525;
  }


h3 {
    font-size:16;
    color:#003399;
  }


h4 {
    font-size:14;
    color:#003399;
  }


h5 {
    font-size:12;
    color:#003399;
  }

/* Links */
a {
    color:#003399;
    text-decoration:underline;
  }


a:hover {
    color:#C02525;
    text-decoration:none;
  }


a.nostyle {
    text-decoration:none;
  }


a.nostyle:hover {
    text-decoration:underline;
  }


a.haupttext {
    color:#CD3629;
    text-decoration:none;
  }


a.haupttext:hover {
    color:#003399;
    text-decoration:none;
  }


/* Menu */

a.menu {
    color:#003399;
    text-decoration:none;
    font-size:12;
  }


a.menu:hover {
    color:#CD3629;
    text-decoration:none;
    font-size:12;
  }


a.submenu {
    color:#003192;
    font-size:13px;
    text-decoration:none;
    /* expand to td size for better clickability */
    width:100%;
    height:100%;
    display:block;
  }


a.submenu:hover {
    color:#003192;
    font-size:13px;
    text-decoration:none;
    background-color:#ffffff;
  }


a.menu_a {
    color:#CD3629;
    text-decoration:none;
    font-weight:bold;
  }


a.menu_a:hover {
    color:#CD3629;
    text-decoration:none;
  }


a.menu_b {
    color:#002168;
    text-decoration:none;
    font-size:13;
  }


a.menu_b:hover {
    color:#002168;
    text-decoration:none;
    font-size:13;
  }

/* Table */

table {
    font-size:13;
  }


table.formular {
    color:#000000;
  }


table.verwaltung {
    color:#000000;
  }


table.einfach {
    border-bottom-color : #003399;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : #003399;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #003399;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : #003399;
    border-top-style : solid;
    border-top-width : 1px;
  }


tr.einfach_tr_2 {
    background-color : #E7EFFF;
    height : 25px;
  }


tr.einfach_tr_1 {
    height:25px;
  }


td.einfach_td {
    padding-left : 10px;
    padding-right: 10px;
  }


td.links {
    text-align:right;
    /* width:190; */
    white-space: nowrap;
  }

tr.absatz {
    text-align:left;
    font-weight:bold;
    background-color:#005CBE;
    color:#ffffff;
  }


tr.tabelle {
    text-align:left;
    background-color:#E8F2FD;
  }


table.menu {
    width:210;
    font-size:12;
    color:#000000;
  }


td.menu {
    text-align:left;
    white-space: nowrap;
    height:16;
  }


table.faq {
    width:650;
  }


td.faq {
    vertical-align:top;
  }

/* Topmenu */

table.topmenu {
    /*
    font-size:12;
    padding:5px;
    */
    background-color:#E7EFFF;
    border-spacing: 7px 4px;
    /*
    border-width:1px;
    border-style:solid;
    border-left-color:#00308F;
    border-bottom-color:#00308F;
    border-right-color:#00308F;
    border-top-color:#00308F;
    */
  }

td.topmenu a.link-red {
    color:#CD3629;
    text-decoration: none;
    font-size: 13;
    font-weight:bold;
    vertical-align: middle;
  }

td.topmenu a.link-blue {
    color:#003399;
    text-decoration: none;
    font-size: 13;
    font-weight:bold;
    vertical-align: middle;
  }
  td.topmenu a.link-blue:hover {
    color:#CD3629;
  }

td.topsubmenu {
    padding-left:6px;
    padding-right:3px;
    padding-top:4px;
    padding-bottom:4px;
    /*
    background-color:#F0F7FF;
    */
  }

table.topmenu tr td {
    border-top: 1px solid #fff;

  }

table.topmenu tr:first-child td {
    border-top: none;
}


td.topsubmenu:hover {
    padding-left:6px;
    padding-right:3px;
    padding-top:4px;
    padding-bottom:4px;
    background-color:#ffffff;
  }

td.topmenutab {
    width:5px;
  }

div.druck {
    width:670px;
  }

/*CSS fuer Menue und Top*/



font.aktion {
    color : #ff0000;
    font-weight : bold;
    text-decoration : blink;
  }


#wrapper {
    position: relative;
    background-color:#FFF;
    padding-top: 0px;
    padding-bottom: 0px;

    min-height: 1200px;
    height: auto;
    width: 1000px;

    margin-left: auto;
    margin-right: auto;

}

#sidebar {
    width: 23%;
    min-height: 800px;
    position:absolute;
    float: left;
}

#sidebar.hgr_bauplatz {
    background-image:url('/Images/Layout/bg/hgr_bauplatz.gif');
    background-repeat: no-repeat;
    background-position: 5% 50%;
}
#sidebar.hgr_schaltplan {
    background-image:url('/Images/Layout/bg/hgr_schaltplan.gif');
    background-repeat: no-repeat;
    background-position: 5% 50%;
}
#sidebar.hgr_software {
    background-image:url('/Images/Layout/bg/hgr_software.gif');
    background-repeat: no-repeat;
    background-position: 5% 60%;
}
#sidebar.hgr_grundriss {
    background-image:url('/Images/Layout/bg/hgr_grundriss.jpg');
    background-repeat: no-repeat;
    background-position: 5% 50%;
}

#menu {
    padding-top: 30px;
    padding-left: 20px;
    visibility: visible;
    height: auto;
    float:both;
}

#menu_mitte {
    width:73%;
    padding-left:27%;
    padding-top: 50px;
  }

#MFahne {
    z-index: 11;
    padding-top: 10px;
    margin-left:auto;
    margin-right:auto;
    width:50%;
    visibility: visible;
    float:both;
  }

#main {
    width:76%;
    padding-left:24%;
    padding-top: 50px;
}

/*
#verwaltung {
    z-index:20;
    position: relative;
    top: 110px;
    left: 20px;
    visibility: visible;
  }
*/
#verwaltung {
    padding-top: 50px;
    padding-left: 50px;
    width: 100%;
    min-height: 1000px;
    background-color: #FFF;
    /* background-color: #DDD; */
  }

#license-reset {
  width: 80%;
  margin: 0 auto;
  min-height: 95vh;
  padding: 20px 0;
  background-color: #DDD;
}

#license-reset hr {
  width:720px;
  border: 3px solid dimgrey;
}

#copy {
    color: #FFF;
    font-size:10px;
    float:right;
    padding-right: 66px;
    padding-top: 10px;
  }

/*
#logo {
    z-index:20;
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;
  }
*/
#logo {
    float:left;
    padding-left: 45px;
    padding-top: 10px;
    width: 145px;
    height: 60px;
  }

#logo:hover {
  cursor: pointer;
}

#Banner {
    z-index:2;
    position: absolute;
    top: 70px;
    left: 5px;
    visibility: visible;
  }


#Banner_rechts {
    z-index:30;
    position: absolute;
    top: 70px;
    left: 720px;
    visibility: visible;
  }

#header {
    padding-top: 0px;
    background-image:url('/Images/Layout/Header.png');
    background-repeat:no-repeat;
    height: 87px;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    position:relative;
  }
/*
    max-width: 960px;
    margin: auto;
    background-image:url(/Images/Layout/Top_Standard_neu_LD.png);
    background-repeat:no-repeat;
*/


div.topmenu {
    z-index: 40;
    border: 0px none;
    position:absolute;
    /*
    position: absolute;
    top: 67px;
    left: 360px;
    width: auto;
    height: auto;
    */
    width:auto;
    top: 67px;
    left: 260px;
    visibility: visible;
  }


div.topmenubg {
    z-index: 30;
    border: 0px none;
    position: absolute;
    top: 67px;
    left: 260px;
    width: 600px;
    /*
    position: absolute;
    left: 280px;
    top: 0px;
    width: auto;
    height: auto;
    */
    visibility: hidden;
  }

/*
div.subtopmenucont0 {
    z-index: 50;
    position: absolute;
    top: 92px;
  }
*/

div.subtopmenucont0 {
    z-index: 50;
    position: relative;
    top:5px;
    margin-left: -100px;
    margin-right: -100px;
    margin-bottom: -100px;
}
/*
div.subtopmenucont1 {
    z-index: 50;
    position: absolute;
    top: 130px;
  }

div.subtopmenucont2 {
    z-index: 50;
    position: absolute;
    top: 160px;
  }
*/
input {
    background-color:#F3F8FF;
    cursor : pointer;
  }

.Button {
    width:100px;
    font-weight:bold;
    font-size:16;
    height:30;
  }

textarea {
    background-color : #F3F8FF;
  }

option {
    background-color : #F3F8FF;
  }

/*
 * Scroll Button
 */
div#scrollUp {
  position: fixed;
  left: 50%;
  bottom: 20px;
  margin-left: 450px;
  z-index: 99;
  outline: none;
  width:35px;
  height: 35px;
  background: url(/Images/Icons/arrow_up_red.png);
  background-size: 27px 27px;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0;
  transition: opacity 750ms;

}

div#scrollUp:hover {
  cursor: pointer;
}

/*
 * ext Link Page
 */
#extLink {
  width: 50%;
  height: 100%;
  margin-left:auto;
  margin-right:auto;
  background-color: white;
  padding: 20px;
}
/*
 * Download-Page
 */
/*
div.download-btn {
  height: 32px;
  background: url(/Images/Icons/download_blue.png);
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center center;
}
div.download-btn:hover {
  background: url(/Images/Icons/download_red.png);
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
*/

/*
* Download Layout
*/
#dl-wrapper {
  width: 80%;
  padding-bottom: 50px;
}

#dl-more {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

#dl-select {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
}

.dl-box {
  padding-bottom:20px;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height:75px;
}

/* Type-Icon */
.dl-icon {
  width: 50px;
}
.dl-icon:hover {
  width: 50px;
  cursor: pointer;
}
/*
.dl-icon .title {
  background-color: #EBF2FA;
  height: 18px;
}
*/
.dl-icon .pdf {
  background: white url('/Images/Icons/PDF.png');
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center top;
  height: 100%;
}

.dl-icon .apk {
  background: white url('/Images/Icons/APK.png');
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center top;
  height: 100%;
}

.dl-icon .android {
  background: white url('/Images/Icons/Android.png');
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center top;
  height: 100%;
}

.dl-icon .zip {
  background: white url('/Images/Icons/zip_64x64.png');
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center top;
  height: 100%;
}

/* Description */
.dl-desc {
  flex-grow: 1;
}
.dl-desc .title {
  background-color: #EBF2FA;
  height: 18px;
  font-size:14px;
  font-weight:bold;
  color:#C02525;
  vertical-align: middle;
  padding-left: 5px;
}
.dl-desc .desc {
  background-color: white;
  height: calc(100% - 21px);
  padding-left: 5px;
  padding-top: 3px;
}

/* Button */
.dl-btn {
  width: 135px;
  background-color: white;
}
.dl-btn .link {
  background-color: #EBF2FA;
  height: 18px;
  text-align: right;
}
/* on hover div.dl-btn (parent) make the Link appear hovered too */
.dl-btn:hover .link a {
  color: #C02525;
  text-decoration: none;
}

.dl-btn .btn {
  background: url('/Images/Icons/download_blue.png');
  background-size: 21px 21px;
  background-repeat: no-repeat;
  background-position: center 10px;
  height: calc(100% - 18px);
}
/*
 * on hover div.dl-btn (parent):
 * make the Button appear hovered too (selector on 2nd line)
 */
.dl-btn .btn:hover,
.dl-btn:hover .btn {
  background: url('/Images/Icons/download_red.png');
  background-size: 21px 21px;
  background-repeat: no-repeat;
  background-position: center 10px;
  height: calc(100% - 18px);
  cursor: pointer;
}