@charset "utf-8";
/* CSS Document */

html, body {  
	height: 100%;
}

/* not for mac ie\*/
html {
	overflow-y: scroll;
}
/* end hack */


body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, blockquote {
	margin: 0; padding: 0; border: 0;
}

body {
	background: url(../img/title-bg.png) left top repeat-x; 
	font-family: Helvetica, Arial, Sans-Serif;
	line-height: 24px;
	background-color: #dcdcff
}

#fullheightcontainer {
	width: 1024px;
	margin: 0 auto;
	padding: 0 0 0 0;
	min-height: 100%;
	background: url(../img/content-bg.png) right top repeat-y;
	overflow: hidden;
}

/* hack for all IE, who don't understand min-height */
* html #fullheightcontainer {
	height: 100%;
	overflow: visible;
}
/*hack end*/

#content, #footer {
	width: 1024px; 
	margin: 0 auto;
	text-align: left;
	z-index: 1;
}

#logo {
	left: 0px;
	top: 0px;
	width: 470px;
	overflow: hidden;
	height: 90px;
	margin: 0;
	padding: 0;
	z-index: 1;
}

#header {
	left: 470px;
	top: 0px;
	width: 554px;  
	overflow: hidden;
	height: 90px;
	margin: 0;
	padding: 0;
	text-align: left;
	z-index: 1;

}

#topMenu {
	width: 1024px; margin: 0 auto; padding: 0 0 0 0;
	background: url(../img/topmenu-bg.png) right top repeat-y;
	height: 50px;
	top: 90px;
	z-index: 2;
}

#content {

    	padding-top: 140px;
	padding-bottom: 100px; /*important! distance between content + page end incl. footer*/ 
}

#contentWrap {
	width: 795px; /* width = content - leftmenu - margin to leftmenu */
	padding-left: 35px;
	min-height: 600px;
	float: right;
	background: url(../img/pipe.png) repeat-y scroll left center transparent;
}

#contentWrap.startseite {
	width: 1010px; /* width = contentMain + contentRight (no leftmenu) */
	padding-left: 15px;
	background: none;
}

/* hack for IE7 and below */
#contentWrap.startseite {
	*padding-left: 14px;
}
/*hack end*/

#contentMain {
	width: 505px;
	float: left;
	padding: 45px 0 0 0;
}

#contentWrap.startseite #contentMain {
	width: 735px; /* width = content - contentRight (no leftmenu) */
}

#contentWrap.startseite #c1 {
	height: 290px;
	padding: 0px 10px 15px 10px;
	background: url(../img/line-x.gif) repeat-x scroll center bottom transparent;
}


#contentWrap.startseite #c2 {
	width: 340px;
	float: left;
	margin-top: 10px;
	padding: 15px 10px;
/*	background: url(../img/line-x.gif) repeat-x scroll center bottom transparent; */
}

#contentWrap.startseite #c313 {
	width: 340px;
	float: right;
	margin-top: 10px;
	padding: 15px 10px 15px 20px;
	background: url(../img/pipe.png) repeat-y scroll left center transparent;
}

#contentRight {
	width: 220px;
	float: left;
	padding: 0 15px 0 55px;
}

#contentWrap.startseite #contentRight {
	width: 220px;
	float: left;
	padding: 0 15px 0 40px;
}

/* extra div for IE6 */
#right {
	width: 220px;
}

/*----------all relative elements-----*/
body, #fullheightcontainer, #footer  {
	position: relative;
}
/*---------all absolute elements-----*/
#logo, #header, #rootline, #topMenu, #search, #printlink, #language, #servicemenu {
	position: absolute;
}

#leftmenu { 
	float:left;
	width: 193px;
}


/*-------content elements definition-------*/
#servicemenu {
	bottom: 35px;
	left: 365px;
	z-index: 2;
}

#printlink {
	bottom: 35px;
	left: 572px;
	z-index: 2;
}

#language {
	top: 6px;
	right: 0;
}
#language div {
	display: inline;
}

#search {
	top: 92px;
	right: 40px;
}

#rootline {
        width: 505px; /*width  of content-wrap*/
	top: 140px;
	left: 230px;
	height: 20px;
	font-size: 90%; 
	text-align: right;
}

#rootline a {
	color: #333;
	text-decoration: none;
}

#rootline a:hover {
	text-decoration: underline;
}

#footer {
	background: url("../img/footer-full-bg.png") repeat-x scroll left top #DCDCFF;
	overflow: hidden;
	height: 100px;
	width: 100%;
	margin: -100px auto 0 auto; 
	clear: both;
}

#footer div {
	background: url(../img/footer-bg.png) center top no-repeat;
	overflow: hidden;
	width: 1024px;
	margin: 0 auto;
}

#footer p {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 1px #000;
	text-align: center;
	margin: 0;
	padding-top: 70px;
	z-index: 2;
}

#footer p a {
	color: #fff;
	text-decoration: none;
}

#footer p a:hover {
	color: #e10000;
}

/* 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 */