/* ================================ Allgemein*/
*{
	 margin:0;
   padding: 0;
}

html, body {
   height: 100%;	
	 text-align: center; /* Zentrierung des Layouts im IE 5 */
	 background-image:url(../img/hg_page.jpg);
	 background-repeat: repeat-x;
	 background-color: #f3efd9;
}

/* ================================ Allgemein*/
/* ===========================Text*/
#container-page {
	width: 980px;
	background-color:#FFF;
	position: relative;
	text-align:left;
	margin:auto;
	min-height: 100%;  /* Maximale Höhe auf allen Bildschirmen */
	height: auto !important;
	height: 100%;
	display:block;
 }
 
#metanavigation{
 	background-image:url(../img/header.gif);
	background-repeat:no-repeat;
	height:30px;
	
	text-align:right;
	padding:135px 10px 0 0;
 }
 
#container_leftside{
 	float:left;
	width:247px;
 }
 
#container_rightside{
	 float:left;
	 padding:5px 0px 0 0;
}

#container_content, #container_content_fullscreen{
	float:left;
	margin:10px 30px 0 0;
}

#container_content img, #container_content_fullscreen img{
	float:left;
}

#container_content{
	width:450px;
}

#container_content_fullscreen{
	width:669px;
}

/* ===========================Marginalspalte*/
#container_marginal{
margin-top:6px;
	float:right;
	width:235px;
	background-color:#ebe4be;
	font-size:10px;
	line-height:15px;
	color:#000;
}

#container_marginal_bottom {
	background-image:url(../img/hg_marginal.jpg);
	background-repeat:repeat-x;
	height:80px;
}

.textblock_margnal{
	padding:10px;
}

#container_marginal a img{
	display:inline;
	vertical-align: middle;
}

/* ===========================Klassen*/
.icon{
	margin-right:5px;
}

.pic_content{
	margin-bottom:20px;
}


/*====================================*/
#container-page:after  {
	clear : both;
	display : block;
	content : ".";
	visibility : hidden;
}

/* ================================ Inhaltselemente*/
/* ===========================Teaser mit Bild*/
.textblock_teaser{
	float:left;
	margin-left:20px;
	width:400px;
}