body {font-family:Verdana; font-size:100%; color:white; background-color:#222;}

p,li  {font-size:80%; line-height:140%;}
p.small {font-size:60%; line-height:100%;}
li 	{padding-top:1%;}
h1 		{font-size:160%; line-height: 150%;}
h1.title {color:#222; margin:auto; font-weight:500; display:table-cell; vertical-align:middle;text-align:left;}
h2		{font-size:100%; line-height:120%; font-weight:500; }
h2.hidden {display:none;}

#navigation	{position:fixed; 	top:2%;  left:10%; right:10%; height:5%; background:#666; z-index:1;}
#navibox 	{position:absolute; top:0%;  left:0%; right:0%; height:100%; background:red; display:table;}
#banner   	{position:fixed; 	top:7%; left:0%;  right:0%;  height:10%; background:gold; z-index:1;}
#bannerbox  {position:absolute; top:0%;  left:10%; right:10%; height:100%; display:table; background:gold; }
#footer		{position:fixed; bottom:5px; left:10%;  right:10%; height:5%; background:#666;}
#footerbox  {position:absolute; bottom:0px; left:0%;  right:0%; height:100%; background:#666; display:table;}
#aussen 	{position:absolute; top:17%;  left:10%; right:10%; bottom:5%;  background:#333; z-index:2; overflow:auto;}
#main		{position:absolute; top:3%; left:0; right:0; bottom:3%;}

#box_right {float:right; width:49%; background:transparent;}
#box_right_60 {float:right; width:60%; background:transparent;} 
#box_left {float:left; width:49%; background:transparent;}

a {font-size:100%; line-height:140%;}
a:link, a:visited {color:gold; text-decoration:underline;}
a.focus, a:hover, a.active {color:white;}

a.navi {font-size:100%; color:white; margin:0; text-decoration:none; padding:0% 5%; display:table-cell; vertical-align:middle; text-align:left; height:100%; background:darkgrey; border-right:0.1em solid white;}
a.last { width: auto; border:none;}
a.navi:link, a.navi:visited  {  color:white; }
a.navi:focus, a.navi:hover,  a.navi:active { background:silver; color:yellow;}
#iaa a.navi.caa, #iab a.cab, #iac a.cac, #iad a.cad, #iae a.cae, #iaf a.caf {background-color:gold; color:#333;}

p.foot, a.foot {font-size:70%; color:white; margin:0; text-decoration:none; padding:0% 3%; display:table-cell; vertical-align:middle; text-align:left; height:100%; background:darkgrey; border-right:0.1em solid white;}
a.last.foot { width: auto; border:none;}
a.foot:link, a.foot:visited  {  color:white; }
a.foot:focus, a.foot:hover,  a.foot:active { background:silver; color:yellow;}



.fotobox {margin:0; padding:0; position:relative; overflow:hidden;}
.fotobox {float:left;}
.fotobox.left_1em { margin-left:1em;}
.fotobox img {border:1px solid #222; z-index:4; width:100%;}
.fotobox img.left {clear:both; float:left; }
.fotobox img.left_right {clear:both; float:left; margin-right:10px; }
.fotobox img.left_10 {float:left; margin-left:10px; }
.fotobox img.left_top_right {clear:both; float:left; margin-top:10px; margin-right:10px;}
.fotobox img.left_50 {clear:both; float:left; margin-top:50px;}
.fotobox img.left_10_top_50 {float:left; margin-left:10px; margin-top:50px;}
.fotobox img.padding_10 {float:left; margin:10px;}
.fotobox img.clear {clear:both;}
.fotobox span {display:none; }
.fotobox a:hover span, .fotobox a:active span {position:fixed; top:12%; left:10%; display:block; z-index:5; overflow:visible; }
.fotobox.left_40 {margin-left:2em;}