/* CSS-File | Mathias Sotta | 2009-2010 */

/*
Hintergrund Blau --> color: #66ccff;
Rot --> color: #cc0033;
Font Grau --> color: #555555
*/


* { padding: 0; margin: 0; }

html {
 height:101%;
 }

body {
 font-family: Courier New;
 background: #66ccff;
 height: 101%;
 font-size: 100%;
 line-height: 1.25em;
 }

p {
}

a:link, a:visited, a:hover, a:active {
 outline: none;
 text-decoration: none;
 color: #fff;
 }

div#content a {
 outline: none;
 text-decoration: none;
 color: #cc0033;
 }

div#content a.lb-lnk {
 outline: none;
 text-decoration: none;
 color: #fff;
 }

div#content a:hover {
 outline: none;
 text-decoration: none;
 color: #fff;;
 }

h1 {
 font-weight: bold;
 font-size: 17px;
 color: #111;
 font-family: Courier New;
}

h1.rechts {
 font-weight: bold;
 font-size: 17px;
 color: #111;
 font-family: Courier New;
 padding-left: 25px;
 background: url(../images/pfeil-rechts.png) no-repeat left top;
 background-position: 0px 2px;
 }

h2 {
 font-weight: bold;
 font-size: 16px;
 color: #cc0033;
 font-family: Courier New;
}

h3 {
 font-weight: bold;
 font-size: 13px;
 color: #cc0033;
 font-family: Courier New;
 border-bottom: 1px solid #cc0033;
 }

/* DIVS */


#wrapper {
 margin: 0 auto;
 width: 960px;
 height: auto;
 }

#header {
 width: 820px;
 height: 176px;
 background: url(../images/header_bg.png) no-repeat;
 /*border: 1px solid;*/
 }

#adresse {
 position: relative;
 float: left;
 width: 380px;
 height: 12px;
 font-size: 11px;
 font-weight: bold;
 letter-spacing: -0.02em;
 top: 70px;
 }

#head-title {
 position: relative;
 float: left;
 z-index: 100;
 width: 470px;
 height: 25px;
 top: 2px;
 left: 172px;
 font-family: Arial, Verdana, Sans;
 font-weight: bold;
 font-size: 12px;
 }

#cont-right{
 float: right;
 width: 170px;
 height: 720px;
 background: url(../images/cont_right_bg.png) no-repeat;
 background-position: 0px 0px;
 /*border: 1px solid;*/
 }

#menu {
 float: left;
 top: 150px;
 width: 135px;
 height: 544px;
 padding-left: 7px;
 background: url(../images/menu_bg.png) no-repeat;
 background-position: 0px;
 color: #fff;
 }

#main {
 background: transparent url(../images/content_bg.gif) repeat-y;
 background-position: 112px;
 padding-left: 150px;
 padding-right: 150px;
 width: 620px;
 min-height: 544px;
 /*border: 1px solid;*/
 }

#content {
 position: relative;
 top: -10px;
 left: 20px;
 border: 0;
 width: 435px;
 height: auto;
 text-align: left;
 font-family: Arial, Verdana, Sans;
 font-size: 14px;
 color: #555555;
 /*border: 1px solid;*/
 }

#logo {
 position: relative;
 z-index: 1000;
 float: left;
 width: 245px;
 height: 115px;
 left: -5px;
 }

#anfang {
 float: right;
 padding: 0px;
 border: 0;
 }

span#anfang  a {
 color: #fff;
}

#footer {
 border: 0;
 width: 960px;
 height: 48px;
 background: transparent url(../images/footer_bg.png) no-repeat;
 background-position: 112px;
 clear: both;
 color: #333;
 }


#footer-lnk{
 position: relative;
 border: 0;
 top: 18px;
 width: 760px;
 height: 40px;
 text-align: center;
 color: #010101;
 }

#peter{
 position: relative;
 border: 0;
 width: 430px;
 height: auto;
 text-align: left;
 }

#axel{
 position: relative;
 border: 0;
 width: 430px;
 height: auto;
 padding-top: 50px;
 text-align: left;
 }

.li-point {
list-style-type: disc;
}


/* MENU */

ul {
 list-style-type: none;
}

.mlink {
 float: left;
 width: 115px;
 height: 35px;
 list-style-type: none;
}

.menu-list {
 list-style-type: none;
 width: 115px;
 height: 35px;
}

.menu-active {
 float: left;
 width: 120px;
 height: 35px;
 font-size: 17px;
 font-family: Courier New;
 font-weight: bold;
 list-style-type: none;
 padding-top: 5px;
 padding-left: 10px;
 background: transparent url(../images/menu_button_active.png) no-repeat;
}

.menu-start {
 float: left;
 width: 120px;
 height: 35px;
 font-size: 17px;
 font-family: Courier New;
 font-weight: bold;
 list-style-type: none;
 padding-top: 5px;
 padding-left: 10px;
 background: transparent url(../images/menu_button.png) no-repeat;
}

.menu-start:hover {
 float: left;
 width: 120px;
 height: 35px;
 font-family: Courier New;
 font-weight: bold;
 list-style-type: none;
 padding-top: 5px;
 padding-left: 10px;
 background: transparent url(../images/menu_button_hover.png) no-repeat;
}

.menu-infos {
 float: left;
 width: 120px;
 height: 35px;
 font-size: 17px;
 font-family: Courier New;
 font-weight: bold;
 list-style-type: none;
 padding-left: 10px;
 padding-top: 5px;
 background: transparent url(../images/menu_button.png) no-repeat;
}

.menu-infos:hover {
 float: left;
 width: 120px;
 height: 35px;
 font-size: 17px;
 font-family: Courier New;
 font-weight: bold;
 list-style-type: none;
 padding-left: 10px;
 padding-top: 5px;
 background: transparent url(../images/menu_button_hover.png) no-repeat;
}

.menu-theorie {
 float: left;
 width: 120px;
 height: 35px;
 font-size: 17px;
 font-family: Courier New;
 font-weight: bold;
 list-style-type: none;
 padding-left: 10px;
 padding-top: 5px;
 background: transparent url(../images/menu_button.png) no-repeat;
 }

.menu-theorie:hover {
 float: left;
 width: 120px;
 height: 35px;
 font-size: 17px;
 font-family: Courier New;
 font-weight: bold;
 list-style-type: none;
 padding-left: 10px;
 padding-top: 5px;
 background: transparent url(../images/menu_button_hover.png) no-repeat;
 }

.menu-praxis {
 float: left;
 width: 120px;
 height: 35px;
 font-size: 17px;
 font-family: Courier New;
 font-weight: bold;
 list-style-type: none;
 padding-left: 10px;
 padding-top: 5px;
 background: transparent url(../images/menu_button.png) no-repeat;
 }

.menu-praxis:hover {
 float: left;
 width: 120px;
 height: 35px;
 font-size: 17px;
 font-family: Courier New;
 font-weight: bold;
 list-style-type: none;
 padding-left: 10px;
 padding-top: 5px;
 background: transparent url(../images/menu_button_hover.png) no-repeat;
 }

.menu-preise {
 float: left;
 width: 120px;
 height: 35px;
 font-size: 17px;
 font-family: Courier New;
 font-weight: bold;
 list-style-type: none;
 padding-left: 10px;
 padding-top: 5px;
 background: transparent url(../images/menu_button.png) no-repeat;
 }

.menu-preise:hover {
 float: left;
 width: 120px;
 height: 35px;
 font-size: 17px;
 font-family: Courier New;
 font-weight: bold;
 list-style-type: none;
 padding-left: 10px;
 padding-top: 5px;
 background: transparent url(../images/menu_button_hover.png) no-repeat;
 }

.menu-klassen {
 float: left;
 width: 120px;
 height: 35px;
 font-size: 17px;;
 font-family: Courier New;
 font-weight: bold;
 list-style-type: none;
 padding-left: 10px;
 padding-top: 5px;
 background: transparent url(../images/menu_button.png) no-repeat;
 }

.menu-klassen:hover {
 float: left;
 width: 120px;
 height: 35px;
 font-size: 17px;
 font-family: Courier New;
 font-weight: bold;
 list-style-type: none;
 padding-left: 10px;
 padding-top: 5px;
 background: transparent url(../images/menu_button_hover.png) no-repeat;
 }

.menu-team {
 float: left;
 width: 120px;
 height: 35px;
 font-size: 17px;
 font-family: Courier New;
 font-weight: bold;
 list-style-type: none;
 padding-left: 10px;
 padding-top: 5px;
 background: transparent url(../images/menu_button.png) no-repeat;
 }

.menu-team:hover {
 float: left;
 width: 120px;
 height: 35px;
 font-size: 17px;
 font-family: Courier New;
 font-weight: bold;
 list-style-type: none;
 padding-left: 10px;
 padding-top: 5px;
 background: transparent url(../images/menu_button_hover.png) no-repeat;
 }

.menu-fahrzeuge {
 float: left;
 width: 120px;
 height: 35px;
 font-size: 17px;
 font-family: Courier New;
 font-weight: bold;
 list-style-type: none;
 padding-left: 10px;
 padding-top: 5px;
 background: transparent url(../images/menu_button.png) no-repeat;
 }

.menu-fahrzeuge:hover {
 float: left;
 width: 120px;
 height: 35px;
 font-size: 17px;
 font-family: Courier New;
 font-weight: bold;
 list-style-type: none;
 padding-left: 10px;
 padding-top: 5px;
 background: transparent url(../images/menu_button_hover.png) no-repeat;
 }


/* Tab-Preise */

.preise {
 table-layout: fixed;
 margin: 10px 0px 0px 0px;
 padding: 0;
 border: 0;
 border-collapse: collapse;
}

tr {
 vertical-align: top;
 padding: 0px;
 }

th {
 vertical-align: top;
 padding: 0px;
 }

.thead-pr {
 width: 120px;
 vertical-align: top;
 padding: 10px 10px 10px 10px;
 line-height: 14px;
 font-weight: bold;
 border-bottom: 1px solid #cc0033;
 text-align: center;
 }

.td-left {
 width: 120px;
 vertical-align: top;
 padding: 10px 10px 10px 10px;
 line-height: 14px;
 border-bottom: 1px solid #cc0033;
 text-align: right;
}


.td-pr {
 width: 120px;
 vertical-align: top;
 padding: 10px 10px 10px 10px;
 line-height: 14px;
 border-bottom: 1px solid #cc0033;
 text-align: center;
 /*background: url(../images/tab_bg.png) no-repeat;*/
 }


/* Tab-Klassen */

.klassen {
 table-layout: fixed;
 margin: 10px 0px 0px 0px;
 padding: 0;
 border: 0;
 border-collapse: collapse;
 line-height: 18px;
 }

.thead-kl {
 width: 100px;
 vertical-align: top;
 padding: 10px 10px 10px 10px;
 line-height: 14px;
 font-weight: bold;
 border-bottom: 1px solid #cc0033;
 text-align: left;
 }

.td-kl {
 width: 260px;
 vertical-align: top;
 padding: 10px 5px 10px 10px;
 line-height: 16px;
 border-bottom: 1px solid #cc0033;
 text-align: left;
 font-size: 13px;
 /*background: url(../images/tab_bg.png) no-repeat;*/
 }

.td-kl-left {
 width: 100px;
 vertical-align: top;
 padding: 10px 10px 10px 10px;
 line-height: 16px;
 border-bottom: 1px solid #cc0033;
 text-align: left;
 /*background: url(../images/tab_bg.png) no-repeat;*/
 }

.td-end {
 width: 260px;
 vertical-align: top;
 padding: 10px 5px 10px 10px;
 line-height: 16px;
 text-align: left;
 font-size: 13px;
 /*background: url(../images/tab_bg.png) no-repeat;*/
 }

.td-left-end {
 width: 120px;
 vertical-align: top;
 padding: 10px 10px 10px 10px;
 line-height: 14px;
 text-align: left;
}


/* Tab-Fahrzeuge */

.fahrzeuge {
 table-layout: fixed;
 margin: 10px 0px 0px 0px;
 padding: 0;
 border: 0;
 border-collapse: collapse;
 line-height: 18px;
 }

.thead-fz {
 width: 150px;
 vertical-align: top;
 padding: 10px 10px 10px 10px;
 line-height: 14px;
 font-weight: bold;
 border-bottom: 1px solid #ffffff;
 text-align: right;
 background-color: #999;
 color: #ffffff;
 }

.td-fz-left {
 width: 150px;
 vertical-align: top;
 padding: 5px 5px 5px 10px;
 line-height: 16px;
 border-bottom: 1px solid #ffffff;
 text-align: right;
 background-color: #999;
 color: #ffffff;
 }

.td-fz {
 width: 260px;
 vertical-align: top;
 padding: 5px 5px 5px 10px;
 line-height: 16px;
 border-bottom: 1px solid #cc0033;
 text-align: left;
 font-size: 13px;
 /*background: url(../images/tab_bg.png) no-repeat;*/
 }





 /* CLASSES */

.logo {
 float: left;
 width: 230px;
 height: 162px;
 background: transparent url(../images/fs_soz_logo.png) no-repeat;
 background-position: -4px 20px;
 }

.img-title {

 margin: auto;
 }

.img-right {
 float: right;
 border-top: 20px solid #fff;
 border-left: 10px solid #fff;
 border-bottom: 10px solid #fff;
 }

.img-team {
 float: right;
 border-left: 10px solid #fff;
}

.pre {
 font-size: 14px;
 padding-left: 25px;
 padding-top: 8px;
 font-weight: bold;
 line-height: 21px;
 color: #666666;

 }

.fliess {
 font-size: 14px;
 padding-left: 0px;
 padding-top: 8px;
 }

.absatz {
 padding-top: 12px;
}

.cntr {
 text-align: center;
}

.red{
 color: #cc0033;
 }

.red-bold {
 color: #cc0033;
 font-weight: bold;
 }

.watchthis {
padding-left: 42px;
font-weight: bold;
padding-top: 8px;
padding-bottom: 4px;
}

.f-lnk {
 font-weight: bold;
 font-size: 12px;
 padding-left: 20px;
 }

a.r-lnk {
 color: #555555;
 font-weight: bold;
 }

a.r-lnk:hover {
 background-color: #cc0033;
 color: #fff;
 }

a.i-lnk {
 color: #cc0033;
 font-size: 13px;
}

a.lb-lnk {
 background: #fff;
 color: #fff;
 }


.finish {
 text-align: center;
 font-size: 16px;
 }

.htitle {
 color: #fff;
 background-color: #cc0033;
 padding-left: 53px;
 }

.rline {
 margin-left: 0px;
 width: 420px;
 border-bottom: 2px dotted #cc0033;
 margin-bottom: 6px;
 }

.list {
 margin-left: 45px;
}

.tab-list {
 margin-left: 12px;
}


.list-latin {
 list-style-type: lower-latin;
 padding-left: 40px;
 padding-top: 3px;
 padding-bottom: 10px;
 }

.list-simple {
 list-style-type: none;
 padding-left: 40px;
 padding-bottom: 10px;
 }

.gr-head {
 list-style-type: decimal;
 list-style-position: inside;
 font-weight: bold;
 background: #999;
 color: #fff;
 padding-left: 15px;
 }

.gr-head-tab {
 text-indent: 20px;
 }

/* LIGHTBOX  */

#lightbox {
 position: absolute;
 left: 0;
 width: 100%;
 z-index: 1005;
 text-align: center;
 line-height: 0;
 }

#lightbox img {
 width: auto;
 height: auto;
 }

#lightbox a img {
 border: none;
 }

#outerImageContainer {
 position: relative;
 background-color: #fff;
 width: 250px;
 height: 250px;
 margin: 0 auto;
 }

#imageContainer {
 padding: 10px;
 }

#loading {
 position: absolute;
 top: 40%;
 left: 0%;
 height: 25%;
 width: 100%;
 text-align: center;
 line-height: 0;
 }

#hoverNav {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%; width: 100%;
 z-index: 10;
 }

#imageContainer>#hoverNav
 {left: 0;}

#hoverNav a {outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA);
/* Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
        font: 10px Verdana, Helvetica, sans-serif;
         background-color: #fff;
         margin: 0 auto;
         line-height: 1.4em; overflow:
         auto; width: 100%        ; }

#imageData{        padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }
#imageData #bottomNavClose{ width: 90px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 1004; width: 100%; height: 500px; background-color: #000; }