@charset "utf-8";

html[xmlns^="http"] { /* verhindert Mozilla-Zucken * > Firefox 1.5 */ overflow-y: scroll; }



* { outline:none; }



html[xmlns^="http"] { /* verhindert Mozilla-Zucken * > Firefox 1.5 */ overflow-y: scroll; }



body  {

	color: #333;

	background-color: #A1A1A1;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 62.5%;

	margin: 0px;

	padding-top: 30px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

	background-attachment: fixed;

	background-image: url(images/_bg_body.jpg);

	background-repeat: no-repeat;

	background-position: left top;

    }



#wrapper {

	width: 970px;

	margin-right: auto;

	margin-left: auto;

	background-image: url(images/_wrapper.png);

	background-repeat: repeat-y;

}











#container  {

	width: 970px;

    } 

#header  {

	height: 360px;

	width: 480px;

	float: left;

    } 

#slideshow {

	float: right;

	width: 480px;

	margin-right: 10px;

	position: relative;

}









#topnavi {

	height: 31px;

	width: 960px;

	background-image: url(images/_bg_topnavi.jpg);

	background-repeat: repeat-x;

}



#drucklogo {

	height: 200px;

	width: 200px;

	display: none;

}

#contentwrapper {

	width: 960px;

	background-image: url(images/_container.png);

	background-repeat: repeat-y;

}

#navi  {

	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */

	width: 240px;

	background-color: #479D90;

	padding-bottom: 20px;

	height: 390px;

    }

#pic {

	float: left;

	width: 240px;

	background-color: #479D90;

	height: 410px;

}





#mainContent  {

	width: 480px;

	float: right;



    } 





#flashgalerie {

	height: 470px;

	width: 685px;

	margin-left: 15px;

}





#footer  {

	width: 970px;

	margin-right: auto;

	margin-left: auto;

	background-image: url(images/_footer.png);

	background-repeat: no-repeat;

	text-align: right;

	height: 25px;

    } 

    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */

    	float: right;

    	margin-left: 8px;

    }

    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */

    	float: left;

    	margin-right: 8px;

    }

    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */

    	clear:both;

        height:0;

        font-size: 1px;

        line-height: 0px;

    }