html { height:100%; }
body { width:100%; height:100%; margin:0px; padding:0px; font-family:Arial, sans-serif; font-size:13px; background-color:#6699FF; }

.wrapper { height:100%; }
.col_wrapper { height:100%; }
.left_col { position:absolute; width:240px; min-height:100%; text-align:center; background-color:#fff; border-right:1px inset #3f3f3f; }
.left_content { padding:20px; }
.right_col { width:100%; min-height:100%; padding:0px 0px 0px 0px; text-align:center; color:#000080; }
.content { max-width:550px; margin:0px auto; padding:20px 0px 0px 240px; }
.slider { padding:0px 0px 15px 0px; }
.slider img { max-width:100%; }
.txt { padding:0px 0px 35px 0px; font-size:15px; }

a { color:#ff0000; }

.touppercase { text-transform:uppercase; }
.clear { clear:both; }

/* iPHONE 4 PORTRAIT <-> <iPhone 6 Portrait */
@media (min-width: 320px) AND (max-width:379px) {
	.left_col { position:relative; width:100%; height:auto; border-right:none; border-bottom:1px inset #3f3f3f; }
	.logo { text-align:left; }
	.content { width:96%; padding:20px 2%; }
}

/* iPHONE 6 PORTRAIT <-> iPhone 4 Portrait */
@media (min-width: 375px) AND (max-width:479px) {
	.left_col { position:relative; width:100%; height:auto; border-right:none; border-bottom:1px inset #3f3f3f; }
	.logo { text-align:left; }
	.content { width:96%; padding:20px 2%; }
}

/* iPHONE 4 LANDSCAPE <-> iPhone 5 Portrait */
@media (min-width: 480px) AND (max-width:568px) {
	.left_col { position:relative; width:100%; height:auto; border-right:none; border-bottom:1px inset #3f3f3f; }
	.logo { text-align:left; }
	.content { width:96%; padding:20px 2%; }
} 

/* iPHONE 5 LANDSCAPE <-> iPhone 6 Portrait */
@media (min-width: 568px) AND (max-width:666px) {
	.left_col { position:relative; width:100%; height:auto; border-right:none; border-bottom:1px inset #3f3f3f; }
	.logo { text-align:left; }
	.content { width:96%; padding:20px 2%; }
}

/* iPHONE 6 LANDSCAPE <-> <iPad Portrait */
@media (min-width: 667px) AND (max-width:767px) {
	.left_col { position:relative; width:100%; height:auto; border-right:none; border-bottom:1px inset #3f3f3f; }
	.logo { text-align:left; }
	.content { width:96%; padding:20px 2%; }
}

/* >iPAD PORTRAIT <-> <Website kann nicht dargestellt werden */
@media (min-width: 768px) AND (max-width:959px) {
	.content { width:508px; padding-left:250px; padding-right:10px; }
}

/* GENERELL Alles was so klein ist, dass es die Website im ganzen nicht mehr darstellen kann (<iPad hochkannt) */
@media (max-width: 959px) {
}