html{min-height: 100%;}
BODY { background-repeat:no-repeat;height:100%; margin:0px; font-family: Calibri, Arial, Tahoma; font-size:16px; background-color:#CAE1FF; background: rgb(197,222,234);
background: -moz-linear-gradient(top,  rgba(197,222,234,1) 0%, rgba(138,187,215,1) 31%, rgba(6,109,171,1) 100%);
background: -webkit-linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%);
background: linear-gradient(to bottom,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=0 );
}
#head { background-color:#025; position:relative; top:0px; left:0px; right:0px; height:40px; padding:10px; color:#FFF; overflow:hidden;
background-image: -webkit-gradient(linear,left top,right bottom,color-stop(0,#024),color-stop(1,#049)); background-image:url('kugel.jpg');
    background-repeat:no-repeat;
    background-size:cover; height:200px; background-position: center;}
A, A:visited { color:#339; } 
A:hover { color:#66F; }
BR { margin-bottom:10px; }
IMG { display: block; max-width: 100%; height: auto; border:0px; margin: .9em 0 1.5em 0; }
H3 { margin-top:0px; font-size: 1.4em; padding: 10px 0px 10px 0px; margin-block-end: 0.5em; }
TABLE { border-spacing: 0px; border-collapse: collapse; }
TD { border-bottom:7px solid white; }
.inim { border: 1px solid #000; margin-bottom:8px; } 
.inim IMG { margin:0px; }
#page1 { margin-top:0px; background-color:#FFF; color:#000; padding:10px 16px;}
#footer { background-color:#444; color:#FFF; height:12px; text-align:right; padding:5px 10px; font-size:10px;}
.txt { font-size:12px; text-align:center; }
#navtitle { font-weight: 700; text-shadow: 4px 4px 4px #000; text-align:center; font-size:32px;  }
#navleft { height:30px; width:30px; position:absolute; padding:5px 0 0 10px; bottom:15px;}
#navright { height:30px; width:30px; position:absolute; padding:1px 0 0 0; right:0px; bottom:15px;}
.meni { box-shadow: 0px 8px 0px 2px #FFF, 0px 16px 0px 2px #FFF, 0px 24px 0px 2px #FFF; width: 16px; height: 0px; }
#m { position:absolute; left:0px; width:190px; top:60px;  z-index:1; border-right:1px solid #999; font-size:16px; display:none;}
#menu2 { display:none; font-size:17px; }
.listmenu { list-style-type:none; margin: 0; padding: 0; border: 0; width:100%; }
.listmenu li { background-color:#CCC; list-style: none; margin:0px;  border-bottom:1px solid #999;  }
.listhead { color:#000; padding:3px 16px 3px 16px; text-align:center;  background-color: #AAB !important; font-size:13px;}
.listmenu li a { text-decoration:none; color:#000; display:block; padding:6px 16px 6px 16px; }
.listmenu li:focus, .listmenu li:hover, .listmenuselected { background-color: #AAA !important; }
.slist { margin:0px; margin-bottom:10px; }
.slist li { margin:0px; }
.inleft, .inright { width:100%; text-align:center; }
.nomobil { display:none; }
@media all and (min-width: 500px) and (min-height: 400px) {
	.inim {max-width: 50%; float:right; margin-left:15px; border: 1px solid #000; } 
 #page1 { margin-top:0px; }
 #head { height: 180px;}
 #navtitle { font-size:44px; }
 #m, #menu3 { top:100px; }
.inleft { float:left; width:50%; margin-right:20px; text-align: left; }
.inright { float:right; width:50%; margin-left:20px; text-align: right;}
	.nomobil { display:block; }
}
@media all and (min-width: 820px)  {
	#page1 { font-size:19px; width:760px; top: 101px; margin:auto; margin-top:0px; bottom:23px; padding: 8px 20px;}
	#head, #footer { width:780px; margin:auto; font-size:12px;}
	#navtitle { font-size:64px; }
	#m { font-size:23px; }
}
@media all and (min-width: 1070px)  {
	#page1 { width:1002px; padding-right:20px; font-size:20px;  }
	#head, #footer { width:1022px; margin:auto;  }
	#content {width: 780px;}
	#menus { margin:auto; width:193px; float:right; padding:10px 0px;}
	#m { width:180px; position:static; display:block; margin-top:0px; border-left:1px solid #FFF;border-right:1px solid #FFF; text-align: center;}
	#menu3 { width:180px; position:static; display:block; margin-top:0px; border-right:1px solid #FFF;border-left:1px solid #FFF; text-align: center;}
	.meni, .menn{display:none;}
	.listmenu { list-style-type:none; margin: 0; padding: 0; border: 0; width:100%; background: rgb(148,165,172);
background: -moz-linear-gradient(-45deg,  rgba(148,165,172,1) 0%, rgba(225,235,241,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(148,165,172,1) 0%,rgba(225,235,241,1) 100%);
background: linear-gradient(135deg,  rgba(148,165,172,1) 0%,rgba(225,235,241,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94a5ac', endColorstr='#e1ebf1',GradientType=1 );
}
.listmenu li {  list-style: none; margin:0px;  border-bottom:1px solid #FFF; background:none; }
.listmenu li:focus, .listmenu li:hover, .listmenuselected { background-color: #BBB !important; }
.listhead { color:#000; padding:3px 16px 3px 16px; text-align:center;  background: rgb(148,165,172) !important; font-size:13px;}
}