/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    width: 100%;
    float: left;
    display:block;
}


nav ul {
    list-style:none;
    }

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    } 
    
    
blockquote,q{
    quotes:none
}

blockquote:before,blockquote:after,q:before,q:after{
    content:'';
    content:none
}

table{
    border-collapse:collapse;
    border-spacing:0
}


.left{
    float:left
}

.right{
    float:right
}

.hide{
    display:none
}

.selectnav{
    display:none;
    width:100%
}


hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
    
/*Container*/   

.container{
    max-width: 100%;
    margin:0 auto;
    width:100%
}

.content{
    max-width: 100%;
    padding:0 10px
}

.full{
    width:100%;
    margin-right:0;
    overflow:hidden;
    display:block;
    clear:both
}

.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12{
    float:left;
    margin-right:0.2%
}

.col1{
    width: 9.82%;
}

.col2{
    width: 19.84%;
}

.col3{
    width: 29.86%;
}

.col4{
    width: 39.88%;
}

.col5{
    width: 49.9%;
}

.col6{
    width: 59.92%;
}

.col7{
    width: 69.94%;
}

.col8{
    width: 79.96%;
}

.col9{
    width: 89.98%;
}

.col10{
    width: 100%;
}


.first{
    margin-left:0
}

.last{
    margin-right:0
}

img,object,embed{
    max-width:100%
}

img{
    height:auto
}

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

}

@media handheld,only screen and (max-width:950px){
    body{
        font-size:1.0em;
        -webkit-text-size-adjust:none
    }

    .content,body,.container{
        width:100%;
        min-width:0;
        margin-left:0;
        margin-right:0;
        padding-left:0;
        padding-right:0
    }

    .col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12{
        width:auto;
        float:none;
        margin-left:10px;
        margin-right:10px;
        padding: 10px;
    }
    
div.cols.col6, div.cols.col5, div.cols.col4, div.cols.col3, div.cols.col2  {
padding: 10px 0;
margin: 0;
}


footer .col2 {
  height: auto!important;
  padding: 0 !important;
  margin-left: 0;
  margin-right: 0px;
  
}



}

@media only screen and (min-width : 1224px)  { 
    
body{

    background-image: url(../Images/bg-html.png);
    background-repeat: repeat-x;
}

}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

/*TYPO3*/
.csc-textpic-text {
    margin-left: 0px!important;
}

.csc-textpic-imagewrap {
    float: none!important;
}

}