/**
 * CSS styles for Bahnhofstrasse Zürich.
 * 
 * @author Julian-Vincent Ackermann
 * @copyright Pixelwerk Ackermann & Co. <www.pixelwerk.ch>
 * @version 1.0.0
 * 
 * created 2008-08-26
 */

/* ###################################################### */
/* ####################### General ###################### */
/* ###################################################### */

body { background-color: white; margin: 0; padding: 0; z-index: 1; width: 100%; height: 100%; border: 0px none; color: black; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; }
img { border: 0px none; }
a { text-decoration: none }
input, textarea   { color: #black; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; padding: 3px; border: dotted 1px #808080; }

/* ###################################################### */
/* ####################### Layout ####################### */
/* ###################################################### */

#main {
loat:left;
position: relative;
width: 980px;
}

#site {
position: relative;
margin-left: auto; 
margin-right: auto; 
width: 980px; 
height: 700px;
}

.link {
float:left;
}

#frameSchriftblock { position: absolute; z-index: 51; top: 15px; left: 30px; }
#frameStempel  { position: absolute; z-index: 51; bottom: 22px; right: 56px; }

/* navi */
#frameNaviZ1 { position: absolute; z-index: 52; top: 100px; left: 30px; }
#frameNaviZ2 { position: absolute; z-index: 51; top: 112px; left: 30px; }
#frameSubNavi { position: absolute; z-index: 51; top: 136px; left: 30px; }
.naviElem  { background-color: white; margin-right: 10px; }

#content            {
  position:relative;
                font-size:11px;
                font-family: Arial, Helvetica, san-serif;
                color:#666;
                float:left;
                width:500px;
                height:446px;
                background:#fff;
                top:310px;
                left:30px;

    }
    
b {
color:#666;
}

.vScroller { position:relative; overflow:hidden; font-size:11px; font-family: Arial, Helvetica, san-serif; color:#000; float:left; height:368px; width:500px; background:#fff; }

.vScrollee { position:absolute; width:500px; left:0; top:310; margin:0; padding-left:10px; padding-right:20px; }

.btnu { margin-top:2px; margin-right:2px; float:right; width:16px; height:11px; border:0px solid #fff; background:url(../_pix/BtnPfeilUp.jpg); text-align:left; cursor:pointer; }

.btnd { margin-bottom:13px; margin-right:2px; float:right; width:16px; height:11px; border:0px solid #000; background:url(../_pix/BtnPfeilDown.jpg); text-align:left; cursor:pointer; }

#content table { border-collapse:collapse; margin-top:3px; }
#content tr { height: 94px;  }
#content td { padding-left:10px; }
#content td a { display:inline; }
#content a { color: black; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; text-decoration: none; border-bottom: black 1px dotted; display:inline; }
#content img  {  text-decoration: none; margin-top:-3px; }
#content a:hover { color: #ed0070; border-bottom: #ed0070 1px solid; }
/* content */
#frameImgBig { position: absolute; z-index: 101; top: 0px; right: 0px; }
#frameImgStripe { position: absolute; z-index: 51; top: 310px; left: 0px; width: 100%;  }
#frameImgTxt01 { position: absolute; z-index: 51; top: 416px; right: 0px; width: 438px;  padding-bottom: 2px; }
#frameImgTxt02 { position: absolute; z-index: 21; top: 416px; right: 0px; width: 438px; z-index: 21; visibility: hidden; padding-bottom: 2px; }
#frameImgTxt03 { position: absolute; z-index: 21; top: 416px; right: 0px; width: 438px; z-index: 21; visibility: hidden; padding-bottom: 2px; }
#frameImgTxt04 { position: absolute; z-index: 21; top: 416px; right: 0px; width: 438px; z-index: 21; visibility: hidden; padding-bottom: 2px; }
#frameImgTxt05 { position: absolute; z-index: 21; top: 416px; right: 0px; width: 438px; z-index: 21; visibility: hidden; padding-bottom: 2px; }
#frameImgTxt06 { position: absolute; z-index: 21; top: 416px; right: 0px; width: 438px; z-index: 21; visibility: hidden; padding-bottom: 2px; }
#frameImgTxt07 { position: absolute; z-index: 21; top: 416px; right: 0px; width: 438px; z-index: 21; visibility: hidden; padding-bottom: 2px; }
#frameVertList { position: absolute; z-index: 21; top: 310px; left: 30px; bottom: 0px; width: 500px; z-index: 21; overflow: auto; }
#frameVertList a { display: block; height: 94px; }
#frameVertList tr { height: 94px; display: block; }
#frameVertList td a { display: inline; }
#frameColLeft { position: absolute; z-index: 21; top: 310px; left: 30px; bottom: 0px; width: 408px; z-index: 21; overflow: auto; }
#frameColRight { position: absolute; z-index: 21; top: 322px; right: 30px; width: 408px; z-index: 21; overflow: auto; }

#imgTxt {}
/* text images */
.imgTxt { color: black; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; }
.imgTxt a { color: black; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; text-decoration: none; border-bottom: black 1px dotted; }
.imgTxt a:hover { color: #ed0070; border-bottom: #ed0070 1px solid; }

/* vertical list */
.txtCell { color: black; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; vertical-align: top; }
.txtCell a { color: black; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; text-decoration: none; border-bottom: black 1px dotted; display:inline; }
.txtCell a:hover { color: #ed0070; border-bottom: #ed0070 1px solid; }


/* text normal */
.normalTxt { color: black; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; }
.normalTxt a { color: black; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; text-decoration: none; border-bottom: black 1px dotted; }
.normalTxt a:hover { color: #ed0070; border-bottom: #ed0070 1px solid; }
.normalTxt strong  { color: #808080; }

/* form */
.makeCol { width: 200px; }

/* text homepage */
.homeTxt { color: #808080; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; }
.homeTxt a { color: #808080; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; text-decoration: none; border-bottom: #808080 1px dotted; }
.homeTxt a:hover { color: #ed0070; border-bottom: #ed0070 1px solid; }

/* ###################################################### */
/* ####################### Navigation ################### */
/* ###################################################### */

/* Hauptnavigation */
    div.HauptNav {
        position: absolute;
        top: auto;
        left: auto;
        width: auto;
        height: auto;
        z-index: 500;
        float:left;
    }
    /* Alle Links */
    div.HauptNav a {
        display: block;
        text-decoration:none;
    }
    div.HauptNav a:hover {
    }
    div.HauptNav div {
    }
    
    /* Ebene 1 */
        /* Hauptcontainer */
        div.HauptNav div.NavFirstIn {
            position: absolute;
            top: 100px;
            left: 30px;
            width: 195px;
            height: 14px;
            background: #fff;
            float:left;
        }
        /* Alle Links */
        div.HauptNav div.NavFirstOff,
        div.HauptNav div.NavFirstOn,
        div.HauptNav div.NavFirstOpen {
            color: #000;
            float:left;
            text-align:left;
            font-size:11px;
            margin-right:7px;
                        height: 14px;
        }
        div.HauptNav div.NavFirstOn,
        div.HauptNav div.NavFirstOpen {
            margin-right:7px;
            height: 14px;
            color:#F12283;
          
        }
        /* Alle Links */
        div.HauptNav div.NavFirstOff a,
        div.HauptNav div.NavFirstOn a,
        div.HauptNav div.NavFirstOpen a {
            padding: 1px 0px 0px 0px;
            color: #000;
            margin-right:1px;
                        height: 14px;
        }
        /* Alle Links beim ueberfahren */
        div.HauptNav div.NavFirstOff a:hover,
        div.HauptNav div.NavFirstOn a:hover,
        div.HauptNav div.NavFirstOpen a:hover {
            margin-right:1px;
            color:#F12283;
                        height: 14px;
        }
        /* Link hier, Im Pfad */
        div.HauptNav div.NavFirstOn a,
        div.HauptNav div.NavFirstOpen a {
            color:#F12283;
                        height: 14px;
        }
    /* Ebene 2 */
        /* Hauptcontainer */
        div.HauptNav div.NavSecondIn {
            position: absolute;
            top: 36px;
            left: 0px;
            width: 500px;
            float:left;
                        height: 14px;
        }
        /* Alle Container */
        div.HauptNav div.NavSecondOff,
        div.HauptNav div.NavSecondOn,
        div.HauptNav div.NavSecondOpen {
            color: #000;
            text-align:left;
            font-size:11px;
            height: 14px;
            margin-bottom:1px;
            float:left;
        }
        div.HauptNav div.NavSecondOn,
        div.HauptNav div.NavSecondOpen {
            height: 14px;
            margin-bottom:1px;
            
        }
        /* Alle Links */
        div.HauptNav div.NavSecondOff a,
        div.HauptNav div.NavSecondOn a,
        div.HauptNav div.NavSecondOpen a {
            padding: 6px 0px 0px 0px;
            color: #000;
            height: 14px;
            margin-right:7px;
            margin-bottom:1px;
        }
        /* Alle Links beim ueberfahren*/
        div.HauptNav div.NavSecondOff a:hover,
        div.HauptNav div.NavSecondOn a:hover,
        div.HauptNav div.NavSecondOpen a:hover {
            height: 14px;
            margin-bottom:1px;
            color:#F12283;
        }       
        /* Link hier, Im Pfad */
        div.HauptNav div.NavSecondOn a,
        div.HauptNav div.NavSecondOpen a {
color:#F12283;
        }
    /* Ebene 3 */
        /* Hauptcontainer */
        div.HauptNav div.NavThirdIn {
            border: 0;
        }
        /* Alle Container */
        div.HauptNav div.NavThirdOff,
        div.HauptNav div.NavThirdOn,
        div.HauptNav div.NavThirdOpen {
            border: 0px;
            background: white;
        }
        /* Alle Links */
        div.HauptNav div.NavThirdOff a,
        div.HauptNav div.NavThirdOn a,
        div.HauptNav div.NavThirdOpen a {
            border-bottom: 1px solid #ccc;
            font-size: 11px;
            padding: 2px 10px 2px 10px;
            color:#F12283;
        }
        /* Alle Links beim ueberfahren*/
        div.HauptNav div.NavThirdOff a:hover,
        div.HauptNav div.NavThirdOn a:hover,
        div.HauptNav div.NavThirdOpen a:hover {
        color:#31404B;
            font-weight: bold;
            font-size:11px;
        }
        /* Inaktiver Link */
        div.HauptNav div.NavThirdOff a {
        color:#31404B;
        }
        /* Link hier */
        div.HauptNav div.NavThirdOn a {
            font-weight: bold;
        color:#31404B;
        }
        /* Im Pfad */
        div.HauptNav div.NavThirdOpen a {
            font-weight: bold;
        color:#31404B;
        }