/* reset start */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
/* reset end */

body {
background-color:#c80000;
background-image:url(../design/bg2.png);
background-repeat:repeat-x;
color:#484848;
font-family: arial, serif;
font-size:12px;
}
p {
margin-bottom:8px;
line-height:20px;
}
h1, h2, h3, h4, h5 {
margin:0;
padding:0;
}
h1 {
font-size:36px;
line-height:40px;
margin:10px;
}
h2 {
font-size:17px;
line-height:24px;
margin:6px;
font-weight:bold;
}

.nodisplay {
display:none;
}
.hr {
background-color:#bc0000;
width:100%;
height:1px;
margin:0 0 10px 0;
clear:both;
}
.clear {
clear:both;
}
div.page {
width:974px;
height:512px;
text-align:left;
background-image:url(../design/bg.png);
background-repeat:no-repeat;
}

div.contentarea {
padding:181px 0 0 22px;
text-align:left;
}

div.sliderpics {
width:315px;
float:left;
}

div.navi {
position:absolute;
top:157px;
margin-left:520px;
}

div.home {
position:absolute;
top:130px;
margin-left:30px;
width:370px;
height:50px;
cursor:pointer;
}
div.impressum {
position:absolute;
top:309px;
margin-left:870px;
font-size:11px;
width:70px;
height:20px;
}

div.impressum a:link {
color:#797979;
}

div.text {
width:570px;
text-align:left;
float:left;
padding:8px 0 0 8px;
}

img.fahrzeug {padding:2px; border:1px solid #d1d1d1; margin:0 7px 0 0;}

a:link {
text-decoration:none;
color:#484848;
}
a:visited {
text-decoration:none;
color:#797979;
}
a:active {
text-decoration:none;
color:#797979;
}
a:hover {
text-decoration:none;
border-bottom: 1px solid #bc0000;
}
a.noborder:hover {
text-decoration:none;
border:0;
}

#navi {
width:430px;
height:22px;
margin:0;
padding:0;
}

#navi span {
display: none;
}

#navi li, #navi a {
height:22px;
display:block;
}

#navi li {
float:left;
list-style:none;
display:inline;
}

#navi-startseite {
width: 63px;
}
#navi-mi {
width: 111px;
}
#navi-la {
width: 124px;
}
#navi-geschichte {
width: 74px;
}
#navi-kontakt {
width: 54px;
}

#navi-startseite a {
background:url(../design/navi.png) 0px 0px no-repeat; 
}
#navi-startseite a:hover {
background:url(../design/navi.png) 0px -22px no-repeat; 
border:0;
}
#navi-mi a {
background:url(../design/navi.png) -63px 0px no-repeat; 
}
#navi-mi a:hover {
background:url(../design/navi.png) -63px -22px no-repeat; 
border:0;
}
#navi-la a {
background:url(../design/navi.png) -174px 0px no-repeat; 
}
#navi-la a:hover {
background:url(../design/navi.png) -174px -22px no-repeat; 
border:0;
}
#navi-geschichte a {
background:url(../design/navi.png) -298px 0px no-repeat; 
}
#navi-geschichte a:hover {
background:url(../design/navi.png) -298px -22px no-repeat; 
border:0;
}
#navi-kontakt a {
background:url(../design/navi.png) -372px 0px no-repeat; 
}
#navi-kontakt a:hover {
background:url(../design/navi.png) -372px -22px no-repeat; 
border:0;
}

img.floated {
float: left;
position: relative; /* fixes many nasty IE bugs */
padding: 0.5em;
}

.clearfloat {
clear:both; height:0px;
line-height:0px; visibility: hidden;
}

#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 575px;
height: 285px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding:8px 11px 0 8px;
}

#mycustomscroll2 {
/* Typical fixed height and fixed width example */
width: 575px;
height: 285px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding:8px 11px 0 8px;
}

th {
font-weight:bold;
padding:3px 10px 3px 0;
}

td {
padding:3px 10px 3px 0;
}

div.aktuelles {
font-size:11px;
}

div#aktuellesmi {
float:left;
width:280px;
}

div#aktuellesla {
float:left;
width:270px;
margin:0 0 0 12px;
}

ul.aktuelles div.date {
color:#797979;
font-size:10px;
margin-bottom:3px;
}
ul.aktuelles div.link {
font-size:11px;
margin-bottom:9px;
}

label {font-weight:bold;}
input.input {width:350px;border:1px solid #ccc;height:18px;}
textarea {width:350px;height:100px;border:1px solid #ccc;}

/* ***************************************************** */

/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/
.anythingSlider                         { width: 920px; height: 360px; position: relative; margin: 0; }
.anythingSlider .wrapper                { width: 910px; overflow: auto; height: 324px; margin:0 0 0 7px; position: absolute; top: 0; left: 0; }

                                        /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider .wrapper ul li          { display: block; float: left; padding: 0; height: 317px; width: 910px; margin: 0; }
/*
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: -250px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

.thumbNav                               { position: relative; top: 323px; text-align: center; }
.thumbNav li                            { display: inline; }
.thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.thumbNav a:hover                       { background-image: none; }
.thumbNav a.cur                         { background: #e0a213; }

.start-stop                             { z-index: 10; background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.start-stop.playing                     { background-color: red; }
.start-stop:hover                       { background-image: none; }
*/
/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

/* ***************************************************** */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#cecece;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../design/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(../design/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(../design/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../design/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(../design/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(../design/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(../design/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(../design/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(../design/loading.gif) 5px 5px no-repeat #fff;}
        /*#cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}*/
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../design/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.ffbs.de/design/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.ffbs.de/design/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.ffbs.de/design/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.ffbs.de/design/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.ffbs.de/design/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.ffbs.de/design/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.ffbs.de/design/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.ffbs.de/design/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

/* ***************************************************** */

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
.vscrollerbase {width: 15px;}
.vscrollerbar {width: 15px;}
.hscrollerbase {height: 15px;}
.hscrollerbar {height: 15px;}
.hscrollerbar {}
.vscrollerbar {background: url(../design/basebarcaps_verticalbarbody.png) -15px 0px repeat-y;}
.vscrollerbar, .hscrollerbar {padding: 10px;z-index: 2;}
.vscrollerbarbeg {background: url(../design/basebarcaps_verticalbarbody.png) -45px -30px no-repeat;width: 15px;height: 15px !important;}
.vscrollerbarend {background: url(../design/basebarcaps_verticalbarbody.png) -45px 0px no-repeat;width: 15px;height: 15px;}
.hscrollerbarbeg {background: url(../design/basebarcaps_verticalbarbody.png) -60px -15px no-repeat;height: 15px;width: 15px !important;}
.hscrollerbarend {background: url(../design/basebarcaps_verticalbarbody.png) -30px -15px no-repeat;height: 15px;width: 15px;}
.scrollerjogbox {width: 15px;height: 15px;top: auto; left: auto;bottom: 0px; right: 0px;background: #4E727C  0px 0px;}
.vscrollerbase {background: url(../design/basebarcaps_verticalbarbody.png) 0px 0px repeat-y;}
.vscrollerbasebeg {background: url(../design/basebarcaps_verticalbarbody.png) -30px -30px no-repeat;width: 15px;height: 15px !important;}
.vscrollerbaseend {background: url(../design/basebarcaps_verticalbarbody.png) -60px -30px no-repeat;height: 15px;width: 15px;}
.hscrollerbase {}
.hscrollerbasebeg {background: url(../design/basebarcaps_verticalbarbody.png) -60px 0px no-repeat;height: 15px;width: 15px !important;}
.hscrollerbaseend {height: 15px;width: 15px;background: url(../design/basebarcaps_verticalbarbody.png) -30px 0px no-repeat;}
.scrollerjogbox:hover {background: url(../design/basebarcaps_verticalbarbody.png) -45px -15px;}