/* Dies ist ein Kommentar */
/* h1 { color:red; font-size:48px; } */

/* Body: */
body
{
        background-color: white;
        color: black;
        font-family: Verdana, sans-serif; /*Geneva, Arial, Helvetica, ;*/
}

p { font-size: 0.8em; /* 80%; */ }
ul { font-size: 0.90em; list-style-type:square; }
h2 { font-size: 1em; }


/* Alle Links entsprechend hervorheben: */
a:link
{
        text-decoration:none;
}
a:visited
{
        text-decoration:none;
}
a:hover
{
        text-decoration:underline;
}



/* Titelleiste: --------------------------------------------------------- */

.headline
{
        height:92px;       
        margin: 0;
        padding: 0;
        border: 0;
        background-image:url("logo_bg.jpg"); 
        background-repeat:repeat-x;

}
.headline img
{
        margin: 0;
        padding: 0;
        border: 0;
}




/* Normales Menue: -------------------------------------------------- */

.menu
{
        height:32px;
        background-image:url(menue_bg.jpg);
        background-repeat:repeat-x;
        background-color:#eeeeee;
        text-align:center;
}
.menu ul
{
        height:32px;
        font-size:12px;
        margin:0;
        border:0;
        background-image:url(menue_links.jpg); 
        background-repeat:no-repeat;
        background-position:top left;
        padding:0 0 0 50px;
}
.menu li
{
        float:left;
        display:inline;
        list-style:none;
        list-style-image:none!important;
        padding:7px 2em 0 1em;
} 
/* Mouse-over Effekt: */
.menu a
{
        height:32px;
        color: gray;
        vertical-align:middle;
}




#hide /* Accessibility workaround */
{        
        position:absolute;
        right:-1000px;
        display:none;
}




/* Breadcrumb-Leiste: -------------------------------------------------- */

.breadcrumbs
{
        float:clear;
        font-size: 70%;
        margin:0.5em 0 1.5em 1em;
}




/* Unterer Rand: ------------------------------------------------------- */

.footer
{
        clear:both;
        font-size: 60%;
        text-align: center;
        color: gray;
        padding:2em 0 0 0;
}




/* Menue fuer Unterseiten: --------------------------------------------- */

.submenu
{
        float: left;
        width: 12em;
        margin: 0 0 0 0;
        padding: 0 0 1em 0;
}
.submenu h2
{
        margin: 0 0 1em 0;
        color: white;
        font-size: 0.8em;
        border-bottom: 1px solid #ccc; 
        text-align:center;
}
.submenu h2#publications
{
        background-color: red;
}
.submenu h2#software
{
        background-color:green;
}
.submenu h2 a
{
        color:white;
}
.submenu h2 a:visited
{
        color:white;
}
.submenu ul
{
        font-size: 0.75em;
        margin:0 0 0 0;
        padding:0 0.5em 0 2em;
}
.submenu li
{
        margin:0 0 0 0;
        padding:0 0 0 0;
}




/* Infobox ------------------------------------------------------------*/

.infobox /* (optionale) Infobox auf der rechten Seite einer Unterseite */
{
        float: right;
        width: 10em;
        border: 1px solid #ccc;
        background-color: #eee;
        padding: 0.5em 0.5em 0.5em 0.5em;
}
.infobox h2
{
        font-family: Helvetica,Arial,sans-serif;
}




/* Hauptbereich: ------------------------------------------------------- */


.page_content {}
#mainpage
{
        margin: 1em 1em 0em 1em;
}
#subpage
{
        margin: 0 0 0 14em;
}
#toc
{
        margin: 0em 12em 0 12em;
}




/*
        Eine Unterseite mit dem eigentlichen Inhalt:
        (besteht LaTeX-Konform aus chapters und sections)
*/
.chapter
{
        float:left; /* IE */
        width:100%; /* IE */
} 
.chapter img#right
{
        float:right;
        padding: 0 2em 2em 2em;
}
.chapter img#left
{
        float:left;
        padding: 0 2em 2em 2em;
}
.chapter li
{
        font-size: 0.9em;
}
.chapter h2
{
        margin-top:0;
        color: black;
        background-color: #eee;
        font-family: Helvetica,Arial,sans-serif;
        padding: 0 0 0 20px;
        border-bottom: 1px solid #ccc;
}
.chapter h2#publications
{
        background-image:url(red2d.jpg); 
        background-repeat:no-repeat;
        background-position:top left;
}
.chapter h2#software
{
        background-image:url(green2d.jpg);
        background-repeat:no-repeat;
        background-position:top left;
}

.section
{
        clear:both;
        /*margin-left:1em;*/
        margin-left:20px;
        margin-right:2em;
}
.section p
{
        margin-left:3em;
}
.section ul
{
        margin-left:4em; /* IE */
        list-style-position:inside;
}
.section table
{
        font-size: 0.75em;
        font-family: Verdana, sans-serif; /*Geneva, Arial, Helvetica, ;*/
}
.section tr#alt
{
        background-color:#eeeedd;
}
.section td
{
        padding: 0 1em 0.6em 1em;
}
.section h3
{
        font-size: 0.9em;
        font-weight:normal;
        border-bottom: 1px solid #ddd;
        padding: 1em 0 0 0;
}




/*
        Eine Seite mit dem Inhaltsverzeichnis:
        (besteht aus Eintraegen (entry) und Untereintraegen (subentry)
*/
.tableofcontent
{
        float: left;
        padding: 0em 2% 0 2%;
}
.entry
{
        padding-bottom: 2em;
}
.entry h2
{
        margin-top:0;
        color: black;
        background-color: #eee;
        font-family: Helvetica,Arial,sans-serif;
        padding: 0 0 0 20px;
        border-bottom: 1px solid #ccc;
}
.entry h2#publications
{
        background-image:url(red2d.jpg); 
        background-repeat:no-repeat;
        background-position:top left;
}
.entry h2#software
{
        background-image:url(green2d.jpg);
        background-repeat:no-repeat;
        background-position:top left;
}
.entry ul
{
        margin: 1em 0 0 20px;
        padding: 0 0 0 0;
}
.entry li
{
        font-size: 0.9em;
}
.entry div#entrycontent
{
        margin: 0 0 0 20px;
}

/*
.toc_row
{
        clear:both;
}
.toc_left_column
{
        float:left;
        width:50%;
}
.toc_right_column
{
        float:left;
        width:49%;
}
*/



/*
        Homepage:
        (besteht aus einer linken und einer rechten Seite, linke Seite
        hat Blogentrys, rechte "Boxen")
*/

.left
{
        margin: 0 0 1em 0;
        float: left;
        width: 64%;
}
.right
{
        margin: 0 0 1em 0;
        float: right;
        width: 35%;
}

#box
{
        margin: 0 0 1em 0;
}
#box ul
{
        /*margin: 0 0 0 0;*/
}
#box li
{
        font-size: 0.9em;
}
#box li li /* Verschachtelte Eintraege nicht in kleinerer Schrift zeigen */
{
        font-size: 1em;
}
#box h2
{
        margin-top: 0;
        margin-bottom: 0;
        color: black;
        background-color: #eee;
        font-family: Helvetica,Arial,sans-serif;
        padding: 0 0 0 20px;
        border-bottom: 1px solid #ccc;
}
#box h2 a:link
{
        color: black;
}
#box h2#publications
{
        background-image:url(red2d.jpg); 
        background-repeat:no-repeat;
        background-position:top left;
}
#box h2#publications a:hover
{
        color: red;
}
#box h2#software
{
        background-image:url(green2d.jpg);
        background-repeat:no-repeat;
        background-position:top left;
}
#box h2#software a:hover
{
        color: green;
}
#box p
{
        margin: 0 0 0 0;
        padding: 1em 0 0 20px;
}
#boxcontent
{
        margin: 0 0 0 0;
        /*padding: 1em 0 1em 0;*/
        padding: 0 0 1em 0;
        /*border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;*/
}

#blogentry
{
        /*margin-top:0;*/
        /*border-bottom: 1px solid #ccc;*/
        /*border-top: 1px solid #ccc;*/
        clear:left; /* sorgt dafr, dass der Umbruch abgeschaltet wird */
        padding:1em 0 1em 0;
}
#blogentry h3
{
        color: black;
        font-family: Helvetica,Arial,sans-serif;
        padding: 0 0 0 20px;
        font-size: 1em;
}
#blogentry h3 a:link
{
        color: black;
}
#blogentry img
{
        float:left;
        margin:0 20px 0 20px;
}
#blogentry p
{
        padding: 0 10% 0 0;
}
#trenner /* Strich zwischen den Blogeintraegen zur optischen Trennung */
{
        clear:both;
        margin:1em 10% 1em 20px;
        border-top: 1px solid #ccc;
}