/* Stylesheet
* Datum: 15.10.2014
* Datei: style.css
*/
/*==================================================================
* Kapitel 1: Body Kalibrierung
  ==================================================================
*/
body {
    /*background-color: #fff;*/
    background-color: #fff;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    padding: 0;
    margin: 0;
    overflow: scroll;
    overflow-x: hidden;
}

.clear{
    clear: both;
}
.floating{
    float: left;
}
a img{
    border: none;
}
.center{
    text-align: center;
}
/*==================================================================
* Kapitel 2: Grundgerüst
  ==================================================================
*/
.container{
    padding-left: 0px;
    padding-right: 0px;
}
.design{
    width: 960px;
    margin: auto;
}

.logo{
    text-align: center;
    padding-top: 15px;
    margin-bottom: 15px;
    font-size: 40px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.logofooter img{
    width: 100%;
}

.header {
    background-color: #fff;
    position: fixed;
    z-index: 500;
    width: 100%;
}
.menu{
    width: 100%;
    margin:auto;
    text-align: center;
}
.content{
    padding-bottom: 5%;
    margin-bottom: 5%;
    font-size: 1.2em;
    line-height: 1.4em;
}
.contentwrapper{
    padding-top: 180px;
    background-color: #fff;
}

.col-md-12 ul{
    padding-bottom: 20px;
}
.galerycat a{

}
.galerycat{
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100%;
}

.galerycat img{
    width: 100%;
}

.galleryimage img{
    width: 100%;
}

.galerycat:hover{
    box-shadow: 0px 0px 10px #000;
}

/*==================================================================
* Kapitel 4: Links
  ==================================================================*/
a{
    color: #000;
}	
a:link{
    color: #000;
}	
a:visited{
    color: #000;
}
a:hover{
    color: #474c52;
}

.contenttext{
    text-align: justify;
}

blockquote{
    font-family: 'Roboto', sans-serif;
    text-align: center;
    background-color: #eeeeee;
    font-weight: 300;
    line-height: 30px;
}

h1{
    font-size:30px;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.header h1{
    font-size:40px;
    line-height: 45px;
}

h2{
    font-size:25px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 25px
}

ul{
    list-style-type: square;
}

/* ---------------------------------------------------------------------
---------   Navigation
-----------------------------------------------------------------------*/

.navigation{   
    border:none;
    margin: auto;
    height: 30px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    padding-left: 0;
    text-align: right;
    text-transform: capitalize;
}
.navigation ul{
    height:20px;
    list-style:none;
    margin: auto;
    padding:0;
}
.navigation li{
    float:left;
    padding:0px;
}
.navigation li a{
    color:#000;
    display:block;
    font-weight:normal;
    line-height: 50px;
    margin:0px;
    text-align:center;
    text-transform: capitalize;
    text-decoration:none; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:0px;
}
.navigation li a:hover, .navigation ul li:hover a{
border-bottom: 1px solid black;
}
.resnav{
    display: none;
}

/*==================================================================
* Kapitel 10: Ilch Standard Klassen
==================================================================*/
#main_col{
    width: 250px;
    margin: auto;
    padding: 10px;
}
.Chead{
    background-color: #d60f2a;
    color: #FFF;
    width: 200px;
    margin: auto;
    padding: 10px;
}

.Chead td, .Chead td strong, .Chead h4, .Chead td b{
    color: #FFF;
}

.Callg{
    background-color: #EFEFEF;
    color: #000000;
}

.Callg td{
    color: #000000;
}

.Cnorm{
    background-color: #DDDDDD;
}
.Cmite{
    background-color: #eeeeec;/*#B4C6D8;*/
}
.Cdark{
    background-color: #d60f2a;
}