/* 
    Document   : default
    Created on : 11.08.2013, 00:41:14
    Author     : Robert gLOBISCH
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
/** Globale Einstellungen
*
* @section Browser reset
*/

/* Zurücksetzen der Innen- und Aussenabstände */
* {
    margin: 0px;
    padding: 0px;
}

/* 
* Schriftgröße, Schriftartkontrollieren 
*/
body {
    font: normal 75%/167% Georgia, Palantino, "Times New Roman", serif;
}
/*
* Farben und Hintergrund setzen
*/
html, body {
    
    background-color: grey;
}

/*
* Header Hintergrund und Positionierung
*/

.head {
    height: 150px;
    background-color: black;
    width: auto;
}
.head img {
    position: relative;
      left: 28%;
      border: none;
      margin: 2px;
      padding: 1px;
      top: 17px;
      border: 2pxsolid black;
      border-radius: 15px;

        
}

/*
* Styling Navigationsleiste
*
*   1. Navigation - Positionierung
*/

.navigation li {
    list-style: none;
    display: inline;
    margin: 1px;
    margin-bottom: 10px;
    padding: 3px;
    padding-left: 2px;
    font-size: 15px;
   border: solid grey;
   border-radius: 5px; 
   background-color: grey;
   
}
 .icon {
    
    position: relative ;
    top: 6px;
    
   
    
}
 .navigation ul {
    position: absolute;
    width: 800px;
     left: 28%;
    top: 128px;
    
}
.navigation a:visited {
    text-decoration: none;
    color: white;
}
 
/*
*   2. Navigation - Links dekorieren
*/
.navigation ul a:link {
    text-decoration: none;
    font-weight: bold;
    color: white;
}
.navigation .navilink a:link .icon{
    border: none;
    visibility: hidden;
}

.navigation  a:visited .icon{
   visibility: visible;
   
}
.navigation .navilink a:hover .icon{
   position: relative ;
   visibility: visible;
}




/*
*   Content - Bereich
*
*       1. Positionierung
*/

.content {
    position: relative;
    left: 23%;
    top: 20px; min-height: 750px;
    width: 1000px;
    border-bottom: solid black;
}
.content h2 {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 35px; 
    text-align: center
}

  .history  {
    margin-top: 15px;
    margin-bottom: 20px;
    padding-top: 5px;
    padding-bottom: 20px;
    border-bottom: solid black;
    font-size: 15px;
}
.news h3 {
    margin-top: 10px;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 25px;
}

/*
*       2. Styling
*/

.registlink a{
    border: solid silver;
    border-radius: 5px;
    background-color: greenyellow;
    margin-top: 20px;
    padding: 3px;
}
.registlink {
    font-size: 15px;
    font-weight: bold;
    
}

/*.news p {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
}*/
.news {
    position: relative;
    left: 17%;
}
.news li {
    width: 650px;
    font-size: 15px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid black;
}

.news img {
    border: 2px solid black;
    border-radius: 15px;
}
.news ul {
    text-decoration: none;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
/*
* Footer positionierung
*/
.footer {
   position: relative;
   left: 20%;
   width: 1000px;
   height: 100px;
   top: 50px; 
}
 
.leftimage {
    position: relative;
    left: 23%;    width: 156px;
}
.rightimage {
    position: relative;
    left: 61%; top: -135px;    
    width: 156px;
} 
.footernavi   {
    list-style: none;
    position: relative; 
    left: 42%;
    top:-70px;
    width: 141px;  
    margin: 5px;
    padding: 5px;
} 
.footernavi li{ display: inline; padding-right: 10px;} .footernavi ul a { text-decoration: none; color: blue; } 
.footernavi ul a:hover { text-decoration: none; color: silver;}