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


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

/* ------------------------------------------- header */
#header {
	float: left;
	width: 100%;
	/*height: 168px;*/
	background-color: #ffffff;
}
#header_top {
	width: 100%;
/*	height: 22px;*/
	float: left;
	margin: 0px;
	background: none;
}
#header_box {
	background: none;
}

#logo {
	width:150px;
	float:left;
}

div.lions #logo {
	margin-top: 10px;
}

#header_menu {
	background: none;
	float:right;
	width: 700px;
	text-align:right;
	margin-top: 20px;
}

#header_left {
	float: left;
}
#header_image {
	width: 990px;
	height: 100px;
	float: left;
	background-color: #FFFFFF;
	margin-top: 20px;
	position: relative;
}

div.lions #header_image {
	width: 840px;
	margin-top: 20px;
}

#header_image img {
	float: left;
}

#header_image span.logo-right img {
	position: absolute;
	left: 590px;
	top: 0px;
}

#header_image span.logo-middle img {
	position: absolute;
	left: 290px;
	top: -50px;
}

#header_image br {
	display: none;
}

#lang_fontsize {
	float: right;
	width: 190px;
	text-align: right;
	padding: 16px 5px 0 0;
	font-size: 92.31%;
	
}

/* ----------------------------------------------------  main menu */

#main_menu {
	clear: both;
	font-size:100%;
	height: 30px;
	padding-left: 10px;
}

/* ----------------------------------------------------  breadcrumbs - print */
#over_content_box {
	clear: both;
	margin: 0;
	padding: 0px;
	height: 20px;
}
#breadcrumbs {
	float: left;
	width: 779px;
	font-size: 92.31%;
	/*color: #666666;*/
	color:#003366;
/*	background-color: #ffccff;*/
	padding: 3px 0 2px 18px;
}

#content_actions_header {
	float: right;
	width: 190px;
	font-size: 81.25%; /* tr */
/*	background-color: yellow;*/
}

.content_action_header_links {
	float: right;
	height: 19px;
	padding-top:1px;
	padding-bottom: 0px;	
}

/* ----------------------------------------------------  content area */
#content_area {
	clear: both;
	font-size: 100%;
	width: 990px;
	float: left;
	background-color: #F0F2C6;
}

div.lions #content_area {
	background-color:#FFFFFF;
}

#content_strict {
	min-height: 10px;       /* gute Browser */
	height: auto !important; /* gute Browser */
	height: 10px;           /* dumme Browser */
	float: left;
	background-image: url(../images/bg-content.gif);
	background-position: right top;
	background-repeat: repeat-y;
}

#left_side_box {
	float: left;
	width: 200px;
}

*+html #left_side_box {
	padding-top: 4px;
}

#content_title {
	clear: both;
	background-color: #ffffff;
	padding: 3px 0;
}

#left_side {
	clear: both;
	float: left;
	width: 200px;
	min-height: 10px;       /* gute Browser */
	height: auto !important; /* gute Browser */
	height: 10px;
	font-size: 84.62%;       /* 11px */
	padding: 0px;
	background-color: #FFFFFF;
	margin: 0px;
}

#content {
	float: left;
	width: 540px;
	min-height: 290px;       /* gute Browser */
	height: auto !important; /* gute Browser */
	height: 290px;
	font-size: 92.31%;      /* 12px */
	padding: 30px 10px 10px 40px;
	margin: 0px 0px 0px 0px;
}

* html #content { padding-right: 0px; }

div.lions #content {
	padding: 0px;
}

#content.wide {
	width: 770px;
	float: left;
	padding: 10px;
	margin: 0px;
	background-color: #F0F2C6;
}

div.lions #content.wide {
	background-color: #FFFFFF;
}

#content_actions_footer.wide {
	display: none;
}

.wide #content_title {
	display: none;
}

#right_side {
	float: right;
	width: 190px;
	min-height: 320px;       /* gute Browser */
	height: auto !important; /* gute Browser */
	height: 320px;
	font-size: 92.31%;
/*	background-color:#E5F7FF;*/
	padding: 0px 0 5px 0px;
	margin: 0px 0px 0px 10px
}
#content_actions_footer {
	clear: both;
	text-align: right;
	width: 990px;
}

/* cols */
div.column2 {
	width: 990px;
}
div.column2 div.col1 {
	width: 790px;
	height: 330px;
	background-color: #F0F2c6;
	float: left;
	text-align: left;
	margin: 0px 10px 0px 0px;
}
div.column2 div.col2 {
	width: 190px;
	height: 330px;
	float: left;
}

div.column2 div.col2 div.section-bg {
	width: 170px;
	height: 230px;
	background-color: #F0F2C6;
	padding: 10px;
	margin: 0px 0px 10px 0px;
}
div.column2 div.col2 div.section-bg div.csc-textpic-intext-left dl {
	padding: 0px 5px 0px 0px;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0px;
}

div.column2 div.col2 div.section-bg div.csc-textpic-intext-left div.csc-textpic-imagewrap {
	float: none;
}


div.column2 div.csc-textpic-above {
	float: left;
	margin: 40px 0px 0px 20px;
}

div.column2 div.csc-textpic-clear {
	display: none;
}
div.column2 div.csc-textpic-equalheight {
	float: left;
	margin: 0px 0px 0px 10px;
}

/* 5cols */
div.lions div.column5 {
	margin: 10px 0px 0px 0px;
	width: 990px;
	float: left;
}
div.lions div.column5 div {
	color: #000000;
	width: 190px;
	height: 50px;
	float: left;
	text-align: center;
}

/* -------------------------------------------------------  footer */
#footer {
	clear: both;
	width: 100%;
	border: 0px none;
}
#footer_top {
	background-image: url(../images/apple_menu_bg.jpg);
	background-position: left 20px;
	background-repeat: repeat-x;
	height: 50px;
	width: 100%;

}
#footer_menu {
	width: 950px;
	margin: 0;
	padding: 0 0 0 8px;
}
#lw_link {
	margin: 0 auto 0 auto;
	width: 990px;
	font-size: 76.93%;
	text-align: right;
	color: #dddddd;
}