@font-face {

font-family: Press_Start_2P;

src: url('/style/PressStart2P-Regular.ttf');

}

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 transparent;
}
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: 0px 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;
padding-top: 10px;
margin:auto;
}

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

#header
{
width: 978px;
/*background-image: url(/style/head/red.png);*/
background-repeat: repeat;
background-position: 0 0;
position: relative;
border: 1px none #000000;
border-bottom: 0px solid #000;
margin:auto;
position: sticky;
top: -87px;
z-index: 89;
}

#header h1, #header  h1 a, #header  h1 a:visited, #header  h1 a:hover
{
font-size: 40px;
text-align: left;
color: white;
margin-bottom: 10px;
padding: 0;
#text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
font-family: Press_Start_2P, monospace;
text-decoration: none;

}

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

#ngb{
	display:none;
	cursor: pointer; 
}
#zlb{
		cursor: pointer; 
}
#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;


}

.art_navi{
	margin-top: 5px;
	padding:4px;
	background-color:white;
	border: 1px solid #a2a9b1;
	line-height:10px;
	display:inline-block;
}
.art_navi_body a{
	font-size: 10px;
	text-decoration:underline;
	line-height:10px;
}
.art_navi h2{
	padding-left: 10px;
}
.art_navi h1,h2{
	margin: 0px;
}
.art_navi_head{

	font-weight: bold;
}
.art_navi_body{
	display:inline;
}
#contents 
{ 
margin: 0px 5px 10px 15px;

}
#contents p { line-height: 140%; }
.blogentry { margin-top: 10px; }
.imagefloat { float: right; }
.topic ul,#topic 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;
}
#suchformularbottom{
	display:none;
}
.vhsbutton{
	margin-right:10px;
}	


.liefer{
color:black;
}
.teaser{
	font-size: 16pt;
	font-weight: bold;
}
.teaser2, .teaser3{
	font-size: 8pt;
	display:inline;
	line-height: 1.0;
	margin: 5px;
	background-color: #ddd;
	padding: 5px;
}
.teaser2, .teaser3 {
	 float:right;
}
.background{
	display:none;
}

.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;

}
.grid_fact{
	display: grid;
	grid-template-columns: auto;
}
.grid_row_facts{
	display: grid;
	grid-template-columns: 48% 48%;
}
.grid_cell_facts{
	padding:5px;
	font-size:10px;
	color:white;
	background-color:#828688;
	border-bottom: 4px solid #fff;
}
.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:#eee;
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;
}
.intro {
	width: calc(95% - 300px);
	padding-right:15px;
padding-bottom:15px;
 text-align:left;
}
.introsidekick{
	float: right;
	width: 300px;
	margin-left: 10px;
}

.topic {
clear:right;
position:relative;
}

.topictextlong, .topictext{
padding-right:15px;
padding-bottom:15px;
 text-align:left;
clear:both;
}
.topicsidekick{
width:100%;
background-color:#ddd;
}

.lupe_BildThumb,.lupe_BildThumb:hover{
	position: relative;
	top: 100px;
	border: 0px solid #FFF;
	width: 50px !important;
	height: 50px;
	left: 200px;
		
}
.lupe_PackungsThumb,.lupe_PackungsThumb:hover{
	position:relative;top:45px;border: 0px solid #FFF;
}
.lupe_PackungsThumb3,.lupe_PackungsThumb3:hover{
	position:relative;top:0px;border: 0px solid #FFF;
}
.lupe_PackungsThumb2,.lupe_PackungsThumb2:hover{
	position:relative;top:115px;left:0px;border: 0px solid #FFF;
}
.lupenlink,.lupenlink:hover,.lupenlink:link,.lupenlink:active,.lupenlink:hover img,.lupenlink:link img,.lupenlink:active img{
	border: 0px solid #FFF;
	text-decoration: none;
	color: inherit;
}

.video_v, .video_y, .video_v a, .video_y a{
	display:block; 
	margin-top: 15px;
	margin-bottom:15px;
	text-decoration:none;
}
.video_v a:hover, .video_y a:hover{
	text-decoration:underline;
}
.video_v li{
list-style-type: '📽️ ► ';
color: black;
}
.video_y li{
list-style-type: '📽️ ► ';
color: red;
}
#container
{
border: 0px solid #1A354C;
}

.linkzurseite {
	font-style: italic;
}
.linkzurseite a{
	font-style: normal;
	font-weight:bold;
}

.subnav
{

font-size: small;
color: #ffffff;
padding: 0px 15px;
background-color:rgba(0, 0, 0, 1.0);
display:block;
}

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

.toolboxitem{
	margin-right:10px;
	margin-top:2px;
	float:right;
}
.titlebox{
	padding-top:0px;
	clear:both;
	text-shadow: -2px 2px #999;
}
.winpic{
	text-align: center;
 	float: right;
	width: 220px;
	margin-right:10px;
	padding-top:20px;
	}

.index_disks{
	display: grid;
	grid-template-columns: auto auto;
}
.indexdisc{
	width:400px;
	height: 400px;
}

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


}

#mainnav
{
display: inline;
float:left;
font-size: 10px;
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;
}

.menuicon1{
	font-size: 110%;
	font-weight: bold;
}
.menuicon2{
	font-size: 110%;
	font-weight: bold;
}


#logo{
	width: 48px;
	height:48px;
	display: inline-block;
	background-image: url("/style/logo-m.png");
	cursor: pointer;
	margin-left: 20px;
	background-position-y: bottom;
	background-repeat: no-repeat;
}

#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,#top6,#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,#top6,#hometop0,#hometop1,#hometop2,#hometop3,#hometop4,#hometop5{
background-image: none;
background-repeat: repeat;
background-position: right 0;
min-width: 120px;

}


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

}

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

.subtopnav, .subtopnav-active{
	clear:right;
	float: left;
	display: block;
	overflow: hidden;
	margin-right:10px;
	padding:5px;
}
.subtopnav-active{
	background-image: url(/style/top.png);
}
#menu audio{
width:100%;
margin-top:7px;
}

#zeigedasbild{
z-index:99;
position:fixed;
  top: calc((100% - 120px) / 2);
  left: 50%;
  transform: translate(-50%,  calc((100% - 50px) / 2 * -1));
  	max-height: calc(100% - 100px);
	max-width:calc(100% - 20px);
  overflow-y: auto;
    overflow-x: auto;

}
#bild{
text-align:left;

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

}
#zeigediethumbs{
		display:none;
	}


#black{
z-index:97;
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;

}
#pointersisters{
	visibility: hidden;
	z-index:198;
	position:fixed;
	top: 0px;
	right: 0px;
}
#blackrechts, #blacklinks, #blackrechts a, #blacklinks a, #blackclose, #blackclose a{
	font-size: 200px;
	color: white;
	text-decoration: none;
	color: white;
	top: calc(50vh);
	z-index:98;
	position: fixed;
	text-shadow: 1px 1px 1px black;
}
#blackclose a{
	right:5px;
	top: 5px;
	font-size: 50px;
}
#blackrechts a{
right: 10px;
padding-right: 5px;
}
#blackrechts a:hover{
	padding-right: 0px;
}

#blacklinks a{
left: 10px;
padding-left:5px;
}
#blacklinks a:hover{
	padding-left: 0px;
}

#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;
}

.startart{
	width:100%;
	background-color:red;
	min-height:400px;
}

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

.welcomewindows{
	margin-left:10px;
	float:right;
	width:280px;
	height:210px;
	background: url(more/vergleich/win1_2.png) no-repeat right;
	background-size: 280px 210px;
}

@media only screen and (max-width: 1300px) {
	#welcome4 {
		display:none;
	}
}
@media only screen and (max-device-width: 600px) {
	#welcome4 {
		display:none;
	}
		#welcome1 {
		display:none;
	}
}
.welcomewindowstag, .welcomewindowstag a{
	font-size:10pt;
	margin-top:20px;
	color:white;
	text-align:right;

	padding:5px;
}
.welcomewindowstag{
		background: rgb(45, 45, 45);
	background: rgba(0, 0, 0, 0.7);
}

.welcomewindowsklammer{
		background: rgb(200, 200, 200);
	  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
}

.minipackung,.seitenbild,.micropackung,.vorschaubild{
width:250px;
height:150px;
margin-bottom:8px;
cursor:pointer;
text-align:right;
background-size: 100% auto;
vertical-align: middle;
border: 2px solid #FFF;
background-repeat: no-repeat;
background-color: #eee;
 overflow: hidden;
}
.vorschaubild{
	width:220px;
	height:165px;
	display:inline-block;
	background-size:100%;
	
}
.minipackung{
width:180px;
height:100px;
background-size: auto 100px;
display:inline-block;
}
.minipackung:hover{
	background-size: auto 150px;
	transition: background-size 300ms linear;
	border: 2px solid #B52C07;
}
.micropackung{
width:90px;
height:50px;
background-size: 130px auto;
display:inline-block;
}


.seitenbild:hover, .vorschaubild:hover{
	border: 2px solid #B52C07;
	background-size: 120% auto;
	background-position-y: top;
	background-position-x: top;
	transition: background-size 300ms linear;
}



#quicktime{
background-color:white;
position:fixed;
width:280px;
top:0px;
right:0px;
display:none;
border-left: 3px solid #000;
border-bottom: 3px solid #000;
overflow-y:scroll;
height:100%;
font-size:11px;
margin-left: 3px;
  z-index: 90;
}

#quicktimebox{
overflow:auto;
}

.time_grid{
	display: grid;
	grid-template-columns: 40px 15px 15px 15px 15px 15px auto 120px;
	margin-right:10px;
	line-height: 15px;
}
.time_grid_year, .time_grid_empty, .time_grid_dosline, .time_grid_os2line, .time_grid_winline, .time_grid_ntline, .time_grid_srvline, .time_grid_dostext, .time_grid_os2text, .time_grid_wintext, .time_grid_nttext, .time_grid_srvtext,
.time_grid_emptydos, .time_grid_emptywin,.time_grid_windos, .time_grid_emptyos2, .time_grid_winos2 , .time_grid_dosos2, .time_grid_srvnt,
.time_grid_srvwin, .time_grid_ntwin{
	border-top-style: solid;
	border-top-color: transparent;
	
	text-align:right;

	
}



.time_grid_year{
	margin: 5px;
	
}
.time_grid_dostext a:visited, .time_grid_os2text a:visited, .time_grid_wintext a:visited, .time_grid_nttext a:visited, .time_grid_srvtext a:visited,
.time_grid_dostext a:link, .time_grid_os2text a:link, .time_grid_wintext a:link, .time_grid_nttext a:link, .time_grid_srvtext a:link
{
		color: #333;
		text-decoration: none;
		padding-right: 5px;
}
.time_grid_dostext a:hover, .time_grid_os2text a:hover, .time_grid_wintext a:hover, .time_grid_nttext a:hover, .time_grid_srvtext a:hover{
	text-decoration: underline;
}

.time_grid_dosline, .time_grid_dostext,.time_grid_emptydos,.time_grid_windos{
	border-top-color: #6f6f6f; /*DOS*/
	background-color:#eaeaea;
}
.time_grid_os2line, .time_grid_os2text,.time_grid_dosos2, .time_grid_winos2, .time_grid_emptyos2{
	border-top-color: #ff5b65; /*OS2*/
	background-color: #ffdbdd;
}
.time_grid_winline, .time_grid_wintext, .time_grid_emptywin, .time_grid_srvwin , .time_grid_ntwin{
	border-top-color: #9ec272; /*Win*/
	background-color: #e7ede0;
}
.time_grid_ntline, .time_grid_nttext, .time_grid_srvnt{
	border-top-color: #447fb6; /*NT*/
	background-color: #cadcec;
}
.time_grid_srvline, .time_grid_srvtext{
	border-top-color: #ff9d34; /*Server*/
	background-color: #f7dbbd;
}
.time_grid_os2{
	background-color: #ff5b65;
}
.time_grid_dos,.time_grid_dosos2{
	background-color: #6f6f6f;
}
.time_grid_win,.time_grid_windos, .time_grid_winos2{
	background-color: #9ec272;
}
.time_grid_nt, .time_grid_ntwin{
	background-color: #447fb6;
}
.time_grid_srv, .time_grid_srvnt, .time_grid_srvwin{
	background-color: #ff9d34;
}



.r_fact,.l_fact{
	width:300px;position:relative;float:none;
}
.l_fact{
	margin-top:-15px;
}

.scrvideo{
	width:220px;
	height:165px;
	cursor:pointer;
}
.bodystyledefault{
	background-color:#eaeaea;
}
.bodystylewin1{
	background-color:#55ff9a;
	
}
.bodystylewin2{
	background-color:#55ffff;
	
}
.bodystylewin3{
	background-color:#c0c0c0;
	
}
.bodystylewin31{
	background-color:#c0c7c8;
	
}
.bodystylewin95,.bodystylent4,.bodystylent3,.bodystylemarble,.bodystylentserver,.bodystylewin98{
	background-color:#018385;
	
}
.bodystylebob{
	background-color:#cc0202;
	
}
.bodystylewin2000,.bodystylewin2000s,.bodystylewinme,.bodystylewinxp,.bodystylewin2003{
	background-color:#386ca0;
	
}
.bodystylevista{
	background-color:#64af6e;
}
.bodystyleos2{
	background-color:#30302a;
}
.bodystylewin10{
	background-color:#0247c0;

}
.bodystylewin7{
	background-color:#0347ac;
}
 .bodystylewin8{
	background-color: #fcb800;
}	  
 .bodystylewin2008{
	background-color: #185878;
}	  



@media only screen and (max-device-width: 700px) 
	{
	
		.winpic{
			float: none;
			width: auto;
		}

		.art_navi_body a {
			font-size: 14px;
			line-height: 18px;
		}
		.art_navi_head{
			font-size: 18px;
		}
		.art_navi {
			line-height: 18px;
		}
		.art_navi h1,h2{
			margin:auto;
			
		}
		#quicktime{
			width:90%;
			font-size:22px;
			margin-left: 3px;
		}
		.quicktime_year{
		background-image:url(/style/quicktime4.png); 

		}
		.quicktime_dos,.quicktime_win,.quicktime_os2,.quicktime_nt,.quicktime_nts{
			background-image:url(/style/quicktime4.png); 
		}
		#zeigediesteuerung{
			font-size:24px;
		}	
			table{
				max-width:100%;
			}
		#header h1, #header h1 a, #header  h1 a:visited, #header  h1 a:hover{
			color:#fff;
			text-shadow:none;
			font-size: 32px;
			text-align: center;
		}	
			

		#logo{
			padding-top: 0px;	
			display: inline-block;
			vertical-align: inherit;
			background-image: url("/style/logo-l.png");
			margin-left: 0px;
		}

		#dropmenuebox{
			display:none;
			height: calc(100vh - 100px);
			overflow: scroll;
		}	
		#zlb,#ngb{
			font-size:24px;
			border: 0;
		padding: 4px;
		 box-shadow: none;
		 border-radius: 0px;
		 margin-right:30px;
		 cursor: pointer; 
		}
		.toolbox{
			display:none;
			
		}
		.toolbox-mobile{
			display:block;
			padding:10px;
		}
		.toolboxmobileitems{
			
			padding:20px;
		}
		#ngb2, #zlb2{
			font-size:25px;
		}
		#mainnav{
			display:none;
		}
		.imgwinint{
			max-width:640px !important;
			max-height:480px !important;
		}	
		.r_fact,.l_fact{
			width:290px;position:relative;float:left;
		}
		.l_fact{
			margin-left:5px;margin-top:auto;
		}
			
		#container
		{
			width: 660px;
			text-align: left;
			background-color: #fff;
			border: 1px none #fff;
			line-height:1.4em;
		}
		#header
		{
			width: 660px;
			top:-61px;
			position: sticky;
			border: 1px none #000000;
			border-bottom: 0px solid #000;

		}



		.topicsidekick, .introsidekick{
			height:auto;
			float:none;
		}

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

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

			height:auto;
			float:none;

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

		.lupe_BildThumb{
			position:relative;
			top:100px;
			border: 0px solid #FFF;
			left:150px;
			
		}
		.lupe_PackungsThumb{
			position:relative;top:50px;border: 0px solid #FFF;
		}
		.lupe_PackungsThumb2{
			position:relative;top:115px;left:0px;border: 0px solid #FFF;
		}

		.minipackung,.seitenbild,.micropackung{
			width:200px;
			height:150px;
			margin-bottom:8px;
			cursor:pointer;
			text-align:right;
			background-size: 100%;
			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:#eee;
			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, .subtopnav-active{
			float: none;
			display: block;
			overflow: hidden;
			padding:15px;

		}

		.sys,.textgallerylinks{
			text-align: left;
			font-size: 125%;
		}
		.textgallerylinks a{
			margin:10px;
		}
		.badge{
			float:right;
			margin-left: 10px;
		}

		#top0,#top1,#top2,#top3,#top4,#top5,#top6,#top99,#hometop0,#hometop1,#hometop2,#hometop3,#hometop4,#hometop5,#hometop99 {
			padding:10px;
			float:none;
			font-size:24pt;
			
		}

		#subtop0, #subtop1, #subtop2, #subtop3, #subtop4, #subtop5,#subtop6, #subhometop0, #subhometop1, #subhometop2, #subhometop3, #subhometop4, #subhometop5
		{
			float:none;
			font-size: 18pt;
			padding:2px;
		}
		#top99,hometop99{
			float:none;
		} 
		#startseitenseite{
			display:none;
		}
		#suchformulartop{
			display:none;
		}
		#suchformularbottom{
			display:block;
		}
		.scrvideo{
			width:280px;
			height:210px;
		}
		.menuicon1{
			font-size: 24px;
			font-weight: bold;
		}
		.menuicon2{
			font-size: 24px;
			font-weight: bold;
		}
		.dropmenutag2{
			font-size: 20px;
			margin-bottom:2px;
			display:none;
		}
		#blackrechts, #blacklinks, #blackrechts a, #blacklinks a{
			top: calc(75vh);
		}
		.vhsfile{
			max-width:640px;
		}
		.grid-3{
			 grid-template-columns: auto auto !important;
		}
		.grid-5{
			padding-top: 10px;
			row-gap: 10px;
		}
		.index_disks{
			
			grid-template-columns: auto ;
		}
		.grid_fact{
			display: grid;
			grid-template-columns: auto auto;
		}

		#quicktime #qtb{
			font-size: 30px;
		}
		.time_grid{
			
			grid-template-columns: 80px 30px 30px 30px 30px 30px auto 220px;
			line-height: 30px
	}

 } /*Handy Ende*/
 
 @media only screen and (min-width: 1270px) 
	{
		 #footer{
			 width:1250px;
		 }	 
		 #header, #container{
			 width:1260px;
		 }

		 .topicsidekick{
			 width:98%;
		}
		.indexdisc{
			width:500px;
			height:500px;
		}

	 



 }
 
  @media only screen and (min-width: 1850px) 
	{
		 #quicktime{
			 display:block;
			 height:100%;
			 
		 }
	 
		.art_navi {
			position: fixed;
			right: calc(100%/2 + 640px);
		}
  }	  
 
  @media only screen and (min-width: 1270px) and (min-height: 700px) 
	{
	  

		 #zeigedasbild{
			max-height: calc(100% - 200px);
			top: calc((100% - 280px) / 2);
			transform: translate(-50%,  calc((100% - 180px) / 2 * -1));
		}
		
		#zeigediesteuerung{

			min-height:140px;

		}
		#zeigediethumbs{
			display:none;
		} 
 

 }	  

 
  @media only screen and (min-width: 1450px) 
	{
		  body{
			  background-image: url("/style/wallpaper/kartons.jpg");  
		  }

		  #logo{
			  display: inline-block;
			 background-image: url("/style/logo-m.png");
		  }
			 .titlebox{
			 padding-top: 0px;
			
		 }
		  .background{
				
			  display:block;
			   z-index:-200;
			  position: fixed; 
			  top: -50%; 
			  left: -50%; 
			  width: 200%; 
			  height: 200%;
		  }
		  .background img {
			
			   position: absolute; 
			  top: 0; 
			  left: 0; 
			  right: 0; 
			  bottom: 0; 
			  margin: auto; 
			  min-width: 50%;
			  min-height: 50%;
		  }
		  .bodystylewin2000{
					background-image: url("/style/wallpaper/win2000.png");
					background-color: #0000ff;
		  }	  
		  .bodystylewin95{
					background-image: url("/style/wallpaper/win95.png");
					background-color: #0000ff;
		  }
		
		  .bodystylent4{
					background-image: url("/style/wallpaper/nt4.png");
					background-color: #213952;
		  }	
		  .bodystylent3{
					background-image: url("/style/wallpaper/nt3.png");
		  }	  	  
		  .bodystylentserver{
					background-image: url("/style/wallpaper/ntserver.png");
					background-color: #000080;
		  }	
		  .bodystylewin2000s{
					background-image: url("/style/wallpaper/win2000s.png");
					background-color: #000080;
		  }	  
		  .bodystylewin31{
					background-image: url("/style/wallpaper/win31.png");
		  }	  
		   .bodystylewin31_blatt{
					background-image: url("/style/wallpaper/win31_blatt.png");
		  }	 
		  .bodystyleos2{
					background-image: url("/style/wallpaper/os2.png");
		  }
		
			.bodystylemarble{
					background-image: url("/style/wallpaper/marble.png");
		  }
		

		.bodystyledos{
					background-image: url("/style/dos2.png");
		}
		.bodystylewin1,.bodystylewin2{
					background-image: none;
		}


 }
 


	/*DARK ANFANG*/
@media (prefers-color-scheme: dark) 
	{
		 #container{
			 background-color: #222;
		 }
		 body{
			 color:white;
			 
		 }
		 .art_navi, body{
			 background-color: #111;
		 }
		 #container a:link{
			 color: #ff55ff;
		 }
		  #container a:visited{
			 color: #aa00aa;
		 }
		  h2 {
			color: #aa5500;
		 }
		 h3{
			 color: #55ffff;
		 }
		 h4{
			 color: #55ff55;
		 }
		 .topicsidekick h2, .introsidekick h2 {
			 color: #ffff55;
		 }
		  .topicsidekick h3, .introsidekick h3 {
			 color: #00aaaa;
		 }

		.bilderrahmen, .thumbrahmen {
		  background-color: #333;
		}
		 .topicsidekick, .tab_content, .tab_colstart2,.teaser2, .teaser3 {
			 background-color: #333;
		 }
		 .row_facts {
		  background-color: #333;
		  border-bottom: 4px solid #222;
		}
		#footer, .minipackung, .seitenbild, .micropackung, .vorschaubild{
			background-color:  black;
		}
		#zlb2,#ngb2,#zlb,#slb,#slb2, #qtb{
				background-color:#434074;
				color:white;
				border-color:black;
		}
		.suchfeld{
			background-color: #434074;
			color:#eee;
		}
		#header h1, #header h1 a, #header h1 a:visited, #header h1 a:hover {
			color: #999;
		}
		#logo{
			background-image: url("/style/logo-s.png");
		}
		.grid_cell_facts{
		color: #eee;
		background-color:#0c009e;
		border-bottom: 4px solid #222;
		}
		audio{
			background-color: #00ff6b;
		}
		 #quicktime{
			background-color: #222;
		 }
		 .minipackung{
			 border-color: #000;
		}
		.bodystyledefault{
			background-color:#111;
		}
} /*Dark ENDE*/