@media handheld,
only screen and (max-width: 1038px) {
	#wrapper {
		margin: 0;
		position: static;
		width: 100%;
	}
}


@media handheld,
only screen and (max-width: 830px) {

	#header-title {
		padding-top: 34px;
		width: 320px;
	}
}




@media handheld,
only screen and (max-width: 767px) {
	#side-menu {
		display: none;
	}

	/* OLD Position Hover Main Menue */

	#main-menu li#start a {
		color: #df7904;
		/* for Webkit */
		overflow: hidden;
		padding: 3px 0 0 33px;
		width: 1px;
		margin-top: 3px;
	}

	#main-menu li#start.active a,
	#main-menu li#start:hover a {
		background: #0068a3;
		color: #0068a3;
	}

	#main-menu li#start i {
		color: #fff;
		margin-left: -22px;
	}


	#breadcrumb span {
		margin-left: 36px;
	}

	#content {
		margin-left: 0;
		width: 100%;
	}
}

@media handheld,
only screen and (max-width: 599px) {
	#header {
		height: 140px;
	}

	#header-title {
		height: 0;
		padding: 50px 20px 0;
	}

	#header-logo {
		height: 60px;
		right: 20px;
		top: 15px;
		width: 147px;
		z-index: 10;
	}

	#header-logo.lang_de,
	#header-logo.lang_en {
		background: url(img/DFKI_RIC_RGB_60.png) right top no-repeat;
	}

	#header-title .maintitle {
		display: none;
	}

	#tiny-menu {
		left: 20px;
		text-align: left;
		top: 7px;
	}

	#main-menu {
		right: 20px;
		top: 88px;
	}

	#main-menu.enlarge {
		/* for jQuery functionality */
		right: 0;
	}

	#main-menu li {
		display: none;
	}

	#main-menu li#start,
	#main-menu li#mobile,
	#main-menu li#search {
		display: inline-block;
	}

	#main-menu li#mobile {
		width: 70%;
	}

	#main-menu li#mobile a#showmenu {
		background: #df7904;
		border: none;
		cursor: pointer;
		padding-left: 10px;
		width: 100%;
	}

	#main-menu li#mobile a#showmenu i {
		padding-right: 5px;
	}

	#main-menu li#mobile ul {
		border: none;
		display: none;
		left: 0;
		position: absolute;
		width: 100%;
	}

	#main-menu li#mobile li {
		display: block;
		float: none;
	}

	#main-menu li#mobile li.active a {
		background: #0068a3;
	}

	#breadcrumb {
		height: 25px;
		padding: 15px 0 0;
		top: 100px;
	}

	#breadcrumb span {
		margin-left: 20px;
	}

	#content {
		padding: 30px 20px 30px 20px;
	}

	.nosubmenu #content {
		padding: 50px 20px 30px 0;
	}

	#footer-logo {
		margin-left: 20px;
	}

	#footer2 {
		height: 55px;
		padding: 7px 20px;
	}

	#footer2-left,
	#footer2-center,
	#footer2-right {
		float: none;
		margin-bottom: 5px;
		text-align: left;
		width: 100%;
	}
}

@media handheld,
only screen and (max-width: 359px) {
	#content {
		padding-right: 10px;
		padding-left: 10px;
	}

	#header-title .maintitle,
	#header-title .subtitle {
		font-size: 85%;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
	#header-logo.lang_de {
		background: url(img/DFKI_RIC_RGB_120.png) right top no-repeat;
		-webkit-background-size: 147px 60px;
		-moz-background-size: 147px 60px;
		background-size: 147px 60px;
		/* ohne 30 Jahre:
        -webkit-background-size: 201px 42px; 
  		-moz-background-size: 201px 42px;
		background-size: 201px 42px;
        */
	}

	#header-logo.lang_en {
		background: url(img/DFKI_RIC_RGB_120.png) right top no-repeat;
		-webkit-background-size: 147px 60px;
		-moz-background-size: 147px 60px;
		background-size: 147px 60px;
		/* ohne 30 Jahre:
        background: url(img/logo_dfki_2x_eng.png) right top no-repeat;
		-webkit-background-size: 186px 42px; 
  		-moz-background-size: 186px 42px;
		background-size: 186px 42px;
        */
	}

	#footer-logo {
		background: url(img/logo_uni-bremen_2x.png) no-repeat;
		-webkit-background-size: 181px 100px;
		-moz-background-size: 181px 100px;
		background-size: 181px 100px;
	}
}


@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 599px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 599px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 599px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 599px) {

	#header-logo.lang_de,
	#header-logo.lang_en {
		background: url(img/DFKI_RIC_RGB_120.png) right top no-repeat;
		-webkit-background-size: 147px 60px;
		-moz-background-size: 147px 60px;
		background-size: 147px 60px;
	}
}