html, body {
    background-color:   white;
    
}

/******************************************************************************/
/*  Layout                                                                    */
/******************************************************************************/
html, body {
    margin:             0px;
    padding:            0px;
}

/* In diesem div befindet sich die ganze Seite */
#whole_page {
    margin:             0px;
    padding:            0px;

    width:              900px;
    /** 0px nach oben und horizontal zentriert */
    margin:             0px auto;
}

/* Kopfbereich der Seite mit Navigation und Logo */
#page_head {
    margin:             0px;
    padding:            0px;
}

/* Div mit Logo */
#page_logo {
    margin:             0px;
    padding:            0px;

    width:              900px;
    height:             134px;
}


/** Navigation (ganze Breite) */
#page_navigation {
    margin:             0px;
    padding:            0px;

    width:              900px;
    height:             22px;

    background-image:   url(/img/top_menu.jpg);

    overflow:           hidden;
}

/* Navigation, nur "echte Breite", also Summe der Buttons und Spacer */
#navigation_list {
    margin:             0px;
    padding:            0px;

    margin-top:         2px;
    margin-right:       11px;

    float:              right;
}


/* Banner links */
#page_left {
    width:              136px;
    height:             414px;
    float:              left;
	
    background-image:   url(/img/left.jpg);

    /* Alte IEs kennen nur hand, obwohl pointer richtig ist */
    cursor:             pointer;
    cursor:             hand;
}

/* Banner rechts */
#page_right {
    width:              12px;
    height:             414px;
    float:              right;

    background-image:   url(/img/right.jpg);
}


/* Der Inhalt ist in 3 verschachtelten Container. Der äusserste ist dafür
 * zuständig, dass der Inhalt gescrollt werden kann. Der mittlere gibt dem
 * Inhalt eine Groesse und der Innere sorgt noch für den nötigen Abstand von den
 * Rändern. Die inneren 2 Container sind aufgrund eines IE-Bugs notwendig. Laut
 * w3c hat eine Box (div) die Breite Width + Padding + Border + Margin, im IE
 * wird aber nur Width + Margin daraus, mit 2 Boxen kann das umgangen werden. */
#page_content_outer {
    width:              752px;
    height:             614px;

    margin-left:        136px;

    /* Fuer Browser die kein CSS3 koennen nur Scrolbars anzeigen wenn
     * notwendig */
    overflow:           auto;
    /* Fuer andere vertikal immer anzeigen */
    overflow-y:         scroll;
    overflow-x:         hidden;
}

#page_content {
    width:              735px;
    min-height:         414px;

    background-image:   url(/img/wiiis.jpg);
}

#page_content_inner {
    padding:            10px;
}



/* Bild am unteren Rand der Seite */
#page_bottom {
    width:              900px;
    height:             25px;

    background-image:   url(/img/bottom.jpg);
}


/******************************************************************************/
/*  Design der Seiten                                                         */
/******************************************************************************/

body {
	color:              white;
	font-size:			9px;
	font-family:		Verdana, sans-serif;
	
}

a {
	color:				#9b0303;
	text-decoration:	none;
}

#navigation_list a img {
border: none;
}

a.piclink {
	font-size:			12px;
	font-weight:		bold;
}