/* 
    Document   : style_one
    Created on : 08.05.2014, 14:29:27
    Author     : pursch.m
    Description:
        Purpose of the stylesheet follows.
*/
html, body {
    height:100%;
}

#site { 
    background: hsla(48, 58%, 98%, 1) none repeat scroll 0 0;
}

.logoheader {
    display:none;

}




#logo img {
    max-width:100%;
    width:350px;
    padding:10px;
    margin:20px 0;
}

#sidebar {
    height:0px;
    width:0%;
    border-left:0px solid hsla(45,26%,78%,1.0);
    float:none;
}
#main {
    min-height:100%;
    width:100%;   
    float:none;
}

.home {

}

.webs-cont{
    display:inline-block;
    width:45%;
    max-width:600px;
    max-height:550px;
    background:hsla(48, 58%, 98%, 1); 
    margin:10px 10px 10px 10px;
    padding:80px 0 0;
    vertical-align:top;
    /*    box-shadow:4px 3px hsla(45,18%,68%,1.0);*/
    text-align:center;
    position:relative;
    border:0px solid #000;
}

/*Startseite */

.webs-cont span {
    display:block;

}

.webs-cont span.kat-logo img {
    width:400px;
    max-width:70%;
    box-shadow:none;
    position:absolute;
    /*    background:hsla(48, 58%, 95%, 0.9) none repeat scroll 0 0;*/
    background: rgba(0, 0, 0, 0) linear-gradient(
        to bottom,
        hsla(48, 58%, 100%, 1) 50%,
        hsla(48, 10%, 93%, 1) 60%
        ) repeat scroll 0 0;
    box-shadow:2px 3px 3px hsla(48, 58%, 30%, 0.8);
    padding:20px;
    border-radius:50px;
    left:11%;
    top:0px;
    border:2px solid hsla(48, 58%, 50%, 0.9);
}

.webs-cont span.kat-logo.img-1 img{
    padding:20px 20px 10px;
}


.webs-cont span img {
    width:100%;
    max-width:600px;
    max-height:300px;
}

.webs-cont span.kat-link {
    margin:15px 0;
    height:75px;
}

.webs-cont span.kat-link a {
    text-align: center;
    text-transform: uppercase;
    border-color: hsla(45,18%,68%,1.0);
    border-style: solid;
    border-width: 2px 0;
    color:hsla(156, 100%, 14%, 1);
    font-size:1.5em;
    text-decoration:none;
    line-height:1.7em;
}
.webs-cont span.eingang {
    margin:25px 0 0px;
    display:none;

}
.webs-cont span.eingang a {
    display:block;
    padding:10px 0;
    text-align: center;
    text-transform: uppercase;
    /*    background:hsla(45,18%,68%,1.0);*/
    border-color: hsla(60,1%,50%,1.0);
    border-style: solid;
    border-width: 1px 0;
    color:hsla(156, 100%, 100%, 1);
    font-size:1.5em;
    text-decoration:none;
    background:linear-gradient(to bottom, hsla(60,1%,30%,1.0) 0%, hsla(60,1%,23%,1.0) 100%) repeat scroll 0 0;

}

.webs-cont span.eingang a:hover {
    background:linear-gradient(to bottom, hsla(60,1%,40%,1.0) 0%, hsla(60,1%,23%,1.0) 100%) repeat scroll 0 0;
}


.item-page.start {


    margin:50px 0;   
}

.item-page img {
    border: none;
    /*    box-shadow: 1px 2px hsla(48, 58%, 65%, 1);*/
    max-width: 100%;
}

article.item-page {
    text-align:center;
    border:none;
}


#content {

    min-height: 83%;
}

.scrolltop {display:none;}

/*display*/

@media screen and (max-width:1280px){ 

    .webs-cont span.kat-link a {
        font-size:1.3em;
    }

}

@media screen and (max-width:800px){ 

    .webs-cont{
        display:block;
        width:95%;
        max-width:600px;
       max-height:1000px;
        margin:0px auto 60px;
    }
    
    #site {
    height:auto !important;
}

.webs-cont span.kat-link {
  height: auto!important;
}


}