#nav {
        position: absolute;
        top: 136px;
        left: 220px;
        width: 742px;
        height: 40px;
        background : url(../images/pnback.gif);
        padding: 0px;
        margin: 0px;   
        overflow: hidden;
}

#navsrch {
        position: absolute;
        top: 136px;
        left: 19px;
        width: 182px;
        height: 40px;
        background : url(../images/pnback.gif);
        padding: 0px;
        margin: 0px;
        overflow: hidden;
}


#plaintext {
        position: absolute;
        top: 18px;
        left: 220px;
}

#plaintext a {
        color: #CCCCCC;
        text-decoration: none;
}

#logo {
        position: absolute;
        top: 0px;
        left: 220px;
        width: 742px;
        height: 136px;
        background : url(../images/s2dlogo.jpg);
}

#logouser {
        position: absolute;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        top: 0px;
        left: 220px;
        width: 742px;
        height: 136px;
}


#logoksw {
        position: absolute;
        top: 70px;
        left: 91px;
        width: 300px;
        height: 100px;
        background : url(../images/plogoksw.gif);
}


#logosg {
        position: absolute;
        top: 19px;
        left: 916px;
        width: 46px;
        height: 58px;
        background : url(../images/plogosg.gif);
}


#kantonbez {
        position: absolute;
        top: 16px;
        left: 220px;
        width: 200px;
        height: 20px;
        background : url(../images/pic_kanton.gif);
}


#schulebez {
        position: absolute;
        top: 41px;
        left: 220px;
        width: 200px;
        height: 16px;
        background : url(../images/pic_schule.gif);
}



#youarehere {
        position: absolute;
        left: 220px;
        top: 118px;
        width: 900px;
        height: 30px;
}

#youarehere a {
        display: block;
        float: left;
        height: 14px;
        padding: 0px 10px 0px 5px;
        line-height: 14px;
        color: #008334;
        text-decoration: none;
        font-weight : bold;
        font-size: 11px;
        background : url(../images/pln.gif) no-repeat;
}

#youarehere a:hover {
        color: #CCCCCC;
        background : url(../images/pln.gif) no-repeat;
}

/* 11.08.2011cb Umstellung auf Design St.Gallen */

#nav a {
        display: block;
        width: 123px;
        height: 40px;
        float: left;
        text-align: center;
        text-decoration : none;

        line-height : 36px;
        padding: 0px;
        margin: 0px;
        color: #CCCCCC;
        background : url(../images/pnbutton.gif);
        font-weight : bold;
        font-size : 14px;
}

#nav a.active {
        background : url(../images/pnbuttona.gif) !important;
}

#nav a:hover {
        color: #ebfbf4;
        background : url(../images/pnbuttonh.gif);
}

#content {
        position: absolute;
        top: 176px;
        left: 220px;
        width: 516px;
        /*background : url(../images/pcback.gif); */
        background-repeat : no-repeat;
        padding: 10px 19px 10px 0px;
}

#subnav {
        position: absolute;
        top: 176px;
        left: 19px;
        width: 182px;
        height: 300px;
       /* background : url(../images/psback.gif) no-repeat;  */
        padding: 19px 10px 10px 0px;
}

#subnav a {
        display: block;
        text-decoration : none;

        margin: 0px;
        color: #808080;
        font-size : 100%;

        padding: 2px 0px 4px 15px;
}

#subnav a.active {
        font-weight: bold;
        color: #010000;
}



#subnav a:hover {
        font-weight: bold;
}


#subnav a.maintopic:hover {
        font-weight: normal;
        color: #008334;

}

#subnav a.topic:hover {
        font-weight: normal;
        color: #008334;
}

#subnav a.maintopic {
        display: block;
        color: #808080;
        font-weight: normal;
        font-size : 12px;
        text-decoration: none;
        margin: 20px 0px 0px 0px;
        border-bottom: 2px solid #c0c0c0;
        padding: 2px 0px 2px 0px;

}

#subnav a.topic {
        display: block;
        color: #808080;
        font-weight: normal;
        font-size: 11px;
        text-decoration: none;
        border-bottom: 1px solid #c0c0c0;
        padding: 2px 0px 2px 15px;

}

#subnav a.topicactive {
        display: block;
        color: #008334;
        font-weight: bold;
        font-size: 11px;
        text-decoration: none;
        border-bottom: 1px solid #c0c0c0;
        padding: 2px 0px 2px 15px;

}


#sidebar {
        position: absolute;
        top: 176px;
        left: 755px;
        width: 207px;
        padding: 19px 0px 0px 0px;
        background-color: #f7f7f7;

}

form.search {
        position: absolute;
        top: 142px;
        left: 30px;
        width: 172px;

}

form.search input {
        margin: 0px;
        vertical-align : middle;
}

input.search {
        border : 1px solid #000000;
        width: 132px;
        padding: 2px;
        color: #008334;
        font-size: 11px;
}