@charset "utf-8";
/************************************************
    CSS StyleSheet
    oks.ah-projekt.de

    Media: Screen

    www.ahlersheinel.de
************************************************/

/* STRUKTUR
************************************************/

* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100.1%;
}

html, body {
    width: 100%;
}

body {
    font-size: 80%;
    line-height: 135%;
    background-color: #d22;
    color: #fff;
    text-align: center;
}

body, textarea {
    font-family: "Lucida Grande","Lucida Sans Unicode",Verdana, Helvetica, Arial, sans-serif; 
}

#head {
    margin-top: 10px;
    background-color: #fff;
    color: #444;
}

#head div.layout {
    background: url(/oks/images/body/headbg.gif) repeat-y 100% 0;
    border: 1px solid #fff;
}

#cwrap {
    background: #fff url(/oks/images/body/schatten.gif) repeat-x 0 0;
    color: #444;
    min-height: 650px;
}

#cwrap div.layout {
    background: url(/oks/images/body/grstr.jpg) no-repeat 100% 100%;
    min-height: 450px;
}

div.layout {
    width: 80%;
    min-width: 954px;
    max-width: 1200px;
    margin: 0 auto;
    text-align: left;
}

#navbar {
    float: left;
    width: 212px;
}

#cwrap2 {
    margin-left: 232px;
}

#content {
    float: left;
    min-width: 490px;
    max-width: 70%;
    padding-bottom: 2em;
}

/* BANNER
************************************************/

div.banner {
    height: 90px;
    margin-bottom: 20px;
}

div.banner1  { background: #fff url(/oks/images/banner/banner1.jpg) no-repeat 100% 0; }
div.banner2  { background: #fff url(/oks/images/banner/banner2.jpg) no-repeat 100% 0; }
div.banner3  { background: #fff url(/oks/images/banner/banner3.jpg) no-repeat 100% 0; }
div.banner4  { background: #fff url(/oks/images/banner/banner4.jpg) no-repeat 100% 0; }
div.banner5  { background: #fff url(/oks/images/banner/banner5.jpg) no-repeat 100% 0; }
div.banner6  { background: #fff url(/oks/images/banner/banner6.jpg) no-repeat 100% 0; }
div.banner7  { background: #fff url(/oks/images/banner/banner7.jpg) no-repeat 100% 0; }
div.banner8  { background: #fff url(/oks/images/banner/banner8.jpg) no-repeat 100% 0; }
div.banner9  { background: #fff url(/oks/images/banner/banner9.jpg) no-repeat 100% 0; }
div.banner10 { background: #fff url(/oks/images/banner/banner10.jpg) no-repeat 100% 0; }
div.banner11 { background: #fff url(/oks/images/banner/banner11.jpg) no-repeat 100% 0; }
div.banner12 { background: #fff url(/oks/images/banner/banner12.jpg) no-repeat 100% 0; }
div.banner13 { background: #fff url(/oks/images/banner/banner13.jpg) no-repeat 100% 0; }
div.banner14 { background: #fff url(/oks/images/banner/banner14.jpg) no-repeat 100% 0; }
div.banner15 { background: #fff url(/oks/images/banner/banner15.jpg) no-repeat 100% 0; }
div.banner16 { background: #fff url(/oks/images/banner/banner16.jpg) no-repeat 100% 0; }
div.banner17 { background: #fff url(/oks/images/banner/banner17.jpg) no-repeat 100% 0; }
div.banner18 { background: #fff url(/oks/images/banner/banner18.jpg) no-repeat 100% 0; }
div.banner19 { background: #fff url(/oks/images/banner/banner19.jpg) no-repeat 100% 0; }
div.banner20 { background: #fff url(/oks/images/banner/banner20.jpg) no-repeat 100% 0; }
div.banner21 { background: #fff url(/oks/images/banner/banner21.jpg) no-repeat 100% 0; }

/* NAVIGATION
************************************************/

#skip1 a, #skip2 a, #skip3 a {
    position: absolute;
    z-index: 2;
    width: 20em;
    overflow: hidden;
    top: -100px;
    left: -1000px;
    color: #fff;
    line-height: 120%;
    padding: 0.5em;
}

#skip1 a:focus, #skip1 a:active, #skip2 a:focus, #skip2 a:active, #skip3 a:focus, #skip3 a:active {
    position: absolute;
    z-index: 99;
    width: 20em;
    top: 2em;
    left: 3%;
    margin-left: 4px;
    text-decoration: underline;
    color: #000;
    background: #eee;
    font-size: 80%;
} 

#head ul {
    margin-top: 45px;
    margin-bottom: 5px;
    margin-left: 12px;
}

#head ul li {
    display: inline;
    list-style: none;
    margin-right: 1em;
}

#head a, #head a:link, #head a:active, #head a:visited {
    color: #444;
    text-decoration: none;
}

#head a:hover {
    color: #000;
}

#head ul li.active a {
    color: #d22;
    font-weight: bold;
}

#head a:after { content: '' !important; }

#navbar {
    margin-top: 20px;
}

#navbar ul {
    margin-bottom: 2em;
    min-height: 6em;
}

#navbar ul ul {
    min-height: 0;
    margin-bottom: 0;
}

#navbar li {
    list-style: none;
    line-height: 120%;
    margin-bottom: 0.4em;
}

#navbar li a, #navbar li a:link, #navbar li a:visited, #navbar li a:active {
    display: block;
    color: #d22;
    text-decoration: none;
}

#navbar ul li a { padding-left: 12px; }
#navbar ul ul li a { padding-left: 2em; }
#navbar ul ul ul li a { padding-left: 3.5em; }

#navbar li a:hover {
    color: #000;
}

#navbar li.active a {
    font-weight: bold;
    background: url(/oks/images/body/pfeilrechts.gif) no-repeat 0 50%;
}

#navbar ul li.active ul li a, #navbar ul li.active ul li.active ul li a {
    font-weight: normal;
    background: none;
}


#navbar ul li.active ul li.active a, #navbar ul li.active ul li.active ul li.active a {
    font-weight: bold;
}

#navbar ul ul {
    margin-top: 0.4em;
}

/* TYPO
************************************************/

#head h1 {
    width: 340px;
    float: right;
    margin-right: 12px;
    line-height: 120%;
}

p { margin-bottom: 1em; }
.small { font-size: 90%; }
.required { color: #d22; }

#content h1, #content h3 {
    font-weight: normal;
    line-height: 120%;
    margin-bottom: 0.5em;
}

#content h1 {
    font-size: 150%;
}

#content h3 {
    font-size: 120%;
    margin-top: 1.5em;
}


#sidebar h4 {
    margin-bottom: 0.5em;
    font-size: 100%;
}

a, a:link, a:active {
    color: #d22;
    text-decoration: underline;
}

a:visited {
    color: #d22;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: underline;
}

a[href$=".pdf"]:after {
    color: #d88;
    content: " (PDF)";
}

#content a[href^="http://"] {
    padding-right: 15px;
    background: url(/oks/images/body/linkexternal.gif) no-repeat 100% 50%;
}
/*
a[href^="http://"]:after {
    color: #d88;
    content: " (Externe Webseite)";
}
*/

/* LISTEN
************************************************/

#content ul {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#content ul li {
    margin-left: 2em;
    margin-bottom: 0.4em;
}

#content ol li {
    margin-left: 2.5em;
    margin-bottom: 0.4em;
}

div.kollegium ul {
    /*float: left;*/
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1.5em;
}

div.kollegium ul li {
    /*float: left;*/
    width: 450px;
    list-style: none;
    margin-left: 0 !important;
    padding-right: 15px;
    padding-top: 1.5em;
    padding-bottom: 0;
    border-top: 1px solid #ccc;
    min-height: 140px;
}

div.kollegium ul li img {
    float: left;
    margin-right: 0.5em;
}

div.kollegium ul li p {
    /*margin-left: 120px;*/
}

div.kollegium ul li p span.name {
    display: block;
    font-weight: normal;
    font-size: 110%;
    margin-bottom: 0.5em;
}

dl.news {
    border-top: 1px solid #ccc;
    margin-bottom: 1.5em;
}

dl.news dt {
    font-size: 110%;
    padding-top: 0.5em;
    margin-bottom: 0.5em;
}

dl.news dd {
    padding-bottom: 1em;    
    border-bottom: 1px solid #ccc;
    margin-bottom: 0.5em;
}

dl.news dt *, dl.news dd * {
    font-weight: normal !important;
}

ul.news li {
    list-style: none;
    margin-bottom: 1em;
    margin-left: 0 !important;
}

ul.news li span {
    display: block;
    font-size: 80%;
}

ul.metanav {
    float: left;
    width: 490px;
}

#content ul.metanav li {
    list-style: none;
    margin-left: 0 !important;
    line-height: 120%;
}

ul.metanav li.info {
    float: left;
    width: 48%;
    font-size: 90%;
}

ul.metanav li.paging {
    float: right;
    width: 48%;
    text-align: right;
}

div.gallery {
}

div.gallery ul {
    margin-top: 0.5em;
    margin-left: 0.5em;
    margin-bottom: 0.5em;
    float: left;
    width: 190px;
}

div.gallery ul li {
    float: left;
    list-style: none;
    margin-left: 0 !important;
    width: 45px;
    height: 45px;
}

div.gallery p {
    padding: 0.5em;
    margin-bottom: 0;
}

/* ANGEBOTE
************************************************/

#angebote {
    float: left;
    width: 100%;
}

#angebote h3 {
    margin-top: 0;
}

#angebote div.abox {
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.7em;
    margin-bottom: 0.7em;
}

#angebote ul li {
    margin-bottom: 0.5em;
    margin-left: 1.2em;
    line-height: 110%;
}

#angebote ol li {
    margin-bottom: 0.5em;
    margin-left: 2.5em;
    line-height: 110%;
}

/* FORMULAR
************************************************/

input.form, textarea.form, select.form {
    border: 1px solid #ccc;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    background-color: #fff;
    color: #444;
}

input.form, textarea.form {
    padding: 0.1em 0.5em;
}

input.form:focus, input.form:hover, textarea.form:focus,textarea.form:hover {
    background-color: #ffe;
    border: 1px solid #d22;
}

#content input.form, #content textarea.form { width: 30em; }
#content select.form { width: 31em; }
#content input.var50, #content textarea.var50 { width: 14em; }
#content select.var50 { width: 15.2em; }

input.button {
    border: 0;
    color: #444;
    font-weight: bold;
    background-color: #fff;
    padding-left: 15px;
    background: url(/oks/images/body/icon_go.gif) no-repeat 0 50%;
}

input.button:focus, input.button:hover { color: #d22; }

input { vertical-align: middle; }

label {
    display: block;
    color: #777;
    font-size: 90%;
}

label.inline {
    display: inline;
    font-size: 100%;
    color: #444;
}

p#ocs {
    margin-left: 12px;
    border-top: 1px solid #ccc;
    padding: 0.3em 0;
    margin-left: 12px;
    margin-bottom: 0;
font-weight: bold;
}

p#ocs a {
    background: url(/oks/images/body/pfeiloben.gif) no-repeat 0 50%;
background-color: white;
    padding-left: 0px;
font-weight: bold;
}

#quicksearch {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0.5em 0;
    padding-bottom: 0;
    margin-left: 12px;
}

#quicksearch h2 {
    font-weight: normal;
    font-size: 110%;
    margin-bottom: 0.5em;
}

p.L {
    float: left;
    width: 16em;
}

/* LEGEND
************************************************/

fieldset {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #f5f5f5;
    padding: 0.5em 1em;
    margin-bottom: 1em;
}

fieldset legend {
    padding: 0 0.5em;
    font-size: 110%;
}

/* SIDEBAR
************************************************/

#sidebar {
    float: right;
    width: 200px;
}

#sidebar h3 {
    background-color: #d22;
    font-size: 100%;
    font-weight: normal;
    padding: 0.2em 0.5em;
    margin: 0;
    color: #fff;
}

#sidebar div.box {
    background-color: #eee;
    margin-bottom: 0.5em;
}

#sidebar div.box div.text {
    font-size: 90%;
    padding: 0.5em;
}


/* FOOT
************************************************/

#foot {
    background-color: #d22;
    padding: 0.5em 0;
    padding-top: 1em;
    padding-bottom: 2.5em;
}

#foot #footwrap {
    float: left;
    width: 100%;
    border-bottom: 1px solid #fff;
    padding-bottom: 0.2em;
}


#foot ul.siteswitcher {
    float: left;
    width: 65%;
}

#foot ul.siteswitcher li a {
    border-right: 1px solid #fff;
    padding-right: 0.8em;
    margin-right: 0.5em;
}

#foot a:after { content: "" !important; }

#foot ul.siteswitcher li.last a {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}

#foot ul.siteswitcher li a.active {
    font-weight: bold;
}

#foot ul.note {
    float: right;
    width: 29%;
    font-size: 90%;
}

#foot ul.note li a {
    border-left: 1px solid #fff;
    padding-left: 0.6em;
    margin-left: 0.6em;
}

#foot ul.note li a.top {
    border-left: none;
    padding-left: 12px;
    background: url(/oks/images/body/pfeiloben.gif) no-repeat 0 70%;
}

#foot ul li {
    list-style: none;
    display: inline;
}

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

#foot ul.note li {
    float: right;
}

/* TABLE
************************************************/

table {
    table-layout: fixed;
    border-collapse: collapse;
    border: 1px solid #ccc;
    background-color: #fff;
}

table th, table td {
    padding: 0.2em 0.5em;
}

table th {
    font-size: 90%;
    color: #777;
    text-align: left;
}

tr.alt th, tr.alt td, th.alt, td.alt {
    background-color: #f5f5f5;
}

/* MISC
************************************************/

p.margintop { margin-top: 1em; }
.clear { clear: both; }
.none { display: none; }
.L { float: left; }
.R { float: right; }