* {
    font-size: 13px;
    font-family:Arial,Verdana,sans-serif;    
    scrollbar-face-color:#000000;
    scrollbar-highlight-color:#000000;
    scrollbar-3dlight-color:#333333;
    scrollbar-darkshadow-color:#000000;
    scrollbar-shadow-color:#000000;
    scrollbar-arrow-color:#333333;
    scrollbar-track-color:transparent;    
}

object {
    /* border: 1px solid white; */
    outline:none;
    -moz-outline: none;    
    -webkit-outline: none;
    -khtml-outline: none;            
}

iframe {
    border: none;
    outline: none;
}

a,
a img,
a:focus {
    outline:none;
    -moz-outline: none;
}

a {
    color:white;
        text-decoration:none;       
}

a:hover {
    color:#FA9602;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0px;
    padding-top: 0px;
    font-weight:normal;
}

h1, h3, h4 {
    color:#FA9602;
}

h1,
h1 p {
    font-size:25px;
    padding-top: 1px;
    line-height: 28px;
}

h2 {
    font-size:15px;
    font-weight: bold;
    margin:0;
    padding:0;
}

h3 {
    font-size:12px;
    margin:0px;
    padding:0px;
    text-transform:uppercase;
}

p, li {
    line-height: 19px;
    text-shadow: 1px 1px 1px #000;
}

.clearer {
    clear: both;
}

a img {
    border: 0px;
    outline: 0px;
    -moz-outline: none;
}

a {
    outline: none;
    -moz-outline: none;
    -khtml-outline: none;
}

.link-with-arrow,
.popup-link-with-arrow {
    padding-left: 15px;
    background-image: url('../images/arrow_right.gif');
    background-repeat: no-repeat;
    background-position: 2px 5px;
}

img {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

ul {
    list-style-type: square;
}

html {
    overflow:hidden!important;
}

body {
    background-color: black; 
    color: white;
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%; 
    overflow:hidden;
    position: relative;
}

#wrapper {
    width:100%; 
    height:100%; 
    position:absolute; 
    top:0; left: 0; 
    overflow:hidden;        
}

.background-wrapper {
    padding:0; margin: 0;
    width: 100%; 
    height:1000px;
    overflow:hidden; 
}

#bg2 {
    position:relative; 
    top: -1000px;
}


#bg3 {
    position:relative; 
    top: -2000px;
}

#mask { 
    list-style: none;
    width:1000%; 
    height:100%; 
    padding: 0px; margin: 0px;
}

#mask li { 
    padding: 0px; margin: 0px;
}

.box { 
    width:10%; 
    height:100%; 
    float:left; 
    position: relative;
    padding: 0px;
    margin: 0px;
}

.content { 
    width:1000px; 
    height:600px; 
    top: 0; 
    margin: 0 auto; 
    position: relative; 
    z-index: 10; 
}

#landscape-bg {
    height: 1000px;
    width: 11000px; 
    background-image: url('../images/v2-moon-landscape.jpg');
    background-repeat: repeat-x;
    background-position: -500px bottom;  
}

#stars-bg {
    height: 1000px;
    width: 9000px;
    background-image: url('../images/v2-stars.jpg');  
}

#moon {
    width: 12000px;
    height: 329px;
    background-image: url('../images/v2-moon.gif');
    background-repeat: no-repeat;
    background-position: 600px 0px;
}

#coffee {
    z-index: 9;
    position: absolute;
    top: 30px;
    left: 6210px;
}

#logo {
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -500px;
    width:1000px;  
    z-index: 12; 
}

#logo a {
    margin-left: 380px;
}

.icon-main-nav {
    margin-top: 10px;
}

.select-row {

}

select {
    margin: 0;
    padding: 0;
}

/************ Nav **************/
#nav {
    padding: 0px;
    margin: 0px;
    list-style: none;
    width: 380px;
    position: relative;
}

#nav li {
    padding: 0px;
    margin: 0px;
}

#nav li a {
    font-family:  verdana, arial, helvetica, sans-serif;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
}

#nav li a.selected,
#nav li a:hover {
    color: #fd9609;
}

#nav-fortis {
    font-size: 23px;
    position: absolute;
    top: 170px;
    right: 185px;
}

#nav-models {
    font-size: 58px;
    position: absolute;
    top: 200px;
    right: 40px;
}

#nav-competence {
    font-size: 35px;
    position: absolute;
    top: 256px;
    right: 25px;
}

#nav-art-gallery {
    font-size: 23px;
    position: absolute;
    top: 295px;
    right: 50px;
}

#nav-news {
    font-size: 35px;
    position: absolute;
    top: 325px;
    right: 40px;
}

#nav-service {
    font-size: 50px;
    position: absolute;
    top: 365px;
    right: 85px;
}

/********** Sub-Nav **************/
.subnav {
    width: 940px;
    margin: 0 auto; 
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -470px; 
    z-index: 11;   
    padding: 0px;
}

.subnav ul { 
    margin-top: 80px; 
    padding: 0px;
    list-style: none;

}

.subnav-left {
    width: 170px;
    float: left;
}

.subnav-right {
    width: 730px;
    float: right;
}

.subnav ul li {
    float: right;
}

.subnav ul li a {
    display: block; 
    margin-left: 15px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
}

.subnav ul li a.selected,
.subnav ul li a:hover {
    color: #fd9609;
}

/************ Meta-Nav *************/
#meta-nav {
    position: fixed;
    bottom: 0px;
    left: 0px;
    background-image: url('../images/v2-footer-bg.png');
    height: 25px;
    line-height: 25px;
    z-index: 1000;  
    width: 100%;
}

#meta-nav-left {
    width: 35%;
    float: left;       
}

#meta-nav-right {
    width: 65%;
    float: right; 
    text-align: right;
}

#meta-nav #meta-nav-left ul {
    margin-left: 40px;
}

#meta-nav #meta-nav-right ul {
    margin-right: 40px;
}

#meta-nav ul {
    height: 25px;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#meta-nav #meta-nav-left ul li,
#meta-nav #meta-nav-right ul li {
    padding: 0px;
    margin: 0px;
    margin-right: 20px;
    float: left;
}

#meta-nav #meta-nav-right ul li { 
    float: right;
}

#meta-nav ul li a {
    border: 1px solid transparent; /* for IE8 */
    height: 25px;
    line-height: 25px;
    color: #9f9f9f;  
    font-size: 13px;
    text-decoration: none; 
    text-shadow: 1px 1px 0px #000;
}

#meta-nav ul li a:hover {
    color: white;  
}

#social-icons-home {
    position: absolute;
    left:40px;
    top:530px;
    height: 32px;
    z-index: 1000;
}

.social-icon {
    margin-right: 5px;
    height: 32px;
}

.swiss-flag {
    position: absolute;
    right:40px;
    top:470px;
    z-index: 1000;
}

/************* home-newslisting ****/

#home-news-container-bg {
    position: absolute;
    top: 130px;
    left: 380px;
    width: 620px;
    height: 320px; 
    background-image: url('../images/v2-bg-white-op20.png');
}

#home-news-wrapper {
    position: absolute;
    top: 140px;
    left: 390px;
    width: 600px;
    height: 300px;
    background-color: black;
}


#home-news-screen {
    width: 600px;
    height: 300px;
    position: relative;
}

#home-news-screen #sections {
    left: 0px;
    height: 300px;
    width: 600px;
    clear:left;
    padding: 0px;
    margin: 0px;
}

    #home-news-sections table {
            width: 6000px;
            margin: 0px;
            padding: 0px;  
        border-collapse: collapse;
    }

        #home-news-sections td {
            width: 600px;
            height: 300px;
                float:left; 
                padding:0px;
                margin:0px;
        }

#newspager {
    position: absolute;
    top: 320px;
    left: -10px;
}

#newspager a { 
    text-align:center; 
    width: 24px;
    height: 19px;   
    background-image: url('../images/newspager.gif');
    display: block;
    float: left;
    color: #818181;
    text-shadow: none;
}

#newspager a.activeSlide { 
    color: white;
    background-image: url('../images/newspager-active.gif'); 
}

/************** content ************/
.content-container {
    width: 1000px;
}

#mask .content-container li { 
    margin-bottom: 5px;
}

#content-halfsize {
    width: 500px;
    position: absolute;
    z-index: 600;
}

#content,
#content-2col,
#content-description {
    z-index: 600;
    position: absolute;
    top: 130px; 
    width: 940px;
    height: 374px;  
    background-image: url('../images/v2-bg-white-op20.png');
}

#content-description {
    top: 110px;
    height: auto;
    margin-left: 30px; 
    margin-right: 30px;
}

.centered-content,
object {
    margin-left: 30px;
}

#content-2col {
    height: 520px;  
    background-image: none;
}

.inner-content {
    padding: 0px;
    margin: 10px;
    background-color: black;
    width: 920px;
    height: 354px;  
    background-image: url('../images/v2-content-gradient.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
}

#content-description .inner-content {
    height: auto;
    width: auto;
    margin: 1px;    
}

#content-padding,
.content-padding {
    padding: 20px;
    padding-bottom:0px;
}

/*********** vertical-scroll *************/
#screen,
#collection-screen {
    position:relative;
    height:374px;
    width:1000px;
}
    #screen .next, #screen .prev, #collection-screen .prev, #collection-screen .next {    
        position:absolute;
        top:160px;
        cursor: pointer;
    }
    #screen .prev, #collection-screen .prev{    
        left:0px;
    }
    #screen .next, #collection-screen .next{    
        right:0px;
    }

#sections-bg{
    position: absolute;
    left: 30px;
    overflow:hidden;
    width:940px;
    height:374px;
    background-image: url('../images/v2-bg-white-op20.png');    
}

#sections{
    position: absolute;
    left: 40px;
    overflow:hidden;
    width:920px;
    height:374px;
    clear:left;
    padding: 0px;
    margin: 0px;
}

    #sections table {
        padding: 0px;
        margin: 0px;
        width:31000px;
    }
    
        #sections td {
            width:920px;
            height:374px;
            float:left; 
            padding:0px;
            margin:0px;
        }

.vertical-scroll-content {
    padding: 0px;   
    margin: 0px;
    position: relative;
    height: 374px;
}

.vertical-scroll-inner-content {
    position: absolute;
    top: 10px;
    margin: 0;           
    padding: 0px;
    background-color: black;
    width: 920px;
    height: 354px;
    overflow: auto;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.vertical-scroll-content ul {
    padding-left: 15px;
}

.vertical-scroll-left {
    float: left;
    width: 170px;
    text-align:center;
}

.vertical-scroll-right {
    float: right;
    width: 660px;
    padding-right: 10px;
    /* height: 314px; */
}

.centered-image-wrapper {
    height: 310px; 
    width: 170px;
    display: table-cell; 
    vertical-align: middle;
    text-align: center;
}

.mask {
    position:absolute;
    z-index:5;
}

/******* parallax *********/
#parallax {
    z-index:9;
    position: absolute;
    width: 1000px;
    height: 520px;
    overflow: hidden;
}

.parallax-viewport {
    position: relative;     /* relative, absolute, fixed */
    overflow: hidden;
}
.parallax-layer {
    position: absolute;
}

/************ system *************/
.edit {
    margin-top:10px;
    font-weight:bold;
    font-size:13px;
    font-style:italic;
    color: #FA9602;
}

.button_speichern {
    background-color: transparent;
    border:0px;
    padding:0px;
    margin:0px;
}

button.button_speichern img {
    vertical-align: text-bottom;
}

/************* old *************/

#detail_buttons {
    margin-top:50px;
}

#detail_buttons_left {
    float:left;
    width:50%;
}

#detail_buttons_right {
    float:right;
    width:50%;
    text-align:right;
}
.thumbnail {
    float:left;
    margin-right:15px;
    margin-bottom:10px;
}

.shaded {
    /* background-color:#303030; */
    background-image: url('../images/v2-bg-white-op10.png');
}

table.list_table {
    width:100%;
    border-collapse:collapse;
}

table.list_table td {
    vertical-align:top;
    padding:10px;
}

/************** Newsletter **************/
#newsletter {
    background-image: url('../images/v2-bg-white-op20.png');
    padding: 10px;
    width: 300px;
}

#newsletter-padding {
    padding: 20px;
    background-color: black;
} 
/*************** Forms ***************/
form {
    font-size:12px;
}
.row {
    margin:4px 0;
    clear: both;
}
 
input.input-text, 
textarea {
    border:1px solid #595959;
    background-color:black;
    color:#cccccc;
    padding-top:3px;
    padding-bottom:3px;
    margin-bottom:5px;
    width: 100%;
}
select {
/*
    border:1px solid #595959;
    background-color:black;
    color:#cccccc;
    padding:5px;
    margin-bottom:5px;
*/    
}

textarea {
    height:105px;
}

label {
    margin-bottom: 5px;
    color: #ccc;
}

.input-submit,
.input-submit-hover {
    clear: both;
    padding: 0;
    margin: 0;
    width: 110px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 0px;
    background-color: transparent;
    background-image: url('../images/v2-button-bg.gif');
    background-repeat: no-repeat;
    color: white;
    font-size: 14px;
    cursor: pointer;
    text-shadow: 1px 1px 0px #666666;
}

.input-submit-hover {
    background-image: url('../images/v2-button-bg-hover.gif');
}

/* Fortis five */
#inner-content-434 {
    background-image: url('../upload/Hintergrundbilder/gitterzeichnung-orange.jpg'); 

}

/* The brand */
#inner-content-373 {
    background-image: url('../upload/Hintergrundbilder/fortis-logo.jpg'); 

}

/* catalogue */
#inner-content-697 {
    background-image: url('../upload/Hintergrundbilder/fortis-logo.jpg'); 

}

.gallery {
    margin-top: 20px;
    padding-top: 20px;
    border-top:1px dotted #303030;
}

a.gal-thumbnail {
    display: block;
    float: left;
    width: 130px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    margin-right: 2px;
}

a.gal-thumbnail img {
    margin:0px;
    border:2px solid #303030;
}

.anchor {
    height: 0px;
    font-size: 1px;
}

.sl-logo {
    vertical-align: middle;
}

.prev {
    display: none;
}

/************ Date-Navigation **************/
#date-navigation {
    position: absolute;
    top: 390px;
    left: 30px;
}

#date-navigation ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

#date-navigation li {
    padding: 0px;
    margin: 0px;
    margin-right:7px;
    float: left;
}

#date-navigation li a {
    font-family:  verdana, arial, helvetica, sans-serif;
    color: #333333;
    text-decoration: none;
    font-size: 11px;
}

#date-navigation li a:hover,
#date-navigation li a.selected {
    /* text-decoration: underline; */
    color: white;
}

#collection-subnav {
    list-style: none;
    z-index: 601;
    position: absolute;
    left: 30px;
    top: 120px; 
    width: 940px;
    padding: 0;
    margin: 0;
}

#collection-subnav li {
    float: left;
    margin-right: 55px;
}

#collection-subnav li a {
    font-size: 22px;
    text-transform: uppercase;
}

#collection-subnav li a.selected {
    color:#FA9602;
}

.fortis-five ol {
    padding: 0px;
    margin: 0px;
    margin-left: 20px;
    margin-top: 10px;    
}

.fortis-five ol li {
    margin:0px;
    padding:0px;
    height:40px;
}

#CarouselDiv {
   /*  padding-bottom: 50px; */
}

#service-station {
    width: 253px;
    margin-left: 10px;
    margin-top: 10px;
}

#service-station form {
    margin-bottom: 50px;
}

#service-station label {
    display: block;
    color: white;
}

#new-catalogue {
    position: relative;
}

#new-catalogue img {
    position: absolute;
    top:-12px;
    left:28px;
}