/* 
    Created on : 28.10.2016, 11:54:44
    Author     : HoFFi
*/

/*  Grundlagen
--------------------------------------------------------------------------------
*/

* 
{
    box-sizing:                 border-box;
    
}

body 
{
    font-family:                Arial;
	
}
    

/*  navigationsleiste
--------------------------------------------------------------------------------
*/    

nav, nav ul, nav li 
{           /* Normalisierung */
    list-style: none; 
    margin: 0; 
    padding: 0;
    border: 0;
    position:                       relative;
}

nav
{
    margin-top:                     10px;
    border-left:                    3px solid #000000;
    border-top:                     3px solid #000000;
    border-right:                   3px solid #000000;
    border-bottom:                  3px solid #000000;
    padding:                        10px 10px 10px 10px;
    background:                     #fff;
}

nav ul
{
    
}

nav li
{
    display:                        inline-block;
    margin:                         0px 10px;
}

/*  box
--------------------------------------------------------------------------------
*/

.box
{
    min-height:                 60px;
    padding:                    10px;
    border:                     4px solid #990033;
    border-radius:              10px;
    background-color:           #fff;
    
}

/*  Formulare
--------------------------------------------------------------------------------
*/

.input
{
    width:                      100%;
}


/*  news
--------------------------------------------------------------------------------
*/

.news_thumb
{
    width:                      100%;
}

.news_title
{
    
}

.news_desc
{
    
}

.news_date
{
    
}

/*  container
--------------------------------------------------------------------------------
*/

.row::after 
{
    content:                    "";
    clear:                      both;
    display:                    table;
}

[class*="container-"] 
{
    float:                      left;
    padding:                    2px;
  	/*border:                     1px solid red*/;
}

.container-1 
{
    width:                      8.33%;
}

.container-2 
{
    width:                      16.66%;
}

.container-3 
{
    width:                      25%;
}

.container-4 
{
    width:                      33.33%;
}

.container-5 
{
    width:                      41.66%;
}

.container-6 
{
    width:                      50%;
}

.container-7 
{
    width:                      58.33%;
}

.container-8 
{
    width:                      66.66%;
}

.container-9 
{
    width:                      75%;
}

.container-10 
{
    width:                      83.33%;
}

.container-11 
{
    width:                      91.66%;
}

.container-12 
{
    width:                      100%;
}

/*  ID´s
--------------------------------------------------------------------------------
*/

#center
{
    margin-left:                auto;
    margin-right:               auto;
}

#no_mar
{
    margin:                     0px;
}

#no_pad
{
    padding:                    0px;
}

#h_500
{
    height:                     500px;
}

#h_800
{
    height:                     800px;
}

/*
--------------------------------------------------------------------------------
*/

*{box-sizing: border-box;}

        body
        {
            background: url(body_bg.png) 50% 0;height: 100%; width: 100%; margin: 0;
        }
        
        h1
        {
            text-align: center; color: white; 
        }

        h2
        {
            text-align: center; color: white;
        }
        
        h3
        {
            text-align: center; color: white; 
        }
        
		h4
        {
            text-align: center; color: white; 
        }

        p
        {
            text-align: center; color: white;
        }
        
        table 
        {
            border: 1px solid azure;
        }
        
        th 
        {
            border-bottom: 2px solid azure;
            text-align: left;
            color:  white;
        }
        
        td 
        {
            border-bottom: 1px solid azure;
            color:  white;
        }
        
        ol
        {
            text-align: center; color: white;
        }
        
        li
        {
            text-align: center; color: white;
        } 
        
        alert
        {
            text-align: center; color: black;
        }
        
        form
        {
          color:  white;  
        }
        
        background
        {
            background: url(body_bg.png) 50% 0 no-repeat #1b1b1c;
        }
        
       
		/*
        a 
        {
            border-color: buttonface;
            border-width: 1px;
            border-style: solid;
            background-color: buttonface;
            margin-left: 5px;
            margin-top: 5px;
            padding-top: -2px;
            padding-bottom: 0.5px;
            padding-left: 3px;
            padding-right: 3px;
        }
        */