/**
 * Projekt Vorlagenkatalog 
 *
 * Basisstylesheet D3
 *
 * Allgemeine Grundvorgaben fuer Elemente & Farbinformationen (ocean)
 *
 * @copyright       Copyright 2005-2012, RRZE
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/)
 * @link            http://www.vorlagen.uni-erlangen.de
 * @package         css
 * @version         3.0
 * @lastmodified    03/2012
*/


@media screen, projection
{

    /*  ------------------------------------------------------
    BASICS
    --------------------------------------------------------*/
    body {
        font-family: "Verdana", Arial, sans-serif;
        color: #000;
        background: #f5f5f5;
    } 


    /*  ------------------------------------------------------
    lang / q
    --------------------------------------------------------*/
    :lang(de) > q	{ quotes: '"' '"' }
    :lang(en) > q	{ quotes: '"' '"' }

    /* Folgendes sollte Default für q sein: */
    q:before		{ content: open-quote }
    q:after		{ content: close-quote }

    /*  ------------------------------------------------------
    Allgemeine Klassen
    --------------------------------------------------------*/
    div#content .bildlinks {
        float:left; 
        margin: 0px 20px 0px 0px;
    }

    div#content .bildrechts {
        float: right;
        font-size: 0.7em !important;
        margin: 0;
        padding: 1px 6px 0 6px;
    }

    .unsichtbar, .u, .u2, .com, .skip {
        position:absolute;
        left:-3000px;
        top:-3000px;
        width:1px;
    } 

    .clear {
        clear: both; 
    }

    .links, .left {
        text-align: left;
    }
    .rights, rechts {
        text-align: right;
    }
    .center {
        text-align: center;
    }
    .oben, .top {
        vertical-align: top;
    }
    .unten, .bottom {
        vertical-align: bottom;
    }
    .mitte, .middle {
        vertical-align: middle;
    }
    /*  ------------------------------------------------------
    LINKICONS
    --------------------------------------------------------*/
    a img {
        margin: 0 2px 0 0;
    }

    /*  ------------------------------------------------------
    ACRONYM
    --------------------------------------------------------*/
    acronym {
        cursor: help; 
    }

    /*  ------------------------------------------------------
    CODE
    --------------------------------------------------------*/
    code {
        font-family: "Courier New", Courier, monospace;
        font-size: 1em;
        line-height: 150%;
    }
    code.codeblock {
        font-family: "Courier New", Courier, monospace;
        display: block;
        width: 80%;
        padding: 10px;
        margin: 5px 0 5px 10px;
    }

    li code, p code, td code, h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
        font-size: 1.2em;
    }

    /*  ------------------------------------------------------
    PRE
    --------------------------------------------------------*/
    pre {
        font-size: 0.8em;
        width: 40em;
        max-height: 10em;
        overflow: auto;
        padding: 20px;
        margin: 0 0 16px 0;
        border: 1px solid #C1DAD7
    }

    li pre, p pre, td pre, h1 pre, h2 pre, h3 pre, h4 pre, h5 pre, h6 pre {
        font-size: 1.2em;
    }

    pre {
        font-family: "Courier New", Courier, monospace;
        display: block;
        padding: 10px 0;
    }

    /*  ------------------------------------------------------
    LINKS
    --------------------------------------------------------*/
    div#content a, 
    div#content a:link {
        text-decoration: underline;
        color: #333;
    }

    div#content a:visited {
        color: #666;
    }

    div#content a:hover, 
    div#content a:focus, 
    div#content a:active {
        text-decoration: none;
        border-bottom: #669999 1px solid;
        background: #C4DCDC;
    }

    div#content a:focus, 
    div#content a:active {
        background: #669999;
        color: #FDFDF6;
        border-bottom: #006666 1px solid;
    }

    /*  ------------------------------------------------------
    ADDRESS
    --------------------------------------------------------*/
    address {  
        font-style: normal;
        margin: 0 0 20px 0;
    } 

    /*  ------------------------------------------------------
    TEXTABSATZ
    --------------------------------------------------------*/
    div#content p {  
        font-size: 0.76em;
        line-height: 180%;
        margin: 0 0 16px 0;
    } 

    div#content p, 
    div#content label, 
    div#content ul, 
    div#content ol {  
        color: #333;
    } 

    div#content ul li p {
        font-size: 1em;
    }

    /*  ------------------------------------------------------
    HEADLINES
    --------------------------------------------------------*/
    h1, h2 {  
        letter-spacing: 0.02em;
    }

    #content h1, 
    #content h2, 
    #content h3 {  

    }
    h4, h5, h6 {  
    }

    li h1, li h2, li h3, li h4, li h5, li h6 {
        font-size: 1em;
    }
    /*  ------------------------------------------------------
    h2
    --------------------------------------------------------*/
    div#content h2 {  
        font-size: 1.3em;
        margin: 0 120px 20px 0;
        font-weight: bold;
        color: #666;
        border-bottom: #99CCCC 2px solid;
        overflow: hidden;
    } 

    div#content h2 a, 
    div#content h2 a:link {
        display: block;
        text-decoration: none;
        color: #666;
    }

    div#content h2 a:hover, 
    div#content h2 a:focus, 
    div#content h2 a:active {
        text-decoration: none;
        border-bottom: 0 none;
        background: #C4DCDC;
        color: #333;
    }

    div#content h2 a:focus, 
    div#content h2 a:active {
        border-bottom: 0 none;
        background: #669999;
        color: #FDFDF6;
    }

    /*  ------------------------------------------------------
    h3
    --------------------------------------------------------*/
    div#content h3 {
        font-size: 1.1em;
        margin: 0 120px 20px 0;
        font-weight: bold;
        color: #2D2D2D;
    }

    div#content h3 a, 
    div#content h3 a:link {
        color: #2D2D2D;
    }

    /*  ------------------------------------------------------
    h4 + h5 + h6
    --------------------------------------------------------*/
    div#content h4, 
    div#content h5, 
    div#content h6 {
        font-size: 0.84em;
        margin: 0 120px 14px 0;
        font-weight: bold;
        color: #000;
    }

    div#content h4 a, 
    div#content h5 a, 
    div#content h6 a, 
    div#content h4 a:link, 
    div#content h5 a:link, 
    div#content h6 a:link {
        color: #000;
    }

    /*  ------------------------------------------------------
    UNGEORDNETE LISTE
    --------------------------------------------------------*/
    ul {list-style-type: none;
        margin: 0;} 

    ul li {		
        line-height: 0.85em;/*180%*/
        margin-left: 0;
    }

    div#content ul {  
        margin: 10px 20px 30px 20px;
        font-size: 0.76em;
        line-height: 180%;
        list-style-type: disc;
    } 

    div#content ul li {  
        line-height: 180% !important;
    } 

    div#content ul ul {  
        margin: 0 0 0 20px;
        font-size: 1em;
    } 
    div#content ul ol { 
        font-size: 1em;
    }
    /*  ------------------------------------------------------
    GEORDNETE LISTE
    --------------------------------------------------------*/
    div#content ol {
        margin: 10px 20px 30px 30px;
        font-size: 0.76em;
        line-height: 180%;
    }

    div#content ol ol {
        margin: 0 0 0 20px;
        font-size: 1em;
    }
    div#content ol ul { 
        font-size: 1em;
    }

    ol li {		
        line-height: 180%;
        margin-left: 0;
    }
    /*  ------------------------------------------------------
    DEFINITIONSLISTEN
    --------------------------------------------------------*/
    div#content dl {
        font-size: 0.76em;
        margin: 0 0 12px 0;
    }

    div#content dd {
        margin: 0 0 8px 0;
    }

    div#content dt {
        font-weight: bold;
    }

    /*  ------------------------------------------------------
    TABELLEN
    --------------------------------------------------------*/
    #content table {
        margin: 0 0 20px 0;
        border-collapse: collapse;
        border-style: solid;
        border-width: 1px;
        background: #F4F3EB;
    }
    #content table caption {
        padding: 0 0 5px;
        font-size: 0.76em;
        font-style: italic;
        text-align: left;
        color: #666;
    }

    #content th {
        font-size: 0.76em;
        padding: 6px;
        text-align: left;			
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        background: #fff;
        color: #333;
    }
    #content th a.pfeil:link,
    #content th a.pfeil:hover,
    #content th a.pfeil:active{
        font-size: 1.2em;                
        padding-left:3px;
        background:none;
        text-decoration:none;
        border:none;
    }
    #content th.reihe {
        text-align: left; 

    }
    #content th h2 {
        margin: 1.5em 1em 1em 1em; 
    }
    #content th h3 {
        margin: 1em 0.5em 0.5em 0.5em; 
    }
    #content tfoot td {
        font-style: italic;
    }
    #content td {
        font-size: 0.76em;
        text-align: left;
        padding: 6px;
        color: #666;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        border-top: 1px solid #C1DAD7;
    }
    #content table pre,
    #content table td p, 
    #content table th p {
        font-size: 1em;
    }
    #content table td ul li,
    #content table td ol li  {
        font-size: 1.3em;
    }
    #content table td ul li li ,
    #content table td ol li li  {
        font-size: 1em;
    }



    tr.eins {
        background-color: transparent;
    }
    tr.zwei {
        background-color: #fff;
    }
    tr.ungerade td { background-color:transparent; }
    tr.gerade td { background-color:#fff; }

    table.wechselfarbe tr td,table.wechselfarbe tr th {
        background-color:transparent;
    }
    table.wechselfarbe tr:nth-child(odd) td,table.wechselfarbe tr:nth-child(odd) th {
        background-color:#fff;
    }


    #content td.rechts,
    #content td.right {
        text-align: right;
    }
    #content table td h2 {
        font-size: 1.4em;
    }
    #content table td h3 {
        font-size: 1.3em;
    }
    #content table td h4 {
        font-size: 1.2em;
    }
    #content table td h5 {
        font-size: 1.1em;
    }
    #content table td h6 {
        font-size: 1em;
    }
    /*  ------------------------------------------------------
    Definitionen fuer allgemeine Formulare
    --------------------------------------------------------*/
    input, textarea, select {
        padding: 3px 4px;
        font: 90% "Verdana", "Arial",  sans-serif;
        background: #fff;
        border: #666 1px solid;
        color: #333
    }

    textarea {
        width: 80%;
    }

    input.radio, 
    input.checkbox {
        border: 0 none;
    }

    input:active, input:focus, 
    textarea:active, textarea:focus, 
    select:active, select:focus {
        background:#E3E1CE;
        border: #999 1px solid;
    }

    form input#submit1, 
    form input#submit2 {
        padding: 2px;
    }

    /*Hack Opera + Safari*/
    html:first-child>b\ody form input#submit1{
        padding: 3px 4px;
    }

    /*Hack Opera + Safari*/
    html:first-child>b\ody form input#submit2{
        padding: 3px 4px;
    }

    form  p {
    }

    form fieldset {
        width: 80%;
        display: block;
        margin: 4px 0 30px 0;
        background: #F4F3EB;
        border: #999 1px solid;
    }

    form fieldset div.abstand {
        padding: 10px 20px 10px 20px;
    }
    form fieldset legend {
        margin: 0 0 0 24px;
        color: #4D8A8A !important;
    }

    form fieldset p, 
    form fieldset label, 
    div.eingabe {
        font-size:0.76em;
        padding: 0 !important; 
        margin: 0 0 8px 0 !important; 
    }


    form fieldset p label {
        padding: 0 !important; 
        margin: 0 !important; 
        font-size:1em;
    }

    #formular .datenzeile, 
    form .zeile {
        display: block;
        padding: 5px 0;
        clear: both;
    }
    #formular .datenart,
    form .datenart,
    form .titel, 
    form .frage {
        display: block;
        float: left;
        width: 10em;
        padding: 2px 5px 2px 0;
        margin: 0;	
    }
    #formular .dateneingabe,
    form .eingabe  {
        display: block;
        float: left;	
        width: 55%;
        margin: 0;	
    }

    #formular .dateneingabe input,
    form .eingabe input {	
        font-weight: bold;
        padding: 2px 5px;
        background: #fff;
        border: 1px solid #bbb;
        color: #039;
    }



    /*  ------------------------------------------------------
    NACH OBEN - LINK
    --------------------------------------------------------*/
    div#content p.noprint {
        text-align: right;
    }
    div#content p.noprint a,
    div#content p.noprint a:link, 
    div#content p.noprint a:visited {

    }

    /*  ------------------------------------------------------
    INDEXLISTE-NACHOBEN
    --------------------------------------------------------*/
    div.indexliste-nachoben {
        text-align: right;
        padding: 3px 0;
    }

    div.indexliste-nachoben a,
    div.indexliste-nachoben a:link, 
    div.indexliste-nachoben a:visited {
    }

    /*  ------------------------------------------------------
    INHALTSUEBERSICHT
    --------------------------------------------------------*/
    div#inhaltsuebersicht {
    }

    div#inhaltsuebersicht ul {
        line-height: 200%;
    }

    div#inhaltsuebersicht ul li a {

    }

    div#inhaltsuebersicht ul li a dfn {
        font-style: normal;
        /*font-family: "Georgia", Garamond, Palatino, Times New Roman, Times serif;
        font-weight: bold;*/
    }

    div#inhaltsuebersicht ul h2 a {
        font-size: 1.4em;
    } 

    div#inhaltsuebersicht ul h3 a{
        font-size: 1.3em;
        font-weight: bold;
    } 

    div#inhaltsuebersicht ul h4, 
    div#inhaltsuebersicht ul h5 {
        font-size: 1.1em;
    } 

    div#inhaltsuebersicht ul ul {

    }

    div#inhaltsuebersicht ul ul ul {
    }

    /*  ------------------------------------------------------
    GLOSSAR
    --------------------------------------------------------*/
    div#glossar div.AlphaNavigation {
    }

    div#glossar div.AlphaNavigation ul {
        list-style-type: none;
        margin: 0 0 20px 0;
        padding:0;
    }

    div#glossar div.AlphaNavigation ul li {
        display: inline;
        padding: 0 10px 0 0;
        font-weight: bold;
    }

    /*  ------------------------------------------------------
    ALPHABET - LISTE
    --------------------------------------------------------*/
    div#inhaltsuebersicht  div.alphabet-liste {
    }

    div.alphabet-index div.indexliste-nachoben  {
        font-size: 0.76em;
    }

    div#inhaltsuebersicht  div.alphabet-liste ul {
        list-style-type: none;
        margin: 0 0 20px 0;
        padding:0;
    }

    div#inhaltsuebersicht  div.alphabet-liste ul li {
        display: inline;
        padding: 0 10px 0 0;
    }

    /*  ------------------------------------------------------
    ALPHABET - INDEX
    --------------------------------------------------------*/
    div#inhaltsuebersicht  div.alphabet-index {
    }

    div#inhaltsuebersicht  div.alphabet-index ul {
    }

    /*                                                                     */
    /* Typo-Variante sans-serif  - - - - - - - */
    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

    /*  ------------------------------------------------------
    HEADLINES
    --------------------------------------------------------*/
    h1, h2 {  
        letter-spacing: 0.02em;
    }

    h1, h2, h3 {  
        font-family: "Trebuchet MS", Lucida Sans, Lucida Sans Unicode, Verdana, sans-serif;
    }

    h4, h5, h6 {  
        font-family: "Trebuchet MS", Lucida Sans, Lucida Sans Unicode, Verdana, sans-serif;
    }

    /*  ------------------------------------------------------
    Definitionen fuer allgemeine Formulare
    --------------------------------------------------------*/
    form fieldset legend {
        font: 1.1em "Trebuchet MS", Lucida Sans, Lucida Sans Unicode, Verdana, sans-serif;
        font-weight: bold;
    }

    /*  ------------------------------------------------------
    GLOSSAR
    --------------------------------------------------------*/
    div#glossar div.AlphaNavigation ul li {
        font: 1.4em "Trebuchet MS", Lucida Sans, Lucida Sans Unicode, Verdana, sans-serif;
        font-weight: bold;
    }

    /*  ------------------------------------------------------
    ALPHABET - LISTE
    --------------------------------------------------------*/
    div#inhaltsuebersicht  div.alphabet-liste ul li {
        font: 1.4em "Trebuchet MS", Lucida Sans, Lucida Sans Unicode, Verdana, sans-serif;
    }

    /*  ------------------------------------------------------
    FOOTER
    --------------------------------------------------------*/
    div#footer h2 {
        font: 0.76em "Trebuchet MS", Lucida Sans, Lucida Sans Unicode, Verdana, sans-serif;
        font-weight: bold;
    }
    /*  ------------------------------------------------------
    Besondere Hinweisboxen
    --------------------------------------------------------*/
    .klein_box_rechts, 
    .box_rechts, 
    .box_links, 
    .klein_box_links {
        border: #999 1px solid;
        background: #F4F3EB;
    }
    /*  ------------------------------------------------------
    KLEINE BOX RECHTS
    --------------------------------------------------------*/
    div.klein_box_rechts {
        float: right;
        margin: 20px;
        width: 200px; /*inline-styles per php !!*/
    }

    div.klein_box_rechts h4 {
        padding: 4px 6px;
        margin: 0;
    }

    div.klein_box_rechts p {
        font-size: 0.74em;
        margin: 0;
        padding: 1px 6px 3px 6px;
    }

    div.box_rechts {
        float: right;
        margin: 20px;
        width: 200px; /*inline-styles per php !!*/
    }

    div.box_rechts h4 {
        padding: 4px 6px;
        margin: 0;
    }

    div.box_rechts p {
        font-size: 0.74em;
        margin: 0;
        padding: 1px 6px 3px 6px;
    }
    /*  ------------------------------------------------------
    KLEINE BOX LINKS
    --------------------------------------------------------*/
    div.klein_box_links {
        float: left;
        margin: 20px;
        width: 200px; 
    }

    div.klein_box_links h4 {
        padding: 4px 6px;
        margin: 0;
    }

    div.klein_box_links p {
        font-size: 0.74em;
        margin: 0;
        padding: 1px 6px 3px 6px;
    }

    div.box_links {
        float: left;
        margin: 20px;
        width: 200px; 
    }

    div.box_links h4 {
        padding: 4px 6px;
        margin: 0;
    }

    div.box_links p {
        font-size: 0.74em;
        margin: 0;
        padding: 1px 6px 3px 6px;
    }

    /*  ------------------------------------------------------
    VOLLBOX
    --------------------------------------------------------*/
    div.vollbox {
        margin: 10px 0 20px 0;
        width: 300px; /*inline-styles*/
        border: #999 1px solid;
        background: #F4F3EB;
    }

    div.vollbox h4 {
        padding: 4px 6px 0 6px;
        margin: 0;
    }

    div.vollbox p {
        font-size: 0.7em !important;
        margin: 0;
        padding: 1px 6px 0 6px;
    }

    /*  ------------------------------------------------------
    BOX (THUMBNAILS)
    --------------------------------------------------------*/
    div.box img {
        float: left;
        margin: 0 10px 20px 0;
    }

    /*  ------------------------------------------------------
    Besondere Hinweisboxen
    --------------------------------------------------------*/
    #content div.hinweis_wichtig {
        float:left;
        position:relative; /*fuer IE < 6 */
        width: 220px;
        font-size:.8em;
        font-weight:600;   
        line-height:1.2em;
        padding: 2px 2px 2px 55px;   
        margin: 1em;
    }
    #content div.hinweis_wichtig {
        border: 1px solid red;	
        background-image: url(/img/important.png);
        background-repeat: no-repeat;
        background-position: left center; 	
    }
    #content div.hinweis_wichtig h3, 
    #content div.hinweis_wichtig h4 {
        font-weight: bold;
        font-size: 1.2em;	
    }
    #content div.hinweis_wichtig p {
        font-weight: normal;
        font-size: 1em;	
    }
    #content div.hinweis {
        float:left;
        font-size:.9em;
        line-height:1em;
        padding:2px 2px 2px 55px;   
        margin: 1em;
        width: 300px;
    }
    #content div.hinweis h3, 
    #content div.hinweis h4 {
        font-weight: bold;
        font-size: 1.1em;
    }
    #content div.hinweis {
        border: 1px solid #ccc;
        background-image: url(/img/ktip.png);
        background-repeat: no-repeat;
        background-position: left center; 	
    }
    #content div.hinweis p {
        font-weight: normal;
        font-size: 0.8em;
    }
    #content div.hinweisrechts {
        float: right;
        font-size: 0.9em;
        padding:2px 2px 2px 55px;
        margin: 1em;
        width: 40%;
    }
    #content div.hinweisrechts {
        border: 1px solid #ccc;
        background-image: url(/img/ktip.png);
        background-repeat: no-repeat;
        background-position: left center; 	
    }
    #content div.hinweisrechts h3, 
    #content div.hinweisrechts h4 {
        font-weight: bold;
        font-size: 1.1em;	
    }
    #content div.hinweisrechts p {
        font-weight: normal;
        font-size: 0.8em;
    }
    #content div.baustelle {
        float:left;
        position:relative; /*fuer IE < 6 */
        width: 220px;
        font-size:.8em;
        font-weight:600;   
        padding:2px 2px 2px 55px;
        margin: 1em;   
    }
    #content div.baustelle {
        border: 1px solid black;	
        background-image: url(/img/package_settings.png);
        background-repeat: no-repeat;
        background-position: left center; 	
    }

    #content div.baustelle h3, 
    #content div.baustelle h4 {
        font-weight: bold;
        font-size: 1.2em;	
    }
    #content div.baustelle p {
        font-weight: normal;
        font-size: 1em;	
    }


    div#content img{
        width: auto !important;
        max-width: 100% !important;
    }


}