html, body {  	
	
	height: 100%;
}	
/* mit for mac ie\*/	
html {	
overflow-y: scroll;	
}	
	
/* end hack */	
	
body {	
	/*background: #bbb url(../../user_upload/beispiele/bg_body.gif);*/
	background: #bbb url(../img/hg_verl.gif);
	background-repeat: repeat-left;
	
	padding-top: 50px;
	text-align: center; /*IE centered content*/
}	
	
#fullheightcontainer, #wrapper {	
     	min-height: 70%;  
	
}	
/* hack for all IE, who don't understand min-height */	
* html #fullheightcontainer, * html #wrapper {	
	height: 70%;
	
}	
/*hack end*/	
	
	
/*----------all relative elements-----*/	
body, #fullheightcontainer, #wrapper, #footer  {	
	position: relative;
}	
/*---------all absolute elements-----*/	
#header, #logo, #rootline, 	
#search, #printlink, #language, #servicemenu, #topmenu {	
	position: absolute;
}	
/*---------all floated elements left-----*/	
#leftmenu,#contentMain, #contentRight, #contentBorder { 	
	float:left;
}	
/*---------all floated elements right-----*/	
#contentWrap { 	
	float:right;
}	
	
/*----------width of whole content-----*/	
#fullheightcontainer, #header, #content, #footer, #topmenu {	
	width: 900px; 
	margin: 0 auto; /*centered content*/
	text-align: left; 
}	
	
	
/*-------content elements definition-------*/	
#fullheightcontainer {	
	background: #fff url(../img/bg_content.gif);
}	
#ct2 #fullheightcontainer {  /* width for layout ct2 */	
	background: #fff url(../img/bg_content_c2.gif) repeat-y;
}	
	
#contentWrap {	
	width: 670px; /* width = content - leftmenu - margin to leftmenu */
}	
#contentMain {	
	width: 440px;
}	
#ct2 #contentMain {  /* width for layout ct2 */	
	width: 660px;
}	
#contentRight {	
	padding: 0 10px 0 30px; /*extra div for IE6*/
}	
#right {	
	width: 190px;
}	
	
#header {	
	height: 100px;
	left: 0;
	top: 0;
	background: #fff url(../img/bg_content_c2.gif);
}	
#header img {	
	position: absolute;
	top: 29px;
	left: 226px;
	
}	
#logo {	
	
	top:20px;
	left:30px;
	z-index: 2;
}	
#servicemenu {	
	top: -20px;
	right: 10px;
}	
#language {	
	top: 3px;
	right: 0;
}	
#language div {	
	display: inline;
}	
	
#search {	
	top: 145px;
	left: 20px;
}	
#printlink {	
	top: 105px;
	right: 20px;
}	
	
#rootline a {	
	
	color: #ffffff;
	text-decoration: none;
}	
#rootline {	
        width: 674px; /*width  of content-wrap*/	
	top: 100px;
	left: 0px;
	height: 20px;
	font-size: 100%; 
	padding-left: 226px;
	background-color: #bdcde4;
	padding-top: 5px;
	color: #ffffff;
	font-weight: bold;
}	
	
#content {	
        padding-top:  145px;  /*distance to top = height of header*/	
	padding-bottom:  50px; /*important! distance between content + page end incl. footer*/ 
}	
#leftmenu {	
	padding-top:40px;;
}	
#footer {	
	background: #ccc;
	height: 30px;
	margin: -30px auto 0 auto;
	font-size: 90%; 
}	
#footer p {	
	text-align: left;
	margin:0px 0px 0px 20px;
	padding-top: 8px;
	
}	
/* css classes to deactivate floats*/	
.clearer {	
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}	
.clearfix:after {	
      content: ".";	
      display: block;	
      clear: both;	
      height: 0;	
      visibility: hidden;	
}	
.clearfix {	
      display: inline-block;	
}	
/* without IE Mac \*/	
* html .clearfix {	
      height: 1%;	
}	
.clearfix {	
      display: block;	
}	
/* End without IE Mac */