@import url("formatierung.css");
@import url("orange.css");

*{
	margin: 0px;
}

html, body {
   height: 100%;	
	 background-image:url(images/hg_page_1.gif);
	 /*background-image:url(images/hg_page.gif);*/
	 background-repeat: repeat-x;
	 background-color: #ffffff;
}

/* wichtig, um im Editor die Anzeige des Hintergrundbildes zu unterdrücken: */
body #inhalt, .mceContentBody {
	background-color: #FFFFFF !important;
	background-image: none !important;
}

.mceContentBody {
	margin: 0px !important;
	height: 100%;
}
/* /////////////////////////////////////////////////////////////////////////////*/
/* SEITENNAUFBAU */
#container_page{
	width: 984px;
	float:left;
	text-align:left;
	background-color:#FFF;
	position: relative;
	min-height: 100%;  /* Maximale Höhe auf allen Bildschirmen */
	height: auto !important;
	height: 100%;
	display:block;
 }
 
#header{
	height:183px;
	padding:0 0px 0 28px;

}

#metanavigation{
	height:52px;
	text-align:right;
	padding:0px;
	display:block;
 }
 
#meta{
	padding:0 5px 0 0;
	height:17px;
	float:right;
}

#breadcrumbs{
	margin-bottom:18px;
}

#search{
	width:200px;
	height:21px;
	margin:0 0 30px 0;
	/*float:left;*/
}

/*  ist schon unter 'orange.css' definiert
#login{
	width:200px;
	height:21px;
	background-image: url(images/hg_login.jpg);
	background-repeat:no-repeat;
	float:right;
}	*/

#marginal_headline{
	width:200px;
	height:21px;
	/*margin:0 0 20px 0; funktioniert nur im IE  */
	background-image: url(images/hg_login.jpg);
	background-repeat:no-repeat;
	border-top: 1px solid #DE5619;
	float:right;
}

#container_leftside{
	float:left;
	width:219px;
	margin:0px;
 }

#container_rightside{
	width:760px;
	padding:0 4px 0 0;
	/* Bild funktionslos und Ladevorgang kann nicht abgeschlossen werden */
	/* background-image:url(images/hg_container_rightside.jpg); */
	background-repeat:no-repeat;
	background-position:top right;
}

#inhalt{
	float:left;
	width:525px;
	padding:0 15px 0 20px;
	margin: 10px 0 0 0;
}

* html #inhalt{
	width:500px;
}

#marginalspalte{
	width:200px;
	margin: 10px 0 0 0;
	float: right;
	clear: both;
}

#announcement{
	/*margin: 35px 0 0 0;*/
	padding-top:10px;
	background-image:url(images/hg_block.jpg);
	background-repeat:repeat-y;
	/*border-top: 1px solid #DE5619;*/
}

#search_headline{
	width:500px;
	height:21px;
	/* margin:0 0 0 20px; funktioniert nur im IE  */
	background-image: url(images/hg_search.jpg);
	background-repeat:no-repeat;
	/*border-top: 1px solid #DE5619;*/
	float:left;
}

#search_result{
	/*margin: 35px 0 0 0;*/
	padding-top:0px;
	background-image:url(images/hg_search_result.jpg);
	background-repeat:repeat-y;
	/*border-top: 1px solid #DE5619;*/
}

#footer{
	padding:15px 0 15px 245px;
	clear:both;
}
 
 #container-page:after {
  clear: both;
  display: block;
  content: ".";
  /*height: -1px;*/
  height: 0px;
  visibility: hidden;
	}
	
#shadow{
	float:left;
	background-image:url(images/shadow.jpg);
	background-repeat:repeat-y;
	width:6px;
	min-height: 100%;  /* Maximale Höhe auf allen Bildschirmen */
	display:block;
}

/* /////////////////////////////////////////////////////////////////////////////*/	
	/*IE HACKS*/	
	/*
*html #marginalspalte{
	margin:0px;
	padding-right:3px;
	}

/* /////////////////////////////////////////////////////////////////////////////*/
/* SEITENELEMENTE */
/* BLOCK BILD UND TEXT */

.block {
	padding-top:4px;
	float:left;
	width:100%;
	clear:both;
}

.text_bock {
	float:right;
	width:70%;
}

.text_bock_big {
	float:right;
	width:78%
}

.text_full{
	float:right;
}

.block img{
	float:left;
	padding-bottom:5px;
}

.img_block{
	width:25%;
	float:left;
	}