body, html {
    height:100%;
}
body, nav, ul, li {
    margin:0;
    padding:0;
    font-family:Verdana;
}

body {  
    background-image: linear-gradient(bottom, rgb(128,128,128) 4%, rgb(133,133,133) 52%, rgb(128,128,128) 76%);
    background-image: -o-linear-gradient(bottom, rgb(128,128,128) 4%, rgb(133,133,133) 52%, rgb(128,128,128) 76%);
    background-image: -moz-linear-gradient(bottom, rgb(128,128,128) 4%, rgb(133,133,133) 52%, rgb(128,128,128) 76%);
    background-image: -webkit-linear-gradient(bottom, rgb(128,128,128) 4%, rgb(133,133,133) 52%, rgb(128,128,128) 76%);
    background-image: -ms-linear-gradient(bottom, rgb(128,128,128) 4%, rgb(133,133,133) 52%, rgb(128,128,128) 76%);

    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.04, rgb(128,128,128)),
	    color-stop(0.52, rgb(133,133,133)),
	    color-stop(0.76, rgb(128,128,128))
    );
}
em {
    font-style:normal;
}
#wrapper {
    height: 100%;
    width: 80%;
    margin: 0 auto;
    background-color:white;
    -moz-box-shadow: 0 0 5px 5px #474747;
    -webkit-box-shadow: 0 0 5px 5px #474747;
    box-shadow: 0 0 5px 5px #474747;
}
header {
    height: 20%;
    width: 100%;
    /*background-color:#f8f8f8;*/
    /*background-image:url('logo.jpg');
    background-repeat:no-repeat;*/
}
#headerLogo {
    float:left;
    height:100%;
}


aside {
    height:51%;
    width:35%;
    text-align:justify;
    margin-left:5%;
    margin-top:2%;
    margin-bottom:5%;
    float:left;
    /*border: 1px solid black;*/
    overflow:hidden;
}

.frontpage-section {
    height:51%;
    float:right;
    margin-right:5%;
    width:50%;
    margin-top:6%;
    margin-bottom:5%;
    /*border:1px solid black;*/
}

    /*.frontpage-section img {
        margin-left:250px;
        margin-top:50px;
    }*/

#includedContentIndexMin {
        display:none;
    }

@media screen and (max-width:1200px) {
    .frontpage-section {
        width:50%;
    }
    aside {
        width:45%;
    }
}
@media screen and (max-width:1050px) {
    .frontpage-section {
        display:none;
    }
    aside {
        width:85%;
    }
}
@media screen and (max-width:1000px) {
    #includedContentIndex {
        display:none;
    }
    #includedContentIndexMin {
        display:block;
    }
}

@media screen and (max-width:700px) {
    header {
        height: 13%;
    }
}

.product {
    height:51%;
    float:left;
    margin-top:2%;
    margin-bottom:5%;
    margin-left:5%;
    margin-right:5%;
    width:90%;
    text-align:justify;
    overflow:hidden;
}

footer {
    clear:both;
    position:absolute; 
    bottom:0;
    width:80%;
    height:6%;
    text-align:center;
    /*border-top:1px inset darkred;*/
    padding-top:1%;
    color:white;
    background: #87021a; /* Old browsers */
    background: -moz-linear-gradient(top,  #87021a 0%, #630012 60%, #630012 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87021a), color-stop(60%,#630012), color-stop(100%,#630012)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #87021a 0%,#630012 60%,#630012 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #87021a 0%,#630012 60%,#630012 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #87021a 0%,#630012 60%,#630012 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #87021a 0%,#630012 60%,#630012 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87021a', endColorstr='#630012',GradientType=0 ); /* IE6-9 */
    -moz-box-shadow: 0 0 2px 2px darkred;
    -webkit-box-shadow: 0 0 2px 2px darkred;
    box-shadow: 0 0 2px 2px darkred;
}

.in-text-img-right {
    float:right;
    border:1px solid black;
    margin:1%;
}

.in-text-img-left {
    float:left;
    border:1px solid black;
    margin:1%;
}