/*
Seite: standuppaddling-werra
URL: www.standuppaddling-werra.de
Description:
Version: 1.0
Autor: Daniel Schuetz, ITMsolutions
*/

/* Schriften*/
@font-face { 
    font-family: Raleway-Medium; src: url(/font/Raleway-Medium.otf); 
    /*font-family: freehand512bt; src: url(/font/freehand512bt.ttf);
    font-family: DroidSerifItalic; src: url(/font/DroidSerifItalic.ttf);*/
} 
/* allgemeine Formate */

html{
    height: 100%;
    width: 100%;
    background-color: #fff;
    color: #959595;
    margin: 0px;
    padding: 0px;
    clear: both;
}

.red_font{
    color: #F30D58;
}

/* Formatierung fuer den body */
body {
}

/* Format fuer die Titelleiste */
div#header{
    margin: 5px 0 0 35px;
    height: 60px;
}

div#logo{
    float: left;
    background-image: url(/images/logo-sup-thueringen-87x60.jpg);
    width: 87px;
    height: 60px;
}

div#menue{
    float: left;
    display: block;
    left: 0;
    margin: 0;
    position: relative;
}

#menue ul
{
    display: block;
}

#menue ul li{
   float: right; 
   line-height: 20px;
   list-style: none outside none;
   
}

#menue ul li a{
   color: #959595;
   text-decoration: none;
   font-size: 17px;
   font-family: Raleway-Medium;
   padding: 25px 20px;
   text-decoration: none;
   text-transform: uppercase;
}

#menue ul li a:hover{
   background-color: #F30D58;
   color: #fff;
}

/* Formate fuer den Content*/
div#section_box{
    background-image: url(/images/werra.jpg);
    width: 100%;
    height: 633px;
}

div#title{
    color: white;
    background-color: #F30D58;
    width: 94%;
    height: 125px;
    margin-left: auto;
    margin-right: auto; 
}

div#left_title, div#center_title, div#right_title{
    float: left;
}

div#left_title{
    width: 20%;
}

div#center_title{
    width: 60%;
    
}

div#right_title{
    background-image: url(/images/number_call.png);
    width: 20%;
}


div#pic{
    background-color: #fff;
    bottom: 0px;
    width: 94%;
    height: 155px;
    margin-left: auto;
    margin-right: auto; 
}

div#left_pic, div#center_pic, div#right_pic{
    float: left; 
    width: 366px;
    height: 155px;
}

div#left_pic{
    background-image: url(/images/werra_small_1.jpg);
}

div#center_pic{
    background-image: url(/images/werra_small_2.jpg);
}

div#right_pic{
    background-image: url(/images/werra_small_3.jpg);
}

/* Formate fuer den Fußbereich */
div#footer{

}

#footer .small{

}