/********************************************************************************
 * Allgemein                                                                    *
 * - BoSi-rot:  #800040                                                         *
 * - BoSi-blau: #000080                                                         *
 * - BoSi-gelb: #FFFFB0                                                         *
 ********************************************************************************/
/* Alles */
* {
    /* Layout */
    background-color: #FFFFB0;
	color: #800040;
	font: normal 100.01%;
	font-family: Arial, Sans-Serif;
	font-size: 1em;
	margin-top: 0;
	margin-bottom: 0;
}

/* Links */
a {
    /* Layout */
    background-color: transparent;
    text-decoration: none;   /* keine Unterstreichung, keine visited-color, etc. */
}

/* Bilder */
img {
	border: none;
    background-color: transparent;
    vertical-align: middle;
    margin: 0.2em;
}

/* Überschriften */
h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Sans-Serif;
    font-variant: small-caps;  	      /* Kapitälchen */
    font-weight: bold;
}

/* Ampelfarben */
*.Done {
    color: green;
}
*.Current {
    color: gold;
}
*.Open {
    color: red;
}
*.Percent {
    color: #A0DD00;
}

/********************************************************************************
 * Header                                                                       *
 ********************************************************************************/
div#Header * {
    font-variant: small-caps;  	      /* Kapitälchen */
}

div#Header h1 {
    /* Layout */
    font-family: Stencil, Arial, Sans-Serif;
    font-size: 3em;
    margin-top: 0.1em;
    margin-bottom: -0.175em;
    background-color: transparent; 
    margin-left: 6.4em;
}

            * html div#Header h1 {
                margin-bottom: 0em;
                top: -0.05em;
                position: relative;
            }

            *:first-child+html div#Header h1 {
                margin-bottom: 0em;
                top: -0.05em;
                position: relative;
            }

div#Header p {
    /* Layout */
    font-size: 1.5em;
    font-weight: bold;
    color: #000080;
    margin-left: 12.8em;
}

            * html div#Header p {
                top: -0.35em;
                position: relative;
            }
            
            *:first-child+html div#Header p {
                top: -0.35em;
                position: relative;
            }
            
            * html div#Header a:hover {
                cursor: pointer;
            }
            
            *:first-child+html div#Header a:hover {
                cursor: pointer;
            }
            
            * html div#Header div p {
                top: 0em;
                position: relative;
            }
            
            *:first-child+html div#Header div p {
                top: 0em;
                position: relative;
            }
            
            * html div#Header br {
                font-size: 1.25em;
            }

            *:first-child+html div#Header br {
                font-size: 1.25em;
            }

div#Header hr {
    /* Layout */
	clear: left;          /* Logo und Header sollen vom restlichen Text durch eine Linie getrennt sein */
	margin-bottom: 1em;   /* nachfolgender Text soll etwas Abstand haben */
}



/********************************************************************************
 * Header-Navi                                                                  *
 ********************************************************************************/
div#Navi {
    position: absolute;
    margin-left: 19.1em;
}

div#Navi * {
    float: left;
}

div#Navi p {
    font-family: Arial, Sans-Serif;
    font-size: 1.2em;
    font-variant: small-caps;  	      /* Kapitälchen */
    margin-left: 0.5em;
}

			* html div#Navi {
                xposition: absolute;
				margin-left: 19.1em;
			}

			* html div#Navi img {
                position: relative;
				margin-left: 0mm;
			}

			* html div#Navi p {
                position: relative;
				margin-left: 0mm;
			}



/********************************************************************************
 * Menü                                                                         *
 ********************************************************************************/
 
/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#BoSiMenu {
    position:absolute; 
    z-index:100;
    float: left;        /* Der Header soll rechts vom Logo angezeigt werden */
    width: 18em;
    height: 6.18em;
}

/* Set up the pointers for the sub level indication */
#BoSiMenu li.fly {
    background:#800040 url(Images/SubMenuIndicator.gif) no-repeat right center;
}

#BoSiLogo {
    width: 17em;
    height: 6.18em;
    margin-right: 1em;
    xfloat: left;        /* Der Header soll rechts vom Logo angezeigt werden */
}

				* html #BoSiLogo {              /* Korrektur fuer den IE LT 7 */
					margin-right: 0em;
				}

/* Get rid of the margin, padding and bullets in the unordered lists */
#BoSiMenu ul {
    padding:0; 
    margin:0; 
    list-style-type: none;
}

/* Set up the link size, color and borders */
#BoSiMenu a, 
#BoSiMenu a:visited {
    display:block;
    width:15em; 
    xfont-size:11px; 
    color:#FFFFB0;
    height:25px; 
    line-height:24px; 
    text-decoration:none; 
    text-indent:5px; 
    xborder:1px solid #000; 
    xborder-width:1px 0 1px 1px;
}

/* Set up the list items */
#BoSiMenu li {
    float:left; 
    
    /* Farbe */
    color: #FFFFB0;
    background-color: #800040;

    /* 3D-Effekt */
    border: 0.2em solid #000080;
    border-left-color: transparent;
    border-bottom-color: transparent;

    /* abgerundete Ecken */
    -moz-border-radius: 0.5em;

    /* Layout */
    font-weight: bold;
    xwidth: 16.1em;         /* Einheitliche Breite (wichtig auch für das [>]) */
    padding: 0.2em 0.4em;  /* Menü-Punkte etwas "dicker" darstellen */
    margin: 0.1em;         /* kleiner Abstand zwischen den einzelnen Menü-Punkten */
}

                * html div#BoSiMenu li {              /* Korrektur fuer den IE LT 7 */
                    margin-bottom: 0.1em;
                    border-left-color: #000080;
                    border-bottom-color: #000080;
                }

                *:first-child+html div#BoSiMenu li {  /* Korrektur fuer den IE GTE 7 */
                    margin-bottom: 0.1em;
                    border-left-color: #000080;
                    border-bottom-color: #000080;
                }


/* For Non-IE browsers and IE7 */
#BoSiMenu li:hover {
    position:relative;
}
/* Make the hovered list color persist */
#xBoSiMenu li:hover > a,
#BoSiMenu li:hover {
    background:#000080; 
    color:#FFFFB0;
    /* 3D-Effekt */
    border: 0.2em solid #800040;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#BoSiMenu ul {
    display:none;
}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#BoSiMenu:hover > ul,
#BoSiMenu li:hover > ul {
    display:block; 
    position:absolute; 
    top:-0.5em; 
    left:10em; 
    padding:10px 30px 30px 30px; 
    background:transparent url(transparent.gif); 
    width:15em;
}
#BoSiMenu:hover > ul {
    top:3.7em;
    left:-1.2em;
}
/* Position the first sub level beneath the top level liinks */
#BoSiMenu:hover > ul {
    top:5.4em; 
    left:-1.4em; 
}

/* get rid of the table */
#BoSiMenu table {
    position:absolute; 
    border-collapse:collapse; 
    top:0; 
    left:0; 
    z-index:100; 
    font-size:1em;
}

                /* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
                * html #BoSiMenu a:hover {
                    position:relative; 
                    background:transparent; 
                    color:#FFFFB0;
                }
                * html #BoSiMenu li a:hover {
                    position:relative; 
                    background:#000080; 
                    color:#FFFFB0;
                }

/* For accessibility of the top level menu when tabbing */
#BoSiMenu a:active, 
#BoSiMenu a:focus {
    background:#000080; 
    color:#FFFFB0;
}

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

                /* change the drop down levels from display:none; to visibility:hidden; */
                * html #BoSiMenu ul {
                    visibility:hidden; 
                    display:block; 
                    position:absolute; 
                    top:-11px; 
                    left:80px; 
                    padding:10px 30px 30px 30px; 
                    background:transparent url(transparent.gif);
                }
                * html #BoSiMenu > ul {
                    top:1em;
                }
/* keep the third level+ hidden when you hover on first level link */
#BoSiMenu a:hover ul ul,
#BoSiMenu a:hover ul a:hover ul ul,
#BoSiMenu a:hover ul a:hover ul a:hover ul ul,
#BoSiMenu a:hover ul a:hover ul a:hover ul a:hover ul ul,
#BoSiMenu a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul ul {
    visibility: hidden;
}

/* make the second level visible when hover on first level link and position it */
#BoSiMenu a:hover ul {
    visibility:visible; 
    left:-30px; 
    top:14px; 
    lef\t:-31px; 
    to\p:6em;
}
/* make the third level visible when you hover over second level link and position it and all further levels */
#BoSiMenu a:hover ul a:hover ul { 
    visibility:visible; 
    top:-11px; 
    left:80px;
}
				* html #BoSiMenu a:hover ul a:hover ul { 
					top:-0.5em; 
					left:10em;
				}
/* make the fourth level visible when you hover over third level link */
#BoSiMenu a:hover ul a:hover ul a:hover ul,
#BoSiMenu a:hover ul a:hover ul a:hover ul a:hover ul,
#BoSiMenu a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul,
#BoSiMenu a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
    visibility: visible;
}


/********************************************************************************
 * Seite: (allgemein)                                                           *
 ********************************************************************************/
div#Data p,
div#Data p *,
div#Data li,
div#Data td {
    font-family: "Times New Roman",Serife;
    font-size: 1em;
}

div#Data code {
    font-family: "Courier New",Monospaced;
    font-size: 1em;
    color: #000080;
}

div#Data a {
    color: #705000;
}

div#Data h1, h2, h3 {
    font-family: Arial,Sans-Serif;
    font-weight: bold;
    width: 100%;
    font-variant: small-caps;
}

div#Data h1 {
    font-size: 1.4em;
    margin-top: 0.6em;
}

div#Data h2 {
    font-size: 1.3em;
    margin-top: 0.3em;
}

div#Data h3 {
    font-size: 1.2em;
    margin-top: 0.1em;
}

div#Data table tr {
    vertical-align: top;
    text-align: left;
}

div#Data th.Name {
    font-size: 1.3em;
}


/********************************************************************************
 * Seite: [Homepage]                                                            *
 ********************************************************************************/
div#Start h1 {
    /* Layout */
    font-size: 5em;
}

div#Start h2 {
    /* Layout */
    font-size: 2.5em;
    color: #000080;
}

div#Start h3 {
    /* Layout */
    font-size: 1.7em;
}

div#Start p#Hint {
    /* Layout */
    font-size: 1em;
    color: #000080;
    color: gray;
    margin-left: 0.7em;
    margin-top: -1em;
}

div#Start a {
	text-decoration: none;
}

div#Start img {
    width: 26em;
    height: 18em;
	margin-top: 5em;
}

div#Languages {
    display: block;
	position: absolute;
    background-color: transparent;
    margin-top: 12em;
    float: left;
    z-index: 1;
}
div#Languages ul {
    background-color: transparent;
}

div#Languages li {
    background-color: transparent;
    list-style: none;
}

div#Languages a {
	color: #000080;
}

div#LastUpdated p {
	font-family: Arial, Sans-Serif;
    font-size: x-small;
    text-align: right;
    color: #808080;
}

div#TopOfPage {
	font-family: Arial, Sans-Serif;
    font-variant: small-caps;  	      /* Kapitälchen */
    font-weight: bold;
    font-size: x-small;
    text-align: right;
    color: #808080;
}


/********************************************************************************
 * Seite: [Das Projekt].[Zielsetzung]                                           *
 ********************************************************************************/
div#Data div#Zielsetzung img,
div#Data div#Zielsetzung embed {
    width: 500px;
    height: 375px;
    float: left;
}

div#Data div#Zielsetzung ul {
    margin-left: 480px;
}

            * html div#Data div#Zielsetzung ul {  /* Korrektur fuer den IE 7 */
                margin-left: 520px;
            }

            *:first-child+html div#Data div#Zielsetzung ul {
                margin-left: 520px;
            }
            
div#Data div#Zielsetzung li {
	list-style: none;
    border-left: 0.3em solid red;
    padding: 0.3em;
    margin: 0.3em;
}

div#Data div#Zielsetzung li#Solution {
    border-color: green;
}



/********************************************************************************
 * Seite: [Das Projekt].[Comic]                                                 *
 ********************************************************************************/
div#Data div#Comic td {
	width: 25%;
	padding: 1%;
}

div#Data div#Comic td img {
    width: 95%;
}

div#Data div#Comic table {
	caption-side: bottom;
	border: 1;
}

div#Data div#Comic table caption {
	font-weight: bold;
	color: #000080;
	padding-bottom: 3em;
}

/********************************************************************************
 * Seite: [Das Projekt].[Projektplan (Details)]                                 *
 ********************************************************************************/

div#ProjektPlanDetails table {
    background-color: #800040;
    border-collapse:collapse;
    border: 5px ridge #800040;
    margin-bottom: 5px;
} 

div#ProjektPlanDetails table#SumProjektPlan {
    margin-left:auto; 
    margin-right:auto;
    text-align: center;
}

div#ProjektPlanDetails table#SumProjektPlan th {
    width: 10em;
    text-align: center;
}

div#ProjektPlanDetails table#SumProjektPlan td {
    text-align: center;
    font-size: 48pt;
    font-weight: bold;
    background-color: white;
}

div#ProjektPlanDetails table#SumProjektPlan td.Percent {
    width: 4em;
}

div#ProjektPlanDetails table#SumProjektPlan th.Title {
    width: 7em;
    font-size: 48pt;
    color: #800040;
}

div#ProjektPlanDetails table#SumProjekt * {
    background-color: #999999;
}

div#ProjektPlanDetails table#SumProjekt th {
    width: 8em;
    text-align: center;
}

div#ProjektPlanDetails table#SumProjekt td {
    text-align: center;
    font-size: 20pt;
    font-weight: bold;
}

div#ProjektPlanDetails table#SumProjekt th.Title {
    width: 11em;
    text-align: left;
    font-size: 20pt;
    color: #000080;
}

div#ProjektPlanDetails table#SumKategorie * {
    background-color: white;
}

div#ProjektPlanDetails table#SumKategorie td {
    width: 1.5em;
    text-align: center;
    font-size: 16pt;
    font-weight: bold;
}

div#ProjektPlanDetails table#SumKategorie td.Percent {
    width: 4em;
}

div#ProjektPlanDetails table#SumKategorie th.Title {
    width: 13.75em;
    text-align: center;
    font-size: 16pt;
    color: #000080;
}

div#ProjektPlanDetails table#SumThema {
    background-color: transparent;
    border: none;
}

div#ProjektPlanDetails table#SumThema th {
    width: 18.3em;
    text-align: right;
}


/********************************************************************************
 * Seite: [Die Entwickler].[*]                                                  *
 ********************************************************************************/
div#PersonalData table {
    vertical-align: top;
    text-align: left;
    width: 100%;
    padding: 1.3em;
    border-style: 0;
    margin-bottom: 1.6em;
}

div#PersonalData th {
    vertical-align: top;
}

div#PersonalData span.Name {
    font-size: 1.4em;
    font-variant: small-caps;
}



/********************************************************************************
 * Seite: [Businessplan].[Finanzplan].[Details]                                 *
 ********************************************************************************/
div#Data table.Bilanz {
    border-width: 0.1em;
    border-style: outset;
}

div#Data table.Bilanz [align] {
    border-width: 0.1em;
    border-style: inset;
}

div#Data table.Bilanz [align='left'] {
    border-right-width: 0em;
}

div#Data table.Bilanz [align='right'] {
    border-left-width: 0em;
}



/********************************************************************************
 * Seite: [Links]                                                               *
 ********************************************************************************/
div#Links img {
    float: left;
    margin-right: 5em;
    width: 8em;
}

div#Links li {
    clear: left;
}



/********************************************************************************
 * Drucker: Alle                                                                *
 ********************************************************************************/
@media print {
    body * {
        color: black;
        font-size: 0.875em;
    }
    div#Data * {
        color: black;
    }
    div#BoSiMenu img#BoSiLogo {
    	width: 12em;
    	height: 4em;
    }
    div#Header h1 {
        margin-top: 0em;
        margin-left: 3em;
    }
    div#Header p {
        margin-left: 0em;
    }
    div#Header br {
        height: 0em;
        display: none;
    }
    div#Navi {
        height: 0em;
        display: none;
    }
}