/* layout.css - contains all CSS ID block elements for layout and display  */


#website {
	margin: 0 auto 0 auto;
	width: 990px;
}

/* ------------------------------------------- header */
#header {
	float: left;
	width: 100%;
}

#header_top {
	width: 100%;
	height: 24px;
}

#header_menu {
	float:left;
	width: 550px;
	padding: 0px 0 0 44px;
	text-align:left;
	font-size: 85%;
}

#header_left {
	float: left;
}
#header_bottom {
	width: 710px;
	height: 47px;
}

#lang_fontsize {
	float: right;
	width: 160px;
	padding: 37px 14px 0 0;
	text-align: right;
}
#breadcrumbs {
	color: #666666;
	font-size: 87%;
	clear: both;
	margin: 0;
	padding: 0;
}

#login_status {
	float:right;
	margin-right: 19px;
	padding-top: 11px;
	font-size: 85%;	
	color: #8C8A8C;
}

#logoPrint {
	display: none;
}

div#headline {
	height: 161px;
	margin-left: 35px;
	color: #fff;
	filter:DropShadow(color=#000000, offx=1, offy=1);
}

div#headline h1 {	
	font-size: 22px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	padding-top: 40px;
	margin-bottom: 20px;
	color: #fff;
	text-shadow: #000 2px 2px 2px;
}

div#headline h2 {
	margin:0;
	padding: 0;
	font-size: 14px;
	text-shadow: #000 2px 2px 2px;
	color: #fff;
	font-weight: normal;
	width : 500px;
}

/*************************************************************
 * Styles für Schlagschatten-Hack für Firefox
 */
div#headline h1 div.headwrapper, div#headline h2 div.headwrapper {
	position : relative;
}

div#headline h1 div.letters, div#headline h2 div.letters {
	position : absolute;
	z-index : 10001;
	top : 0;
	left : 0;
}

div#headline h1 div.shadow, div#headline h2 div.shadow {
	position : absolute;
	z-index : 10000;
	top : 1px;
	left : 1px;
	color: #000;
}

div#headline h2 div {
	margin-top: 22px;
}
/*
 * Styles für Schlagschatten-Hack für Firefox
 *************************************************************/

/* ----------------------------------------------------  content area */
#content_area {
	font-size: 100%;
	float: left;
	width: 880px;
	padding: 12px 57px 0 53px;
	background-position:top left;
	background-repeat:no-repeat;
}
#content_strict {
	float: left;
	min-height: 10px;       /* gute Browser */
	height: auto !important; /* gute Browser */
	height: 10px;           /* dumme Browser */
}

#content_top {
	clear:both;
	width: 876px;
	height: 63px;
}
#content_top_left {
	clear:both;
	float:left;
	width: 5px;
	height: 63px;
	background-image: url(../img/header_box_left.gif);
	background-position: top;
	background-repeat: no-repeat;
}
#content_top_center {
	float:left;
	width: 866px;
	height: 63px;
	background-image: url(../img/header_box_center.gif);
	background-position: top;
	background-repeat: repeat-x;
}
#logo {
	float:left;
	padding: 19px 0 0 31px;
}
#search {
	padding: 22px 0 0 652px;
	font-size: 92.31%;
}
#content_top_right {
	float:right;
	width: 5px;
	height: 63px;
	background-image: url(../img/header_box_right.gif);
	background-position: top;
	background-repeat: no-repeat;
}
#main_menu {
	font-size:92.31%;
	line-height:normal;
	/*padding: 161px 35px 0 31px;*/
	/*margin-top: 161px;*/
	padding: 0 0 0 31px;
	height: 42px;
	background-image: url(../img/bg_mainmenu.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	width: 845px; 
}
#content_site {
	clear: both;
	float:left;
	width: 775px;
	padding: 0 36px 10px 65px;
	background-color: #ffffff;
	background-image: url(../img/bg_content_container_top.gif);
	background-position: top left;
	background-repeat: repeat-x;
}
#content_breadcrumbs {
	width: 775px;
	height: 22px;
	padding:15px 0px 0px 0px;	
	color: #8A8A8D;
	font-size: 84.62%;

}
#content_breadcrumbs .breadcrumbs {
	height: 21px;
	border-bottom: solid 1px #DBDBDB;	
/*	border: red solid 1px;*/
}

#content_submenu{
	clear:both;
	background-color: #ffffff;
	color: #107D94;
	font-size: 84.62%;
	padding: 9px 0 1px 0;
}

#content_container {
	clear:both;
	/*background-color: #ffffff;*/
	width: 775px;
	min-height: 340px;       /* gute Browser */
	height: auto !important; /* gute Browser */
	height: 340px;
	padding: 33px 0px 0 0px;
}

#left_side {
	clear:both;
	float: left;
	background-color: #ffffff;	
	width: 1px;
	font-size: 1px;       /* 11px */
}

div#left_side.showme {
	width:190px;
	font-size:11px;	
	padding-top:5px;
}

#content {
	width: 775px;
	background-color: #ffffff;	
	min-height: 340px;       /* gute Browser */
	height: auto !important; /* gute Browser */
	height: 340px;
	padding: 0px 0px;
	font-size: 92.31%;      /* 12px */
	z-index: 0;
}

#content.threecolumn {
	width: 320px;
}

#right_side {
	display: none;
	width: 202px;
	/*padding-left: 35px;*/
	padding-right: 0px;
	background-color: #ffffff;	
	min-height: 10px;       /* gute Browser */
	height: auto !important; /* gute Browser */
	height: 10px;
	font-size: 92.31%;
	margin-top:10px;
}
#content_bottom {
	clear:both;
	width: 775px;
	height: 45px;
	background-image: url(../img/bg_content_bottom.gif);
	background-position: top left;
	background-repeat: repeat-x;
	padding: 0 36px 0 65px;	
	color: #8A8A8D;	
}
#content_bottom_line {
	height: 1px;
	width: 775px;
	border-bottom: solid 1px #DCDCDC;
	margin-bottom: 2px;
}

#content_actions_left {
	clear: both;
	float: left;
	margin-top: 4px;
  display: inline;
  width: 50%;
}

/* -------------------------------------------------------  footer */
#footer {
	clear: both;
	width: 100%;	
}
#footer_top {
	background-color: #E2EAEC;
	width: 100%;
	height: 22px;
}
#lw_link {
	margin: 0 auto 0 auto;
	width: 876px;
	font-size: 80%;
	text-align: right;
}