/*
  CSS for burmeister-gmbh.de
*/

/* - Open Sans Font ------------------------------------------------------------------------ */
/* Open Sans Regular */
@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Regular-webfont.eot');
    src: url('/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: normal;
}
/* Open Sans Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Italic-webfont.eot');
    src: url('/fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('/fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('/fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: italic;
}
/* Open Sans Bold */
@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Bold-webfont.eot');
    src: url('/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('/fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('/fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: bold;
    font-weight: 700;
    font-style: normal;
}

/* - Roboto Font --------------------------------------------------------------------------- */
/* Roboto Regular */
@font-face {
	font-family: 'Roboto';
	src: url('/fonts/Roboto-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/* Roboto Bold */
@font-face {
	font-family: 'Roboto';
	src: url('/fonts/Roboto-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
/* Roboto Italic */
@font-face {
	font-family: 'Roboto';
	src: url('/fonts/Roboto-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
/* RobotoMono Regular */
@font-face {
	font-family: 'RobotoMono';
	src: url('/fonts/RobotoMono-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/* RobotoMono Bold */
@font-face {
	font-family: 'RobotoMono';
	src: url('/fonts/RobotoMono-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
/* ----------------------------------------------------------------------------------------- */


html {
	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll;
}

body {
	height: 100%;
	min-height: 100%;
	max-width: 950px;
	
	margin: auto;
	padding: 0;
	
	font-family: "Roboto";
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	
	background-image: url('/images/background.jpg');
}

.quickinfo {
	float: right;
	margin: 0px;
	margin-left: 30px;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 5px;
	padding-right: 10px;
	border: 2px solid #AA0000;
	background-color: #E0E0E0;
}
.quickinfocenter {
	width: 600px;
	margin: 0px auto;
	padding: 5px;
	padding-right: 10px;
	border: 2px solid #AA0000;
	background-color: #E0E0E0;
}


/* content container */
.center {
	width: 100%;
	height: 100%;
	border: 0px solid #444444;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 0px 0px #FFFFFF inset, 0px 0px 0px 0px #FFFFFF inset, 12px 0 15px -4px rgba(200, 200, 200, 0.8) inset, -12px 0 15px -4px rgba(200, 200, 200, 0.8) inset;
	margin: 0;
	padding: 0;
}

.content {
	height: 100%;
	min-height: 400px;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 40px;
}
.content-wide {
	height: 100%;
	margin: 0;
	padding: 0;		
	margin-left: 15px;
	margin-right: 15px;
}
.content hr {
	color: #AA0000;
}
.content h1 {
	width: 100%;
	min-height: 30px;
	margin: 0px;
	padding: 0px;
	padding-left: 0px;
	padding-top: 20px;
	padding-bottom: 16px;
	font-size: 22px;
	font-weight: normal;
}
.content h2 {
	width: 100%;
	min-height: 20px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: normal;
}
.content h3 {
	width: 100%;
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
	font-weight: bold;
}
.content h4 {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

.imagesubtitle {
	text-align: center;
	font-size: 13px;
}

.imgautoscale600 {
	width: 100%;
	max-width: 600px;
}

.imgautoscale800 {
	width: 100%;
	max-width: 800px;
}

/* content layout table */
.content table.layout {
	border: 0px solid black;
	empty-cells: show;
	border-collapse: collapse;
	margin: 0px;
}
.content th.layout {
	border: 0px solid black;
	text-align: center;
	padding: 0px;
	background-color: #EEEEEE;
}
.content td.layout {
	border: 0px solid black;
	padding: 2px;
}
.content td.layout_top {
	border: 0px solid black;
	padding: 2px;
	padding-left: 5px;
	vertical-align: top;
}

/* normal content tables */
.content table {
	border: 1px solid black;
	empty-cells: show;
	border-collapse: collapse;
	margin: 10px;
	margin-left: 0px;
}


.content th {
	border: 1px solid black;
	text-align: center;
	padding: 5px;
	background-color: #EEEEEE;
}
.content td {
	border: 1px solid black;
	padding: 3px;
}
.content td.centerbold {
	width: 50px;
	text-align: center;
	vertical-align: top;
	font-weight: bold;
}
.content td.center {
	text-align: center;
}
.content td.right {
	text-align: right;
}
.content td.top {
	width: 50px;
	vertical-align: top;
}
.content th.settings {
	border: 1px solid black;
	text-align: center;
	padding: 5px;
	background-color: #AAAAAA;
	vertical-align: top;
	text-align: right;
}
.content ul {
	margin-top: 0px;
}
.content li.stellen {
	margin-top: 5px;
	margin-bottom: 20px;
}


/* header styling */
.header {
	width: 100%;
	border: 0px solid #444444;
	border-bottom: 2px solid #AA0000;
	background-color:#FFFFFF;
	box-shadow: 0px 0px 0px 0px #FFFFFF inset, 0px 0px 0px 0px #FFFFFF inset, 12px 0 15px -4px rgba(200, 200, 200, 0.8) inset, -12px 0 15px -4px rgba(200, 200, 200, 0.8) inset;
	margin: 0;
	padding: 0;
	min-height: 30px;
}

/* -------------------------- header optimizazion for monile devices --------------------------- */
@media screen and (max-width: 640px){
	.header_company {
		text-align: right;
		color: #AA0000;

		font-family: Arial;
		font-size: 36px;
		font-weight: bold;

		padding: 0px;
		padding-top: 5px;
		padding-bottom: 0px;
		padding-right: 25px;
	}
	.header_subtitle {
		text-align: right;
		color: #000000;
		
		font-family: Arial;
		font-size: 20px;	
		font-weight: bold;
		
		padding: 0px;
		padding-right: 25px;
		padding-bottom: 5px;
		
		margin-top: -8px; /* reduce distance to header_company */
		margin-bottom: 0px;
	}
}
@media screen and (min-width: 641px){
	.header_company {
		text-align: right;
		color: #AA0000;

		font-family: Arial;
		font-size: 46px;
		font-weight: bold;

		padding: 0px;
		padding-top: 5px;
		padding-bottom: 0px;
		padding-right: 45px;
	}
	.header_subtitle {
		text-align: right;
		color: #000000;
		
		font-family: Arial;
		font-size: 26px;	
		font-weight: bold;
		
		padding: 0px;
		padding-right: 45px;
		padding-bottom: 5px;
		
		margin-top: -8px; /* reduce distance to header_company */
		margin-bottom: 0px;
	}
}


.header_company_small {
	text-align: right;
	color: #AA0000;

	font-family: Arial;
	font-size: 23px;
	font-weight: bold;

	padding: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-right: 40px;
}
.header_subtitle_small {
	text-align: right;
	color: #000000;
	
	font-family: Arial;
	font-size: 13px;	
	font-weight: bold;
	
	padding: 0px;
	padding-right: 40px;
	padding-bottom: 5px;
}
.header_menu {
	border-top: 2px solid #AA0000;
	background-color: #E0E0E0;
	
	padding: 0px;
	padding-left: 15px;
	margin: 0px;

	font-weight: normal;
	font-size: 18px;
}
.header_menu_item {
	color: #000000;
	
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	
	/*font-weight: bold;*/
	display: inline-block;
	
	border-bottom: 3px solid transparent;
}
.header_menu_item a {
	color: #000000;
	
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	
	display: inline;
	
	text-decoration: none;
	border-bottom: 3px solid transparent;
}
.header_menu_item a:visited {
	text-decoration: none;
}
.header_menu_item a:hover {
	background-color: #C0C0C0;
	border-bottom: 3px solid #AA0000;
}

.header_menu_item_right {
	color: #000000;

	margin-left: 10px;	
	margin-right: 30px;
	
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	
	/*font-weight: bold;*/
	display: inline-block;
	float: right;
	
	border-bottom: 3px solid transparent;
}
.header_menu_item_right a {
	background-color: #E0E0E0;
	color: #000000;
	
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	
	/*font-weight: bold;*/
	display: inline;
	text-decoration: none;
}
.header_menu_item_right a:visited {
	text-decoration: none;
}
.header_menu_item_right a:hover {
	background-color: #C0C0C0;
	border-bottom: 3px solid #AA0000;
}


/* footer styling */
.footer {
	border-top: 2px solid #AA0000;
	width: 100%;
	text-align: left;
	padding: 0px;
	height: 35px;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 0px 0px #FFFFFF inset, 0px 0px 0px 0px #FFFFFF inset, 12px 0 15px -4px rgba(200, 200, 200, 0.8) inset, -12px 0 15px -4px rgba(200, 200, 200, 0.8) inset;
}
.authdiv {
	float: left;
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	min-width: 150px;
	height: 100%;
	vertical-align: middle;
	font-size: 12px;
}
.statusdiv {
	float: left;
	margin: 0px;
	margin-left: 10px;
	padding: 0px;
	height: 100%;
	line-height: 28px;
	vertical-align: middle;
	font-size: 12px;
}
.infodiv {
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: right;
	padding-right: 30px;
	width: 50%;
	height: 100%;
	line-height: 28px;
	vertical-align: middle;
	font-size: 12px;
}