@media screen and (max-width: 1200px) {
    body.commblue {
        overflow-x:hidden;
    }
    /****CONTAINER_DEFINITIONEN*****/
    body.commblue #container {
        max-width:100%;
        width:calc(100% - 32px);
    }
   
    body.commblue #wrapper-content-right {
        width:100%;
    }
    
    body.commblue #content-cleaner {
        width: 100%;
    }
    
    body.commblue div.image, div.image-center {
        height:auto;
        max-width:100%
    }

    body.commblue div.image img {
        height:auto;
        max-width:100%;
    }
    
    /*****SUCHE*********/   
    body.commblue table.filter td.input {
        text-align:left;
    }
    
    body.commblue table.filter td.label {
        display: block;
        width: 90%;
    }
    /*****MANUELLERLAYOUTWECHSEL*****/
    .manueller-layout-wechel {
        display:block;
    }
    
    /****CONTAINER_DEFINITIONEN*****/
    body.commblue #content {
        margin-right:0;
        margin-right:12px;
    }
    
    body.commblue #right {
        margin-left:259px;
        width: auto;
    }
    /*
    table,
    table td {
        display:block;
    }*/
    
        body.commblue #right {
        margin-left:0px;
        width: auto;
    }
    
    body.commblue #right-outer {
        margin-left: 290px;
        float:none;
        clear: both;
    }
}
@media screen and (max-width: 980px) {

	.pagination + br + table.archivliste {
		margin-top: -22px;
	}
	body.commblue .pagination {
		margin: -65px 0 10px;
		float: left;
		margin-top: -30px;
	}
}

@media screen and (max-width: 820px) {
	form fieldset {
		width:auto;
	}
}
@media screen and (max-width: 768px) {
    
    /****CONTAINER_DEFINITIONEN*****/
    
    body.commblue #header {
        border: none;
        margin-bottom: 10px;
        height: 90px;
    }

    body.commblue #header-wrapper {
        padding-top:0px;
    }
    
    body.commblue #header img{
        max-width:80%;
        height:auto;
    }
    
    body.commblue #wrapper-content-right-left {
        padding-left: 12px;
        padding-right: 12px;
    }
    
    body.commblue #content {
        margin-left:0px;
        margin-right:0px;
    }
    
    body.commblue #right-outer {
        float: none;
    }
    
    body.commblue #right {
        margin-left:0px;
        width: auto;
    }
    
    body.commblue #left {
        display:none;
    }

    body.commblue .hamburger-button {
        display:block;
        height: 24px;
        top:175px;
        left:calc(100% - 42px);
        position:absolute;
    }
    
    body.commblue .topopen {
        display:block;
        width: 24px; 
        height: 24px;
        background: url("/static/img/commblue/button-hamburger-open.png") no-repeat top left #fff;
        color: transparent;
        cursor: pointer;
        margin-left: 0px;
        margin-top: 3px;
        position:absolute;
        z-index:5;
    }
    
    body.commblue .topopen:hover {
        background: url("/static/img/commblue/button-hamburger-close.png") no-repeat top left #fff;
    }
    
    body.commblue .topclose {
        display:block;
        width: 24px; 
        height: 24px;
        background: url("/static/img/commblue/button-hamburger-close.png") no-repeat top left #fff;
        color: transparent;
        cursor: pointer;
        margin-left: 0px;
        margin-top: 3px;
        position:absolute;
        z-index:10;
    }
    
    body.commblue #left {
        padding: 10px 5px;
        background: none repeat scroll 0 0 #fff;
        box-shadow: 1px 1px 1px 1px #1c609d;
        width: 85%;
    }
    
    body.commblue input#menuopen + #left {
        display: block;
        position: absolute;
        left: -1500px;
        top:160px;
    }
    
    body.commblue input#menuclose:checked + .hamburger-button > .topclose{
           z-index:1;
    }
    
    body.commblue input#menuopen:checked + #left {
        transition: 1s;
        left: 15%;
    }
    
    @-webkit-keyframes left {
        100% { left: 0; }
    }
    @keyframes left {
        100% { left: 0; }
    }
    
    body.commblue #left {
        padding-left: 50px !important;
    }
	
	    
	body.commblue #wrapper-content-right-left {
		overflow-x:hidden;
	}
    
    body.commblue #right-outer {
        margin-left: 0px;
        float:none;
    }
}
@media screen and (max-width: 660px) { 

    body.commblue .pagination {
        margin-top: -30px;
    }
    
    .pagination + br + table.archivliste {
        margin-top: -30px;
    }
    
    
    body.commblue #right-outer {
        float: left;
        margin-top: 20px;
        width:100%;
    }
    body.commblue #left {
        padding-left: 50px !important;
    }

}

@media screen and (max-width: 640px) { 
    .toolbar-10 ul li a span,
    #searchInputbox {
        display:none !important;
    }
    body.commblue .toolbar-10 ul {
        float:right;
    }
    body.commblue .toolbar-10 ul li {
        padding:0px;
        margin:0px;
    }
    body.commblue .toolbar-10 ul li a {
        width:20px;
        height:20px;
        display:block;
        margin-top:7px;
    }
    
    body.commblue #container {
        max-width: 100%;
        width: calc(100% - 16px) !important;
        padding:0px  !important;
        margin:0 auto !important;
    }
    
        body.commblue .neu {
            float:none;
        }

        body.commblue table.archivliste tr td.links {
            width: auto !important;
        }
    
    body.commblue #wrapper-content-right-left {
        padding-left: 0px  !important;
        padding-right: 0px  !important;
    }
    
    body.commblue table.archivliste tr td {
        display:block;
        float:left;
    
    }
    
    body.commblue table.archivliste tr td {
        width:25%;
    }
        body.commblue table.archivliste tr td + td{
        width:65%;
    }
    .icon-wrapper {
        width:100%;
        margin-left:25px;
    }
    
    body.commblue table.archivliste tr td.rechts {
        width: 130px;
        margin-left:25px;
    }
    body.commblue #left {
        padding-left: 50px !important;
    }
	.result colgroup col {
		width:2% !important;
	}
	
	.result colgroup col + col {
		width:20% !important;
	}
		.result colgroup col +col +col {
		width:20% !important;
	}
}

@media screen and (max-width: 420px) {
	form input.formInputText,
form textarea	{
		width: 80%;
	}
}

@media screen and (max-width: 745px) {
	
	.toolbar-10 ul li a span, 
    #searchInputbox {
		display: none !important;
	}
    
    body.commblue span.toolbar-link
    {
        background-image: none;
        display: none;
    }
    
    form#search_search a{
        display:block;
        padding-right: 12px;
    }
    
    .toolbar-10 ul li a span,
    #searchInputbox {
        display:none !important;
    }
    
    ul li.item-nr-0 a{
        display:none !important;
    }
    body.commblue .toolbar-10 ul {
        float:right;
    }
    body.commblue .toolbar-10 ul li {
        padding:0px;
        margin:0px;
    }
    body.commblue .toolbar-10 ul li a {
        width:20px;
        height:20px;
        display:block;
        margin-top:7px;
    }
}