/*
Project: Hamburg Sued
Version: 5
File: base.css
Author: Phillip Woelfel

Only include layout specific styles in this stylesheet. Do not include color, content or form specific styles. This stylesheet needs an Eric Meyer CSS reset (please refer to patches/global.css).
*/
@media screen {
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
}
#header {
	width: 980px;
	position: relative;
	height: 90px;
}
#sls_half {
	padding-left: 250px;
	display: block;
}
#sls_full {
	display: block;
}
#sls_half object, #sls_full object, #flash img {
	display: block;
} 
#main {
	position: relative;
	width: 980px;
	padding: 0 0 20px 0;
}
#main_half {
	position: relative;
	width: 980px;
	padding: 0 0 20px 0;
}
#page {
	width: 730px;
	position: relative;
	margin-left: 250px;
	min-height: 550px;
	height:auto !important;
	height: 550px;
}
#sb_left {
	position: absolute;
	top: 0px;
	width: 230px;
}
#shadow {
	width: 16px;
	height: 310px;
	position: absolute;
	top: 80px;
	left: 980px;
	background-image: url(img/bg_shadow.png);
}
/* @group Logo */
div#logo h1 {
	margin: 0;
	padding: 0;
}
div#logo h1 a {
	position: absolute;
	top:  18px;
	left:  28px;
	display: block;
	width: 185px;
	height: 50px;
	text-indent: -9999px;
}
div#chapter h2 {
	position: absolute;
	min-width: 185px;
	text-align: center;
	font-size: 116.66%;
	font-weight: bold;
	text-transform: uppercase;
	top: 62px;
	left: 28px;
	margin: 0px;
	padding: 0px;
}
/* @end */
/* @group toolbar */
#toolbar {
	position: absolute;
	bottom: 15px;
	right: 0px;
}
#toolbar ul {
	margin: 0px;
	padding: 0px;
}
#toolbar li {
	display: inline;
}
#toolbar li.home a {
	padding-left: 20px;
}
#toolbar li.search {
	padding-left: 7px;
	background: none;
}
#toolbar li.language {
	padding-left: 0px;
	background: none;
}
#toolbar a {
	padding: 0px 7px 0px 5px;
		text-decoration: none;
}
li.search form, li.search fieldset {
	display: inline;
}
li.search input.searchtxt {
	vertical-align: middle;
	font-size: 75%;
	width: 125px;
	height: 14px;
	border: none;
	margin-left: 3px;
}
li.search input.searchbtn {
	vertical-align: middle;
	text-indent: -999px;
	line-height: 14px;
	margin:  0;
	border: none;
	height: 16px;
	width: 20px
}
li.search input.searchbtn:hover { 
}
/* @end */
/* @group Navigation */
#navigation {
	display: none;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#navigation ul li {
	float: left;
}
#navigation a{
	text-decoration: none;
	display: block;
	width: auto;
	padding: 7px 9px;
}
/* @end */
/* @group Subnavigation */
table.subnavi {
	border: none;
	margin: 0;
}
table.subnavi td {
	height: 272px;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
#subnavigation {
	width: 215px;
	padding:  0 0 15px 15px;
	z-index: 100;
}
#subnavigation ul {
	line-height: 1em;
	margin: 0;
	padding: 0;
}
#subnavigation ul ul {
	margin: 3px 0 0 0;
	padding: 0;
	}
#subnavigation ul ul ul {
	margin: 3px 0 0 0;
	padding: 0;
}
#subnavigation ul li {
 display: inline;
	margin: 0;
	padding: 0;
	background: none;
}
#subnavigation ul li a {
	margin: 3px 0 0 0;
	padding: 6px 4px 6px 35px;
	text-decoration: none;
	display: block;
}
#subnavigation ul li li a {
	margin: 0;
	padding: 4px 4px 4px 50px;
	text-decoration: none;
}
#subnavigation ul li li li a {
	margin: 0;
	padding: 4px 0 4px 60px;
	text-decoration: none;
}
/* @end */
/* @group subtemplates */
#col_sidebar {
	padding: 50px 22px 0 20px;
	float: right;
	width: 185px;
	min-height: 550px;
	height:auto !important;
	height: 550px;
}
#col_content {
	position: relative;
	padding: 50px 0 0 0;
	float: left;
	width: 500px;
	overflow: hidden;
	}
#page_content {
	padding: 50px 0 0 0;
}
div.col_16 {
	width: 16%;
	float: left;
}
div.col_20 {
	width: 20%;
	float: left;
}
div.col_25 {
	width: 25%;
	float: left;
}
div.col_30 {
	width: 30%;
	float: left;
}
div.col_33 {
	width: 33.33%;
	float: left;
}
div.col_50 {
	width: 50%;
	float: left;
}
div.col_70 {
	width: 70%;
	float: left;
}
div.col_75 {
	width: 75%;
	float: left;
}
div.col_80 {
	width: 80%;
	float: left;
}
div.col_100 {
	width: 100%;
	}
.subcontainer {
	margin-bottom: 10px;
}
.content {
	padding-right: 20px;
}
.content:after, .subcontainer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* @end */
/* @group footer */
div#footer {
	padding: 20px 0;
	width: 980px;
	text-align: right;
}
div#footer a {
	font-weight: bold;
	font-size: 83.33%;
	text-decoration: none;
}
div#footer ul li {
	display: inline;
	padding: 0 8px;
}
div#footer ul li.last {
	padding-right: 0px;
	background: none;
}
#print_footer {
	display: none;
}
/* @end */
/* @group breadcrumb */
#breadcrumb {
	width: 495px;
	font-size: 83.33%;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 10px;
}
#breadcrumb a {
	font-weight: normal;
	text-decoration: none;
	padding: 0 12px 0 0;
}
div#breadcrumb ul {
	margin: 0px;
	padding: 0px;
}
#breadcrumb ul li {
	display: inline;
	padding: 0;
	margin: 0 5px 0 0;
	background: none;
}
/* @end */
/* @group tools */
#tools {
	position: absolute;
	top: 50px;
	right: 20px;	
}
a.print {
	margin-left: 3px;
	display: block;
	width: 19px;
	height: 11px;
	text-indent: -999px;
	float: right;
}
a.recommend {
	margin-left: 3px;
	display: block;
	width: 16px;
	height: 11px;
	text-indent: -999px;
	float: right;
}
a.download {
	margin-left: 3px;
	display: block;
	width: 17px;
	height: 11px;
	text-indent: -999px;
	float: right;
}
/* @end */
}