@charset "utf-8";
/* CSS Document */

img { behavior: url(../_css/iepngfix.htc) }

* {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	border-style: none; 
}

/*-------------------/
/   Testurteilbox    /
/-------------------*/

.testurteil {
	background-color: #adcee6;
	margin-left: 143px;
	width: 838px;
	margin-top: 40px;
}

.windows8_start {
	margin: -60px 0px 20px 165px;
	width: 480px;
	padding: 0px;
}

.test {
	width: 95%;
	font-size: 14px;
	font-weight: bold;
	float: left;
}

#testtext {
	margin-left:123px;
	padding-top: auto;
	padding-bottom: auto;
}


.testlogo {
	margin-right: 10px;
	float:left;
}

/*  Hack fuer CSS */
.test:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.testurteil:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
/*       Ende Hack   */


/*-------------------/
/       Pfeile       /
/-------------------*/


#instore {
	font-size: 14px;
	width: 250px;
	height: 30px;
	top: 85px;
	left: 6px;
	position: relative;
}

#instore2 {
	font-size: 1px;
	width: 250px;
	height: 1px;
	/*position:relative;*/
	top: 115px;
	left: 24px;
}

#instore span{
font-weight: bold;
color: #E2001A;
font-size: 14px;

}

/*-------------------/
/     Navigation     /
/-------------------*/

#navi ul{
	list-style-type: none;
	padding: 2px;
	margin-left: 0px;
	margin-top: 0px;
}

/*-------------/
/ Seitenaufbau /
/-------------*/

#contentframe {
	width: 960px;
	max-width: 960px;
	margin: auto;
	min-height: 100%;
}

.newarrow div h5{
	margin: 32px 0px 0px -4px;
	font-size: 14px;
	line-height: 16px;
}

.newarrow div{
	position: absolute;
	top: -20px;
	left: 18px;
	font-size: 12px;
	padding:5px;
}

.hard {
	color: white;
}

.soft {
	color: white;
}

.newarrow img {
	position: absolute;
	left: 0px;
}

.newarrow {
	position: absolute;
	width: 300px;
	height: 70px;
	margin-left: 820px;
	z-index: 1;
}



#home {
	overflow: hidden;
	margin-left: 143px;
	width: 818px;
	height: 650px;
	position: relative;
	top: -20px;
	
}

.navteq {
	background-image: url(../_img/specials/navteq.jpg);
	width: 203px;
	height: 100px;
	float: right;
	visibility: hidden;
}

#prodclick {
	cursor: pointer;
	float: left;
	position: absolute;
	z-index:2;
}

.slish {
position: absolute;
left: 0px;
top: 30px;
}

a:link, a:visited {
	color: black;
	text-decoration: none;
}

#aldilogo {
	width: 132px;
	float: left;
	position: fixed;
	top: 0px;
	z-index: 3;
}

#navi {
	position: fixed;
	float: left;
	width: 132px;
	background-color: #2f393c;
	top: 160px;
	clear:left;
	z-index: 3;
}

#windowstagline span {
	line-height: 3.5;
}

#windowstagline {
	width: 818px;
	margin-left: 168px;
	height: 52px;
	max-height: 52px;
	padding: auto;
	font: Arial 16px; 
	color: white;
	font-weight: bold;
	line-height: 3.5;
}

#logo {
	
	z-index: 3;
	margin-top: -40px;
	margin-left: 842px;
}

#navi img {
	display: block;
}


#subhead {
	font-size: 14px;
	color: white;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.selection {
	font-size: 12px;
	border-bottom: 1px solid black;
	cursor: pointer;
	color: red;
	font-weight: bolder;
	padding: 3px 0 1px 3px;
	background-color: #BABEC1;

	position: relative;
}

#navi div.navielement {
	background-color: #69747A;
	border-bottom: 1px #57646A solid;
	cursor: pointer;
	font-size: 12px;
	color: white;
	padding: 3px 0 3px 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
}

.open_close {
	position: absolute;
	left: 110px;
	top: 0px;
	z-index: 1;
}

/* -------------- Windows 8 Pfeile --------------- */

	#navi div.special.navielement {
		background-color: #009ee0;
		font-weight: bolder;
	}
	
	#navi div.special.selection{
		color: #009ee0 !important;
		background-color: #BABEC1;
		font-weight: bold;
	}
	
/* -------------- Windows 8 Pfeile --------------- */

.left_content {
	width: 409px;
	max-width: 409px;
	float: left;
}
.right_content {
	width: 409px;
	max-width: 409px;
	background-color: white;
	float: right;
}

div.contentdiv {
	overflow: hidden;
	width: 818px;
	max-width: 818px;
	margin-bottom: 0px;
	clear:left;
	background: #ffffff;
}

div.contentdiv h4 {
	color: black;
	font-size: 16px;
	float: left;
	width: 725px;
}

#contents {
	margin-left: 143px;
	margin-top: 20px;
	width: 818px;
}


.grey {
	background-image: url(../../../_2011/_img/default/greystripe.jpg);
	background-repeat: repeat-x;
	width: 818px;
	height: 27px;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	border: 0px solid none; 
	float: right;
}

.grey img {
	padding-left: 2px;
}

.videoplayer {
	width: 560px;
	height: 320px;
}

.headline {
	background-color:#E21830;
	margin: 0; 
	color: white;
	height: 40px;
	padding-left: 5px;
	position:relative;
}

#pfeilani {
	z-index: 1;
}

.headline div.close_category{
	height: 30px;
	width: 30px;
	clear: both;
	position: absolute;
	left: 785px;
	display: inline;
	top: 4px;

	background-image: url(../../../_2011/_img/default/close_btn.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.headline div.minimize_category{
	height: 30px;
	width: 30px;
	position: absolute;
	left: 755px;
	display: inline;
	top: 4px;
	/*float: right;
	padding-top: 10px;*/
	background-image: url(../../../_2011/_img/default/max_btn.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.headline b{
	line-height: 3;
}

.facts {
	background-color: white;
}

.contentheader img {
	float: right;
}

hr {
	color:#e2001a;
	background-color:#e2001a;
	width: 818px;
	height: 1px;
}

html, body {
	height: 100%;;
	/*width: auto;*/
	/*margin-left:auto;*/
	margin-right:auto;
	margin: 0;
	padding: 0;
	border: 0 solid none;
	/*overflow-x:hidden;*/
	}

.contentheader p {
	font-size: 13px;
	background-color: white;
	color: black;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	padding-left: 15px;
}

.contentheader h3 {
	padding-left: 15px;
	padding-top: 8px;
	font-size: 18px;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	background-color: white;
	color: black;
}

.feature {
	font-size: 12px;
	list-style-type: square;
}

.vertical_line {
	background-color: white;
}

.contentdiv h2 img {
	float: right;
}

@media print{
  #ausstattung_content{display:block;}
  #windows_content{display:none;}
  #software_content{display:none;}
  #prozessor_content{display:none;}
  #grafik_content{display:none;}
  #service_content{display:none;}
  #zusatzprodukte_content{display:none;}
  #details_content{display:none;}
  #navi{display:none;}
  #footer{display:none;}
  .contentheader{display:none;}
}

/*__________________________________________________________new shit______________________________________________________________________________________________*/


#mo_container {
position: absolute;
background-image: url(../_img/spot_bg.png);
top: 438px;
width: 775px;
height: 102px;
background-position: top center;

}
div.spot{
overflow: hidden;
z-index: 20;
position: absolute;
}
div.spot img  {
position: absolute;
z-index: 4;
}
/*div.spot:hover {
overflow: visible;
z-index: 32;
}*/

#layer{ 
position: absolute;
top: 80px;
width: 717px;
height: 442px;
background-image: url(../_img/over_00.png);
background-repeat: no-repeat;
z-index: 3;
padding: 105px 98px 78px 95px;
}
.spot p {
display: none;

}
p.erg {
width: 529px;
}

.expl {
margin-top: 40px;
position: absolute;
z-index: 4;
}
/*______________________________________spot01______________________________________________*/
#spot01 img{
top: 0px;
left: 0px;
}

#spot01 .expl {
top: 20px;
}

#spot01 {
top: 22px;
left: 8px;
width: 194px;
height: 100px;
}
/*________________________________________spot02____________________________________________*/
#spot02 {
top: 34px;
left: 142px;
width: 164px;
height: 70px;
}
#spot02 img{
top: 5px;
left: 40px;
}
/*_________________________________________________spot03__________________________________________*/

#spot03 {
top: 55px;
left: 273px;
width: 164px;
height: 70px;
}
#spot03 img{
top: 9px;
left: 70px;
}

/*________________________________________________________spot04________________________________________*/
#spot04 {
top: 62px;
left: 469px;
width: 164px;
height: 70px;
}

#spot04 img{
top: 1px;
left: 100px;
}

/*________________________________________________________spot05____________________________________________*/

#spot05 {
top: -30px;
left: 600px;
width: 164px;
height: 70px;
margin-top: 10px;
}

#spot05 img{
top: 0px;
left: 50px;
}
#spot05 div.expl {
margin-top: 55px;
}


/*__________________________________________________________new shit______________________________________________________________________________________________*/


#footer {
	clear: both;
	width: 100%;
	background-image: url(../_img/footer_bg.png);
	background-repeat: x-repeat;
	border-bottom: 0px solid black;
	margin-bottom: -12px;


	/*position:relative;*/
	margin-top: -92px
}

#homeclick {
	float:left;
}


/* jQuery lightBox plugin - Gallery style */
	#gallery {
		/*background-color: #161b1c;*/
		padding-top: 2px;
		width: auto;
	}
	
	#gallery ul { 
	list-style: none;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	}
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 1px solid #3e3e3e;
	}
	#gallery ul a:hover { color: #fff; }
#fancybox