#layoutstart { background-image: url(images/titel.jpg); background-repeat: no-repeat; margin: 0px auto;  border: 2px solid #e67300; position: relative; z-index: 1; width: 955px; height: 580px; visibility: visible; overflow: hidden }

#layout { background-image: url(images/bg.jpg); background-repeat: no-repeat; background-position: 134px 0px; margin: 0px auto;  border: 2px solid #e67300; position: relative; z-index: 1; width: 955px; height: 580px; visibility: visible; overflow: hidden }

#navi { background-color: #e67300; border-right: 2px solid #aa957d; position: absolute; z-index: 1; top: 0px; left: 0px; width: 134px; height: 100%; text-align: left; visibility: visible; overflow: hidden}

#content { position: absolute; z-index: 1; top: 0px; left: 134px; width: 100%; height: 100%; text-align: left; visibility: visible; overflow: hidden}

#left { position: absolute; z-index: 1; top: 20px; left: 20px; width: 360px; text-align: left; visibility: visible}
#right { position: absolute; z-index: 1; top: 160px; left: 380px; width: 420px; text-align: left; visibility: visible}

#bottom {  position: absolute; z-index: 1; top: 350px; left: 40px; width: 760px; text-align: left; visibility: visible}

/* Logo */
#logo { position: absolute; z-index: 1; top: 10px; left: 615px; visibility: visible }
#logo img { width: 285px; height: 124px; behavior: url(pngbehavior.htc) }

/* Title Stripe */
.stripe { background-color: #e67300; width: 340px; height: 28px; text-align: center; display: block}

/* Buttons */


/* MENÜ */
.menue {display: none}

/* Images */
#gebiss {position: absolute; z-index: 2; top: 426px; left: 772px; visibility: visible}
#gestell {position: absolute; z-index: 2; top: 330px; left: 787px; visibility: visible}

/* Anfahrtsskizze */
#anfahrt { position: absolute; z-index: 2; top: 20px; left: 154px; width: 584px; height: 470px; border: 1px solid black; background-color: #FFFFFF }

/* Routenplaner */
#route { position: absolute; z-index: 3; top: 150px; left: 600px; width: 300px; height: 200px; text-align: left; padding: 10px; border: 1px solid black; background-color: #FFFFFF }

a  {color: #e67300; font-weight: bold; text-decoration: none}
a:hover  {color: #f29c48}


.navadr {margin-left: 8px; margin-top: 16px; font-size: 11px;  color: #FFFFFF; line-height: 12px}
.navadr a, .navadr a:hover {color: #ffffff; font-weight: normal}
.title {font-size: 20px; letter-spacing: 1px; color: #ffffff; margin: 0px; padding: 7px 0px 0px 7px}
.ttlimg {margin-left: 20px; border-left: 1px solid #e67300; border-right: 1px solid #e67300; border-bottom: 1px solid #e67300;}
.pgtitle {float: left; margin-left: 85px; margin-top: 70px; width: 300px; text-align: right}
.imgtitle {font-size: 10px; line-height: 12px}



body, p, td, input, textarea {font-family: arial, helvetica; line-height: 14px; font-size: 12px; color: #000000}
p {margin-top: 0px; margin-bottom: 12px}
h1 {font-size: 16px; line-height: 20px; color: #e67300}
h2 {font-size: 14px; color: #274194; margin-bottom: 10px; margin-top: 0px}
li {margin-left: -24px; }


ul#navilist {width:100%;}
ul#navilist  {list-style: none; margin: 0px 0px 0px 0px; padding: 0; font-size: 14px; line-height: 14px; font-weight: bold; color: #ffffff}
ul#navilist li a {background: #e67300; color: #ffffff; display: block; margin: 0px 0px 0px 20px; padding: 8px 10px; text-decoration: none;}
ul#navilist li a:hover {background: #f29c48}
ul#navilist li.active a {background: #f29c48}

ul#subnavilist  {list-style: none; margin: 0px 0px 0px 0px; padding: 0; font-size: 11px; line-height: 11px;  font-weight: bold; color: #ffffff}
ul#subnavilist li a {background: #e67300; color: #ffffff; display: block; margin: 0px 0px 0px 20px; padding: 4px 10px; text-decoration: none;}
ul#subnavilist li a:hover { background: #f29c48}
ul#subnavilist li.active a {background: #f29c48}
