body
{
margin: 0;
padding: 0;
font: 85% arial, hevetica, sans-serif;
color: #333;
background-color: #eaeaea;

text-align:center;
}


a img {
vertical-align: middle;
border: 2px solid #FFF;
}
a:hover img { border: 2px solid #B52C07; }

a:link { color: #B52C07; }
a:visited { color: #600; }

a:hover, a:active
{
text-decoration:underline;
}

h2
{
color: #B52C07;
font: 120% arial, hevetica, sans-serif;
font-weight: bold;
margin: 10px 0 10px 0;
}

h2 a { text-decoration: none; }

h3
{
color: #383838;
font: 106% arial, hevetica, sans-serif;
font-weight: bold;
margin-top: 10px;
}

h4
{
font: 90% arial, hevetica, sans-serif;
font-weight: bold;
margin-top: 0;
}
h5
{
font: 106% arial, hevetica, sans-serif;
font-weight: bold;
text-align: left;
margin: 0;

}
h6
{
font: 80% arial, hevetica, sans-serif;
font-weight: bold;
margin-bottom: 0;
}
#container
{
width: 978px;
text-align: left;
background-color: #fff;
border: 1px none #fff;
line-height:1.4em;
}

table{
	max-width: 80%;
	margin-bottom:15px;
	margin-top:15px;
}

#header
{
width: 978px;
background-image: url(head/floppy.jpg);
background-repeat: repeat;
background-position: 0 0;
position: relative;
border: 1px none #000000;
border-bottom: 0px solid #000;
}

#header h1
{
font-size: 1px;
text-align: right;
color: #02263C;
margin: 0;
padding: 0;
display: none;
}

#mainnav ul { list-style-type: none; }
#mainnav li { display: inline; }



#menu
{

font-size: 85%;
float: right;
width: 25%;
max-width: 230px;
padding-left: 6px;
padding-right: 3px;
margin-top:10px;
margin-bottom:20px;
text-align:center;
}
#menu table{
text-align:left;
}

#menu a
{
font-weight: bold;
text-decoration: none;
display: block;
width: 90%;
padding: 3px;


}


#contents 
{ 
margin: 0px 5px 10px 15px;

}
#contents p { line-height: 140%;max-width: 1000px; }
.blogentry { margin-top: 10px; }
.imagefloat { float: right; }
.topic ul,#contents ul{
list-style-type:square;
}

#footer
{

clear: both;
color: #ffffff;
text-align: right;
font-size: 90%;
}
#footer a
{
color: #ffffff;
}
#skipmenu
{

text-align: left;
}

#skipmenu a
{
color: #666;
text-decoration: none;
}
#skipmenu a:hover
{
color: #fff;
background-color: transparent ;
text-decoration: none;
}

.liefer{
color:black;
}
.liefertitle{

}


.aufmacher{
 float:right;
 margin-left:5px;
}
.gal_head{
background-color: #444;
color:#ffffff;

}
.gal_head a{ color:#fff; 
	text-decoration: none;
font-weight:bold;
}
.gal_head a:hover{ color:#fff; 
	text-decoration: underline;

}
.galerie{
background-color:#c1c1c1;
}
.galerie a img{
border:none;
}

.tab_facts{
	font-size:10px;
	max-width: 100%;
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
	color:white;
}
.tab_facts a{
	color:white;
}

.row_facts{
	background-color:#828688;
	border-bottom: 4px solid #fff;
}

.cell_facts{
	padding:5px;
	vertical-align:top;

}
.tab_sys{
	width:99%;
	table-layout:fixed;
	border-collapse:collapse;
	margin-bottom:15px;
	margin-top:15px;
	color:white;
}
.tab_fix{
	table-layout:fixed;
	border-color:#999999;
}

.tab_compare{
table-layout:fixed;
width:99%;
max-width:99%;
text-align:center;
}

.tab_headline_home{
background-color:#69ae1e;
color:white;
}
.tab_headline_pro{
background-color:#4f81bd;
color:white;
}
.tab_headline_ult{
background-color:#222121;
color:white;

}
.tab_headline_serv{
background-color:#f8a118;
color:white;

}
.tab_content,.tab_colstart2{
background-color:#c7c7c7;
}
.tab_colstart,.tab_colstart2{
width:25%;text-align:left;
}
.bilderrahmen,.thumbrahmen{
background-color:#f0f0f0;
padding: 2px 3px 2px 3px;
line-height: 140%;
margin-top:5px;
margin-bottom:5px;
display:inline-block;
font-size:11px;
 border: 1px solid #e0e0e0; 
 vertical-align:top;
}
.thumbrahmen{
width:185px;
}

.topic{
clear:right;
position:relative;
}
.topictext{
width:640px;
 text-align:left;

}
.topicsidekick{
width:300px;
left:665px;

height:auto;
float:right;

}

.lupe_BildThumb{
	position:relative;top:150px;border: 0px solid #FFF;
	
}
.lupe_PackungsThumb{
	position:relative;top:45px;border: 0px solid #FFF;
}
.lupe_PackungsThumb{
	position:relative;top:0px;border: 0px solid #FFF;
}
#container
{
border: 0px solid #1A354C;
}

.subnav
{

font-size: small;
color: #ffffff;
padding: 0px 15px;
background-color:rgba(0, 0, 0, 0.7);

}

.subnav a
{
text-decoration: none;
color:#fff;
}
.subnav a:hover
{
text-decoration: underline;
color: #ffffff;
background-color: transparent;
}

#header a img
{
text-decoration: none;
border: none;


}

#mainnav
{

font-size: 95%;
color: #000000;
padding: 2px 0;
}

#mainnav ul
{
margin: 0 0 0 0px;
padding: 0;
list-style-type: none;
}

#mainnav li
{
display: inline;
padding: 0 10px;
}

#mainnav li a
{
text-decoration: none;
color: #ffffff;
}

#mainnav li a:hover
{
text-decoration: underline;
color: #fff;
background-color: transparent;
}

#menu ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
line-height: 110%;
}
#menu li{
margin-bottom:2px;
}



#footer
{
background-color: #848484;

padding: 5px;
font-size: 90%;
color: #ffffff;
 
}
#dropmenuebox,homemenubox {
display: block;
clear :left;
}
#dropmenue,homemenu {
display: block;
position: static;

}

#top0,#top1,#top2,#top3,#top4,#top5,#top99,#hometop0,#hometop1,#hometop2,#hometop3,#hometop4,#hometop5,#hometop99 {
float: left;
display: block;
overflow: hidden;
font-weight: bold;
text-align: center;
color: #fff;
margin: 2px;

}
#top0,#top1,#top2,#top3,#top4,#top5,#hometop0,#hometop1,#hometop2,#hometop3,#hometop4,#hometop5{
background-image: none;
background-repeat: repeat;
background-position: right 0;
min-width: 130px;

}


#subtop, #subhometop{
position: static;
display: block;
overflow: hidden;
border-top: 2px solid #dfdfdf;
padding-top: 4px;
clear:both;

}

#subtop0,#subtop1,#subtop2,#subtop3,#subtop4,#subtop5,#subhometop0,#subhometop1,#subhometop2,#subhometop3,#subhometop4,#subhometop5{
float: left;
display: none;
overflow: hidden;
}

.subtopnav{
	clear:right;
float: left;
display: block;
overflow: hidden;
margin-right:20px;
}
#menu audio{
width:100%;
margin-top:7px;
}

#zeigedasbild{
z-index:99;
position:fixed;
}

#zeigediesteuerung{
z-index:100;
position:fixed;
bottom:0px;
visibility:hidden;
width:100%;
min-height:80px;
background-color:#000000;

}


#black{
z-index:5;
position:fixed;
visibility:hidden;
top:0px;
left:0px;
width:100%;
height: 100%;
background-color:#000000;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;

}

#leiste,#leiste a{

color: #ffffff;
font: 100% arial, hevetica, sans-serif;
text-align: center;
min-width: 100px;
text-decoration:none;
padding:3px;
font-weight:bold;
font-size:10pt;
}

#leiste a:hover{
text-decoration:underline;

}
#leiste{
background-color:#000000;
/* for IE */
filter:alpha(opacity=70);
/* CSS3 standard */
opacity:0.7;
}

.sys,.textgallerylinks{
text-align: left;
font-size: 75%;
}


.minipackung,.seitenbild,.micropackung{
width:300px;
height:200px;
margin-bottom:8px;
cursor:pointer;
text-align:right;
background-size: 500px;
vertical-align: middle;
border: 2px solid #FFF;
}

.minipackung{
width:180px;
height:100px;
background-size: auto;
display:inline-block;
}
.micropackung{
width:90px;
height:50px;
background-size: 130px auto;
display:inline-block;
}

.seitenbild:hover,.minipackung:hover{
border: 2px solid #B52C07;
}

#quicktime{
background-color:white;
position:fixed;
width:280px;
top:160px;
left:979px;
display:none;

}

#quicktimebox{
overflow:auto;
}


.quicktime_year{
text-align:left;
background-image:url(/style/quicktime.png); 
background-repeat:no-repeat;

}
.quicktime_dos,.quicktime_win,.quicktime_os2,.quicktime_nt,.quicktime_nts{
text-align:right;
	background-image:url(/style/quicktime.png); 
	background-repeat:no-repeat;
}
.quicktime_dos a,.quicktime_win a,.quicktime_os2 a,.quicktime_nt a,.quicktime_nts a{
text-decoration:none;
color:black;
}
.quicktime_dos a:hover,.quicktime_win a:hover,.quicktime_os2 a:hover,.quicktime_nt a:hover,.quicktime_nts a:hover{
text-decoration:underline;
}

@media only screen and (max-device-width: 700px) {
#container
{
width: 660px;
text-align: left;
background-color: #fff;
border: 1px none #fff;
line-height:1.4em;
}
#header
{
width: 660px;
background-image: url(head/floppy.jpg);
background-repeat: repeat;
background-position: 0 0;
position: relative;
border: 1px none #000000;
border-bottom: 0px solid #000;

}



.topicsidekick{



height:auto;
float:none;


}

.topictext{
width:99%;
 text-align:left;

}
.topicsidekick{
width:100%;
left:0px;

height:auto;
float:none;

}
.aufmacher{
 float:none;
 margin:5px;
 display:block;
}

.lupe_BildThumb{
	position:relative;top:100px;border: 0px solid #FFF;
	
}
.lupe_PackungsThumb{
	position:relative;top:45px;border: 0px solid #FFF;
}
.lupe_PackungsThumb{
	position:relative;top:0px;border: 0px solid #FFF;
}
.minipackung,.seitenbild,.micropackung{
width:200px;
height:150px;
margin-bottom:8px;
cursor:pointer;
text-align:right;
background-size: 500px;
vertical-align: middle;
border: 2px solid #FFF;
display:inline-block;
}
.minipackung{
width:180px;
height:100px;
background-size: auto;
display:inline-block;
}
.micropackung{
width:90px;
height:50px;
background-size: 130px auto;
display:inline-block;
}
.bilderrahmen,.thumbrahmen{
background-color:#f0f0f0;
padding: 2px 3px 2px 3px;
line-height: 140%;
margin-top:5px;
margin-bottom:5px;
display:inline-block;
font-size:11px;
 border: 1px solid #e0e0e0; 
 vertical-align:top;
}
.thumbrahmen{
width:185px;
}
.subtopnav{
float: left;
display: block;
overflow: hidden;
margin:10px;

}
#top0,#top1,#top2,#top3,#top4,#top5,#top99,#hometop0,#hometop1,#hometop2,#hometop3,#hometop4,#hometop5,#hometop99 {
	padding:10px;
	
}
#top99,#hometop99{
	float:none;
} 
#startseitenseite{
	display:none;
}

 }