﻿body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: white;
	font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-size: 10pt;
	color: #666666;
	
	overflow-y: scroll; /*hack for always scroll-bar*/

}

/* debug

div {
    border: 1px fuchsia solid;
}
 */

#HeaderBar {
	height: 105px;
	background-image: url('images/headerBackground.png'); 
	background-repeat: repeat-x;
}
#Header{
/*	max-width: 1024px; */
	width: 1000px;
	height: 105px;
	margin-right:auto;
	margin-left:auto;
 	background-image: url('images/header.jpg'); 
	background-repeat: no-repeat;
}

#Menu {
	float: right;
	color: white;
	margin-top: 80px;
	margin-right: 10px;
	font-size: 12pt;
}
#Menu a{
	color: white;
	text-decoration: none;
}
#Menu a:hover {
	color: white;
	text-decoration: underline;
}

#SlideBoxBar {
	height: 276px;
	background-image: url('images/sliderBarBackground.png'); 
	background-repeat: repeat-x;
	display: block;
}
#SlideBox {
	height: 276px;
/*	max-width: 1024px; */
	width: 1000px;
	margin-right:auto;
	margin-left:auto;
	overflow: hidden;
}
.SlideBoxItem {
	height: 276px;
	width: 1000px;
	background-color: transparent;
}

#ContentBar {
	background-color: #F0F0F0;
	background-image: url('images/contentBack.png'); 
	background-repeat: repeat-y;
	background-position: center;
	
	min-height: 100%;
	height:auto !important;
	height:100%;
	overflow: hidden !important;
}
#Content {
	display: block;
	
/*	max-width: 1024px; */
	width: 1000px;
	
	margin-right:auto;
	margin-left:auto;

	min-height: 100%;
	height:auto !important;
	height:100%;
	overflow: hidden !important;
	
/*	
	box-shadow: 0px 0px 10px #555; 
*/
}

.Row {
	clear: both;
	margin-left: 3.5%;
	margin-right: 3.5%;
	margin-bottom: 10px;
	
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */ 
	height:100%; /* Mindesthöhe für den IE */ 
	overflow: hidden !important; /* FF Scroll-leiste */
}

.Box {
/* 	background-image: url('images/box.png'); 
	background-repeat: no-repeat;
	border: thin #e5e5e5 solid;
	height: 150px;
*/	
	float: left;
	width: 31.333333333333333333333333333333%;
}
.Box2 {
	float: left;
	width: 65.666666666666666666666666666667%;
}

.BoxSpace {
	float: left;
	width: 3%;
	height: 10px;
}

#FooterBar {
	height: 70px;
	background-color: #D9D9D9;
	clear: both;
}
#Footer {
	height: 70px;
/*	max-width: 1024px; */
	width: 1000px;

	margin-right:auto;
	margin-left:auto;
	
	text-align: center;
	font-size: 9pt;
	color: #808080;
}
#Footer a{
	color: #808080;
	text-decoration: none;
}
#Footer a:hover {
	color: #333333;
	text-decoration: underline;
}

h1 {
	font-size: 17pt;
	font-weight: normal;
/*	color: #7b86be; */
	color: #2170b3;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
}

h2 {
	font-size: 24pt;
	font-weight: inherit;
	color: #2170b3;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
/* emboss	text-shadow: 1px 1px #333,-1px -1px #fff; */
}

h3 {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
}

p {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	text-align: left;
}

.SubTitle {
	font-size: 120%;
}

a {
	color: #2170b3;
	text-decoration: none;
}

.Date {
	font-size: 90%;
	font-weight: bold;
	margin-bottom: -7px;	
}
.News {
	margin-bottom: 8px;
}

.CustomizedBulletList {
	padding-left: 5px;
}
.CustomizedBulletList li { 
	list-style-type: none;
	background:url('images/bullet.png') no-repeat;
	background-position: left 4pt;
	padding-left: 24px;
	line-height: 28px;
	font-size: 12pt;
}

#AwardsBox {
	display: inline-block;
	width: 100%;
	min-height: 230px;
	line-height: 13.5pt; 
    padding: 30px 10px 10px 10px;
	background-Image: url(images/fakt_awards.png);
	background-repeat: no-repeat;
	background-position: -30px bottom;

    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {
	border: 0px;
}

.BoxIcon {
	float:left; 
	margin:5px 5px 0px 0px; 
	width:40px; 
	height:40px;
}

.JobLink {
	color: #2170b3;
	text-decoration: none;
	cursor: pointer; /* hand cursor */
	background:none;
	background-position: left 4pt;
	padding-left: 24px;
	line-height: 20px;
}
.JobLink:hover {
	text-decoration: underline;
}
.JobLink.Active {
	background:url('images/bullet.png') no-repeat;
}