/**
 * © 2016 JDIAS Solutions 
**/
/* ======================================================================================= */

/* ======================================================================================= */
/* General Style ========================================================================= */
/* ======================================================================================= */


/* Html, Body ============================================================================ */
/* ======================================================================================= */

html, body { 
	/*display: flex;*/
	height: 100%; /* Seite soll sich über die gesamte Browserhöhe erstrecken */ 
	font-size: 100%;  /* 1em enspricht 100%, im Standard-Browser sind das 16px */
	background: #DCDCDC;
	margin: 0em;
	padding: 0em;
	color: #000;
}

/* Schriften ============================================================================= */
/* ======================================================================================= */

h1 { 
	font-size: 1.5em;
	line-height: 2.5em;
	font-family: Verdana,Calibri,Arial,Helvetica, sans-serif; 
	font-weight: 100;
	color: #000; 
	margin: 0em;
	margin-bottom: 0.75em;
	padding: 0em;
}

h2 { 
	font-size: 1.25em;
	line-height: 1.25em;
	font-family: Verdana,Calibri,Arial,Helvetica, sans-serif; 
	font-weight: 100;
	color: #000; 
	margin: 0em;
	padding: 1em 1em 1em 1em;
	text-align: left; 
}

h3 { 
	font-size: 1em;
	line-height: 1.5em;
	font-family: Verdana,Calibri,Arial,Helvetica, sans-serif; 
	font-weight: 100;
	color: #000; 
	margin: 0em;
	padding: 0em 1em 0em 1em;
	text-align: left; 
}

p { 
	line-height: 1.25em;
	font-family: Verdana,Calibri,Arial,Helvetica, sans-serif;
	font-weight: 100;
	color: #000; 
	margin: 0em;
	padding: 0.25em 1.25em 0.25em 1.25em;
	text-align: justify; 
}

/* Listen ================================================================================ */
/* ======================================================================================= */

ul {
	margin: 0em;
	padding: 0em;
}

li {
	list-style: square;
	font-family: Verdana,Calibri,Arial,Helvetica, sans-serif; 
	font-weight: 100;
	line-height: 1.25em;
	color: #000; 
	/*margin: 0.313em 0em 0.313em 0em;*/
	/*padding: 1.25em;*/
	margin: 0em;
	padding: 0em;
}

/* Links ================================================================================= */
/* ======================================================================================= */

a {
	text-decoration: none;
}

a.xxx {
	padding: 15px;
	margin: 0px 0px 0px 0px;
	outline: 0 none;
	color:#C1C1C1;
	/*text-decoration:none;*/
	/* border-style:solid solid none; */
	font-size:0.9em;
	font:12px/1.5em Verdana,Calibri;
	link: text-decoration:none; font-weight:normal; color:#C1C1C1; background-color:#ffffff;
	visited: text-decoration:none; font-weight:normal; color:#C1C1C1; background-color:#ffffff;
	hover: text-decoration:underline; font-weight:normal; color:#C1C1C1; background-color:#ffffff;
	active: text-decoration:none; font-weight:normal; color:#C1C1C1; background-color:#ffffff;
	focus: text-decoration:none; font-weight:normal; color:#C1C1C1; background-color:#ffffff;
}

/* Tabellen ============================================================================== */
/* ======================================================================================= */

/* Header */
table.table_header {
	width: 100%;
	height: 80px; /* height of Header */
}

table.table_header td.td_logo {
	padding: 0px;
}

table.table_header td.td_menubar {
	min-width: 165px;
}

/* Construction */
table.table_construction {
	width: 100%;
}

table.table_footer {
	width: 100%;
}

table.table_copyright {
	width: 100%;
	height: 25px;
	xbackground: #7C7C7C;
	xbackground: #686868;
	background: #2B2B2B;
	position: absolute;
	bottom: 0px;
	opacity: 0.95;
}

/* Images ================================================================================ */
/* ======================================================================================= */

img {
	width: 90%;
	height: auto;
	max-width: 100%;
}

/* Menu */
img.menu {
	width: 50%;
	height: auto;
	max-width: 100%;
}

/* Logo */
img.logo {
	position: relative;
	z-index:12;	
}

/* Construction */
img.img_construction {
	position: relative;
	top: 1em;
	left: 1em;
}

/* ======================================================================================= */
/* Structur Style ======================================================================== */
/* ======================================================================================= */


/* Body Container ======================================================================== */
/* ======================================================================================= */

div.div_body { 
	display: block;
	min-height: 100%; /* Body Container soll sich über die gesamte Browserhöhe erstrecken */
	width: 100%;
	background-color: #dcdcdc;
	
	position: absolute;
	top: 0px;

}


/* Header ================================================================================ */
/* ======================================================================================= */

header {
	display: block;
	width: 100%;
	min-height: 80px auto; /* height of Header */
	background: #FFFFFF;	
	text-align: center;
}

div.div_header {
	display: block;
	width: 100%;
	min-height: 80px; /* height of Header */
	background: #FFFFFF;
	text-align: center;
	
	border-top: 1px solid #555;
	xborder-top: 1px solid #2B2B2B;
	border-bottom: 1px solid #996766;
	box-shadow: 0px 0px 10px -5px #4C4948;
	
	position: fixed;
	top: 0px;
	z-index: 11;
	opacity: 1.0;
}

#distance4header {
	display: none;
	xdisplay: block;
	width: 100%;
	min-height: 80px; /* height of Header */
	background-color: #F00000;
}


/* Main ================================================================================== */
/* ======================================================================================= */

#main {
	display: block;
	width: 96%;
	xmin-height: 100%;
	max-width: 1030px;
	background: #FDF8EB;
	
	padding-top: 80px; /* height of Header */
	padding-bottom: 80px; /* height of Footer */
	
}

div.div_main {
	display: block;
	xwidth: 96%;
	xmin-height: 100%; /* Main Container soll sich über die gesamte Browserhöhe erstrecken */
	min-height: 100vh;
	xmin-height: 100vw;
	xmin-height: 100vmin;
	xmin-height: 100vmax;
	max-width: 1030px;
	background: #FDF8EB;
	
	padding: 1em;
	margin: 1.25em auto;
	
	padding-top: 0em;
	margin-top: 0em;
	padding-bottom: 0em;
	margin-bottom: 0em;
	
	xpadding-top: 80px; /* height of Header */ /* -- führt zu einer Scrollbar -- */
	xpadding-bottom: 80px; /* height of Footer */  /* -- führt zu einer Scrollbar -- */
	
	position: relative;
	top: 0px;
}


/* Footer ================================================================================ */
/* ======================================================================================= */

footer {
	display: block;
	width: 100%;
	min-height: 80px auto; /* height of Footer */
	background: #996766;
	text-align: center;
}

div.div_footer
{
	display: block;
	width: 100%;
	min-height: 5em; /*80px=5em;*/ /* height of Footer */	
	background: #996766;
	text-align: center;
	
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border:0px solid #dddddd;
	border-top: 1px solid #75504F;
	box-shadow: 0px 0px 10px -5px #4C4948;
	
	position: absolute;
	bottom: 0px;
	opacity: 0.95;
}

#distance4footer {
	display: none;
	xdisplay: block;
	width: 100%;
	min-height: 80px; /* height of Footer */
	background-color: #0000F0;
}


/* Article =============================================================================== */
/* ======================================================================================= */

#main article {
	display: inline-block;
	width: 65.3%;
	background: #FFFFFF;
	vertical-align: top;
	margin: 0em;
	padding: 0em;
	text-align: center;
}

#main article h2 {
	padding: 1em 1em 1em 1.8em;
}

#main article img {
	max-width: 560px;
	box-shadow: 0px 0px 10px -5px #4C4948;
	border-radius: 5px;
}


/* Sidebar =============================================================================== */
/* ======================================================================================= */

#main aside {
	display: inline-block;
	width: 30.6%;
	margin-left: 3%;
	margin-top: 15px;
	padding: 0em;
	vertical-align: top;
}

#main aside section {
	margin-bottom: 1.563em;
	background: #FFFFFF;
	/*border-bottom: 0.375em solid #BE9392;*/
	border: 0.125em solid #BE9392;
	box-shadow: 0px 0px 10px -5px #4C4948;
	border-radius: 5px;
}

#main aside section h2 {
	padding: 1em 1.8em 1em 1.8em;
}

#main aside section ul {
	padding: 0em 1.875em 1.25em 2.5em;
}


/* ======================================================================================= */
/* Navigation Style ====================================================================== */
/* ======================================================================================= */


/* Header Bar ============================================================================ */
/* ======================================================================================= */

#infobar {
	display: none;
	background-color: #FFFFFF;	
}

#menubar {
	display: none;
	background-color: #FFFFFF;	
}

#menubar ul {
	display: block;
	width: 2em;
	padding: 0.188em;
	position: relative;
	top: 2px;
}

#menubar ul li {
	display: inline;	
}

#menubar ul li a.menubutton {
	display: xnone;
}

/* General Navigation ==================================================================== */
/* ======================================================================================= */

nav ul li a:hover:not(.current) {
	background: #EEE;
	color: #000;
}

nav ul li a:active {
	background: #EEE;
	color: #000;
}

nav ul li a:focus {
	background: #EEE;
	color: #000;
}

nav ul li a:visited {
	background: #EEE;
	color: #000;
}

nav ul li a.menu,
nav ul li a.current, a:hover:not(.current), a:active, a:focus, a:visited {
	/*border-radius: 0.313em;*/
	border-top-left-radius: 0.313em;
	border-top-right-radius: 0.313em;
	border-bottom-left-radius: 0.313em;
	border-bottom-right-radius: 0.313em;
	xbox-shadow: 0px 0px 10px -5px #4C4948;
}

nav ul li a.nocurrent, a:hover:not(.nocurrent), a:active, a:focus, a:visited {
	/*border-radius: 0.313em;*/
	border-top-left-radius: 0.313em;
	border-top-right-radius: 0.313em;
	border-bottom-left-radius: 0.313em;
	border-bottom-right-radius: 0.313em;
	xbox-shadow: 0px 0px 10px -5px #4C4948;
}

nav ul li {
    display: inline;
    margin: 0em 0em 0em 0em;
    padding: 0em;
    list-style: none;
    white-space: nowrap;
}

nav ul li a {
	color: #999;
	opacity: 0.95;
	font-size: 1.0em;
	/*line-height: 2.5em;*/
	line-height: 100%;
	/*padding: 3px 12px;*/
	padding: 0.563em 0.983em 0.563em 0.983em;
	transition:background 0.2s;
	-webkit-transition:background 0.2s;
	/*text-decoration: none;*/
	xborder-bottom: 0.375em solid #FFFFFF;
}


/* Header Navigation ===================================================================== */
/* ======================================================================================= */

nav.nav_header {
	display: block;
    xmax-width: 800px auto;
	height: 2.5em;
    min-height: 30px;
	background: #FFFFFF;
	text-align: center;

	margin: 0px 0px 0px 0px;

    position: relative;
    top: 3px;
    right: 0px;
}

nav.nav_header ul {
	display: block;
    margin: 0;
    padding: 0px;
    
    position: relative;
    top: 15.5px;
    vertical-align: center;
    /*white-space: nowrap;*/
}

/* Hide menu item initially */
nav.nav_header ul li.menu {
	display: none;
}


/* Disable Link for menu li-item */
nav.nav_header ul li a.menu {
    pointer-events: none;
    cursor: default;
    /*cursor: none;*/
    /*-webkit-touch-callout: none;*/
}

nav.nav_header ul li a.menu,
nav.nav_header ul li a.current {
	background: #555;
	color: #FFF;
}

nav.nav_header ul li a.menu,
nav.nav_header ul li a.current,
nav.nav_header ul li a:hover:not(.current),
nav.nav_header ul li a:active,
nav.nav_header ul li a:focus,
nav.nav_header ul li a:visited {
	border-bottom: 0.375em solid #BE9392;
}

/* right nav */
nav.right ul {
	text-align: right;
}

/* center nav */
nav.center ul {
	text-align: center;
}

/* Footer Navigation ===================================================================== */
/* ======================================================================================= */

nav.nav_footer {
	display: block;
    xmax-width: 800px auto;
	height: 2.5em;
    min-height: 30px;
	background: #996766;
	text-align: center;

	margin: 0px 0px 0px 0px;

    position: relative;
    top: 2px;
    left: 0px;
}

nav.nav_footer ul {
	display: block;
	width: 100%;
	/*max-width: 1030px;*/
	text-align: right;
	margin: 0px auto;
}

nav.nav_footer ul li {
	display: inline;
	font-size: 0.8em;
	line-height: 0em;
	color: #E2DBDB;
	padding: 0em 0.625em 0em 0.625em;
}

nav.nav_footer ul li a {
	color: #E2DBDB;
}

nav.nav_footer ul li a.current {
	background: #333;
	color: #FFF;
}

nav.nav_footer ul li a.current,
nav.nav_footer ul li a:hover:not(.current),
nav.nav_footer ul li a:active,
nav.nav_footer ul li a:focus,
nav.nav_footer ul li a:visited {
	border-top: 0.375em solid #BE9392;
}


/* JDIAS Navigation ===================================================================== */
/* ======================================================================================= */

nav.nav_jdias {
	text-align: right;	

	position: relative;
    top: -2px;
}

nav.nav_jdias ul li {
	display: inline;
	font-size: 0.8em;
	line-height: 0em;
	color: #E2DBDB;
	padding: 0em 0.625em 0em 0.625em;
}

nav.nav_jdias ul li a {
	color: #E2DBDB;
}



/* ======================================================================================= */
/* Content Style ========================================================================= */
/* ======================================================================================= */

/* Construction */
section.section_construction {
	margin-bottom: 1.563em;
	margin-left: 0.626em;
	margin-right: 0.313em;
	background: #FFFFFF;
	border: 0.125em solid #BE9392;
	box-shadow: 0px 0px 10px -5px #4C4948;
	border-radius: 5px;
}


/* ======================================================================================= */
/* Mobile Style ========================================================================== */
/* ======================================================================================= */


/* Max-Width: 1000px ===================================================================== */
/* ======================================================================================= */

@media screen and (max-width: 1000px) { /*1000px=62.5em*/

/* Body */
body {
	font-size: 100%;
}

/* Navigation */	
nav.nav_header ul {
	background: #FFFFFF;
	
	xborder: solid 1px #aaa;
	border-radius: 0.313em;
	box-shadow: 0px 0px 10px -5px #4C4948;

	width: 11.25em;
	position: relative;
	top: 10.5px;
	left: 5px;
}
	
/* hide all <li> items */
nav.nav_header ul li {
	display: none;
	margin: 0;
}

/* diplay no border for <li> item in menu */
nav.nav_header ul li a.current,
nav.nav_header ul li a:hover:not(.menu),
nav.nav_header ul li a:active,
nav.nav_header ul li a:focus,
nav.nav_header ul li a:visited {
	border-bottom: 0px solid #BE9392;
}

/* show only menu <li> item */
nav.nav_header ul li.menu{
	display: block;
}

/* show only current <li> item */
nav.nav_header ul li.current{
	/*display: block;*/
}

/* show only nocurrent <li> item, default: Home */
nav.nav_header ul li.nocurrent{
	/*display: block;*/
}

/* show menu icon initial on current link, when list is close */
/*nav.nav_header ul li a.current {*/
/* show menu icon initial on menu link, when list is close */
nav.nav_header ul li a.menu {
	background-image: url(../img/icon-pointmenu-white.png);  /* show menu icon */
	background-repeat: no-repeat;
	background-position: 12px 10px;
}

nav.nav_header ul li a.current {
	background: #EEE;
	color: #000;
}

nav.nav_header a {
	display: block;
	text-align: left;
	text-indent: 25px;
}
	
nav.nav_header .current a {
	background: none;
	color: #666666;
}

/* on nav hover */
nav.nav_header ul:hover {
	xbackground: none;
}

/* menu will be opened */
nav.nav_header ul:hover li {
	display: block;
	opacity: 1.0;
	margin: 0 0 0px;
	xmargin-bottom: 0.375em;
}

/* show check icon on current link, when list is open */
nav.nav_header ul:hover li a.current {
	background-image: url(../img/icon-check-darkgrey-trans.png);  /* show check icon */
	background-repeat: no-repeat;
	background-position: 12px 12px;
}

/* hover on not menu and not current <a> */
nav.nav_header ul li a.nocurrent:hover {
	background: #FFF;
	color: #000;
}

nav.nav_footer ul li a:active {
	color: #000;
}
	
}


/* Max-Height: 520px ===================================================================== */
/* ======================================================================================= */

@media screen and (max-height: 520px) { /*720px=45.0em*/

/* Header */
table.table_header {
	height: 64px;
}

div.div_header {
	min-height: 64px;
}

div.div_header header {
	min-height: 64px;
}

/* Navigation */	
nav.nav_header ul {
	top: 12.5px;
}

nav ul li a:not(.menu) {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

/* Footer */
div.div_footer {
	min-height: 4em;
}


}


/* Max-Width: 1000px and Max-Height: 520px =============================================== */
/* ======================================================================================= */

@media screen and (max-width: 1000px) and (max-height: 520px) { /*720px=45.0em*/

/* Navigation */	
nav.nav_header ul {
	top: 7.5px;
}

}


/* Max-Width: 600px ====================================================================== */
/* ======================================================================================= */

@media screen and (max-width: 600px) { /*600px=37.5em*/

/* Body */
body {
	font-size: 90%;
}

/* Navigation */
nav.nav_header ul {
	background: #FFFFFF;
	xborder: solid 1px #aaa;
	border-radius: 0.313em;
	width: 11.25em;
	position: relative;
	left: 5px;
	top: 12.5px;
}


/* Article & Aside */
#main aside, #main article {
	width: 100%;
	display: block;
	margin: 0.625em 0em 0.625em 0em;
}

}

/* Max-Width: 600px and Max-Height: 520px =============================================== */
/* ======================================================================================= */

@media screen and (max-width: 600px) and (max-height: 520px) { /*720px=45.0em*/

/* Navigation */	
nav.nav_header ul {
	top: 8.5px;
}

nav.nav_footer {
	top: 0.5px;
}


}


/* Max-Width: 450px ====================================================================== */
/* ======================================================================================= */

@media screen and (max-width: 450px) { /*450px=28.125em*/

/* Body */
body {
	font-size: 85%;
}			

/* Navigation */
nav.nav_header ul {
	background: #FFFFFF;
	xborder: solid 1px #aaa;
	border-radius: 0.313em;
	width: 11.25em;
	position: relative;
	left: 5px;
	top: 12.5px;
}

nav.nav_footer ul li {
	padding: 0.563em 0.05em 0.563em 0.05em;
}

nav.nav_footer ul li a {
	padding: 0.563em 0.55em 0.563em 0.55em;
}


}

/* Max-Width: 450px and Max-Height: 520px =============================================== */
/* ======================================================================================= */

@media screen and (max-width: 450px) and (max-height: 520px) { /*720px=45.0em*/

/* Navigation */	
nav.nav_header ul {
	top: 8.5px;
}

nav.nav_footer {
	top: -1px;
}


}


/* Min-Width: 450px ====================================================================== */
/* ======================================================================================= */

@media screen and (min-width: 450px) { /*450px=28.125em*/

/* Navigation */
	/*nav.nav_header {
		display: block !important;
	}*/
}


/* Max-Width: 330px ====================================================================== */
/* ======================================================================================= */

@media screen and (max-width: 330px) { /*330px=20.625em*/

/* Navigation */
nav.nav_header ul {
	top: 12.5px;
}

/* Footer */
nav.nav_footer ul {
	text-align: center;	
}

nav.nav_jdias {
	text-align: center;
}


}

/* Max-Width: 330px and Max-Height: 520px =============================================== */
/* ======================================================================================= */

@media screen and (max-width: 330px) and (max-height: 520px) { /*720px=45.0em*/

/* Navigation */	
nav.nav_header ul {
	top: 7.5px;
}

nav.nav_footer {
	top: 0px;
}


}

/* ======================================================================================= */
/* Print Style =========================================================================== */
/* ======================================================================================= */

@media print {
  /* print style sheets go here */
}