/* ----------------------------------------------------------------------------- *
 *                           Styles der Basisversion                             *
 * ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- *
 * Änderung des default-Box-Modells aller Elemente auf "border-box"
 * http://www.paulirish.com/2012/box-sizing-border-box-ftw/
 * << apply a natural box layout model to all elements >>
 * ----------------------------------------------------------------------------- */
*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}

/* ----------------------------------------------------------------------------- */
.page-wrapper {
    margin: 0;
}

header {
	padding: 0 0 0.8em 0;
	text-align:left;
	height: auto;
	background:url(../linie.jpg) center repeat-x;
	background-size: auto;
}


footer {
	padding: 0.2em 0 0 1.9em;
	text-align:left;
	border-top: #2f3f84 0.5em solid;
}

section {
    padding: 0 20px;
}

.main {
    margin: 0;
}

.mainContent {
    max-width: 550px;
    border-top: 1px solid transparent;
	background-color: fff;
}

aside {
    width: 100%;
	margin: 0.8em 0 2.0em 0.4em;
}

	img {
	max-width: 100%;
	height: auto;
}



/* ----------------------------------------------------------------------------- *
 *                             Textauszeichnungen                                *
 * ----------------------------------------------------------------------------- */
h1 {
    margin: 0.6em 0 1.0em 1.0em;
	max-width: 480px;
	width:90%;
}

h2 {
    margin: 1.8em 0 1.0em 0;
}


.teasertext {
    margin: 0.8em 0 2.0em 0.4em;
}

ul, ol {
    padding: 0 0 0.5em 1.0em;
    margin: 1.0em 0 0.625em 20px;
}
    

/* ----------------------------------------------------------------------------- *
 *                           Styles der Tabletversion                            *
 *                          800px / 16px/em = 50.0em                           *
 * ----------------------------------------------------------------------------- */
@media only screen and (min-width: 50.0em) {

.mainContent {
	margin-left: 140px;
	max-width: 550px;
}

footer {
	padding-left: 160px;
}

aside {
	margin-left: 145px;
	background:url(../paragraph.jpg) center no-repeat;
	height: 200px;
}

h1 {
    margin: 0.6em 0 1.0em 1.0em;
	max-width: 480px;
}


}