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


#website {
	width: 995px;
	margin: 0 auto 0 auto;
	border-left: 1px solid #888282;
	padding-right: 4px;
	background-image: url(images/website_bg.gif);
	background-position: right top;
	background-repeat:repeat-y;
}

#website_bottom {
	width: 995px;
	margin: 0 auto 10px auto;
	height: 3px;
	background-image: url(images/bottom_frame.gif);
	background-position: left top;
	background-repeat:repeat-x;
}

/* ------------------------------------------- header */
#header {
	float: left;
	width: 995px;
	background-color: #FEFECC;
	font-size: 92.31%;
}

/*--------------- header top*/
#header_top {
	width: 995px;
	height: 104px;
/*	background-image: url(images/logo_scientifica-new.jpg);
	background-repeat: no-repeat;
	background-position: 22px 22px;*/
}
#logo {
	float: left;
	padding: 16px 0 24px 22px;
	width:183px;
	height: 64px;
	background-position:left bottom;
	background-repeat:repeat-x;		
}
#logo_print { display: none; }

.logo_grey { background-image: url(images/header_bar_bottom_left_grey.gif); }
.logo_orange { background-image: url(images/header_bar_bottom_left_orange.gif); }
.logo_darkorange { background-image: url(images/header_bar_bottom_left_darkorange.gif); }
.logo_red { background-image: url(images/header_bar_bottom_left_red.gif); }
.logo_purple { background-image: url(images/header_bar_bottom_left_purple.gif); }
.logo_darkpurple { background-image: url(images/header_bar_bottom_left_darkpurple.gif); }
.logo_darkviolet { background-image: url(images/header_bar_bottom_left_darkviolet.gif); }

#header_box {
	float: left;
/*	width: 586px;*/
	width: 791px;
	height: 104px;
}

#header_image {
	clear: both;
/*	height: 80px;*/
	height:58px;
	padding:22px 0px 0px 22px;
}

#main_menu {
	clear: both;
	float: right;
	font-size:100%;
	height: 24px;
/*	width: 586px;*/
	width: 791px;
	background-position:left bottom;
	background-repeat:repeat-x;	
}

.main_menu_grey { background-image: url(images/header_balken_grey.gif); }
.main_menu_orange { background-image: url(images/header_balken_orange.gif); }
.main_menu_darkorange { background-image: url(images/header_balken_darkorange.gif); }
.main_menu_red { background-image: url(images/header_balken_red.gif); }
.main_menu_purple { background-image: url(images/header_balken_purple.gif); }
.main_menu_darkpurple { background-image: url(images/header_balken_darkpurple.gif); }
.main_menu_darkviolet { background-image: url(images/header_balken_darkviolet.gif); }

#sublogo_lang {
	float: right;
	height: 104px;
	width: 204px;
	background-image: url(images/header_bar_bottom_right.gif);
	background-position:left bottom;
	background-repeat:repeat-x;			
}

#sublogo {
	text-align: right;
	height: 48px;
	padding: 27px 14px 0 0;
}

#lang {
	text-align: right;
	padding-right: 7px;
	padding-top: 2px;
}
/*--------------- header center*/

#header_center {
	clear: both;
	width: 995px;
	height: 36px;
}

#header_menu {
	float:left;
	width: 200px;
	height: 36px;
	text-align:right;
	background-position:left;
	background-repeat:repeat-x;
	border-right: 1px solid #ffffff;
	color: #ffffff;
}

#header_center_center {
	float: left;
	background-position:left;
	background-repeat:repeat-x;
	height: 36px;
	width: 587px;
}

.header_menu_grey,
.header_center_center_grey { background-image: url(images/header_center_bg_grey.gif); }

.header_menu_orange,
.header_center_center_orange { background-image: url(images/header_center_bg_orange.gif); }

.header_menu_darkorange,
.header_center_center_darkorange { background-image: url(images/header_center_bg_darkorange.gif); }

.header_menu_red,
.header_center_center_red { background-image: url(images/header_center_bg_red.gif); }

.header_menu_purple,
.header_center_center_purple { background-image: url(images/header_center_bg_purple.gif); }

.header_menu_darkpurple,
.header_center_center_darkpurple { background-image: url(images/header_center_bg_darkpurple.gif); }

.header_menu_darkviolet,
.header_center_center_darkviolet { background-image: url(images/header_center_bg_darkviolet.gif); }

#header_center_right {
	float: left;
	background-position:left;
	background-repeat:repeat-x;
	height: 36px;
	width: 3px;
}


.header_center_right_grey { background-image: url(images/header_center_bg_right_grey.gif); }
.header_center_right_orange { background-image: url(images/header_center_bg_right_orange.gif); }
.header_center_right_darkorange { background-image: url(images/header_center_bg_right_darkorange.gif); }
.header_center_right_red { background-image: url(images/header_center_bg_right_red.gif); }
.header_center_right_purple { background-image: url(images/header_center_bg_right_purple.gif); }
.header_center_right_darkpurple { background-image: url(images/header_center_bg_right_darkpurple.gif); }
.header_center_right_darkviolet { background-image: url(images/header_center_bg_right_darkviolet.gif); }

#search {
	float: right;
	width: 202px;
	height: 30px;
	background-image: none;
	background-color: #888282;
	padding: 6px 2px 0 0 ;
}

/*--------------- header bottom*/

#header_bottom {
	clear: both;
	float: left;
/*	display: block;*/
	background-color: #ececec;
}

#header_bottom_spacer {
	float: left;
	width: 200px;
	min-height: 25px;
	height: auto !important;
	height: 25px;
}

#header_bottom_box {
	float: left;
	width: 591px;
	min-height: 25px;
	height: auto !important;
	height: 25px;
	background-color: #c2c2c2;
}


#breadcrumbs {
	float: left;
	font-size: 91.67%;
	color: #666666;
	min-height: 17px;
	height: auto !important;
	height: 17px;
	border-left: solid 1px #ffffff;
	padding: 7px 0px 3px 22px;
	width: 468px;
}

#fontsize {
	float: right;
	width: 97px;
	height: 25px;
	text-align: right;
	padding: 2px 0px 0 0;
}

#content_actions_header {
	float: right;
	width: 204px;
	background-color: #ececec;
	padding: 4px 0 0 0;
	min-height: 21px;
	height: auto !important;
	height: 21px;
}

.content_action_header_linksgrey {
	padding-top: 2px;
}

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


/* ----------------------------------------------------  breadcrumbs - print */

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

/* ----------------------------------------------------  content area */
#content_area {
	clear: both;
	float: left;
	width: 100%;
	font-size: 100%;
	background-image: url(images/content_left_bg.gif);
	background-position:left top;
	background-repeat:repeat-y;
}
#content_strict {
	clear: both;
	float: left;
	width: 100%;	
	background-image: url(images/content_right_bg.gif);
	background-position:right top;
	background-repeat:repeat-y;	
}

/*--------------- left side */

#left_side_box {
	clear: both;
	float: left;
	width: 200px;
	background-color: #c2c2c2;
}


#left_side {
	clear: both;
	width: 200px;
	min-height: 100px;       /* gute Browser */
	height: auto !important; /* gute Browser */
	height: 100px;
	font-size: 92.31%;       /* 11px */
	padding: 0px 0 0 0px;
}

#login {
	clear: both;
	background-color: #888282;
	min-height: 111px;
	height: auto !important;
	height: 111px;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	color: #ffffff;
	font-size: 92.31%;
	padding: 10px 0;
}

#left_side_bottom {
	min-height: 50px;
	height: auto !important;
	height: 50px;
	font-size: 84.62%;
	padding-left: 0px;
}

/*--------------- content */

#content {
	width: 556px;
	margin: 0;
	min-height: 244px;       /* gute Browser */
	height: auto !important; /* gute Browser */
	height: 244px;
	padding: 14px 12px 20px 23px;
	font-size: 92.31%;      /* 12px */
	float: left;
}
#content_inner {
	float: left;
	margin: 0;
/*	background-image: url(images/content_inner_right_bg.gif);
	background-position:right top;
	background-repeat:repeat-y;*/
}

#content_left {
	float: left;
	width: 555px;
	padding-right: 0px;	
}
/*
#content_right {
	height: 250px;
	float: left;
	width: 162px;
	padding: 20px 23px;
}
*/


/*--------------- right side*/

#right_side {
	float: right;	
	width: 190px;
	min-height: 261px;       /* gute Browser */
	height: auto !important; /* gute Browser */
	height: 261px;
	font-size: 92.31%;
	padding: 14px 5px 14px 5px;
}



/* -------------------------------------------------------  footer */
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top: 1px solid #E1E1E1; 
	border-bottom: 1px solid #E1E1E1; 
	background-color: #888282;
	color: #ffffff;
	font-size: 84.62%;
	padding-bottom:5px;
}

#footer_top {
	
}
#footer_menu {
	padding: 0;
}

#lw_link {
	margin: 0 auto 0 auto;
	width: 995px;
	font-size: 76.93%;
	text-align: right;
	color: #dddddd;
	display:none;
}


.clear {
	clear: both;
	width: 100%;
	color: white;
	display: block; 
	visibilty:hidden;
  	margin:0px;
  	padding:0px;
  	height:0px;
  	border:0px;
  	font-size:1px;
}