/* Allgemeines Seitenlayout */
body {background-color: #DFDFDF;}
body.gallery{background-color: #eee;}
span.text {font-family: Arial; font-size: 15px;}
a {font-family: Arial; font-size: 15px;}
a:link {color: blue; font-size: 15px; font-weight: bold; text-decoration:none;}
a:visited {color: blue; font-weight: bold; text-decoration:none;}
a:hover {color: teal; font-weight: bold; text-decoration:none;}
a:active {color: red; font-weight: bold; text-decoration:none;}
caption {color: green; font-weight: bold; font-weight: bold;}

/* Bannerlayout */
div.banner {text-align: center; color:red; font-family: 'Arial Black';
            font-size: 55px; padding: 0px 0px 2px 0px;}

/* Menueleiste im Dokumentenkopf */
div.headlinks {background-color: red; font-family: Arial; font-weight: bold;
               color: white; text-align: center; padding-bottom: 5px;
               padding-top: 4px;}
div.headlinks ul {margin: 0}
div.headlinks ul li {display: inline; margin-left: -3px;
                     border: 2px outset coral;}
div.headlinks ul li a {padding: 3px 5px 2px 5px;}
div.headlinks ul li a:link {color: white;}
div.headlinks ul li a:visited {color: white;}
div.headlinks ul li a.goldwing:link {color: yellow;}
div.headlinks ul li a.goldwing:visited {color: yellow;}
div.headlinks ul li a:hover {color: black;}
div.headlinks ul li:hover {border-style: groove;}
div.headlinks ul li a.goldwing:hover {color: black;}
div.headlinks ul li a:active {color: gray;}
div.headlinks ul li:active {border-style: inset;}
div.headlinks ul li a.goldwing:active {color: gray;}
div.count {position: absolute; top: 94px; right: 15px;
           font-family: Arial, Arial, Helvetica, sans-serif;
           font-weight: bold;
           font-size: 15px;
           color: black;}

/* Menuelayout */
div.menue {position: absolute; top: 125px; left: 7px; right: 0px;}
ul.menue {width: 170px; margin: 1px; padding: 3px; border: 2px ridge;}
ul.menue li {list-style: none; margin: 0px; padding: 0px;
             border: 2px outset white;}
ul.menue li.menueeintrag {background-color: silver; font-family: Arial;
                          font-size: 15px; font-weight: bold; cursor: pointer;}
a.menue {padding: 2px 5px 2px 5px;}
a.menue:link {color: white;}
a.menue:visited {color: white;}
a.menue:hover {color: teal;}
a.menue:active {color:red;}
ul.menue li:hover {border-style: groove;}
ul.menue li:active {border-style: inset;}
ul.menue li.menueindex {background-color: gray; font-family: Arial;
                        color: black; font-weight: bold;
                        padding: 2px 5px 2px 5px;
                        border-style: none;}

/* Allgemeines Dokumentenlayout */
div.view {position: absolute; top: 0px; left: 185px; right: 0px;}
div.headline {color: maroon; font-family: Arial; font-size: 25px;
              text-align: center;}
textarea.headline {color: maroon; font-family: Arial; font-size: 25px;
                   text-align: center;}
div.text {color: black; font-family: Arial; font-size: 15px;}
textarea.text {color: black; font-family: Arial; font-size: 15px;}

/* Fehlermeldelayout */
p.failure {color: red; font-family: Arial; font-size: 14px;}
td.failure {color: red;}

/* Eventlayout */
table.events {background-color: #EFEFEF; border-style: ridge;
              border-width: 3px; padding: 0px; border-color: #5E769C;;
              border-spacing: 0px; width: 90%; text-align: left;}
table.events td {border: inset 1px black; border-right: 0px;
                 border-bottom: 0px}
table.events tr:hover {background-color: #D8DFE5;}
table.events th {background-color: #5E769C; height: 20px; border-color: white;
                 border-width: 1px; border-style: groove; border-top: 0px;
                 text-align: center; color: white;}

/* Mitarbeitervorstellungslayout */
table.worker {background-color: #EFEFEF; border-style: ridge;
              border-width: 3px; padding: 0px; border-color: #5E769C;;
              border-spacing: 0px; width: 50%; text-align: left;}
table.worker td {border: inset 1px black; border-right: 0px; border-left: 0px;
                 border-bottom: 0px; border-top: 0px; vertical-align: top;}
table.worker th {background-color: #5E769C; height: 20px; border-color: white;
                 border-width: 1px; border-style: groove; border-top: 0px;
                 text-align: center; color: white;}
table.worker tr td img {max-height: 250px; max-width: 250px;}
td.workerimage {width: 251px; vertical-align: middle; text-align: center;}
td.workerdescription {width: 95px;}

/* Linkverwaltungslayout */
table.links {background-color: #EFEFEF; border-style: ridge;
             border-width: 3px; padding: 0px; border-color: #5E769C;;
             border-spacing: 0px; width: 50%; text-align: left;}
table.links td {border: inset 1px black; border-right: 0px; border-left: 0px;
                border-bottom: 0px; border-top: 0px}
table.links th {background-color: #5E769C; height: 20px; border-color: white;
                border-width: 1px; border-style: groove; border-top: 0px;
                text-align: center; color: white;}

/* Benutzerverwaltungslayout */
table.user {background-color: #EFEFEF; border-style: ridge;
            border-width: 3px; padding: 0px; border-color: #5E769C;;
            border-spacing: 0px; text-align: left;}
table.user td {border: inset 1px black; border-right: 0px; border-left: 0px;
               border-top: 0px}
table.user th {background-color: #5E769C; height: 20px; border-color: white;
               border-width: 1px; border-style: groove; border-top: 0px;
               text-align: left; color: white;}
table.user tr:hover {background-color: #D8DFE5;}

/* Galerielayout */
table.gallery {border: 0;}
table.gallery  tr td img {max-height: 109px; max-width: 109px;}

/* Galerie-Bild-Einzelansicht Layout */
img.gallery {max-width: 70%;}
.double {font-family: Arial; font-size: 22px;}

/* Serviceleistungenlayout */
table.service {background-color: #EFEFEF; border-style: ridge;
               border-width: 3px; padding: 0px; border-color: #5E769C;;
               border-spacing: 0px; width: 70%; text-align: left;
               margin-left: auto; margin-right: auto;}
table.service td {border: inset 1px black; border-right: 0px;
                  border-bottom: 0px}
table.service th {background-color: #5E769C; height: 20px; border-color: white;
                  border-width: 1px; border-style: groove; border-top: 0px;
                  text-align: center; color: white;}
table.service img {max-height: 300px; max-width: 300px;}

/* Betriebsbeschreibungslayout */
table.betrieb {background-color: #EFEFEF; border-style: ridge;
               border-width: 3px; padding: 0px; border-color: #5E769C;;
               border-spacing: 0px; width: 70%; text-align: left;
               margin-left: auto; margin-right: auto;}
table.betrieb td {border: inset 1px black; border-right: 0px; border-left: 0px;
                  border-bottom: 0px; border-top: 0px; text-align: center;}
table.betrieb th {background-color: #5E769C; height: 20px; border-color: white;
                  border-width: 1px; border-style: groove; border-top: 0px;
                  text-align: center; color: white;}
table.betrieb img {max-height: 280px; max-width: 280px;}

/* Fahrzeugverkauf Layout */
table.bikes {background-color: #EFEFEF; border-style: ridge;
             border-width: 3px; padding: 0px; border-color: #5E769C;;
             border-spacing: 0px; width: 90%; text-align: left;}
table.bikes td {border: inset 1px black; border-left: 0px; border-right: 0px;
                border-bottom: 0px; cursor: pointer}
table.bikes tr:hover {background-color: #D8DFE5;}
table.bikes th {background-color: #5E769C; height: 20px; border-color: white;
                border-width: 1px; border-style: groove; border-top: 0px;
                text-align: center; color: white;}
th.bike {width: 125px;}
table.bikes a:link {color: black; text-decoration:none; font-weight: normal;
                    font-size: 14px}
table.bikes a:visited {color: black; text-decoration:none; font-weight: normal;
                       font-size: 14px}
table.bikes a:hover {color: blue; text-decoration:none; font-weight: normal;
                     font-size: 14px}
table.bikes a:active {color: red; text-decoration:none; font-weight: normal;
                      font-size: 14px}
.preis {text-align:right;}

/* Serviceleistungenlayout */
table.detail {background-color: #EFEFEF; border-style: ridge;
              border-width: 3px; padding: 0px; border-color: #5E769C;
              border-spacing: 0px; text-align: left; margin-left: auto;
              margin-right: auto;}
table.detail td {border: inset 1px black; border-left: 0px; border-right: 0px;
                 border-bottom: 0px; border-top: 0px;
                 text-align: left; vertical-align: top;}
table.detail tr:hover {background-color: #D8DFE5;}
table.detail th {background-color: #5E769C; height: 20px; border-color: white;
                 border-width: 1px; border-style: groove; border-top: 0px;
                 text-align: center; color: white;}
table.detail tr td img {max-height: 320px; max-width: 320px;}
td.detailimage {background-color: #EFEFEF;}

/* Bilderformatierung fuer die Seiten */
img.images {max-height: 300px; max-width: 300px;}

/* Verstecken des SPAM-Schutz Eingabefeldes */
input.spamcheck {display:none;}

/* Positionierung der Vor- und Zurueckbuttons */
button.leftbutton {position: relative; right: 50px;}
button.rightbutton {position: relative; bottom: 26px; left: 50px;}

/* Gaestebuchlayout */
table.guestbook {background-color: #EFEFEF; border-style: ridge;
                 border-width: 3px; padding: 0px; border-color: #5E769C;;
                 border-spacing: 0px; width: 90%; text-align: left;}
table.guestbookinner {width: 100%;}
td.guestbockhead {background-color: #5E769C; height: 20px;}
td.guestbockdescription {font-weight: bold; width: 40px;}
table.guestbookadd {background-color: #EFEFEF; border-style: groove;
                    border-width: 1px; padding: 0px;
                    border-spacing: 0px; width: 100px; text-align: left;}

/* Linkbilderlayout */
img.links {max-height: 560px; max-width: 560px;}

/* Groessendefinition fuer Texteingabefelder */
textarea {width: 99%; height: auto;}

/* Uploade-Dialog Layout */
div.fieldset {border:  2px; border-style: ridge; border-color: #D8DFE5;
              margin: 10px 0; padding: 20px 10px;}
div.fieldset span.legend {position: relative; background-color: #DFDFDF;
                          border: 1px ridge; padding: 3px; top: -30px;
                          color: black;}
div.flash {width: 275px; border-color: #D9E4FF;}
.progressWrapper {width: 275px; overflow: hidden;}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {font-size: 0; width: 0%; height: 2px;
                   background-color: blue; margin-top: 2px;}
.progressBarComplete {width: 100%;background-color: green;visibility: hidden;}
.progressBarError {width: 100%; background-color: red; visibility: hidden;}
.progressBarStatus {margin-top: 2px; width: 337px; font-size: 7pt;
                    font-family: Arial; text-align: left; white-space: nowrap;}
#btnCancel {position: relative; top: -6px; left: 2px;}

/* Kombinationsfeld-Layout */
select {width: 150px;}
.dhx_combo_img{position:absolute; top:0px; right:0px; width:18px; height:20px;}
.dhx_combo_input{color: #232323; font-family: Arial; font-size: 9pt;
                 border:0px; padding:2px 2px 2px 2px; position:absolute;
                 top:0px;}
.dhx_combo_box{position:relative; text-align:left; border:1px solid #7F9DB9;
               height:20px; _height:22px; overflow:hidden;
               background-color: white;}
.dhx_combo_list{position:absolute; z-index:230; overflow-y:auto;
                overflow-x:hidden; border:1px solid black; height:100px;
                font-family: Arial; font-size: 9pt;
                background-color: aliceblue;}
.dhx_selected_option{background-color: #D8DFE5; color: black;}

/* Interne Fenster */
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}
#lightboxDetails{
    font-size: 0.8em;
    padding-top: 0.4em;
}
#lightboxCaption {float: left; }
#keyboardMsg {float: right; }
#closeButton {top: 5px; right: 5px; }
#lightbox img {border: none; clear: both;}
#overlay img {border: none; }
iframe {border: none; border-style: none; clear: both;}
#overlay{ background-image: url(images/overlay.png); }
* html #overlay{
    background-color: #333;
    background-color: transparent;
    background-image: url(images/blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
}

/* Fogogalerie Layout */
#myGallery, #myGallerySet, #flickrGallery {width: 500px; height: 363px;
                                           z-index:5; border: 0;}
.jdGallery {overflow: hidden; position: relative;}
.jdGallery .slideElement {width: 100%; height: 100%; background-color: #eee;
                          background-repeat: no-repeat;
                          background-position: center center;
                          background-image: url('images/loading-bar-black.gif');}
.jdGallery .slideInfoZone {display: none;}
.jdGallery div.carouselContainer {position: absolute; height: 135px;
                                  width: 100%; z-index: 10; margin: 0px;
                                  left: 0; top: 0;}
.jdGallery a.carouselBtn {position: absolute; bottom: 0; right: 30px;
                          height: 20px; text-align: center; padding: 0 10px;
                          font-size: 13px; background: #333; color: #fff;
                          cursor: pointer;}
.jdGallery .carousel {position: absolute; width: 100%; margin: 0px; left: 0;
                      top: 0; height: 115px; background: #333; color: #fff;
                      text-indent: 0; overflow: hidden;}
.jdGallery .carousel .carouselWrapper,
.jdExtCarousel .carouselWrapper {position: absolute; width: 100%; height: 78px;
                                 top: 10px; left: 0; overflow: hidden;}
.jdGallery .carousel .carouselInner .thumbnail,
.jdExtCarousel .carouselInner .thumbnail {cursor: pointer; background: #000;
                                          background-position: center center;
                                          float: left; border: solid 1px #fff;}
.jdGallery .carousel .label,
.jdExtCarousel .label {font-size: 13px; position: absolute; bottom: 5px;
                       left: 10px; padding: 0; margin: 0;}
.jdGallery .carousel .wallButton,
.jdExtCarousel .wallButton {font-size: 10px; position: absolute; bottom: 5px;
                            right: 10px; padding: 1px 2px; margin: 0;
                            background: #222; border: 1px solid #888;
                            cursor: pointer;}
.jdGallery a.right,
.jdGallery a.left {position: absolute; height: 99%; width: 25%;
                   cursor: pointer; z-index:10; filter:alpha(opacity=30);
                   -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2;}
.jdGallery a.right:hover,
.jdGallery a.left:hover {filter:alpha(opacity=80); -moz-opacity:0.8;
                         -khtml-opacity: 0.8; opacity: 0.8;}
.jdGallery a.left {left: 0; top: 0;
                   background: url('images/fleche1.png') no-repeat center left;}
.jdGallery a.right {right: 0; top: 0;
                    background: url('images/fleche2.png') no-repeat center right;}