﻿html, body, div, p {
	font-family: Arial, Helvetica, sans-serif; 
	color: #484848;
}

body {
	margin: 0px 15px 15px 15px; 
	background: #d9e1e4;
}


/*
LINKS --------------------- */

a:link, a:active, a:visited {
	color: #4385b9;
}

/*
COMMON --------------------- */

br {
	clear: both;
}

hr {
	display: none;
}

p {
	margin: 0; 
	padding-top: 1em; 
	line-height: 1.5em;
	font-size: 9pt;
}

/* 
HEADER --------------------- */

#head {
	position: relative; 
	background: #fff;
	height: 163px;
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#logo {
	position: absolute; 
	top: 0; 
	left: 0;
	width: 270px;
	text-align: left;
	height: 127px;
}

#topnavi-bg {
	position: absolute; 
	top: 127px; 
	left: 0;
	width: 100%;
	text-align: left;
	height: 36px;
	background-image: url(../images/topnavi_bg.jpg);
}

#topnavi-left {
	position: absolute; 
	top: 0px; 
	left: 0;
	width: 5%;
	text-align: left;
	height: 36px;
	background-image: url(../images/topnavi_left.jpg);
	background-repeat: no-repeat;
}

#topnavi {
	position: absolute; 
	top: 0; 
	left: 0;
	margin-left: 5%;
	width: 90%;
	text-align: center;
	height: 36px;
}

#topnavi-right {
	position: absolute; 
	top: 0; 
	left: 0;
	margin-left: 95%;
	width: 5%;
	height: 36px;
	background-image: url(../images/topnavi_right.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}
 
/*
CONTENT --------------------- */

#inhalt {
	position: relative; 
	background: #fff;
	margin-top: 10px;
}

#top-container {
	position: relative; 
	top: 0; 
	left: 0;
	width: 100%;
	text-align: left;
	height: 20px;
	background: url(../images/line_bg.gif) repeat-x;
	background-position: top;
}

#top-left {
	position: absolute; 
	top: 0px; 
	left: 0;
	width: 2%;
	text-align: left;
	height: 20px;
	background-image: url(../images/E_top_left.gif);
	background-repeat: no-repeat;
}

#top-center {
	position: absolute; 
	top: 0; 
	left: 0;
	margin-left: 2%;
	width: 98%;
	text-align: center;
	height: 20px;
}

#top-right {
	position: absolute; 
	top: 0; 
	left: 0;
	margin-left: 98%;
	width: 2%;
	height: 20px;
	background-image: url(../images/E_top_right.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

#content {
	position: relative; 
	top: 0; 
	left: 0;
	border-left: 1px solid #b4b4b4;
	border-right: 1px solid #b4b4b4;
}

#bottom-container {
	position: relative; 
	top: 0; 
	left: 0;
	width: 100%;
	text-align: left;
	height: 20px;
	background: url(../images/line_bg.gif) repeat-x;
	background-position: bottom;
}

#bottom-left {
	position: absolute; 
	top: 0px; 
	left: 0;
	width: 2%;
	text-align: left;
	height: 20px;
	background-image: url(../images/E_bottom_left.gif);
	background-repeat: no-repeat;
}

#bottom-center {
	position: absolute; 
	top: 0; 
	left: 0;
	margin-left: 2%;
	width: 98%;
	text-align: center;
	height: 20px;
}

#bottom-right {
	position: absolute; 
	top: 0; 
	left: 0;
	margin-left: 98%;
	width: 2%;
	height: 20px;
	background-image: url(../images/E_bottom_right.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

/*
FOOTER --------------------- */

#footer {
	padding: 8px 0 1em; 
	text-align: center;
}

#footer p {
	font-size: 10px; 
	color: #b4b4b4;
}

/*
SIDEBAR --------------------- */

#sidebar-header {
	/*position: relative;*/
	width: 175px;
	height: 40px;
	background-image: url(../images/sidebar_top.jpg);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 5px;
}

#sidebar-txt {
	/*position: relative;*/
	width: 163px !important;
	width: 175px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px solid #b4b4b4;
	border-right: 1px solid #b4b4b4;
}

#sidebar-footer {
	/*position: relative;*/
	width: 175px;
	height: 40px;
	text-align: center;
}



#container, #footer {
	margin: 0 auto; 
	min-width: 740px;
	max-width: 1380px; 
}
	
.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	
