html, body {
   margin: 0;
   padding: 0;
   border: 0;
   height: 100%;
   font-family: arial, helvetica, sans-serif;
}

body {
   width: 100%;
   background: #E2E2E2;
   font-size: 100%;
}

div, ul, li, img, h1, h2, h3, p, span, a {
   margin: 0;
   padding: 0;
   border: 0;
}

a { text-decoration: none; }

.red { color: #D00000; }

/* =============================================================== */
/* =============================================================== */

#vcenter {
   visibility: hidden;
   width: 100%;
   height: 50%;
   margin-top: -359px;
   float: left;
}

#wrapper {
   position: relative;
   width: 948px;
   height: 718px;
   clear: both;
   margin: 0 auto;
   background: url(img/winbg.gif) no-repeat;
}

#container {
   position: absolute;
   top: 14px;
   left: 14px;
   width: 920px;
   height: 690px;
   background: #FFFFFF;
}

#blocker { position: absolute; top: 0; left: 0; height: 1px; }

/* =============================================================== */
/* =============================================================== */

#header {
   position: absolute;
   top: 0;
   left: 0;
   width: 920px;
   height: 92px;
   background: url(img/header.gif) repeat-y;
}

#header img { display: inline; float: right; }

/* --------------------------------------------------------------- */

#contentbg {
   position: absolute;
   top: 92px;
   left: 0;
   width: 920px;
   height: 598px;
   background: url(img/contentbg.jpg) no-repeat top left #FFFFFF;
}

/* --------------------------------------------------------------- */

#footerline {
   position: absolute;
   top: 667px;
   left: 0;
   width: 920px;
   height: 23px;
   background: url(img/footer.png) repeat-x transparent;
}

/* --------------------------------------------------------------- */

#navi { background: url(img/navi_left.gif) no-repeat top left; }

.navihome { background: url(img/navi_left_home.gif) no-repeat top left !important; }

#navi, #navilow {
   position: absolute;
   top: 92px;
   left: 0;
   height: 598px; /* 690px; */
   width: 175px;
}

#navi ul, #navilow ul {
   margin-top: 93px;
   list-style-type: none;
   color: #418CC8;
   font-size: 14px;
   font-weight: bold;
}

#navilow ul {
   margin-top: 92px;
   border-top: 1px dotted #464646;
}

#navi ul li {
   padding: 5px 0 6px 15px;
}

#navilow ul li {
   border-bottom: 1px dotted #464646;
   padding: 5px 0 5px 15px;
}

#navi ul .navopen, #navilow ul .navopen, #navi ul .navopenicon {
   border-bottom: none;
   padding: 5px 0 1px 15px;
}

#navi ul .navopenicon { background: url(img/list_sel_icon_b.png) bottom left no-repeat; }

#navi ul .navoff, #navilow ul .navoff { color: #418CC8; }

#navi ul .subnavi, #navilow ul .subnavi, #navi ul .subnaviicon {
   border-bottom: none;
   padding: 0 0 1px 28px;
   font-size: 13px;
}

#navi ul .subnaviicon { background: url(img/list_sel_icon.png) top left no-repeat; }

#navi ul .sublast {
   padding: 0 0 6px 28px;
}

#navilow ul .sublast {
   border-bottom: 1px dotted #464646;
   padding: 0 0 5px 28px;
}

#navi ul .sublasticon { padding: 0 0 6px 28px; }

#navi ul .sublasticon { background: url(img/list_sel_icon.png) top left no-repeat; }

#navi ul li a { font-weight: normal; color: #464646; }
#navi ul li a:hover { font-weight: bold; color: #002B75; }

#navi ul .navopen a { font-weight: bold; color: #418CC8; }

#navi ul .subnaviopen a { font-weight: bold; }

#navi ul .navclosedicon { background: url(img/list_sel_icon.png) center left no-repeat; }

/* --------------------------------------------------------------- */

#main, #home {
   position: absolute;
   top: 120px;
   left: 175px;
   height: 520px;
   width: 445px;
}

h1, h2, .txt {
   display: block;
   position: relative;
   left: 15px;
   width: 420px;
   color: #000000;
   word-spacing: 0;
}

h1, h2 {
   font-size: 29px;
   letter-spacing: -0.05em;
}

h1 {
   top: 18px;
   font-weight: bold;
}

h2 {
   top: 20px;
   font-weight: normal;
}

h3 {
   font-size: 18px;
   font-weight: bold;
   padding-bottom: 4px;
}

.txt {
   top: 40px;
   padding-right: 10px;
   overflow: auto;
   font-size: 14px;
   font-weight: normal;
   line-height: 18px;
}

.txtmuch { height: 375px; }

.txtmax { height: 420px; } /* was 380px */

.txt ul {
   position: relative;
   margin-left: 15px;
   list-style-type: square;
}

.txt a { color: #000000; }

.txt a:hover { color: #676767; }

.withlinks a {
   text-decoration: underline;
   font-weight: normal;
   color: #464646;
}

.withlinks a:hover { font-weight: normal; color: #002B75; }

#home h1, #home h2, #home .txt { left: 20px; }
#home h1, #home h2 { font-size: 37px; }
#home h1 { top: 17px; }
#home h2 { top: 19px; }
#home .txt { top: 52px; font-size: 16px; line-height: 23px; }

/* --------------------------------------------------------------- */

#mood {
   position: absolute;
   top: 92px;
   right: 0;
   height: 598px;
   width: 300px;
}

#moodlower {
   position: absolute;
   top: 92px;
   right: 0;
   height: 598px;
   width: 300px;
}

/* --------------------------------------------------------------- */

#footer {
   position: absolute;
   top: 695px;
   right: 0;
   height: 10px;
   width: 250px;
}

#footer img {
  position: relative;
  top: 6px;
}

#footer ul {
   list-style-type: none;
   text-align: right;
   color: #418CC8;
   font-size: 12px;
}
         
#footer ul li {
   display: inline;
   padding-left: 3px;
   padding-right: 3px;
   padding-top: 10px;
}

#footer ul li a { color: #464646; }

#footer ul li a:hover { color: #002B75; }

#footer a #printicon { opacity: 0.4; }
#footer a:hover #printicon { opacity: 0.7; }

/* =============================================================== */
/* =============================================================== */

.fileicon {
   margin: 0 12px 0 0;
   display: block;
   position: relative;
   top: 16px;
}

.filetext {
   font-size: 13px;
   position: relative;
   top: -10px;
   left: 40px;
}

a .filetext { text-decoration: underline; font-weight: normal; color: #464646; }
a:hover .filetext { font-weight: normal; color: #002B75; }

#termin1, #termin2 {
   width: 200px;
   height: 60px;
   margin-top: 10px;
}

#termin1 ul, #termin2 ul {
   margin-left: 0 !important;
   list-style-type: none;
}

#termin1 ul li, #termin2 ul li { list-style-type: none; }

#termin1 ul li a, #termin2 ul li a {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   height: 47px;
   width: 190px;
   outline: none;
   background: url(img/terminbutton.png) no-repeat top left;
   background-position: top left;
}

#termin1 ul li a:hover, #termin2 ul li a:hover { background-position: bottom left; }

#termin2 {
   margin-top: 0;
   position: absolute;
   top: 492px;
   left: 10px;
}

/* =============================================================== */
/* =============================================================== */

#toptextleft {
   height: 110px !important;
   width: 250px !important;
   overflow: hidden !important;
}

#bottomtextright {
   position: absolute;
   top: 260px !important;
   left: 210px !important;
   width: 210px !important;
   height: 270px !important;
   overflow: hidden;
}

#bottomtextwide {
   position: absolute;
   top: 390px !important;
   width: 420px !important;
   height: 140px !important;
   overflow: hidden;
}

#bottomimgwide {
   position: absolute;
   left: 10px;
   top: 224px;
   width: 434px;
   height: 264px;
   overflow: hidden;
   text-align: center;
}

#bottomimgwide img { display: inline; }

#bottomimgleft {
   position: absolute;
   left: 16px;
   top: 260px;
   width: 180px;
   height: 225px;
   overflow: hidden;
}

#middleimgsmall {
   position: absolute;
   left: 10px;
   top: 224px;
   width: 434px;
   height: 140px;
   overflow: hidden;
   text-align: center;
}

#middleimgsmall img { display: inline; }

.textsmall { font-size: 12px; }
.textsmall ul { font-size: 11px; }

.textmedium { font-size: 13px; }
.textmedium ul { font-size: 12px; }

#angebotbutton {
   position: absolute;
   left: 17px;
   top:  125px;
}

/* --------------------------------------------------------------- */

.angtxt  {
   top: 60px;
   height: 400px;
}

.angebot {
   position: relative;
   top: 0;
   left: 0;
}

.anghead {
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 2px;
}

.angtxta {
   font-size: 14px;
   margin-bottom: 4px;
   width: 300px;
}

.angtxtb {
   font-size: 12px;
   line-height: 16px;
   width: 300px;
}

.angeuro {
   position: absolute;
   bottom: -20px;
   right: 0;
   text-align: right;
}

.angprce {
   font-size: 34px;
   font-weight: bold;
}

.angsplt {
   height: 12px;
   margin-bottom: 12px;
   overflow: hidden;
   border-bottom: 1px dotted #000000;
}

/* --------------------------------------------------------------- */

.sichtxt {
   top: 20px;
   height: 330px;
}

.spbrtxt { height: 145px; }

.brtxt { height: 145px; overflow: hidden; }

.brlogtxt { height: 110px; overflow: hidden; }

/* --------------------------------------------------------------- */

.standort { line-height: 20px; }

#standortimgs {
   position: absolute;
   top: 360px;
   left: 15px;
   width: 400px;
   height: 105px;
   overflow: hidden;
}

#standortimgs img { margin-right: 30px; } /* 150 x 105 */

#routenplaner {
   position: absolute;
   top: 110px;
   left: 247px;
   width: 105px;
   height: 105px;
   font-size: 14px;
   line-height: 18px;
}

#routenplaner a img { border: 1px solid #8C8C8C; }
#routenplaner a:hover img { border: 1px solid #002B75; }

#routenplaner a span { color: #464646; text-decoration: underline; }
#routenplaner a:hover span { color: #002B75; }

.txt table { margin: 0; padding: 0; border: 0; }
.txt tr { margin: 0; padding: 0; border: 0; }
.txt td { margin: 0; padding: 0 10px 3px 0; border: 0; }

input, textarea {
   font-family: arial, helvetica, sans-serif;
   margin-left: 0;
   padding: 2px;
   border: 1px solid #000000;
   font-size: 12px;
}

input.button {
   padding: 2px 6px;
   width: auto;
   overflow: visible;   
}

/* --------------------------------------------------------------- */

.arrows {
   position: absolute;
   width: 26px;
   height: 26px;
}
   
#arrowAL, #arrowAR { top: 231px; } /* top */ /* 246px by layout */
#arrowBL, #arrowBR { top: 372px; } /* bot */ /* 360px by layout */
#arrowCL, #arrowCR { top: 344px; } /* mid */ /* 338px by layout */

#arrowAL, #arrowBL, #arrowCL { left: 11px; }
#arrowAR, #arrowBR, #arrowCR { left: 416px; }

.arrows img { opacity: 0.6; }
.arrows a:hover img { opacity: 1; }
.arrows a:active img { opacity: 0.5; }

.arrowoff { opacity: 0.2 !important; }

/* --------------------------------------------------------------- */

.tops {
   position: absolute;
   top: 224px; /* 240px by layout */
   width: 82px;
   height: 40px;
}

#topA { left:  41px; }
#topB { left: 137px; }
#topC { left: 233px; }
#topD { left: 329px; }

.tops a img { opacity: 0.5; }
.tops a:hover img { opacity: 0.7; }
.tops a:active img { opacity: 0.9; }

#topsmenu {
   position: absolute;
   top: 235px;
   left: 0; /* norm left: 15 */
   width: 460px; /* norm width = 420 */
}

#topsmenu ul {
   list-style-type: none;
   color: #464646;
   font-size: 14px;
   font-weight: bold;
}

#topsmenu ul li {
   display: inline;
   text-decoration: underline;
   padding-left: 15px; /* substract same amount from div left */
   padding-right: 40px; /* add same amount to div width */
}

#topsmenu ul li a { font-weight: normal; color: #464646; }

#topsmenu ul li a:hover { color: #002B75; }

/* --------------------------------------------------------------- */

#showimg {
   position: absolute;
   left: 46px;
   top: 265px; /* 253px by layout */
   width: 360px;
   height: 208px; /* 240 full */
}

#showimg img {
   display: block;
   position: relative;
}

.showimgC { top: 237px !important; } /* 231px by layout */

/* --------------------------------------------------------------- */

#stoerer1, #stoerer2 {
   position: absolute;
   top: 100px;
   left: 290px;
   height: 124px;
   width: 124px;
   background: url(img/abosystem_stoerer.gif) no-repeat top left;
}

#stoerer2 {
   top: 60px;
   background: url(img/sicherheit_stoerer.gif) no-repeat top left;
}

#stoerer1textnum, #stoerer2textnum, #stoerer1textadd, #stoerer2textadd {
   position: absolute;
   top: 28px;
   left: 0;
   width: 90px;
   color: #FFFFFF;
   font-family: arialblack, 'arial black', arial, helvetica, sans-serif;
   font-size: 50px;
   line-height: 1.1em;
   font-weight: bold;
   letter-spacing: -0.1em;
   text-align: right;
}

#stoerer1textadd, #stoerer2textadd {
   width: 118px;
   letter-spacing: 0;
}

#stoerer2textnum, #stoerer2textadd { top: 26px; }

.spacey td { padding-bottom: 15px; }

/* --------------------------------------------------------------- */
/* --------------------------------------------------------------- */
/* --------------------------------------------------------------- */

#preview {
   position: absolute;
   top: 684px;
   left: 0;
   height: 51px;
   width: 920px;
   text-align: center;
   color: #FFFFFF;
   font-size: 14px;
   font-weight: bold;
   padding: 0;
   background: url(img/prv_winbgadd.gif) no-repeat center;
}

.pbutton      {
   width: auto;
   overflow: visible;
   padding: 2px 6px;
   margin: 0 6px 0 6px;
   border: 2px solid #606060;
   position: relative;
   top: -3px;
}

.pbutton:hover { border: 2px solid #909090; cursor: pointer; }

.buttongreen  { background: #B0E0B0; }
.buttonorange { background: #E0C8B0; }
.buttongray   { background: #D8D8D8; }

.buttongreen:hover  { background: #CFFFCF; }
.buttonorange:hover { background: #FFE8CF; }
.buttongray:hover   { background: #F8F8F8; }