/* Layout Styles */

body
{
    margin: 0;
    padding: 0;
    /*background: url(../pics/navigation/background.jpg) repeat-y;*/
    position: absolute;
}

#wrapper
{
    width: 940px;
}

#header
{
    height: 50px;
    width: 880px;
    margin-left: 60px;
    background-color: #FFF;
}

#footer
{
    clear: both;
    text-align: right;
    padding-top: 1em;
}

#footer h6
{
    display: inline;
    font-size: 90%;
    padding-right: 5px;
}

#footer ul
{
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 90%;
}

#footer ul li
{
    border-left: 1px dotted #999;
    display: inline;
    padding: 0 3px 0 6px;
}

a#logo
{
    background: url(../pics/logo.gif) no-repeat;
    display: block;
    width: 160px;
    height: 50px;
    float: left;
}

a#logo-footer
{
    background: url(../pics/logo-unibas.gif) no-repeat;
    display: block;
    width: 60px;
    height: 70px;
    position: absolute;
    top: 595px;
    left: 0;
}

#tools
{
    width: 720px;
    height: 40px;
    float: right;
    padding-top: 10px;
    text-align: right;
}

#tools form#search
{
    display: inline;
    margin-top: 5px;
}

#tools #search p
{
    display: inline;
    padding: 0;
    margin: 0;
}

#tools #search label
{
    display: none;
}

#tools input
{
    border: 1px solid #999;
    font-size: 100%;
    font-family: Arial, Helvetica, Verdana, Sans;
    background: url(../pics/navigation/bg-searchfield.jpg) repeat-x;
}

#tools input.button
{
    border: none;
    background: None;
    text-decoration: none;
    padding: 0 0 0 2px;
    margin: 0;
}

#tools ul
{
    display: inline;
    margin: 0;
    padding: 0;
}

#tools ul li,
#tools #quickdrop
{
    border-left: 1px dotted #999;
    display: inline;
    padding: 2px 3px 0 7px;
}

#tools ul li a
{
    text-decoration: none;
}

#tools #quickdrop select
{
    width: 160px;
    border: 1px solid #999;
    font-family: Arial, Helvetica, Verdana, Sans;
    background: url(../pics/navigation/bg-searchfield.jpg) repeat-x;
    font-size: 100%;
    line-height: 160%;
}

#section
{
    width: 880px;
    height: 70px;
    background-color: #999;
    margin-left: 60px;
}

#section h1
{
    position: absolute;
    left: 267px;
    top: 58px;
    text-transform: uppercase;
    font-size: 36px;
    color: #FFF;
    letter-spacing: 0.02em;
    line-height: 100%;
    margin: 0;
    width: 670px;
}

#section h2
{
    position: absolute;
    left: 267px;
    top: 90px;
    font-size: 34px;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 100%;
    margin: 0;
    width: 670px;
}

#content
{
    /*width: 540px;*/
    width: 650px;
    padding: 12px 0 0 20px;    
   /* margin-left: 380px;*/
}

/* ---- navigation ---- */

#navigation
{
    width: 380px;
    position: absolute;
    left: 0px;
}

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

#navigation ul li
{
    width: 160px;
    background: url(../pics/navigation/nav_shadow.jpg) no-repeat;
    position: relative;
}

#navigation ul li a
{
    display: block;
    width: 150px;
    height: 34px;
    padding: 5px;
    background: url(../pics/navigation/bg_navigation.jpg) no-repeat;
    color: #FFF;
    text-align: right;
    text-decoration: none;
    font-size: 110%;
    border-bottom: 2px solid transparent;
    margin-left: 60px;
}

#navigation ul li a:hover
{
    color: #000;
    background: url(../pics/navigation/bg_navigation_f2.jpg) no-repeat;
}

#navigation ul li.selected a
{
    color: #000;
    background: url(../pics/navigation/bg_navigation_f3.jpg) no-repeat;
}

#navigation ul li ul
{
    position: absolute;
    top: 0;
    left: 220px;
    display: none;
    z-index: 20 ! important;
}

#navigation ul li.selected ul
{
    display: block;
}

#navigation ul li ul li ul
{
    margin: 0;
    position: static;
}

#navigation ul li ul li
{
    padding: 0;
    margin: 0;
    width: 160px;
}

#navigation ul li ul li a,
#navigation ul li.selected ul li a
{
    margin: 0;
    font-size: 100%;
    height: auto;
    width: 153px;
    background: #DB4B52;
    padding: 2px 2px 2px 5px;
    text-align: left;
    border-bottom: 2px solid #E6E6E6;
    line-height: 17px;
    color: #FFF;
}

#navigation ul li ul li a:hover,
#navigation ul li.selected ul a:hover
{
    background: #DB4B52;
    color: #000;
}

#navigation ul li.selected ul li.selected a,
#navigation ul li.selected ul li.selected ul li.selected a,
#navigation ul li.selected ul li.selected ul li.selected ul li.selected a
{
    background: #999;
    border-bottom: 2px solid #E6E6E6;
}

#navigation ul li.selected ul li.selected ul li a
{
    padding: 2px 2px 2px 15px;
    width: 143px;
    background: #DD6A70;
}

#navigation ul li.selected ul li.selected ul li.selected ul li a
{
    padding: 2px 2px 2px 25px;
    width: 133px;
    background: #DF898D;
}

#navigation ul li.selected ul li.selected ul li.selected ul li.selected ul li a
{
    padding: 2px 2px 2px 35px;
    width: 123px;
    background: #DF898D;
}

/* #navigation ul li.selected ul li ul li ul li ul li ul li a */
/* { */
/*     padding: 2px 2px 2px 45px; */
/*     width: 113px; */
/*     background: #DF898D; */
/* } */

/* ---- special navigation items ---- */

#navigation #backlinks ul li a
{
    color: #24559E;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    padding-top: 3px;
    padding-bottom: 7px;
    background: url(../pics/navigation/bg_arrow_back.jpg) no-repeat;
}

#navigation #backlinks ul li a:hover
{
    background: url(../pics/navigation/bg_arrow_back_f2.jpg) no-repeat;
}

#navigation #backlinks ul li ul
{
/*     margin-top: -46px; */
}

#navigation #backlinks ul li a:hover
{
    color: #FFF;
}

#navigation #backlinks ul
{
    z-index: 20 ! important;
}

#navigation #backlinks ul ul
{
    display: none;
}

#navigation #backlinks ul li ul li a.selected,
#navigation #backlinks ul li ul li a
{
    text-transform: none;
    font-size: 100%;
    font-weight: normal;
    color: #FFF;
    background: #3F679E;
    height: auto;
    padding-top: 2px;
    padding-bottom: 2px;
}

#navigation #backlinks ul li ul li a.selected,
#navigation #backlinks ul li ul li a.selected:hover
{
    background: #999;
}

#navigation #backlinks ul li ul li a:hover
{
    background: #24559E;
    color: #000;
}

#navigation #backlinks ul li a:hover > ul
{
    display: block;
}

#navigation #quicklinks ul li a
{
    background: url(../pics/navigation/bg_arrow_blue.jpg) no-repeat;
    text-align: left;
    text-transform: uppercase;
    color: #24559E;
    letter-spacing: 0.02em;
    font-weight: bold;
    width: 160px;
    padding: 27px 0 0 0;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: -3px;
}

/* ie6 */
#navigation #quicklinks ul li a
{
}

#navigation #quicklinks ul li a:hover,
#navigation #quicklinks ul li a.selected
{
    background: url(../pics/navigation/bg_arrow_f2.jpg) no-repeat;
    color: #FFF;
}

#navigation #quicklinks ul li ul li a
{
    font-size: 100%;
    font-weight: normal;
    letter-spacing: 0;
    text-transform: None;
    color: #FFF;
    background: #3F679E;
    margin-bottom: 0;
}

#navigation #quicklinks ul li ul li a:hover
{
    background: #24559E; /* blue*/
}

#navigation #quicklinks ul li ul li a.selected
{
    background: #999;
}

#navigation #quicklinks ul li ul li ul li a
{
    background: #6080AC; /* blue 80% */
}

#navigation #quicklinks ul li ul li ul li ul li a
{
    background: #7993B7; /* blue 65%*/
}

#navigation #quicklinks ul li ul li ul li ul li ul li a
{
    background: #92A6C2; /* blue 50% */
}

#navigation #quicklinks ul li ul li ul li ul li ul li ul li a
{
    background: #DD6A70;
}

/* ---- box ---- */

div.box
{
    background: #E6E6E6 url(../pics/navigation/bg_box.jpg) repeat-y;
    width: 142px;
    margin-left: 60px;
    padding: 5px 5px 5px 13px;
}

div.box h4
{
    margin: 4px 0;
}

div.box p
{
    margin: 4px 0;
}


div.box a
{
    color: #CD1C25;
}

div.box a:hover
{
    color: #DB4B52;
}

/* ---- sections ---- */

#section a
{
    display: block;
    width: 160px;
    height: 70px;
    float: left;
}

#home #section a,
#das-spital #section a,
#header-menu #section a,
#footer-menu #section a
{
    background: url(../pics/sections/das-spital.jpg);
}

#direktion #section a
{
    background: url(../pics/sections/direktion.jpg);
}

#bereiche #section a
{
    background: url(../pics/sections/bereiche.jpg);
}

#ressorts #section a
{
    background: url(../pics/sections/ressorts.jpg);
}

#behandlungszentren #section a
{
    background: url(../pics/sections/behandlungszentren.jpg);
}

#infocenter #section a
{
    background: url(../pics/sections/infocenter.jpg);
}

#angebotscenter #section a
{
    background: url(../pics/sections/angebotscenter.jpg);
}

#notfall #section a
{
    background: url(../pics/sections/notfall.jpg);    
}

#news #section a
{
    background: url(../pics/sections/news.jpg);    
}

#stellen #section a
{
    background: url(../pics/sections/stellen.jpg);    
}

#chirurgie #section a
{
    background: url(../pics/sections/chirurgie.jpg);    
}

#medizin #section a
{
    background: url(../pics/sections/medizin.jpg);    
}

#spezialkliniken #section a
{
    background: url(../pics/sections/spezialkliniken.jpg);    
}

#querschnittsfunktionen #section a
{
    background: url(../pics/sections/querschnittsfunktionen.jpg);    
}

#forschung #section a
{
    background: url(../pics/sections/forschung.jpg);    
}

/* ---- Kliniken ---- */

#frauenklinik #section a
{
    background: url(../pics/sections/frauenklinik.jpg);
}

#augenklinik #section a
{
    background: url(../pics/sections/augenklinik.jpg);
}

#dermatologie #section a
{
    background: url(../pics/sections/dermatologie.jpg);
}

#hno #section a
{
    background: url(../pics/sections/hno.jpg);
}

/* ---- Tables -----*/

table#week
{
    padding: 0;
    margin: 0;
    font-size: 90%;
}

table#week th
{
    background-color: #999;
    padding: 4px 2px;
}

table#week th a
{
    color: #FFF;
}

table#week td
{
    background-color: #EEE;
    border-bottom: 1px dotted #000;
    padding: 3px 2px;
    vertical-align: top;
}