/*  Copyright 2011 by Eusotec GmbH
 *  All rights reserved. */
BODY {
    color:		#000000;
    background-color:	#EAEAEA;
    font-family:	Arial, Helvetica, sans-serif;
}

A:link { 
    color:		#0073A5; 
    text-decoration:none;		
}
A:visited { 
    color:		#1E41CE;  /* dark blue  instead of #FFCD96; */
}
A:hover { 
    color:		#E86800;	
}
A:active { 
    color:		#E86800;
    text-decoration:none;	
}

IMG {
    border:		0;
}

HR {	
    color:		#0073A5; 
    size:		1;
}

TABLE.main {
    border:		1;
    border-spacing:	0;
    padding:		0pt 0pt 0pt 0pt;
    width:		100%;
    background-color:	#EAEAEA;
}

.nav {
    color:		#FFFFFF;
    text-align:		left;
    font-size:		100%;

}
TABLE.main TH.nav {
    padding:		0pt 0pt 0pt 0pt;
    vertical-align:	bottom;
    font-size:		150%;
}
TABLE.main TH.headline {
    padding:		0pt 0pt 0pt 20pt;
    text-align:		left;
    vertical-align:	bottom;
    color:		#131c64;  /*#1E41CE;  dark blue */
}
TABLE.main TH.headline H1 {
    font-size:		150%;
    margin:		0; 
}
TABLE.main TH.logo {
    padding:		0pt; 
    text-align:		right;
    vertical-align:	bottom;
}

/* --- Main Table Middle Section --- */
TABLE.main TD.nav {
    padding:		0pt 0pt 0pt 0pt;	
    vertical-align:	top;
    width:		5%;
}
TD.contents { 
    padding:		0pt 4pt 4pt 20pt;	
    text-align:		left;
    vertical-align:	top;
    font-size:		100%;
}
/* --- Main Table Footer Line --- */
TD.end {
    padding:		0pt 0pt 0pt 0pt; 
    #color:		#FFFFFF; 
    #background-color:	#0073A5; 
    text-align:		left;
    vertical-align:	bottom;
    font-size:		100%;
}
TD.footer { 
    padding:		0pt 4pt 4pt 20pt; 
    text-align:		right;
}

TD.nav HR {
    color:		#FFFFFF;
}
TD.nav DIV.navhead { 
    background-color:	#f9601c; 	 /* orange */
    font-size:		120%;
    padding-left:	0ex; 
    padding-right:	0ex; 
    margin-top:		0pt; 
    margin-bottom:	5pt; 
    white-space:	nowrap;
}
TD.nav BR.sp { 				
    font-size:		170%;
}

TD.nav A, TD.nav B { 
    white-space:	nowrap;
}
TD.nav A.nav1, TD.nav B.nav1 { 
    margin-left:	1em;
}
TD.nav A.nav2, TD.nav B.nav2 { 
    margin-left:	2em;
}
TD.nav A:link { 
    color:		#F0F0F0; 
}
TD.nav A:visited { 
    color:		#FFD8B7;	
}
TD.nav A:hover { 
    color:		#f9601c;
}

TABLE.norm {
    border:		1pt solid #f9601c;
    border-spacing:	0;
    margin:		0pt 20pt 4pt 20pt; 
}
TABLE.norm TH {
    color:		#FFFFFF;
    background-color:	#f9601c; 		
    font-size:		120%;
    vertical-align:	top;
    text-align:		left;
    padding:		4pt;
}
TABLE.norm TD {
    vertical-align:	top;
    text-align:		left;
    border:			1pt solid #f9601c;
    padding:		4pt;
}


TABLE.noborder {
    border:		0pt solid #f9601c;
    border-spacing:	0;
    margin:		0pt 20pt 4pt 20pt; 
}
TABLE.noborder TH {
    color:		#FFFFFF;
    background-color:	#f9601c; 		
    font-size:		120%;
    vertical-align:	top;
    text-align:		left;
    padding:		4pt;
}
TABLE.noborder TD {
    vertical-align:	top;
    text-align:		left;
    border:			0pt solid #f9601c;
    padding:		4pt;
}


IMG.leftflow {
    float:		left;
    padding:		0pt 10pt 10pt 0pt;
}

IMG.rightflow {
    float:              right;
    padding:		0pt 0pt 10pt 10pt;
}


.endflow {
    clear:		both;
}






body {margin: 0px;}
div { margin: 10px 0px 0px 0px;}		
p {
    margin: 0px;
}
#menu {
  background: #343434;
  color: #eee;
  height: 55px;
  border-bottom: 4px solid #eeeded
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  background-color: #333;
}

#menu ul,
#menu li {
  margin: 0px;
  padding: 0px;
  list-style: none
}


#menu li {
  float: left;
  display: inline;
  position: relative;
  font: 16px Arial;
  text-shadow: 0 -1px 0 #000;
  border-right: 1px solid #444;
  //border-left: 1px solid #111; 
  //text-transform: uppercase
}

#menu li:first-child {
  border-left: none
}

#menu a {
  display: block;
  line-height: 55px;
  padding: 0 14px;
  text-decoration: none;
  color: #eee;
}

#menu li:hover > a,
#menu li a:hover {
  background: #111
}

#menu input {
  display: none;
  margin: 0 0;
  padding: 0 0;
  width: 80px;
  height: 55px;
  opacity: 0;
  cursor: pointer
}

#menu label {
  font: bold 30px Arial;
  display: none;
  width: 55px;
  height: 36px;
  line-height: 36px;
  text-align: center
}

#menu label span {
  font-size: 14px;
  position: absolute;
  left: 55px
}

#menu ul.menus {
  height: auto;
  width: 230px;
  background: #111;
  position: absolute;
  z-index: 99;
  display: none;
  border: 0;
}

#menu ul.menus li {
  display: block;
  width: 100%;
  font: 14px Arial;
  text-transform: none;
}

#menu li:hover ul.menus {
  display: block
}

#menu a.home {
  //background: #4CAF50; 
  //background: #f9601c; 
	background: #777777;   
}

#menu a.prett {
  padding: 0 27px 0 14px
}

#menu a.prett::after {
  content: "";
  width: 0;
  height: 0;
  border-width: 6px 5px;
  border-style: solid;
  border-color: #eee transparent transparent transparent;
  position: absolute;
  top: 15px;
  right: 9px
}

#menu ul.menus a:hover {
  background: #333;
}

#menu ul.menus .submenu {
  display: none;
  left: 180px;
  background: #111;
  top: 0;
  width: 280px;
}

#menu ul.menus .submenu li {
  background: #111;
}

#menu ul.menus .has-submenu:hover .submenu {
  display: block;
}



@media screen and (max-width: 800px){
    #menu a {float: none; width:100%;
			background: #111;
			text-align: center;
			margin: 0px 0px -20px 0px;
			}

	#menu ul,
	#menu li {
			float: none; width:100%;
			}

	#menu li:hover > a,
	#menu li a:hover {
	  background: #555
	}
	
	#menu ul.menus {
	  height: 55px;
	  width: 280px;
	  z-index: 99;
	  display: none;
	  border: 0;

	}

	#menu ul.menus li {
	  display: block;
	  height: 55px;
	  width: 100%;
	  font: 14px Arial;
	}	

	#menu ul.menus a {
	  text-align:left;
	  background-color: #555;
	}

	#menu a.prett {
	  padding: 0 14px 0 14px
	}
	
	
	TABLE.main {

		border:		1;
		border-spacing:	0;
		padding:		0pt 0pt 0pt 0pt;
		width:		100%;
		background-color:	#EAEAEA;
	}
	TABLE.main TD.contents { 
		padding:		0pt 4pt 0pt -10pt;	
		text-align:		left;
		vertical-align:	top;
		font-size:		100%;
	}
	
	TABLE.norm {

		border:		1;
		border-spacing:	0;
		padding:		0pt 0pt 0pt 0pt;
		width:		100%;
		background-color:	#EAEAEA;
	}
	TABLE.norm TD.contents { 
		padding:		0pt 4pt 0pt -10pt;	
		text-align:		left;
		vertical-align:	top;
		font-size:		100%;
	}
	div { margin: 405px 0px 0px 0px;}			
}