html
{
    
}

body
{
    margin: 55px 0px 0px 0px;
    background-color: #BFC6D7;
    font-size: 14px;
}



/* Mittlere Geräte (Desktop-PCs, 992px und breiter) */
/* Große Geräte (Desktop-PCs, 1200px und breiter) */
/*
@media (max-width: 992px)  
{
        body 
        {
          font-size: 20px;
        }
    
    }

@media (max-width: 480px) { 
        body 
        {
            font-size: 20px;
        }
}
*/

/* navbar content */
.navbarcontent 
{
    padding: 0px 5px 0px 5px; 
}


/* header */
. header 
{
    height: 128px;
}

.headerbackground
{
    background-position: 284px -180px;
    background-image: url('../image/hundkatze_cut.jpg');
    height: 128px;
    background-repeat: no-repeat;
    background-color: #7E8590;
}

.headerbackground img
{
    margin:0px;
    padding:0px;
    height: 128px;
}



/* content */
.content 
{
    margin-top:0px ;
    padding:  20px  20px 5px 20px; 
    background-color:#ffffff; 
}

  

.bordered 
{
    border: 1px solid black; 
    }
    
    
.cap 
{
    font-variant:small-caps;  
}


.captitle
{
    font-size:1.2em; 
    text-transform:uppercase;  
    letter-spacing:1px; 
    color: #888888;
}


.carousel-caption
{
    color: #FFFFBB;
    text-shadow: 1px 1px 2px #000, -2px -2px 5px #888, 2px -2px 5px black;
}



.cursor-pointer
{
    cursor:pointer  
}


/* page elements */
.hk-panel
{
    padding: 20px;
    margin: 20px 0px;

    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #EEE;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 3px; 
}

.hk-panel-default
{
    background-color:White;  
}

.hk-panel-head
{

    background-color: #0292b6;
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMwMGM0ZjQiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAzNjA3OCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
    background-image: -webkit-gradient(linear, 0% 0%, 100% 100%,color-stop(0, rgb(0, 196, 244)),color-stop(1, rgb(3, 96, 120)));
    /* Android 2.3 */
    background-image: -webkit-repeating-linear-gradient(top left,rgb(0, 196, 244) 0%,rgb(3, 96, 120) 100%);
    /* IE10+ */
    background-image: repeating-linear-gradient(to bottom right,rgb(0, 196, 244) 0%,rgb(3, 96, 120) 100%);
    background-image: -ms-repeating-linear-gradient(top left,rgb(0, 196, 244) 0%,rgb(3, 96, 120) 100%);
    color:White; 
   border-color: #0292b6;

}
 
/* IE8- CSS hack */
@media \0screen\,screen\9 {
    .gradient {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00c4f4",endColorstr="#ff036078",GradientType=0);
    }
}


/* min heights */
.height100 {min-height:100px}
.height200 {min-height:200px}
.height300 {min-height:300px}
.height400 {min-height:400px}
.height500 {min-height:500px}




/* Single page */
.singlepage 
{
    margin:20px;
    padding:120px;  
    border: 1px solid #888888; 
    text-align:center;  
     border-radius: 5px;
     font-size:1.5em;  
    
}

.shadow {
     box-shadow: 0px 0px 10px #444444; 
}