@media screen and (max-width: 1400px) {
	/*Content-Breite wird dynamisch*/
	div#container { width: 100%; }
}

@media screen and (max-width: 1120px) {
	span#footbr_3 { clear: both; display: block; }
	span#projectbr_3 { clear: both; display: block; height: 20px; }
	span#projectbr_5 { clear: none; display: inline; }
	span#projectbr_6 { clear: both; display: block; height: 20px; }
	div.projectlistitem { width: 33%; }
	div.projectlistfooter { width: 33.3%; }
	div#header { height:340px; }
}

@media screen and (max-width: 835px) {
	div.mybody {padding: 0 60px 0 30px;}
	p.startimage { margin-right: 100px; }
	/*p.starttext { margin-right: 70px; }*/
}

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

	/*span.navbreaker { clear: both; }*/
}

@media screen and (max-width: 660px) {
	span#projectbr_2 { clear: both; display: block; height: 20px; }
	span#projectbr_3 { clear: none; display: inline; }
	span#projectbr_4 { clear: both; display: block; height: 20px; }
	div.projectlistitem { width: 50%; }

	/*Navigation unterhalb des Bildes*/
	div#header-left { float: none; }
	div#navigation  { margin-top: 0px; }
}

@media screen and (max-width: 620px) {
	div#navigation a { padding-right: 10px; }
	div#navigation a { padding-left: 10px; }
	div#navigation { margin-right: 40px; }
}

@media screen and (max-width: 600px) {
	/*Abstände auf der Startseite kleiner*/
	div.mybody {padding: 0 50px 0 15px;}
	p.startimage { margin-right: 60px; }
	div#socialnetwork {display:none}
	/*p.starttext { margin-right: 40px; }*/
	/*div.ct-project .projectlist { margin-left: 20px; }*/
}

@media screen and (max-width: 500px) {
	/*Bilder auf der Startseite untereinander*/
	p.projectline span { display: block; margin-bottom: 17px; width: 100% !important; }
	p.projectline a { display: block; }
	span.spacer { display: none !important; }
	p.startimage { margin-right: 30px; }
	/*p.starttext { margin-right: 25px; }*/
}

@media screen and (max-width: 500px) {
	div#contactbox { top: 180px; }
	/*div#header-right { height: 110px; }*/
}

@media screen and (max-width: 500px) {
	/*Deko rechts wird entfernt*/
	div.headline { display: none; }
	div#content { padding-right: 0px !important; }
	div.stoerer a { margin-right: -4px; }
	div#container { background: none; }
	div.mybody {padding: 0 15px 0 15px;}
	p.startimage { margin-right: 0px; }
	p.starttext { margin-right: 0px; }
	div#navigation { margin-right: -25px; float: left; }
	div#header { width: 100%; }
	div.projectframe { width: 100%; display: block; }
	div#header-right { margin-right: 0; }
	p.projectline a { padding-right: 0; }
	div#header-left { width: 50%; padding-top: 0; }
	div#header { height: auto; padding-bottom: 10px; }
	div.projectlistfooter, div.reflogos, div.subnav { display: none; }
	div.ct-project div.projectlist { padding-top: 30px; }
	/*div.ct-default { margin-top: 30px !important; }*/
	div.projectframe { padding-right: 0; }
	div.subheadline { display: block; float: none; margin-bottom: -4px; margin-top: 14px; }
	div.headlinetext { -moz-transform: none; -webkit-transform: none; -ms-transform: none; font-size: 10pt; font-weight: bold; text-transform: none; float: none !important; background: none !important; color: #808080; }
	table.projectimages { margin-bottom: 0; }
	table.projectimages td { padding-right: 0 !important; }

	table.projectimages tr, table.projectimages td { display: block; width: 100% !important }
	div.projectlistitem p.projectlistinfo { min-height: inherit; }

	div.startimageholder { margin: 0; }

	span.sleeper_table { display: table; width: 100%; }
	span.sleeper_tr { display: table-row; }
	span.sleeper_td { display: table-cell; width: 50%; vertical-align: top; }

	span#projectbr_1 { clear: both; display: block; height: 20px; }
	span#projectbr_2 { clear: both; display: block; height: 20px; }
	span#projectbr_3 { clear: both; display: block; height: 20px; }
	span#projectbr_4 { clear: both; display: block; height: 20px; }
	span#projectbr_5 { clear: both; display: block; height: 20px; }
	span#projectbr_6 { clear: both; display: block; height: 20px; }

	div.projectlistitem { width: 100%; }

	/*div#navigation { margin-right: 0; width: 100%; }*/
	/*div.menuitem { width: 25%; }*/

	/* change to mobile panels */

	#header-left-mobile {
	  display: block;
	}

	div#navigation {
	  display: block;
	  margin-top: 6px;
	  width: 100%;
	}

	#header-right {
	  display: none;
	}

	#navigation .menuitem {
		background: url('/upload/images/mobnavbg.png') repeat;
		display: block;
		float: none;
		height: 28px;
		margin-bottom: 2px;
		margin-right: 4px;
		text-align: center;
	}
	#navigation .active {
		background: url('/upload/images/mobnavbg_act.png') repeat;
	}

	#navigation .menuitem a {
		color: #ffffff;
		display: block;
		font-size: 15pt;
		height: 25px;
		padding-top: 3px;
		text-decoration: none;
	}


	div#navigation div.active a:before {
		display: none;
	}
	div#navigation div.active a:after {
		display: none;
	}
	div#navigation div.active a {
		padding-left: 10px;
		padding-right: 10px;
	}

	div.projectframe {
		padding-top: 10px;
	}

	div.active {
		margin-top: 0;
	}

	div.ct-default {
		width: auto !important;
	}

	div.other-content {
		margin-right: 4px;
		margin-top: 15px;
	}
}

@media screen and (max-width: 420px) {
	/*Navigation stauchen*/
	/*div#navigation { margin-right: -10px; }
	div#navigation a { padding-right: 0px; }
	div#navigation a { padding-left: 3px; }
	div#navigation div.active a { padding-right: 0px; }*/
}

@media screen and (max-width: 350px) {
	/*kleiner wirds nicht*/
	div#container { width: 303px; }
}