@import url('menu.css');
	@import url('content.css');
	@import url('language_select.css');
@media all {
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
html {
	height: 100%
}
body {
/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts ** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die H\FFFDhe des Browserfensters. */
	min-height: 101%;
/* Beseitigung des Rundungsfehlers bei Schriftgr\FFFD\00FFFDen im Opera sowie Standardformatierungen */
	font-size: 100.01%;
/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Gr\FFFD\00FFFDe des Browser Fensters ge\FFFDndert wird. */
	position: relative;
/* Vorgabe der Standardfarben und Textausrichtung*/
	color: #dcf0fd;
	background-color: #003355;
	text-align: left;
	font-family: Arial, Helvetica, 'sans-serif';
}
}



#content_right h1.layout_3 {
	background-image: url(../images/bg_header_right.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 100%;
	margin: -2px 0 0 -5px;
	padding: 1px .2em 0 .7em
}



/*root template */
.mainbox {
	width: 760px;
	margin: auto;
	background-image: url(../images/head1.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
.head {
	width: 100%;
	height: 280px;
	font-size: .9em;
}
#topheader {
	width: 100%;
	height: 80px;
	text-align: center;
	clear: both;
}
#header {
	width: 100%;
	height: 100px;
	text-align: right;
	padding-right: 50px;
	clear: both;
}
#language {
	width: 20%;
	height: 30px;
	float: right;
	clear: right;
}
#content_rand {
	width: 19%;
	float: left;
	height: 120px;
	overflow:hidden;
	margin-top: -55px;
	padding:0 0 0 .5em;
	font-size: .7em;
}
.menu {
	width: 100%;
	clear: both;
	padding: 0 0 0 130px;
}
.contentbox {
	background-image: url(../images/bg_content_start.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	width: 760px;
}
#container {
	clear: both;
	width: 760px;
	padding: 0;
  background: url(../images/content_right.jpg) 530px bottom no-repeat;
}
.left {
	width: 68.8%;
	float: left;
	min-height: 310px;
}
#content_top {
	min-height: 165px;
	margin: 0;
	padding: 0 0 0 175px;
	font-size: .7em;
	background: url(../images/content_topleft.jpg) left top no-repeat;
}
.trenner {
	height: 2px;
	background-image: url(../images/trenner_start.jpg);
	background-position: 55px 0px;
	background-repeat: no-repeat;
}
#content_bottom {
	min-height: 142px;
	padding: .5em .5em .3em 45px;
	margin: 0;
	font-size: .7em;
}
* html #content_bottom {
	margin-top: -16px;
}
#content_right {
	float: right;
	width: 27.15%;
	min-height: 301px;
	font-size: .7em;
	padding: 1.2em 1.75em .3em 1em;
	margin: 0;
	background: url(../images/right_top.jpg) right top no-repeat;
}
* html #content_right {
	padding: 1.2em 1.2em .3em 1em;
	height: 301px;
}
#footer {
	width: 762px;
	height: 15px;
	font-size: .67em;
	text-align: center;
	padding: 1.2em 0 0 0;
	background-image: url(../images/bg_footer.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	color: #fff;
}
* html #footer {
	margin-top: -7px
}
#footer span {
	font-size: .7em;
}
/* root template ende*/



/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Diese Angabe ben\FFFDtigt der Safari-Browser zwingend !! */
.clearfix {
	display: block;
}
* html .clearfix {
	display: inline-block;
}