/* ---------- width < 990px ---------- */

@media handheld, only screen and (max-width: 990px) {
	
	/* ---- Content ---- */
	div#content div#box_wrap {
		width: auto;
		padding: 40px 30px 20px 30px;
	}
	
	footer,
	div.blue_box div.message,
	div#content div#impressum,
	div#content div.white_box,
	div#content div.blue_box {
		width: auto;
		float: none;
	} 
	
	div#content div.white_box {
		padding: 20px 20px 40px 20px;
	}
	
	div#content div.blue_box {
		margin: 0 0 40px 0;
	}
	
	div#content div.white_box a.show_more {
		margin: -5px 0 5px 0;
	}
	
	div#content div.blue_box form {
		width: 100%;
	}
	
	/* ---- Slider ---- */	
	div.slider {
		width: auto;
	}
	
	div.slider ul li {
		width: 100%;
		height: auto;
		max-height: 595px;
	}
	
	div.slider ul li img {
		display: block;
		width: 100%;
		height: auto !important;
	}
	
	/* ---- Form ---- */	
	div#content div.blue_box form label {
		width: 30%;
		margin-right: -10px;
	}
	
	div#content div.blue_box form input {
		width: 50%;
	}
	
	div#content div.blue_box form textarea {
		width: 70%;
	}
		
	/* ---- footer ---- */
	div#footer_content {
		width: auto;
		padding: 45px 30px 0 30px;
	}
	
	footer div#social_medias {
		right: 30px;
	}
}


/* ---------- width < 960px ---------- */

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

	div#page,
	header div#header_content {
		width: auto;
	}
	
	header {
		padding: 58px 10px 0 10px;
		width: auto;
	}
	
	header div#header_content div#downloads {
		margin-right: 20px;
		float: right;
		width: auto;
		position: relative;
		z-index: 1;
	}	
}


/* ---------- width < 927px ---------- */

@media handheld, only screen and (max-width: 927px) {
	
	div#introduction div#introduction_content {
		width: auto;
		font-size: 18px;
		margin-right: 30px;
	}
	
	div#introduction div#introduction_content p {
		width: auto;
	}
	
}


/* ---------- width < 860px ---------- */

@media handheld, only screen and (max-width: 860px) {
	
	div#introduction div#introduction_content {
		font-size: 16px;
	}
}


/* ---------- width < 790px ---------- */

@media handheld, only screen and (max-width: 790px) {
	
	div#introduction div#introduction_content {
		display: none;
	}
}


/* ---------- width < 765px ---------- */

@media handheld, only screen and (max-width: 765px) {
	
	/* ---- Content ---- */
	div#content div.blue_box form label {
		width: 40%;
		margin-right: -10px;
	}
	
	div#content div.blue_box form textarea,
	div#content div.blue_box form input {
		width: 60%;
	}
	
	/* ---- Slider ---- */
	
	div#content div.slider ul li div.slidertext {
		width: 200px;
	}
	
	div#content div.slider ul li div.slidertext h1 {
		font-size: 20px;
		margin:  0 0 3px 0;
	}
}


/* ---------- width < 720px ---------- */

@media handheld, only screen and (max-width: 720px) {
	
	div#introduction div#introduction_content {
		display: none;
	}
}


/* ---------- width < 615px ---------- */

@media handheld, only screen and (max-width: 615px) {
	
	/* ---- Header ---- */
	header div#header_content div#logo {
		margin: -5% 10px 0 0;
	}
	
	header div#header_content div#downloads p {
		margin: 0 0 0 24px;
	}
	
	header div#header_content div#downloads a {
		margin: 0 0 0 7px;
	}
	
	header div#logo img {
		width: 95%;
		height: auto;
	}
	
	/* ---- Impressum ---- */
	div#impressum div#inhalt,
	div#impressum div#web {
		width: 100%;
		clear: both;
	}
	
	/* ---- Slidertext ---- */
	div#content div.slider ul li div.slidertext h1 {
		font-size: 18px;
		margin: -5px 0 5px 0;
	}
	
	div#content div.slider ul li div.slidertext p {
		display: none;
	}
	
	div.slider_wrap a.control-next, 
	div.slider_wrap a.control-prev {
		height: 50px;
		background-position: center center;
		width: 25px;
	}
	
	div.slider_wrap a.control-next:hover, 
	div.slider_wrap a.control-prev:hover {
		background-position: center center;
	}
}


/* ---------- width < 520px ---------- */

@media handheld, only screen and (max-width: 520px) {
	
	/* ---- Header ---- */
	header div#header_content div#downloads {
		margin-right: 0;
	}

	/* ---- Footer ---- */
	footer div#content_right p {
		width: 200px;
		text-align: right;
	}
	
	footer div#content_right div#social_medias p {
		width: auto;
	}
	
}


/* ---------- width < 520px ---------- */

@media handheld, only screen and (max-width: 540px) {
	
	div#introduction {
		display: none;
	}
}


/* ---------- width < 480px ---------- */

@media handheld, only screen and (max-width: 480px) {
	
	/* ---- Form ---- */
	div#content div.blue_box form label,
	div#content div.blue_box form input,
	div#content div.blue_box form textarea {
		width: 97%;
	}
	
	/* ---- Slidertext ---- */
	div#content div.slider ul li div.slidertext {
		display: none;
	}
	
}


/* ---------- width < 430px ---------- */

@media handheld, only screen and (max-width: 430px) {
	
	footer div#content_right p {
		width: 180px;
	}	
}


/* ---------- width < 410px ---------- */

@media handheld, only screen and (max-width: 410px) {
	
	footer div#content_right p {
		width: 100%;
		text-align: left;
		margin: 20px 0 0 0;
	}
	
	footer div#social_medias {
		position: relative;
		left: 0;
	}
	
	footer div#content_left,
	footer div#content_right { 
		width: 280px; 
		float: left;
	}
}