@media screen{
html { height: 100% }

body
{
    background: url("../sysbilder/blue01.gif");
    color:#80BFFF;
    font-family:Arial;
    font-size:10pt;
    margin:0%;
    padding:0%;
	height:100%;
	max-height:100%;
/*    min-height: 101%;*/
}
div#container {
	margin:0.5%;
	padding:0.5%;
	height:100%;
	border:1px solid #000082;
}
div#sp_links {
	height:99%;
	width:28%;
	border:0;
    float:left;
}
div#logo {
	width:100%;
	height:18%;
	border:1px solid #80BFFF;
    text-align: center;
}
div#suche {
    font-family:Arial;
    font-size:10pt;
	width:100%;
	height:6%;
	border-top:0 none;
	border-left:1px solid #80BFFF;
	border-right:1px solid #80BFFF;
	border-bottom:1px solid #80BFFF;
    text-align: center;
}
div#warenkorb {
	width:100%;
	border:0;
    text-align: center;
}
div#shop_menue {
	width:100%;
	height:76%;
	border:1px solid #FFB809;
    text-align: left;
    overflow:auto;
}
div#sp_rechts {
    left:28%;
	height:99%;
	width:71.5%;
	border:0;
    float:left;
}
div#kopf {
	width:100%;
	height:18%;
	border:1px solid #80BFFF;
    text-align: center;
}
div#hor_menue {
    font-family:Arial;
    font-size:10pt;
	width:100%;
	height:6%;
	border-top:0 none;
	border-left:1px solid #80BFFF;
	border-right:1px solid #80BFFF;
	border-bottom:1px solid #80BFFF;
    text-align: center;
}
div#anzeige {
	width:100%;
	height:76%;
	border:1px solid #FFB809;
    text-align: left;
	overflow:auto;
}
.shop
{
    border-color: #FFB809;
    text-align: left;
    vertical-align: top;
}
.nav
{
    background-color:transparent;
    border: #80BFFF 1px solid;
    color:#80BFFF;
    text-align: center;
    vertical-align: middle;
}
.schalter 
{ 
    font-family: Arial; 
    font-size: 10pt; 
    color: #80BFFF; 
    background-color: #000082; 
    border-style: solid; 
    border-color: #80BFFF
}
.scrollbox 
{ 
    background-color:transparent;
	padding: 0 0.5em 0 0.5em; 
	overflow: auto; 
	width: 100%;
	height: auto;
	text-align:left;
}
.zenter { margin-left:auto; margin-right:auto;}
.center_1 
{
    display:table-cell;
    vertical-align:middle;
    #position:absolute;
    #top:50%; 
}
.center_2 
{
    #position:relative;
    #top:-50%; 
}
.clear { clear: both; background:0 none; display:0 none;}
a:link, a:visited, a:hover
{
    color:#80BFFF;
}
a:active
{
    color:#FFB809;
}
}
@media print{ 
div#sp_links { display:none; } 
div#kopf { width:100%;float:none; text-align:center; } 
div#hor_menue { display:none; } 
div#anzeige {width:100%;float:none; text-align:center; }
}