html, body
{ 
    background-color:#01B4C3;
    color:#000;
}



#miniGalerie {  width:320px; height:280px;float:left; margin-right: 10px; margin-bottom: 50px; }

h2,  h6
{
    color:#bce379 ;
}

.fat {
    font-weight: bold;
    font-size:larger;
}

h4 {
    float:left;
}

#disclaimer h4 {

    float: none !important;

}

.item_preis { float:right; }

h6
{
    font-weight: normal;
    clear: both;
    font-size:larger;
}

div .absatz, p
{
    margin: 20px;
}

.shutter
{
    width:480px;
    height:40px;
    border:0px solid #000;
    background-color: #01B4C3;/*#bce379*/
}

.weblink, .weblink:active
{
    color:#00f;
    line-height: 1.2em;
    text-decoration: none;
}

.weblink:hover
{
    color:#000;
    line-height: 1.2em;
    text-decoration: none;

}

.centered { text-align:  center }

.careForSkinBgColor {
    
    background-color: #01B4C3;
    
}

/* Bootstrap */

.btn-careforskin {
    background-color: hsl(185, 79%, 43%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#56deeb", endColorstr="#17b5c4");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#56deeb), to(#17b5c4));
    background-image: -moz-linear-gradient(top, #56deeb, #17b5c4);
    background-image: -ms-linear-gradient(top, #56deeb, #17b5c4);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #56deeb), color-stop(100%, #17b5c4));
    background-image: -webkit-linear-gradient(top, #56deeb, #17b5c4);
    background-image: -o-linear-gradient(top, #56deeb, #17b5c4);
    background-image: linear-gradient(#56deeb, #17b5c4);
    border-color: #17b5c4 #17b5c4 hsl(185, 79%, 38%);
    color: #333 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);
    -webkit-font-smoothing: antialiased;
}

.modal-header {
    border-bottom:  1px solid #01B4C3;
}

.modal-footer {
    /*                border-top:  1px solid #01B4C3;*/
    background-color: #01B4C3;
}

/*Thanks to  http://mac-blog.org.ua/css-3-media-queries-cheat-sheet/ */

/* PHONE LANDSCAPE VERSION */
@media only screen and (min-width: 320px) and (orientation : landscape) {
    #startAnimation   {background-image: url(img/logo320x277.png); background-repeat: no-repeat;}
    .shutter { width : 320px; height : 30px  }
}

/* PHONE PORTRAIT VERSION */
@media only screen and (min-width: 320px) and (orientation : portrait) {
    #startAnimation   {background-image: url(img/logo240x170.png); background-repeat: no-repeat;}
    .shutter { width : 240px; height : 20px  }
}

/* TABLET VERSION */
@media only screen and (min-width: 768px) {
    #startAnimation   {background-image: url(img/logo480x320.png); background-repeat: no-repeat;}
    .shutter { width : 480px; height : 40px  }
}
/* DESKTOP VERSION */
@media only screen and (min-width: 980px) {
    #startAnimation   {background-image: url(img/logo480x320.png); background-repeat: no-repeat;}
    .shutter { width : 480px; height : 40px  }
    #contentWrapper { height : 480px; }
}