#fenster {
        width: 900px;
        height: 600px;
        background: #a3004e;
        margin: 0 auto;
}

#leiste {
        width: 900px;
        height: 62px;
        color: #ffffff;
}

#bild {
        float:left;
        width: 160px;
        height: 52px;
        margin: 5px;
        background: #ffffff;
}

#titel {
        float:left;
        width: 550px;
        height: 53px;
        margin: 1px;
}

#seitenzahlen {
        float:right;
        width: 150px;
        height: 53px;
        margin: 3px;
        margin-right: 20px;
}

/**
* leere Seite
*/

#inhalt{
	position:relative;
	float:left;
	width: 860px;
	height: 437px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:13px;

	padding: 20px;
	background: #ffffff;
	overflow:auto;
	/*color: #a3004e;
	position:absolute; */

}


/**
* Zwei Hälften
*/

#texte2H {
        float:left;
        width: 410px;
        font-family: Verdana, Geneva, sans-serif;
        font-size:0.9em;
        height: 446px;
        padding: 20px;
        background: #ffffff;
        overflow:auto;
        /*color: #a3004e;
        position:absolute; */

}

#visualisierungen2H {
        float:right;
        width: 410px;
        font-family: Verdana, Geneva, sans-serif;
        font-size:0.9em;
        height: 446px;
        padding: 20px;
        background: #ffffff;
}

#navigation {
        float:right;
        width: 878px;
        height: 40px;
        padding: 11px;
        background: #ffffff;
}

#unternavigation {
        float:left;font-family: Verdana, Geneva, sans-serif;
        font-size:11px;
        font-weight: bold;
        margin: 3px;
}


body {
        background-color: #f0f0f0;
}


.hinweis {
         color: #003399;
         font-weight: bold;
}

@media only screen and (max-width: 480px) {
	
	body {
        background-color: pink;
	}

}