body {
	color:black;
	background:#EFEFEF;
	margin:6;
	padding:0;
	font:15px 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body a {
	color:#5E7AB5;
	text-decoration:none;
}

body a:hover{
	color:#26528B;
	text-decoration:underline;
}

body a:visited{
}

#container{
	background:white; 
	padding:0;
	border:1px solid #DDDDDD; 
	border-top-left-radius: 8px 8px;
	border-top-right-radius: 8px 8px;
	-moz-border-radius: 8px 8px;
	width:900px;
}

@media only screen and (min-device-height: 737px) and (max-device-height: 768px) and (orientation: landscape),
       only screen and (min-device-width: 737px)  and (max-device-width: 768px) and (orientation: portrait),
       only screen and (min-width: 737px)         and (max-width: 768px) {
	#container {
		width:768px;
	}
}

@media only screen and (max-device-width: 736px),
       only screen and (max-width: 736px) {
	#container {
		width:500px;
	}
}

#photo .image {
  border:2px solid #DDDDDD; 
}

.whiteblank {
	display:block;
	width:200px;
	height:22px;
	background:blue;
	margin:1px 0 0px 0px;
	/*padding:0px 0 3px 5px;*/
	padding:0 0 0px 0px;
	border-right:1px solid #DDDDDD; 
}

#menu {
	/*border-top:1px solid black;*/
	/*border-bottom:1px solid #282828;  /* black */
	background:red;
	height:50px;
}

#menu table {
	border-collapse: collapse;
	width:900px;
	height:50px;
	margin:0;
	padding:0;
}

#menu .menuFiller1 {
	width:100px;
	min-width:100px;
}

#menu .menuFiller2 {
  width:200px; 
  min-width:140px;
  background-color: yellow;
}

#menu .menuFiller3 {
	width:500px;
}

@media only screen and (min-device-height: 737px) and (max-device-height: 768px) and (orientation: landscape),
       only screen and (min-device-width: 737px)  and (max-device-width: 768px) and (orientation: portrait),
       only screen and (min-width: 737px)         and (max-width: 768px) {
	#menu table {
		width:768px;
	}

	#menu .menuFiller2 {
  	width:100px; 
  	min-width:60px;
	}
}

@media only screen and (max-device-width: 736px),
       only screen and (max-width: 736px) {
  #menu table {
  	width:500px;
  }
  #menu .menuFiller1 {
    visibility:collapse;
    width:0px; 
    min-width:0px;
  }

  #menu .menuFiller2 {
  	visibility:collapse;
    width:0px; 
    min-width:0px;
  }
  #menu .menuFiller3 {
		width:150px;
	}
}

#menu tr {
	margin:0;
	padding:0;
}

#menu td {
	margin:0;
	padding:0;
	background:#51585F;
}

#menu .tdSel {
	margin:0;
	padding:0;
	background:#616971;
}

#menu a {
	color:#B2B2B2;   
	background:#51585F;  
	padding:0px 30px 0px 30px;
	font:normal 20px Helvetica, Arial, sans-serif;
	text-decoration:none;
	text-align:center;
}

#menu a.norm {
  height: 50px;
	display: flex;
	align-items: center; /* align vertical */
	color:#B2B2B2;   
	background:#51585F;  
	padding:0px 30px 0px 30px;
	font:normal 20px Helvetica, Arial, sans-serif;
	text-decoration:none;
	text-align:center;
}

#menu a:hover{
  color:#63beff;   
}
#menu a.sel{
	height: 50px;
	display: flex;
	align-items: center; /* align vertical */
	color:#63beff;  
	background:#616971;  
}

#menu a.lang, #menu a.langsel {
	height: 50px;
	display: flex;
	align-items: center; /* align vertical */
	padding:0px 16px 0px 16px;
	font:normal 15px Helvetica, Arial, sans-serif;
}

#menu a.langsel {
	color:#63beff;   /* blue */
	background:#616971;   /* lighter black */
}

@media only screen and (max-device-width: 736px),
       only screen and (max-width: 736px) {
	#menu a.lang, #menu a.langsel {
		font-size:13px;
		padding:0px 6px;
	}

  /*#menu a.langsel {
  	visibility: collapse;
  	width:0px;
  }*/
}

#dark{
	position:fixed; 
	top:0px;
	left:0px;
	width: 100%;
	background:black;
	height:100%;
	z-index:100;
	opacity: 0.4;
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
}

#banner{
	color:black;
	background:white;
	height:52px;
	border-top-left-radius: 8px 8px;
	border-top-right-radius: 8px 8px;
	-moz-border-radius: 8px 8px;
}

.title{
	line-height: 28px; 
	/*display:block;*/
	width:162px;
	height:28px;
	color:#FFFF5B;   /* yellow font */
	background:#444444;
	/*margin:0px 0 4px 3px;
	padding:0px 0 3px 5px;*/
	padding:0 0 0px 5px;
	margin-left:6px;
	font-weight:normal;
	font-size:13px;
	text-decoration:none;
}

.discl{
	line-height: 40px; 
	color:#C0C0C0;   /* hellgrau */
	padding:50px 0 0px 0px;
	margin-left:5px;
	font-weight:normal;
	font-size:13px;
	text-decoration:none;
}

#submenu {
	float:left;
	width:190px;
	/*height:300px;*/
	background:white;
	padding:0px 0px 9px 0px;
	margin:-38px 10px 6px -15px;
}

#submenu #subM1, #submenu #subM2 {
	float:left;
	width:190px;
}	

@media only screen and (max-device-height: 768px) and (orientation: landscape),   // iPhone und iPad
       only screen and (max-device-width: 768px) and (orientation: portrait),
       only screen and (max-width: 768px) {
  #submenu {
		width:480px;
		padding:0px 0px 29px 0px;
		margin:0px 0px 6px 0px;
	}	
  #submenu #subM1 {
		margin-left: 0px;
		width:220px;
	}	
	#submenu #subM2 {
		float:right;
		width:220px;
		margin-right: 20px;
	}	
}

#submenu ul {
	margin:25px 0px 0px 11px;
	padding:0px 0px 0 5px;
	/*border:1px solid black;*/
	list-style:none;
}

#submenu li {
	/*margin:2px 0 0px 0;*/
	/*padding:0 0 0px 0;*/
	/*border:1px solid black;*/
	margin:0;
}

#submenu a {
	line-height: 36px; 
	display:block;
	width:160px;
	height:36px;
	color:black;   /* light gray */
	background:#EFEFEF;  /* cb blue */
	margin:1px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	/*border:1px solid #282828;  /* black */
	/*border-top:1px solid white;*/
	border:1px solid #dddddd;
	font-weight:normal;
	font-size:15px;
	font-family:Helvetica, Arial, sans-serif;
	/*font:normal 13px 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
	border-radius: 3px 3px;
	-moz-border-radius: 3px 3px;
	text-decoration:none;
}

@media only screen and (max-device-height: 768px) and (orientation: landscape),   // iPhone und iPad
       only screen and (max-device-width: 768px) and (orientation: portrait),
       only screen and (max-width: 768px) {
  #submenu a {
		line-height: 42px;
		height: 42px; 
		width: 180px;
		font-size: 16px;
	}
}


#submenu a:hover{
  /*color:#6D6D6D;*/
  border-color: #33b5e5;
  color: #fff;
  background: #0099cc;
}
#submenu a.sel{
	color:white; 
	background:#B3B3B3;  
	border:1px solid #B3B3B3; 
}

#submenu a.sel:hover {
  border-color: #33b5e5;
  color: #fff;
  background: #0099cc;
}

#submenu p{
	font-weight:bold;
	font-size:12px;
	padding:20px 0 10px 10px;
	margin:0;
}

/*#content{    see header.php
}*/

#foot{
	color:black;
	background:#A8A8A8;
	padding:0;
	margin:0;
	border-top:1px solid #DDDDDD;
}

#foot p{
  margin:0;padding:4px;text-align:center;
}

#foot2{
	color:gray;
	padding:0;
	margin:0px auto;
	border-top:1px solid black;
}

#foot2 td{
	width:220px;
	display:inline-block;
	overflow: hidden;
	font:normal 12px verdana, sans-serif;
}

#foot2 table {
  margin:0px auto;
}

#menuphoto{
	margin:0;
	padding:0;
	margin-top:-20px;
	/*border-top:1px solid black;*/
	/*border-bottom:1px solid #282828;  /* black */
	text-align:left;
}

#menuphoto ul{
	background:white;
	margin:0;
	padding:6px;
	list-style:none;
	white-space: nowrap;
}

#menuphoto li{
	display:inline;
	padding-left:1px;
}

#menuphoto a{
	color:black;
	background:white; 
	padding:2px 10px 2px 10px;
	border:1px solid #282828;  /* black */
	font:normal 12px verdana, sans-serif;
	text-decoration:none;
	text-align:center;
}

#menuphoto a:hover{
	color:black;
	background:#FFFF5B;   /* yellow */
}
#menuphoto a.sel{
	color:black;
	background:#FFFF5B;   /* yellow */
}