/******************************************************************************/
/*                                                                            */
/* Description: This stylesheet defines the default settings for web pages    */
/*              belonging to the tsu website.                                 */
/*                                                                            */
/* Author:      Thomas Uchdorf, t.uchdorf@gmx.de                              */
/*                                                                            */
/******************************************************************************/


/********************/
/* General settings */
/********************/
body {
    width: 100%;
    height: 100%;

    color: black;
    background-color: white;

    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;

    text-align: left;

    border: 0 solid black;

    margin: 0;
    padding: 0;
}

.tu-separator {
    clear: both;
    height: 5px;
    margin-bottom: 5px;
    font-size: 1px;
    line-height: 1px;
}

.tu-nowrap {
    white-space: nowrap;
}

/****************/
/* English flag */
/****************/
.tu-en-foreground {
    position: relative;
    width: 50px;
    height: 25px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.tu-en-foreground span {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    width: 50px;
    height: 25px;
    background-image: url("images/tsu-all-english_small.png");
    background-repeat: no-repeat;
    background-position: left top;
}

/***************/
/* German flag */
/***************/
.tu-de-foreground {
    position: relative;
    width: 42px;
    height: 25px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.tu-de-foreground span {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    width: 42px;
    height: 25px;
    background-image: url("images/tsu-all-german_small.png");
    background-repeat: no-repeat;
    background-position: left top;
}

/*************/
/* Preheader */
/*************/
div#tu-preheader {
    margin: 0;
    padding: 0;
}
div#tu-preheader > .tu-wrapper {

}

/**********/
/* Header */
/**********/
div#tu-header {
    background-image: url("images/tsu-all-banner_vertical_background.png");
    background-repeat: repeat-x;
    background-position: left top;
    margin: 0;
    padding: 0;
}
div#tu-header > .tu-wrapper {
    border: 1px solid black;
}
div#tu-header-foreground {
    position: static;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    height: 148px;
    background-image: url("images/tsu-all-banner_foreground.png");
}

/**************/
/* Postheader */
/**************/
div#tu-postheader {
    margin: 0;
    padding: 0;
}
div#tu-postheader > .tu-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 112px; /* width of the images plus padding for each image */
}

.tu-image-link {
    float: left;
}
.tu-image-link > .tu-wrapper {
    padding: 5px;
}

/********/
/* Body */
/********/
div#tu-body {
    width: 100%;
}
div#tu-body > .tu-wrapper {
}

/*******************/
/* Main navigation */
/*******************/
div#tu-main-navigation {
    float: left;

    font-size: 0.8em;

    background-image:url("images/tsu-all-banner_horizontal_background.png");
    background-repeat: repeat-y;
    background-position: left top;

    width: 20%;
    min-width: 150px;

    margin: 0;
    padding: 0;
}
div#tu-main-navigation > .tu-wrapper {
    border: 1px solid black;
    padding: 5px;
}
div#tu-main-navigation > .tu-wrapper ul{
    margin: 0;
    padding: 0;
}
div#tu-main-navigation ul li {
    list-style: none;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
div#tu-main-navigation ul li a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid black;
}
div#tu-main-navigation ul li a:link {
    color: rgb(0,0,0);
    background-color: rgb(255,255,255);
}
div#tu-main-navigation ul li a:visited {
    color: #666;
    background-color: #eee;
}
div#tu-main-navigation ul li a:hover {
    color: rgb(255,255,255);
    background-color: rgb(0,0,0);
}
div#tu-main-navigation ul li a:active {
    color: rgb(255,255,255);
    background-color: gray;
}
div#tu-main-navigation ul li a.current {
    color: rgb(255,255,255);
    background-color: rgb(0,0,0);
}

/********/
/* Main */
/********/
div#tu-main {
    float: left;
    width: 60%;
    text-align: justify;

    margin: 0;
    padding: 0;
}
div#tu-main > .tu-wrapper {
    margin: 5px;
}
.tu-subsection {
    line-height: 1.5;
}
.tu-subsection > .tu-wrapper {
    margin-bottom: 20px;
}
.tu-subsection > .tu-wrapper ul {
    margin-left: 1em;
}

/********/
/* Info */
/********/
div#tu-info {
    float: right;

    font-size: 0.8em;
   
    color: white;
    background-image:url("images/tsu-all-banner_horizontal_background_flopped.png");
    background-repeat: repeat-y;
    background-position: right top;

    width: 20%;
    min-width: 162px;
    min-height: 162px;
    max-width: 162px;

    margin: 0;
    padding: 0;
}
div#tu-info > .tu-wrapper {
    padding: 5px;
    border: 1px solid black;
}
div#tu-info-foreground {
    position: static;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    height: 150px;
    background-image: url("images/tsu-all-info-new.png");
}

/**********/
/* Footer */
/**********/
div#tu-footer {
    background-color: #eee;
    text-align: center;
    margin: 0;
    padding: 0;
}
div#tu-footer > .tu-wrapper {
    border: 1px solid black;
}

/**********************/
/* Validation results */
/**********************/
div.tu-validation-results {

}
div.tu-validation-results > .tu-wrapper {

}
div.tu-validation-results > .tu-wrapper > .tu-xhtml-validation-result {
    float: left;
}
div.tu-validation-results > .tu-wrapper > .tu-css-validation-result {
    float: left;
}