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

	#openingmedia-box-text {
		height: auto;
		width: 530px;
		padding: 0;
	}
	
	#menu .distright {
		display: none;
	}
	
}

@media only screen and (max-width: 960px) {
	
	#openingmedia-box-text {
		height: auto;
		width: 530px;
	}
	
	#menu .distleft {
		display: none;
	}
	
}

@media only screen and (max-width: 800px) {
    body, table {
        font-size:8pt;
    }
    #header {
        height: auto;
    }
    #headinfo {
        display: block;
        height: 50px;
        padding: 0px 20px;
        width: auto;
        display: block;
        float: none;
    }
    #langchangebox {
    }
    #headerframe {
        height: 40px;
        text-align: left;
        display: block;
        width: 90%;
    }
    #openingpage {
        padding: 0;
    }
    #openingmain {
        display: block;
        padding: 0;
        height: auto;
        margin: 0;
    }
    #openingmain > div {
        display: block;
        margin-right: 25px;
    }
    #openingmain .left {
        /*height: 85px;
        overflow: hidden;
        width: 100%;
        text-align: center;*/
        position: absolute;
        top: 5px;
        left: 7px;
        height: 50px;
        overflow: hidden;
        background-color: white;
        width: 110px;
    }
    #openingmain .left IMG {
        width: 108px;
        height: auto;
    }
    #openingmain .right {
        border: none;
    }
    #openingmain #bigflash {
        display: none;
    }
	#openingmedia-box-text {
		width: 530px;
		text-align: left;
		height: auto;
		padding: 0 0 0 6px;
	}
	#openingmedia-box-text-wrap {
		display: block;
		height: auto;
	}
	#openingmedia-box-text-title {
		flex: none;
	}
    #openingrefbox {
        width: 100%;
        margin: 5px 0 0 0;
    }
    #openingtext {
        margin-left: 0;
        padding: 0 5px;
    }
    #openingtext .staticcontent {
    }
    #openingtext .staticcontent .textincolls {
        width: 100%;
    }
    #openingbottom {
        width: 100%;
        overflow: hidden;
        margin: 0;
        padding: 0 5px 0 0;
    }
    #openingbottom #footer {
    }
    #fbbox {
        margin-left: 20px;
        text-align: left;
    }
    .right .tagcloud {
        max-width: 600px !important;
    }
    #insidemain > DIV {
        display: block;
    }
    #insidemain .left {
        /*height: 70px;
        overflow: hidden;
        width: 100%;
        text-align: center;
        display: block;
        clear: both;*/
        position: absolute;
        top: 5px;
        left: 10px;
        height: 50px;
        overflow: hidden;
        background-color: white;
        width: 110px;
    }
    #insidemain .left IMG {
        /*top: -8px;
        position: relative;*/
        width: auto;
        height: 50px;
    }
    #menu {
        padding-left: 20px;
        max-width: 500px;
    }
    #menu .menurow {
    }
    #menu .menurow .menutext {
        display: none;
        text-align: left;
		padding: 3px 0px 3px 2px;
    }
    #menu .menurow .menuline {
        display: none;
    }	
	#menu .menurow .menutext.icon {
		display: block;
		font-size: 2em;
		margin-top: 10px;
		margin-bottom: 15px;
	}
    #reftable,
    #techtable {
        min-width: 0;
    }
    #insidemain .right {
        padding-left: 5px;
    }
    #reftable .refbox .inbox .triangleRight {
      display: none;
    }
    #reftable .refbox .inbox .newborder.rotate {
      display: none
    }
    #reftable .refbox .inbox, #techtable .refbox .inbox {
      padding: 0 5px 5px 5px;
    }
    #reftable .refbox, #techtable .refbox {
        width: 25%;
        font-size: 7pt;
        padding: 5px 0px 3px 0px;
        height: 130px;
        display: table-cell;
    }
    .reflistelemtitle {
        font-size: 7pt;
        width: 120px;
    }
    DIV.reflistelemlink {
      display: none;
    }
    #techtable .reflistelemimg IMG,
    #reftable .reflistelemimg IMG {
        width: 100%;
        height: auto;
        min-width: 120px;
        max-width: 180px;
    }
    #projektpage .reflistelemimg IMG {
        width: 90%;
        height: auto;
    }
    .coll, .coll:first-child {
        width: auto;
        border: none;
        padding: 0;
    }
    .coll:first-child {
        padding: 0;
        margin-bottom: 0;
    }
    .keskenydiv {
        width: 100%;
    }
    .coll.contact > DIV {
        margin-left: 5px;
    }
    #projektpage .projektpic {
        width: 100%;
    }
	#projektpage .projektvideobox {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
    }
    #projektpage .projektvideo {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
    }
    #projektpage .projektpic > IMG {
        width: 100%;
    }
    #projektpage .projekttitle,
    #projektpage .projektdesc,
    #projektpage .reflist,
    #projektpage .projektdate {
        width: 100%;
    }
    #projektpage .reflist .refitem {
        white-space: normal;
    }
    .technology_description {
        padding: 0;
    }
    .technology_description .tech_intwo {
        margin-top: 10px; 
    }
    .technology_description .tech_intwo > DIV {
        display: inline-block;
        width: 100%;
    }
    .technology_description .tech_intwo > DIV.textual {
        width: 100%;
    }
    .technology_description .tech_intwo .tleft {
        padding: 5px 0;
        border-right: none; 
        border-top: 1px solid #7E7E7E;
    }
    .technology_description .tech_intwo .tright {
        padding: 5px 0; 
    }
    .technology_description .tech_intwo .techpic_wide {
        width: 100%;
    }
}
@media only screen and (max-width: 600px) {
    #reftable .refbox, #techtable .refbox {
        width: 33%;
    }
}
@media only screen and (max-width: 530px) {
	#openingmedia-box-frame {
		width: 100%;
	}
	#openingmedia-box-text {
		width: 100%;
	}
}
@media only screen and (max-width: 400px) {
    #reftable .refbox, #techtable .refbox {
        width: 50%;
    }
}
@media only screen and (max-width: 200px) {
    #reftable .refbox, #techtable .refbox {
        width: 100%;
    }
}