@charset "UTF-8";

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/open-sans-v29-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/open-sans-v29-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v29-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v29-latin-800.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v29-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v29-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	box-sizing: content-box;
}
/*
td {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
}
*/
h1 {
	font-size: 16px;
}

h1.headline{
	font-family:Verdana;
	font-size:26px;
	font-weight:bold;
	font-style:italic;
	color:#006cb5;
	margin:0px;
}
h1.headline span{
	color:#000;
}
	
h1.headline_sub{
	font-family:Verdana;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	color:#000;
	margin:0px 0px 30px 150px;
}


h1.socket_subheadline {
	font-weight: bold;
	margin-left: 11px;
	margin-top: 40px;
}
h1:first-of-type.socket_subheadline {
	margin-top: 0;
}



div.headline_titlepage{
	text-align:left;
	font-weight:bold;
	color:#646464;
	font-size:12px;
	margin-bottom:8px;
	border-bottom: 1px solid #006cb5;
	padding-bottom:3px;
}

h2.processor_overview{
	margin-top: 30px;
	font-size: 16px;
}

h3 {
	font-size:12px;
}


/*links*/

a:link,a:visited,a:active {
	color: #000000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.sc:link,a.sc:visited,a.sc:active {
	color: #1075BB;
	text-decoration: underline;
}

a.sc:hover {
	color: #1075BB !important;
	text-decoration: none !important;
}

a.link2:link,a.link2:visited,a.link2:active,a.link2:hover {
	color: #1075BB;
	text-decoration: underline;
}

a.link2:hover {
	color: #1075BB;
	text-decoration: none;
}


a.nav2:link,a.nav2:visited {
	margin: 3px 0px 0px 0px;
	display:block;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

a.jump {
	display: block;
    position: relative;
    top: -125px;
    visibility: hidden;
}

a.inh {
	color: inherit !important;
	font-weight: inherit !important;
	text-decoration: inherit !important;
}

input[type=button].btn,
input[type=submit].btn,
button.btn {
	border: 1px solid #999;
	border-radius: 3px;
	cursor: pointer;
	font-weight:bold;
}

input[type=button]:hover,
input[type=submit]:hover,
button:hover {
    background-color: #d6d6d6;
	border: 1px solid #000;
}


input[type=button].klein,
input[type=submit].klein,
button.klein {
    border-radius: 2px;
	padding: 3px 9px 3px 9px;
	background-size:18px;
	cursor: pointer;
	font-size:12px;
    font-weight:bold;
}

input[type=button].mittel,
input[type=submit].mittel,
button.mittel {
	border-radius: 4px; 
	padding: 5px 11px 5px 11px;
	font-size:14px;
    font-weight:bold;
}

input[type=button].gross,
input[type=submit].gross,
button.gross {
	border-radius: 4px; 
	padding: 6px 14px 6px 14px;
	font-size:16px;
    font-weight:bold;
}

input[type=button].inline,
input[type=submit].inline,
button.inline {
	border-radius: 3px; 
	padding: 0px 5px 0px 5px; 
	margin: 0px 2px;
	line-height:auto;
	font-weight: normal;
}

input[type=button].weiss,
input[type=submit].weiss,
button.weiss {
	background-color: #FFF; 
	border: 1px solid #006cb5;
	color: #006cb5; 	
}

input[type=button].weiss:hover,
input[type=submit].weiss:hover,
button.weiss:hover {
	background-color: #d9e9f4;
	border: 1px solid #004b7e;

}

input[type=button].blau,
input[type=submit].blau,
button.blau {
	background-color: #006cb5; 
	border: 1px solid #004b7e;
	color: #FFF; 	
}

input[type=button].blau:hover,
input[type=submit].blau:hover,
button.blau:hover {
    background-color: #004b7e;
	border: 1px solid #002b49;
}

input[type=button].btn-disabled,
input[type=submit].btn-disabled,
button.btn-disabled,
input[type=button].btn-disabled:hover,
input[type=submit].btn-disabled:hover,
button.btn-disabled:hover {
    background-color: #dddddd;
	border: 1px solid #999999;
	color: #666666;
}


button.pfeil.blau {
	background-image:url('/images/arrow_btn_white.png');
	background-position: right;
	background-repeat:no-repeat;
}

button.pfeil.weiss {
	background-image:url('/images/arrow_btn_blue.png');
	background-position: right;
	background-repeat:no-repeat;
}

button.pfeil.klein {
	padding: 3px 23px 3px 9px;
	background-size:18px;
}

button.pfeil.mittel {
	padding: 5px 27px 5px 11px;
	background-size:21px;
}

button.pfeil.gross {
	padding: 6px 32px 6px 14px;
	background-size:25px;
}



input[type="image"] {
	cursor: pointer;
}

/* Navigation */
nav ul,
nav li {
	padding:0;
	margin:0;
	list-style: none;
	line-height: 17px;
	font-size: 12px;
	font-weight: bold;
}
nav li {
	display: none;
}

nav ul ul {
	margin-left: 10px;
}
	

nav a,
nav a:link,
nav a:visited {
	color:inherit !important;
}

nav li.internalNav a{
	color: #f901d2 !important;
}
/* Punkte erster Ebene, Rootline Childs */
nav > ul > li,
nav   li.inRootLine > ul > li  {
	color: black;
	display: list-item;
}

nav   li.inRootLine  {
	color: #006cb5 !important;
	font-weight: bold;
}




#main_content a:link,
#main_content a:visited,
#main_content a:active {
	color: #000000;
	text-decoration: underline;
	font-weight:bold;
}

#main_content a:hover {
	color: #000000;
	text-decoration: none;
}


a.sb {
	padding-left: 1px;
}
a:hover.sb {
	padding-left: 10px;
}


.pseudolink  {
	text-decoration: underline;
	cursor: pointer; 
}

.pseudolink:hover {
	text-decoration: none;
}

/* Head Navigation Row*/

#head_navigation a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	float:left;
	height:20px;
	padding: 5px 12px 0px 12px;
	background-image:url('/images/head_menu_item_no.png');
	background-repeat: no-repeat;
}
#head_navigation a:hover{
	background-image:url('/images/head_menu_item_ro.png');
	text-decoration:none;	
}


#warenkorb_link{
	font-weight:bold;
	display:block;
	float:left;
	background-image:url('/images/head_wk_blau.gif');
	background-position: left;
	background-repeat:no-repeat;
	padding-left:28px;
	height:20px;
	padding-top:5px;
}

#warenkorb_satz{
	display:block;
	float:left;
	padding:5px 0px 0px 5px;	
}

/*general classes*/
.nav1 {
	color: #515253;
	font-weight: bold;
	font-size: 12px;
}

.nav2 {
	color: #5E80A6;
	font-weight: bold;
	font-size: 12px;
}

span.nav1 { color:#aaaaaa; }
span.nav1:link { color:#515253; }

.txt2 {
	font-size: 14px;
}

.gruppe {
	font-weight: bold;
	font-size: 12px;
}

.red {
	color: #D13939;
}

.green {
	color: #2B7E31;
}

.grau1 {
	background-color: #FAFAFA;
}

.grau2 {
	background-color: #E0E5E7;
}

.grau3 {
	background-color: #F3F4F4;
}

.grau4 {
	background-color: #868787;
}

.grau_alter {
	background-color: #F2F2F2;
}

.blaueliniemitte {
	background-image: url("/images/steps_blaue_linie.gif");
}

/*element classes*/
.textinput {
	font-size: 8pt;
	border: none;
	border-bottom: 1px dashed #1075BD;
	background-color: #F3F4F4;
	width: 178px;
	height: 18px;
}

.textinput_fehler {
	font-size: 8pt;
	border: 1px solid #D13939;
	background-color: #F3F4F4;
	width: 178px;
	height: 18px;
}

select.textinput_fehler {
	font-size: 8pt;
	background-color: #ff9999;
	width: 178px;
	height: 18px;
}

.m ul {
	padding-left: 20px;
	margin: 5px 0 0 0;
}


ul.qliste {
	list-style-type: square;
	margin-top: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding-left: 15px;
}

ul.qliste li {
	margin-bottom: 6px;
}


div.box_titlepage {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	position: absolute;
	font-weight: bold;
	font-size: 9px;
}

#main_content div.box_titlepage a  {
	color: #000;
	text-decoration: none;
}

.shdata1 td {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	background-color: #E3E3E3;
	height: 12px;
	line-height: 12px;
	vertical-align: top;
}

.shdata2 td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #E3E3E3;
	line-height: 13px;
	vertical-align: top;
	background-image: url(images/popup_versandkosten_bg.gif);
}

.shdata3 td {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: top;
}

.bluebox_head {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #7497BE;
	padding-left: 1px;
}

.bluebox_body {
	background-color: #F4F6F9;
}

table.lh14 td {
	line-height: 14px;
}


a.infobox {
	position: absolute;
	height: 67px;
	z-index: 1000;
	overflow: hidden;
	border: 0px solid blue;
}

a.infobox:hover {
	height: auto;
	width: 62px;
	overflow: visible;
	z-index: 1000;
}

#rectid {
	float:left;
	border: 1px solid #8e8e8e;
	font-family: Arial;
	font-size: 10px;
	width: 54px;
	padding-top: 1px;
	height: 12px;
	padding-left: 5px;
	color: #888;
}
#rectidpfeil{
	float:left;
}

/* LOGIN */
#login-head {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 4px;
	color: #006cb5;
}

#usr_login {
	color: #646464;
	font-size: 10px;
	width: 97px;
	height: 12px;
	padding: 2px;
	border-top: 1px solid #3e8fc6;
	border-left: 1px solid #3e8fc6;
	border-right: 1px solid #b2d3e9;
	border-bottom: 1px solid #b2d3e9;
	margin-left: 0px;
}

#usr_pass {
	float: left;
	margin-top: 5px;
	margin-left: 00px;
	font-size: 10px;
	width: 81px;
	height: 11px;
	padding: 2px;
	border-top: 1px solid #3e8fc6;
	border-left: 1px solid #3e8fc6;
	border-right: none;
	border-bottom: 1px solid #b2d3e9;
}

#login-hook {
	float: left;
	margin-top: 5px;
	margin-left: 0px;
}

/*
#importantcontent {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	max-width: 916px;
	margin-left: 5px;
}

#importantcontent #linklist {
	text-align: center;
	border-top: 1px solid #AAAAAA;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-top: 10px;
}

#importantcontent #textcontent {
	padding-top: 8px;
}

#importantcontent h1 {
	font-size: 24px;
	padding-left: 0px; 
	padding-bottom: 0px;
	margin-bottom: 15px;
}

#importantcontent h1 span {
	font-size: 12px;
}

#importantcontent h2 {
	font-size: 14px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#importantcontent p {
	margin-top: 5px;
}

#importantcontent img {
	max-width: 100%;
	height: auto;
}

*/

/* shadow */

.sh_tr{	background-image: url('/images/shaddow_top_right.png');}
.sh_r{	background-image: url('/images/shaddow_right.png');}
.sh_bl{	background-image: url('/images/shaddow_bottom_left.png');}
.sh_br{	background-image: url('/images/shaddow_bottom_right.png');}
.sh_b{	background-image: url('/images/shaddow_bottom.png');}


table.linklist {
	margin-left:16px;
	margin-top:17px;	
}

table.linklist td {
	height: 21px; 
	vertical-align: top; 
	text-align: left; 
	padding-top: 2px;
}


/* Titlepage */
#titlepage_wrapper .pic{
	position:relative;
	width:232px;
	height:82px;
	margin-bottom:15px;
}
#titlepage_wrapper .pic h1{
	margin:0px;
	position:absolute;
	bottom:5px;
	font-size:15px;
	color:#FFF;
	right:10px;
	cursor:pointer;
}
#titlepage_wrapper .pic a,#titlepage_wrapper .pic a h1,#titlepage_wrapper .pic h1 a{
	text-decoration:none !important;
	color:#FFFFFF !important;
}

#titlepage_wrapper h1.left{
	left:10px;
}

/* Titlepage Tower Server */
.tower-server-box{
	position:relative;
	width:264px;
	height:600px;
	background-color:#f2e5e5;
	background-image: url('/images/titlepages/titlepage_3_box_background.png');
	background-position:bottom;
	background-repeat:repeat-x;
	float:left;
}
.tower-server-box h2{
	margin-top:20px;
	margin-left:15px;
	margin-bottom:10px;
	font-size:20px;
}
.tower-server-box p{
	margin-left:15px;
	margin-bottom:0px;
	padding-right:15px;
}

.tower-server-box ul{
	margin-top:5px;
	margin-left:30px;
	list-style-image:url('/images/titlepages/titlepage_3_tower-server-bullet.gif');
	padding:0px;
}
.tower-server-box ul li{
	padding-bottom:5px;
	padding-right:5px;
}

.tower-server-box a:link, .tower-server-box a:visited{
	color:#000 !important;
	font-weight:bold !important;
	text-decoration:none !important;
} 

.tower-server-box a:hover{
	color:#000 !important;
	font-weight:bold !important;
	text-decoration:underline !important;
} 

.tower-server-box div.link{
	position:absolute;
	height:50px;
	width:115px;
	bottom:35px;
	margin-left:135px;
}

.tower-server-box div.link ul{
	margin:0px 0px 0px 15px;
	padding:0px;
	list-style-image:url('/images/titlepages/titlepage_3_tower-server-arrow.gif');
}

.tower-server-box div.link ul li{
	margin:0px;
	padding:0px;
}
/* Titlepage Rack Server */
.rack-server-box{
	position:relative;
	background-image: url('/images/titlepages/titlepage_1_rack-server-box-background.png');
	background-repeat:repeat-x;
	background-position:bottom;
	width:400px;
	height:227px;
	float:left;
}

.rack-server-box h2{
	font-size:20px;
	font-weight:bold;
	margin:0px 0px 0px 15px;
	padding:0px;
}


.rack-server-box ul{
	position:relative;
	z-index:100;
	margin-top:5px;
	margin-left:32px;
	list-style-type:square;
	padding:0px;
}
.rack-server-box  ul  li{
	padding:0px 5px 5px 0px;
}

.rack-server-box p{
	margin:10px 0px 0px 15px;
	position:relative;
	z-index:100;
}

.rack-server-box div.link{
	font-weight:bold;
	position:absolute;
	bottom:10px;
	left:15px;
}

.rack-server-box  div.link  ul{
	font-weight:normal;
	margin:0px 0px 0px 18px;
	padding:0px 0px 0px 0px;
	list-style-image:url('/images/titlepages/titlepage_1_rack-server-arrow.gif');
}
.rack-server-box  div.link  ul li{
	margin:3px 0px 0px 0px;
	padding:0px;
}			

#rack-server-title-wrapper a:link, #rack-server-title-wrapper a:visited{
	color:#000;
	text-decoration:none; 
}

#rack-server-title-wrapper a:hover {
	color:#000;
	text-decoration:underline; 
}

/* Titlepage Storage Server */
.storage-server-box{
	position:relative;
	width:400px;
	height:245px;
	background-color:#e8f0ee;
	background-image: url('/images/titlepages/titlepage_6_box_background.png');
	background-position:bottom;
	background-repeat:repeat-x;
	float:left;
}
.storage-server-box h2 {
	margin-top:10px;
	margin-left:15px;
	margin-bottom:10px;
	font-size:20px;
}
.storage-server-box h2 span{
	font-size:12px;
}

.storage-server-box ul{
	margin-top:5px;
	margin-left:152px;
	list-style-image:url('/images/titlepages/titlepage_3_tower-server-bullet.gif');
	padding:0px;
}
.storage-server-box ul li{
	padding-bottom:5px;
	padding-right:5px;
}

.storage-server-box a:link, .storage-server-box a:visited{
	color:#000 !important;
	font-weight:bold !important;
	text-decoration:none !important;
} 

.storage-server-box a:hover{
	color:#000 !important;
	font-weight:bold !important;
	text-decoration:underline !important;
} 

.storage-server-box div.link{
	position:absolute;
	bottom:15px;
	right:0px;
	background-color:#FFFFFF;
	padding:3px 15px 3px 15px;
}

.storage-server-box div.link ul{
	margin:0px 0px 0px 15px;
	padding:0px;
	list-style-image:url('/images/titlepages/titlepage_6_storage-server-arrow.gif');
}

.storage-server-box div.link ul li{
	margin:0px;
	padding:0px;
}

.storage-server-box div.text{
	position:absolute;
	top:43px;
	left:240px;
	width:150px;
	height:140px;
	margin:0px;
	padding:0px;
}

/* Titlepage Storage Server */
.virtualization-server-box{
	position:relative;
	width:400px;
	height:245px;
	background-color:#f4f2e8;
	background-position:bottom;
	background-repeat:no-repeat;
	float:left;
	text-align:left;
}
.virtualization-server-box h2{
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	font-size:20px;
}
.virtualization-server-box h2 span{
	font-size:12px;
}

.virtualization-server-box ul{
	margin-top:5px;
	margin-left:152px;
	list-style-image:url('/images/titlepages/titlepage_2_virtualization-server-arrow.gif');
	padding:0px;
}
.virtualization-server-box ul li{
	padding-bottom:5px;
	padding-right:5px;
}

.virtualization-server-box a:link, .virtualization-server-box a:visited{
	color:#000 !important;
	font-weight:bold !important;
	text-decoration:none !important;
} 

.virtualization-server-box a:hover{
	color:#000 !important;
	font-weight:bold !important;
	text-decoration:underline !important;
} 

.virtualization-server-box div.link{
	position:absolute;
	bottom:15px;
	right:0px;
	background-color:#FFFFFF;
	padding:3px 15px 3px 15px;
}

.virtualization-server-box div.link ul{
	margin:0px 0px 0px 15px;
	padding:0px;
	list-style-image:url('/images/titlepages/titlepage_2_virtualization-server-arrow.gif');
}

.virtualization-server-box div.link ul li{
	margin:0px;
	padding:0px;
}

.virtualization-server-box div.text{
	position:absolute;
	top:43px;
	left:240px;
	width:150px;
	height:140px;
	margin:0px;
	padding:0px;
}

/* cluster */
.cluster-box {
	position: relative;
	width: 400px;
	height: 337px;
	background-color: #FDECEB;
	background-image: url('/images/titlepages/titlepage_25_box_background.png');
	background-position:bottom;
	background-repeat:repeat-x;
	float:left;
}
.cluster-box h2 {
	margin-top:10px;
	margin-left:15px;
	margin-bottom:20px;
	font-size:20px;
	color: #000;
}
.cluster-box a:link, .cluster-box a:visited{
	color:#000 !important;
	font-weight:bold !important;
	text-decoration:none !important;
} 

.cluster-box a:hover{
	color:#000 !important;
	font-weight:bold !important;
	text-decoration:underline !important;
} 

.cluster-box div.link{
	position: absolute;
	right:0;
	top:10px;
	background-color:#FFFFFF;
	padding:3px 15px 3px 15px;
}
.cluster-box div.link ul{
	margin:0px 0px 0px 15px;
	padding:0px;
	list-style-image:url('/images/titlepages/titlepage_25_cluster-arrow.png');
}
.cluster-box p {
	padding:15px;
	padding-top:5px;
	line-height: 16px;
}



#main_content a.direktlink{
	text-decoration:none;
	color:inherit;
	}

#main_content a.direktlink img {
	border:none;
}

table.angebote td.spacer{
	background: none;
	height:10px;
}



/* gemeinsam horz+vert descriptions */
#container_head {
	max-width: 820px;
}

#container_head h1,
#container_txt h3 {
	color: #006cb5;
}


.description a.configurelink{
	margin:0px 0px 0px 2px;
	padding:0px;
}

div.description1,
div.description2,
div.labox {
	padding: 0px 10px 10px 10px;
	box-sizing: border-box;
	float: left;
    font-size: 14px;
    line-height: 18px;
}

.description ul,
.text ul {
	margin: 0px 0px 0px 12px;
	padding:0px;
	list-style-image: url("/images/qliste.png");
}

.description ul li,
.text ul li {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

.description ul li span {
	color: #000;
}

.description h3 {
	margin:10px 0px 0px 0px;
}
div.description1 p {
	margin:10px 0px 0px 0px !important;
}




/* DetailSeiten Horizontal */
#horizontal_head{
	position:relative;
	max-width: 820px;	
}
#horizontal_head div.rect_bezeichnung{
	text-align:right;
	padding:5px 9px 4px 42px;
	background-color:white;
}
#horizontal_head div.gallery{
	position:absolute;
	right:0px;
	top:8px;
	padding:5px 23px 6px 6px;
	background-color:white;
}
#horizontal_head div.rect_bezeichnung h1{
	margin:0px;
	padding:0px;
	font-size:18px;
	font-weight:bold;
}
#horizontal_head div.rect_bezeichnung div.rectid{
	font-size:11px;
	margin:0px;
	padding:0px;
}
#horizontal_subtitle{
	font-size:14px;
	margin:10px 0px 0px 10px;
}
#horizontal_description{
    position:relative;
	margin-top:0px;
	max-width: 820px;
}
.horizontal div.description1,
.horizontal div.description2,
.horizontal div.labox {
	width: 33.3%;
}

img.large-title {
	vertical-align: top;
}
div.imagebox {
	clear: both;
	padding-top: 5px;
	z-index:1;
	column-count: 3;	
	column-gap: 20px;
	max-width: 820px;
}
div.imagebox img {
	max-width: 100%;
	height: auto;
	display: block;
	/*vertical-align: top;*/
}
/* DetailSeiten Horizontal ENDE */

#breadcrumb {
	margin:0px 0px 10px 0px;	
	font-size: 12px;
}

#breadcrumb ol,
#breadcrumb li {
	padding:0;
	margin:0;
	list-style: none;
}

#breadcrumb li {
	display: inline;
}

#breadcrumb li:after {
	content: "›";
	padding-left: 5px;
	padding-right: 5px;
}
#breadcrumb li:last-child:after {
	content: "";
}

#breadcrumb a{
	text-decoration: none !important;	
}

#ulalternativen{
	margin-left: 18px !important;
	list-style-image: url('/images/angebotliste/arrow_gray.gif');	
}

#ulalternativen li{
	padding:0px;
	margin:8px 0px 0px 0px !important;
}

#searchbox2 table{
		margin-bottom:10px;
		margin-left:10px;
	}
	
	
	#searchbox2 table th, #searchbox2 table td{
		width:172px;
		text-align:left;
		vertical-align:top;
		padding:0px 0px 5px 0px;
		margin:0px;
	}
	
	#searchbox2 table th div{
		padding-bottom:3px;
		border-bottom:1px solid #006cb5;
		width:136px;
	}
	
	#searchbox2 table td{
		padding-top:0px;
	}
	
	#searchbox2 div.formfield{
		float:left;
		width:66px;
	}

	#searchbox2 div.singleformfield{
		float:left;
		width:130px;
	}
	
	
	#searchbox2 div.formfield input, #searchbox2 div.singleformfield input{
		float:left;
		margin:4px 0 0 4px;
	}
	
	#searchbox2 input.text{
		margin:8px 0px 0px 3px;
		padding-right:3px;
		width:90px;
		text-align:right;
		font-size:11px;
	}
	
	#searchbox2 select{
		margin:8px 0px 0px 3px;
		width:75px;
		font-size:11px;
	}
	
	#searchbox2 div.formfield div.label{
		padding-top:4px;
		margin-top: 3px;
		float:right;
		width:45px;
		overflow:hidden;
	}
	
	#searchbox2 div.singleformfield div.label{
		padding-top:4px;
		margin-top: 3px;
		float:right;
		width:108px;
		overflow:hidden;
	}
	
	#searchbox2 div.fieldblock{
		clear:both;
		padding-top:0px;
	}
	#searchbox2 input[type=checkbox]{
		padding:0;
	}
	
#searchbox2 input.empty {
	color: #999;
}	
	
/** POPUP */
#popup{
	background-color:#FFFFFF;
	position:absolute;
	top:20px;
	width:594px;
	height:460px;
	border:1px solid #858585;
	z-index:1100;
}

#popup_title{
	position:relative;
	text-align:center;
	top:0px;
	background-image:url('/images/popup-hintergrund-kopfzeile.png');
	border:1px solid #B2B2B2;
	border-left:none;
	border-top:none;
	width:573px;height:17px;
	font-family:Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#popup_x{
 	cursor:pointer;
	position:absolute;
	right:0px;
	top:0px;
	background-image:url('/images/popup-button-schliessen.png');
    width:20px;height:17px;
    border:1px solid #B2B2B2;
	border-top:none;
}

#gallery_left{
	background-color:#E5E5E5;
	position:absolute;
	top:18px;
	width:124px;
	height:356px;
	padding-top:12px;
	padding-bottom:15px;
}
	
#gallery_bild_gross{
	position:relative;
	left:124px;
	width:470px;
	height:381px;
}

#popup .bild_vorschau{
	position:relative;
	height:70px;
	width:90px;
	margin:5px 0px 10px 14px;
	border:1px solid #858585 ;
	cursor:pointer;
}

#popupoverlay{
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background-color:#000;
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	position:absolute;
	z-index:1000;
}


/* NewsTeaser Styles */
#newsteaser td.newsheadline{
	text-align:left;
	font-size:11px;
	font-weight:bold;
	width:260px;
}

#newsteaser td.newsdate{
	vertical-align:top;
	text-align:right;
	font-size:9px;
	font-weight:normal;
	color:#555555;
	padding-right:5px;
}

#newsteaser div.newstext{
	text-align:left;
	clear:both;
	padding:0px 5px 0px 0px;
	line-height:16px;
}
#newsteaser a{
	text-align:left;
	text-decoration:none !important;	
}
#newsteaser a.more{
	padding-right:5px;
	text-align:left;
	color: #006cb5;
	text-decoration:none;	
}

/* news page */
#newspage .newstext{
	clear:left;
	margin:0px 0px 20px 0px;
	padding:0px 20px 0px 20px;
	line-height:15px;
}

#newspage h1.newsheadline{
	float:left;
	color:#006cb5;
	font-size:12px;
	margin:0px 0px 13px 0px;
}

#newspage div.newsdate{
	float:right;
	color:#006cb5;
	font-size:11px;
	margin:0px 0px 13px 0px;
}

#newspage .newsheadline > a {
    display: block;
    position: relative;
    top: -125px;
    visibility: hidden;
}

/* ACCESSORY BOXES */
.accessory_list_box {
	position:relative;
	margin-top:10px;
	/*background-color:#f1ece8;
	background-image: url('/images/accessory_box_bg.png');
	background-repeat:repeat-y;*/
	max-width:818px;
	min-height:125px;
	border:solid #b4d3e8 1px;
}

.accessory_list_box div.ac_image{
	position:absolute;
	left:5px;
	top:6px;
	height:105px;
	width:110px;
	background-color:#FFFFFF;	
}

.accessory_list_box img.ac_image_low_priced{
	position:absolute;
	left: 40px;
	top: 80px;
	z-index:100;
}


.accessory_list_box div.ac_content{
	position:absolute;
	left:130px;	
	top:0px;
	margin:0px;
	padding:0px;
	max-width:460px;
}

.accessory_list_box div.ac_content h2{
	font-size:16px;
	/*color:#936945;*/
	color:#006cb5;
	margin:5px 0px 0px 0px;
	padding:0px;
}

.accessory_list_box div.ac_content h2 a{
	text-decoration: none !important;
	/*color:#936945 !important;*/
	color:#006cb5 !important;
}

.accessory_list_box div.ac_content div.ac_list_text{
	margin:0px;
	padding:0px;
}

.accessory_list_box div.ac_content div.ac_list_text ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:220px;
	z-index:1000;
	list-style-type: none !important;
	list-style-position: outside !important;
}

.accessory_list_box div.ac_content div.ac_list_text ul li{
	padding:0px 0px 0px 10px;
	background-image: url('/images/bullet_square.png');
	background-repeat: no-repeat;
	background-position: 0px 0.4em;
}

.accessory_list_box div.ac_content div.detaillink{
	position:absolute;
	top:100px;
	background-image: url('/images/show_details_icon.png');
	background-position:0px 3px;
	background-repeat: no-repeat;
	padding-left:18px;
}

.accessory_list_box div.ac_info{
	position:absolute;
	text-align:right;
	top:5px;
	right:10px;
	margin:0px;
	padding:0px;
}

.accessory_list_box div.ac_info div.price, #accessory_details #left .price{
	font-family: Verdana, Arial, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:26px;
	margin-top:3px;
	height:45px;
}

.accessory_list_box div.ac_info div.price_new, #accessory_details #left .price_new{
	font-family: Verdana, Arial, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:21px;
	margin:5px 0px 0px 0px;
	padding:0px;
	height:25px;
	color:#b22314;
}

.price_new span{
	font-size:17px;	
}

.accessory_list_box div.ac_info div.price_old, #accessory_details #left .price_old{
	font-family: Verdana, Arial, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:11px;
	margin:0px;
	padding:0px;
	height:18px;
}

#accessory_details #left .price, #accessory_details #left .price_old, #accessory_details #left .price_new{
	text-align:right;	
}

.accessory_list_box div.ac_info input.count{
	text-align:center;
	width:20px;
	margin:0px 5px 0px 0px;
}

.accessory_list_box div.ac_info div.incart, .accessory_list_box div.ac_info div.incart a{
	color:#28851e !important;
	font-weight:bold;
	text-decoration:underline;	
	margin:0px;
	border:none;
}

.accessory_list_box div.ac_info div.lieferzeit{
	font-weight:normal;
}

.accessory_error_box{
	width: 820px;
	color:#515151;
}

h2.subcattitle{
	font-size:16px;
	/*color:#936945;	*/
	color:#000;
}

div.box{
	margin:0px;
}

div.box h2{
	color:#006cb5;
	font-size:12px;
	margin-top:0px;
}

div.box div.box_content{
	margin:0px 0px 25px 15px;
}

div.box div.box_content label{
	font-weight:bold;
}

div.box_content div.formfield, div.box_content div.formfield2{
	margin-bottom:8px;
	clear:both;
}
div.box_content div.formfield div{
	float:left;
	width:64px;
}
div.box_content div.formfield2 div{
	float:left;
	width:75px;
}

div.box_content div.formfield input,div.box_content div.formfield2 input{
	padding:2px 0px 2px 3px;
	border-top: 1px solid #4091c8;
	border-left: 1px solid #4091c8;
	border-bottom: 1px solid #b2d3e9;
	border-right: 1px solid #b2d3e9;
	height: 13px;
	width:147px;
	font-size:11px;
}
div.box_content div.formfield select, div.box_content div.formfield2 select{
	padding:0px 0px 2px 3px;
	border-top: 1px solid #4091c8;
	border-left: 1px solid #4091c8;
	border-bottom: 1px solid #b2d3e9;
	border-right: 1px solid #b2d3e9;
	height: 18px;
	width:152px;
	font-size:11px;
}
div.box_content div.formfield label, div.box_content div.formfield2 label{
	font-weight:bold;
}
div.box_content div.formfield input.fehler,div.box_content div.formfield select.fehler, div.box_content div.formfield2 input.fehler, div.box_content div.formfield2 select.fehler{
	background-color:#ffb1b1;
}

div.box_content textarea{
	font-family:Arial, Verdana, sans;
	border-top: 1px solid #4091c8;
	border-left: 1px solid #4091c8;
	border-bottom: 1px solid #b2d3e9;
	border-right: 1px solid #b2d3e9;
	height:60px;
	font-size:12px;
	
}

ul.upgradelist{
	margin: 0;
	padding:0px 0px 0px 12px;
	line-height: 14px;	
}

ul.upgradelist ul {
    padding: 0 0 6px 12px;
}

ul.upgradelist li{
	padding: 0 0 4px 0;
	margin: 0;
	list-style-image: url(images/upgradelist-li.png);
}

ul.upgradelist li:last-child{
	padding: 0;
}

ul.upgradelist li li:first-child{
	padding: 4px 0 4px 0;
}

div.error_in_cart{
	padding:0px 5px 5px 0px;
	color:#515151;
	text-align:right;	
}

div.hover_grey:hover{
	background-color:#d3d3d3;	
}

ul.hook_list{
	margin:0px;
	padding:0px;	
	list-style-type:none;
	margin: 10px 0px 20px 0px;
}

ul.hook_list li{
	list-style-type:none;
	background-image:url('/images/hook_liste.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:20px;
	padding:4px 0px 0px 25px;
	margin:0px 0px 0px 15px;
}



div.foldout_handle{
	background-color: #e5e5e5;
	background-image: url('/images/foldout_handle_bg.png');
	background-position: right top;
	background-repeat: repeat-y;
	font-size:11px;
	font-weight:bold;
	padding:2px;
	cursor:pointer;
	margin-top:10px;
}

div.foldout_handle img{
	margin:0px 2px 0px 2px;
	
}

div.foldout_content{
	overflow:hidden;
	padding-left:15px;
	padding-bottom:10px;
	padding-top:10px;
	line-height:16px;
}

div.foldout_content table{
	margin:0px;
	padding:0px;
}

div.foldout_content table td{
	padding-right: 10px;
	vertical-align:top;
}

div.foldout_content label{
	color:#505050;
	padding-left:3px;
	padding-right:10px;
}

h2.subheadline{
	font-size:12px;
	color:#006cb5;
	margin-top:30px;
	margin-left:0px;
}

input.newFormField, select.newFormField{
	font-size:10px;
	border-top:1px solid #4091c8;
	border-left:1px solid #4091c8;
	border-right:1px solid #b2d3e9;
	border-bottom:1px solid #b2d3e9;
	margin-bottom:8px;
	margin-top:0px;
	margin-left:0px;
	margin-right:5px;
	padding: 2px 2px 0px 4px;
	width:184px;
	height:13px;
}

select.newFormField{
	height:17px;
	width:191px;
	padding:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
}

.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 184px;
    padding: 1px 2px 1px 4px;
    text-align:left;
    font-size:10px;    
    background:none;
    border-top:1px solid #4091c8;
	border-left:1px solid #4091c8;
	border-right:1px solid #b2d3e9;
	border-bottom:1px solid #b2d3e9;
    color:#000;
}
.qq-upload-button-hover {background:#CCC;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:10px 0px; padding:0; list-style:none;}
.qq-upload-list li {
	margin:0;
	padding:0 0 0 18px;
	line-height:15px;
	font-size:11px;
	background-image: url("/images/upload_loading.gif");
	background-repeat:no-repeat;
	background-position:0px 2px;
}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-spinner {display:none; background: url("/images/upload_loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}

li.qq-upload-success{
	background-image: url("/images/upload_success.png");
	background-repeat:no-repeat;
	background-position:0px 2px;

}
li.qq-upload-fail{
	background-image: url("/images/upload_fail.png");
	background-repeat:no-repeat;
	background-position:0px 2px;

}


#tagcloud {
	font-size: 16px;
	line-height: 32px;
	text-align: center;
	background: url("/images/start/bg-tags.jpg");
	background-size: cover;
	padding: 15px 10px;
}
#tagcloud a {
	color: #fff;
	font-weight: normal;
}
#tagcloud > a{
	text-decoration:none !important;
	padding-right:14px;
	white-space:nowrap;
}
#tagcloud > a:hover{
	text-decoration:underline !important;
}
#tagcloud a.tag0 { font-size: 0.7em; }
#tagcloud a.tag1 { font-size: 0.8em; }
#tagcloud a.tag2 { font-size: 0.9em; }
#tagcloud a.tag3 { font-size: 1.0em; }
#tagcloud a.tag4 { font-size: 1.1em; }
#tagcloud a.tag5 { font-size: 1.2em; }
#tagcloud a.tag6 { font-size: 1.3em; }
#tagcloud a.tag7 { font-size: 1.4em; }
#tagcloud a.tag8 { font-size: 1.5em; }
#tagcloud a.tag9 { font-size: 1.6em; }
#tagcloud a.tag10 { font-size: 1.7em; }

div.cat_top_box {
	padding: 20px;
	width: 780px;
}

div.cat_top_box p {
	line-height: 16px;
}

div.cat_top_box h1 {
	margin-bottom: 18px;
}

div.cat_top_box h2 {
	font-size: 12px;
}

div.cat_top_box2 {
	padding: 10px;
	margin-bottom: 10px;
	line-height: 16px;
	width: 800px;
}

div.cat_top_box2 h1 {
	margin-bottom: 18px;
}

div.schongewusst {
	border:1px solid #9E9E9E;
	width: 253px;
	position: relative;
	min-height:115px;
}

div.schongewusst div.text {
	padding: 47px 65px 9px 15px;
	font-size: 11px;
	line-height: 15px;
}
div.schongewusst a:link {
	text-decoration: none !important;
	font-weight: normal !important;
}


/*----------Konfiguration-----------*/


#konfiguration {
	max-width: 820px;
	margin: 0px;
	/*margin-top: 25px;	*/
}
.appear {
	opacity: 0.2;
}
.appeared {
	opacity: 1 !important;
	transition: opacity 1s;
}

#konfiguration a:link,
#konfiguration a:visited,
#konfiguration a:active {
	color: #006cb5;
	text-decoration: none;
	font-weight:bold;
}
#konfiguration a:hover {
	text-decoration: underline;
}
#konfiguration .needmore {
	margin-top : 24px;
}
#konfiguration .needmore div  {
	text-decoration: none;
	cursor: pointer;
	color: #555;
	font-size: 11px;
}
#konfiguration .needmore div :HOVER {
	text-decoration:underline;
}
#konfiguration .needmore b {
	font-size: 14px;
	color: #555;
}

.more-text-text {
	display: none;
}

.more-text-open,
.more-text-close {
	cursor: pointer;
	color:  #006cb5;
}

#konfig_buttons {
	max-width: 820px;
	margin-top: 20px;
}
#konfig_buttons_h {
	border-bottom: 3px solid #006cb5;
	padding-bottom: 3px;
}
#konfig_buttons_h>span {
	display: inline-block;
	font-weight: bold;
	font-size: 22px;
}
#btn_basis, 
#btn_empfehlung,
#btn_tag {
	cursor: pointer;
	width: 260px;
	float: left;
	margin-right: 20px;
	margin-top: 7px;
	font-size: 13px;
}
#btn_basis > div,
#btn_empfehlung > div {
	cursor: pointer;
	vertical-align: top;
	border: 1px solid #787878;
	background-color: #FFF;
	display: table;
	width: 248px;
	height: 54px;
	padding: 5px;
}
#btn_basis > span {
	font-weight: bold;
	line-height: 24px;
}
#btn_basis > div {
	border-color: #787878;
}
#btn_empfehlung > span {
	font-weight: bold;
	line-height: 24px;
}
#btn_empfehlung > div {
	border-color: #006cb5;
}
#btn_empfehlung > div {
	background-color: #f2f2f2;
}


label.upgrade_preis {
	margin-left: 12px;
}

del, .sale-old-price {
	color: #515151;
	position: relative;
	text-decoration: none;
}

del::before, .sale-old-price::before {
  position: absolute;
  content: "";
  left: 0;
  top: 45%;
  right: 0;
  border-top: 2px solid #E57300bb;
  -webkit-transform: skewY(-10deg) scale(1.1);
  -moz-transform: skewY(-10deg) scale(1.1);
  transform: skewY(-10deg) scale(1.1);
}

del::before {
	border-top-color: #ff0000bb;
}
	
.sale-new-price {
	margin-left: 12px;
	margin-right: 12px;
	color: #E57300;	
	font-weight: bold;
}


label.subline ul {
	margin-left:17px;
	padding-left:0px;
	list-style-type: square;
	margin-left: 12px;
}
.upgrade_preis_faktor{
	font-size: 85%;
	padding-left: 3px
}
.sysgroup {
	position: relative;
	padding:15px 15px 50px 15px;
	background-color:#EEE;	
	margin-bottom: 24px;
}
.catGroup {
	margin-top: 50px;
	position: relative;
	padding: 0 0 17px 0;
	border: 1px solid #DDD;
}
.bigconfiglabel + .catGroup {
	margin-top: 0px;
}
.sysgroupintro {
	margin-top:50px;
}
.sysgroupintro .option {
	display: block;
	float: left;
	text-align: center;
	margin-left: 20px;
	margin-bottom: 24px;
	cursor: default;
	font-size:12px;
	cursor: pointer;
}
.sysgroupintro .option img:HOVER {
	border: 1px solid #888888;
}
.sysgroupintro .option img{
	border: 1px solid #C8C8C8;
	margin-bottom: 0; /*5px 10->4;*/
} 
/* schrift hochkant */
.bigconfiglabel {
	font-size:100px;
	color: #EEE;
	font-weight: bold;
	font-family: arial; 
	position:absolute;
	right:-100px;
	top:-100px;
	height: 100px;
	width: 4000px;
	transform: rotate(-90deg);
	transform-origin: 100% 100%;
	text-align: right;
	z-index:-1;
}
.blueline {
	margin:0px 0px 24px 0px;
	position: relative;
}
.blueline h2 {
	font-size: 20px;
	font-weight: bold;
	padding: 8px 20px 8px 20px;
	margin:0;
	background-color: #EEE;
}
.blueline h3 {
	font-weight: bold;
}
.blueline .l {
	position: absolute;
}
.blueline .m {
	margin: 0;
	font-size: 12px;
	padding: 8px 20px 0 20px;
}
.blueline .m:empty {
    display: none;
}
    
.blueline .r {
	position: absolute;
	right:20px;
	font-size: 12px;
	top: 16px;
}
.blueline .r:nth-child(2) {
	top: 10px;
}
.blueline p {
	margin:0;
	line-height: 18px;
	font-size: 12px;
}
.blueline img {
	image-rendering:optimizespeed;
}
.more-text-open, .more-text-close {
    cursor: pointer;
    color: #006cb5;
}
.blueline.slide {
  margin: 0;
}
.blueline.slide :nth-of-type(2) {
  margin-top: 20px;
}
.slide {
	cursor: pointer;
	background-color: #EEE;
}
.slide :hover {
	background-color: #DDD;
}
.sysgroup + .slide {
	margin-top: 20px;
}	
.slide .l {
	left:3px;
	top:10px;
}
.slide .r {
	right:4px;
	top:10px;
	bottom:auto;
}
.sysgroup .blueline .r {
	right: 12px;
}
.sysgroup .catGroup {
	background-color: #FFF;
}
.catFilter {
	display: inline-block;
	margin-top: 8px;
}
.catFilter ul {
	margin: 0;
	overflow: hidden;
	padding: 0 0 0 2px;
}
.catFilter li {
	float: left;
	height: 15px;
	list-style-type: none;
	padding-right: 20px;
	padding-top: 5px;
}
.catFilter input[type="checkbox"] {
	margin: 0;
	padding: 0;
	position: absolute;
	cursor:pointer;
}
.catFilter label {
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 0px 18px;
	cursor:pointer;
}	
.catFilter h3 {
	color: #006cb5;
	cursor: pointer;
	margin: 0;
	font-size:14px;
}
.catFilter h3:hover {
	text-decoration: underline
}
.catFilter h3 img {
	margin-top: 3px;
	width: 16px;
}
.catFilterActive h3 + span {
	display: none;
}
.catFilterTypHDD li {
	width: 55px;
}
.catFilterTypService li {
    width: 110px;
}
.catFilter h3 span {
    font-weight: normal;
}
.catFilterMulti {
    border: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
	margin-top: 12px;
}
.catFilterMulti td{
	vertical-align:top;
	padding: 0 20px 0 0;
}
.catFilterMulti li{
	float:none;
	padding-right:0;
}
.catFilterMulti label{
	margin-left:0;
	vertical-align:top;
	line-height:14px;
}
.catFilterMulti span.catFilter {
    border-left: solid 2px #dddddd;
    padding-left: 7px;
}
.catFilterMulti span.catFilter span {
    line-height: 24px;
}
.catFilterMulti input[type="checkbox"] {
	position: inherit;
	margin-right: 5px;
	vertical-align:text-top;
}

.catImg {
	position: absolute;
	right:15px;
}
.catImg:hover{
	-webkit-filter: brightness(0.93);
    filter: brightness(0.93);
	background-color:#FFF;
}


ul.upgrades {
	margin:0;
	padding:0 20px;
	list-style: none;
	padding-top: 0px;
	font-size: 12px;
	line-height: 18px;
}
ul.upgrades > li {
	min-height: 15px;
}
li.upgrade {
	padding: 4px 5px 2px 5px;
}
li.upgrade:hover {
	background-color: #e5f0f7;
	cursor: pointer;
}
/*wofür? mp 8.2.23 li.upgrade.it1:only-child {
	background-color: #FFF;
}*/
li.upgrade label {
	cursor:pointer;
}
/*wofür? mp 8.2.23
li.upgrade.it1:only-child label {
	cursor:auto;
}*/
ul.upgrades > li.it2 {
	margin-left: 42px;
}
ul.upgrades li.abstand {
	height: 8px;
}
ul.upgrades li.text {
	margin-top: 10px;
}
ul.upgrades li.h2 {
	margin-top: 24px;
	margin-bottom: 4px;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
}
ul.upgrades li.h2:first-child {
	margin-top: 0px;
}
ul.upgrades li.h2 .subline {
	margin-top: 6px;
	font-weight: normal;
	color: #000;
}
ul.upgrades .subline {
	color: #555;
	font-size: 12px;
}
ul.upgrades .smallerupgrade {
    color: #555;
}
ul.upgrades li input[type=radio],
ul.upgrades li input[type=checkbox] {
	margin:1px 0px 0px 0px;
	padding: 0;
	position: absolute;
	left: 21px;
	cursor: pointer;
}
ul.upgrades li:only-child input[type=radio]{
	cursor: auto;
}
/*ul.upgrades li.it2 input[type=number],*/ 
ul.upgrades li.it2 input[type=text] {/*anzahl bei checkbox*/
	width:20px; 
	border:1px solid #878787; 
	text-align:center; 
	font-size:12px; 
	position: absolute;
	left: 38px;
	margin-top: -1px;
	height: 14px;
}
li.upgrade.it1 {
  margin-left: 14px;
} 
/*text wie zB raid*/
ul.upgrades li textarea {
	margin-top:5px;
	width: 100%;
	max-width:660px; 
	height:60px;
	border:1px solid #aeabab; 
	font-size:14px; 
	font-family:Arial, Helvetica, sans-serif; 
	display: block;	
	padding: 7px 8px 0px 12px;
}
.special_cat_usv {
	max-width: 793px;
	height: 47px;
	padding: 0px 0px 0px 20px;
	background-image: url('/images/usv_hint_bg.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	background-position-y: -8px;
	background-position-x: -20px;
}
/*
.server2016note {
	padding: 0 20px;
	margin: 24px 0px 10px 0px;
	font-size: 12px;
	line-height: 18px;
}
*/
.server2016note h3 {
	margin-bottom: 8px;
}
.server2016note .licvmmorelink {
	margin-top: 8px;
}
.clear {
	clear: both;
}
/*----------------------------------*/




span.todo {
	background-color: yellow;
	color: red !important;
	font-weight: bold;
	font-size: 1.5em;
	padding:2px 5px;
	border:1px solid orange;
}

table.blind {
	border: none;
	border-spacing: 0;
}

table.blind td {
	padding: 0;
}


#man-intel {
	float:left;
	padding-right: 21px
}

#man-amd {
	display: inline-block;
}


.subpage {
	max-width: 820px;
	line-height: 16px;
}

.subpage h1,
.subpage h2,
.subpage h3 {
	line-height: initial
}

.subpage .col-content,
.subpage .col-full-whenmobile {
	margin-right: 200px;
}

.subpage .col-marginal {
	float: right;
	width: 165px;
}




.footer_t1c1 {
	width: 110px;
}

.footer_t1c2 {
	width: 95px;
	text-align: right;
}

#tbl_footer_inwk {
	padding-top: 25px;
}

#cookie-container {
    z-index: 500;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
}

@media (max-width: 450px) {
	#cookie-container {
		width: 80%;
	}
}

#cookie-container h3 {
	margin-bottom:0;
	margin-top: 15px;
}

#cookie-box,
#cookie-details {
   	position: relative;
    width: 100%;
    padding: 20px 15px 15px 15px;
    background-color: #646464;
    color: #FFF;
    border: 2px solid #ddd;
    margin-left: -15px;
    box-shadow: 2px 2px 5px 3px rgba(0,0,0,0.2);
    
}

#cookie-box {
    font-size: 14px;
    line-height: 22px;
}
#cookie-box h3 {
    font-size: 17px;
}

#cookie-box h3:nth-of-type(1) {
    margin-top: 5px;
}

#cookie-details {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 18px;
}

#cookie-details h3:nth-of-type(1) {
    margin-top: 0;
}

#cookie-details h3 {
    font-size: 14px;
}
#cookie-details-close {
	position: absolute;
	right: 10px;
	top: 10px;
	
}

#cookie-container input[type=checkbox] {
	vertical-align: bottom;
}


/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 80px; }

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(180deg); }
  .hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } 
    
    
    
.hamburger {
	padding: 10px 10px;
	background-color: rgba(255,255,255,0.5);
	}    

.lay201710 .angebot-box,
.lay201710 .hangebot,
.lay201710 .hangebot2,
.lay201710 .random-pos,
.lay201710 .needmore-box{
	height: 500px;
} 

.lay201710 .img-bottom {
	position: relative;
}

.lay201710 .img-bottom img:last-child {
	bottom: 10px;
	position: absolute;
}

.lay201710 .angebot,
.lay201710 .needmore-box .needmore {
	border: 1px solid #b4d3e8;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
	
	 
.lay201710 .angebot h1, 
.angebot h2, 
.angebot h3,
.needmore h3 {
	margin:0;
	padding:0;
	font-weight: normal;
    letter-spacing: -0.02em;
}

.lay201710 h1 {
	font-weight: bold;
	font-size: 17px;
	margin:0;
}

.lay201710 h1 {
	margin:0;
}

.lay201710 .angebot h1 {
	margin-top: 6px;
	margin-left: 10px;
	margin-right: 8px;
    line-height: 18px;
	color: #006cb5; 
}
 
.lay201710 .angebot h2,
.lay201710 .needmore h2 {
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	margin-left: 10px;
	margin-right: 8px;
}
/*
.lay201710 .angebot h1 + h2 {
    min-height:36px;
}
*/
.lay201710 .needmore h2 {
	font-weight: bold;
	margin-top: 10px;
}

.lay201710 .needmore img {
	margin-top: 6px;
}

.lay201710 .angebot .image {
	position:relative;
}
 
.lay201710 .angebot h3 {
	font-size: 12px;
	margin-left: 10px;
	margin-right: 10px;
}

.lay201710 .angebot ul,
.lay201710 .needmore ul {
	font-size: inherit;
	line-height: inherit;
}

 
.lay201710 .angebot .text,
.lay201710 .needmore .text {
	font-size: 12px;
	line-height: 1.05;
    margin: 2px 8px 0 10px;
} 
.lay201710 .needmore .needmore-tel {
	margin-top: 70px;
}

.lay201710 .angebot .config {
	float: right; 
	margin: 23px 11px 0 0;
}

.lay201710 .angebot .qliste {
	margin-top: 15px
}

.lay201710 .angebot .description {
	height: 198px;
}

.lay201710 .angebot .price {
	margin-left: 10px;
	font-family: 'Open Sans', 'Arial Black', Verdana, Sans-serif;
	font-weight: 800;
	font-size: 28px;
	line-height: 26px;
	color: #006cb5;
}

.lay201710 .angebot .price {
	margin-bottom: 10px;
}

.lay201710 .angebot .darkred {
	margin-top:-14px;
	/*color: #B22314;*/
}

.lay201710 .angebot .euro-old {
	font-weight: 800;
	font-size: 13px;
	line-height: 14px;
	color: #cb1300;
}

.lay201710 .angebot .ab {
	font-size: 16px;
}
 
.lay201710 .angebot .euro {
	margin-top:-6px;
}

.lay201710 .angebot .cfgbtn:hover {
	background-color: #BFE5FF;
}

.lay201710 .big h1 {
	font-size: 24px;
	font-weight: bold;
	margin: 0;
}

.lay201710 .big h2 {
	margin: 0;
	font-size: 17px;
	font-weight: bold;
}

.lay201710 .big p,
.lay201710 .big ul {
	font-size: 14px;
	line-height: 22px;
	margin-top: 22px;
	margin-bottom: 0;
}

.lay201710 .big ul {
	padding-left: 16px;
	list-style-image:url("/images/qliste.png");
}

.lay201710 h2 {
	margin: 0;
	font-size: 15px;
	font-weight: bold;
}

.lay201710 p,
.lay201710 ul {
	font-size: 12px;
	line-height: 18px;
}

.lay201710 p {
	margin: 0;
}

.lay201710 .blocksatz p {
	text-align: justify;
    hyphens: auto; 
	-moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

.lay201710 img +h2 {
	margin-top: 25px;
}
.lay201710 h2 + p {
	margin-top: 2px;
}

.lay201710 .arrow_angebote {
	border: 1px solid #016abb; 
	height: 260px;
	background-image: url("/images/titlepages/dtws/arrow.png");
	background-position: center 72px;
	background-repeat: no-repeat;
	
	font-size: 24px;
	color: #006cb5;
	text-align: center;
	vertical-align: middle;
	padding: 142px 20px 20px 20px;
	box-sizing: border-box;
}

.lay201710 a.ivl {
	color: inherit !important;
	text-decoration: inherit !important;
	font-weight: inherit !important;
}

.lay201710 .vspace40 {
	margin-top: 40px;
	margin-bottom: 40px;
}

.lay201710 .vspace40-top {
	margin-top: 40px;
}
.lay201710 .vspace40-bottom {
	margin-bottom: 40px;
}

.lay201710 .headline {
	padding-top:0 !important;
	padding-bottom:0 !important;
}

.lay201710 .headline h1 {
	margin-top: 30px;
	margin-bottom: 0;
}

.lay201710 .spanning_headline {
	padding-top: 7px !important;
	padding-bottom: 0 !important;
}

.lay201710 .spanning_headline h1 {
	margin-top: 0;
	margin-bottom: 0;
}

.lay201710 .gray2columns {
	background: #e6e6e6;
	height: 100%;
}

.lay201710 .gray2columns > div {
	width: 50%;
	display: inline-block;
	box-sizing: border-box;
}

.lay201710 .gray2columns .text {
	padding-top: 14px;
	padding-right: 17px;
	padding-left: 17px;
}

.lay201710 .gray2columns .image {
	vertical-align: top;
}

.lay201710 .gray2columns .image img {
	display: block;
}

.lay201710 .gray2columns .text ~ .image img {
	margin-left:auto;
}


.lay201710 .gray {
	background: #e6e6e6;
	position: relative;
	height: 100%;
}

.lay201710 .gray .text {
	padding: 14px 17px 14px 17px;
}

.lay201710 .gray .text ul {
	margin-left:0;
	/*padding-left: 16px;*/
	list-style-image:url("/images/qliste.png");
}

.lay201710 .gray .text h1 + ul {
	margin-top:10px;
}

.lay201710 .gray .text li {
	padding-left:0;
}

.lay201710 .gray .image {
	vertical-align: top;
}

.lay201710 .gray .image img {
	display: block;
}

.lay201710 .gray .text ~ .image img {
	position: absolute; 
	bottom:0;
}

.lay201710 .vspread {
	justify-content: space-between;
	display: flex;
	flex-direction: column; 
}

.lay201710 .spacer {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	clear: left;
}

.lay201710 .spacer + [class^=col-] {
	clear: left;
}



/******* debug */

.debug .container {
	outline: 2px dashed rgba(0,0,200, 0.8);
}

.debug .container [class^=col-] {
	outline: 1px dashed rgba(200,0,0,0.5);
}
.debug .container .container {
	outline: 2px dashed rgba(0,200,0, 0.8);
}

.debug .container .container [class^=col-] {
	outline: 1px dashed rgba(200,100,0,0.5);
}


.debug .container [class^=col-]:before {
	content: attr(class);
	background: rgba(0,0,0, 0.1);
	font-size: 10px;
	font-family: consolas;
	position: absolute;
	margin-top: -10px;
	height: 10px;
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
}
 

.debugonoff {
	display: none;;
}
.debug .debugonoff {
	display: inherit;
}



/*turnstile*/
input[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
    filter: grayscale(100%);
}




/******** cycler ***********/

/* ie 11 bug */
.cycle-slide {
	width:100%;
}

.cycle-slideshow img { /* copyto:header.inc*/
	display: none;
}
.cycle-slideshow img:first-child {
	display: block;
}


.cycle-pager {
	text-align: center;
	width: 100%;
	z-index: 500;
	position: absolute;
	bottom: 5px;
	overflow: hidden;
}

.cycle-pager span {
	font-size: 0px;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	display: inline-block;
	cursor: pointer;
	transition: background-color 1.0s;
	background-color: rgba(160, 160, 160, 0.6);
	margin: 6px;
}

/* Startseite, links mittig ausgerichtet. Die cycle-pager span's brauchen dabei noch ein neies DIV (position:relative; margin-top:auto; margin-bottom:auto)

.cycle-pager {
	display: flex;
	height:100%;
	top:0;
	text-align: left;
	width: 35px;
	left: 7px;
	z-index: 500;
	position: absolute;
	overflow: hidden;
}

.cycle-pager span {
	font-size: 0px;
	line-height: 0px;
	width: 22px;
	height: 12px;
	border-radius: 0px;
	display: block;
	cursor: pointer;
	transition: background-color 0.5s;
	background-color: rgba(140, 140, 140, 0.5);
	margin: 0 0 8px 0;
	padding: 0;
}

.cycle-pager span:last-child {
	margin: 0;
}

.cycle-paused:after {
	text-align: left;
	left: 10px;
	top:10px;
	content: 'Slideshow Paused'; 
	color: #000; 
	background: #a0a0a0; 
	padding: 5px 10px;
	z-index: 500; 
	position: absolute; 
	border-radius: 2px;
	opacity: .6; 
	filter: alpha(opacity=60);
}

*/

.cycle-pager span.cycle-pager-active {
	background-color: #006cb5;
    border: 1px solid rgba(255,255,255,0.7);
	
}

.cycle-prev, .cycle-next { position: absolute; top: 0; width: 20%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url("/images/arrow_prev.png") 50% 50% no-repeat;}
.cycle-next { right: 0; background: url("/images/arrow_next.png") 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .6; filter: alpha(opacity=60) }


.cycle-paused:after {
	text-align: center;
	left: 46%;
	right: 46%;
	top:10px;
	content: 'Slideshow Paused'; 
	color: #000; 
	background: #a0a0a0; 
	padding: 5px;
	z-index: 500; 
	position: absolute; 
	border-radius: 2px;
	opacity: .6; 
	filter: alpha(opacity=60);
}



.kategorie-box {
	border: 1px solid #DCDCDC;
	background: url("/images/arrow_kategorie_box.png") no-repeat right bottom ; 
	padding: 10px 13px 10px 13px;
}
.kategorie-box h1 {
	margin: 0;
}


.space20 {
	height: 19px;
}


/* Konfig-Box */

#konfig-box {
	z-index: 10;
    background-color: #EEE;
    border: 1px solid #DDD;
    font-size: 12px;
    position: relative;
    padding: 0px;
    width: 259px;
}

#konfig-box h1 {
    color: #006cb5;
	font-weight: bold;
    font-size: 16px; 
    margin: 0;
}

#konfig-box .l {
	width: 168px; 
    float: left; 
}


#konfig-box .l-akt-preis {
	width: 140px; 
    float: left; 
}

#konfig-box .r {
    float: right; 
}

#grundpreis, #konfig-preis-gesamt-label, #konfig-preis-gesamt {
    height: 15px; 
    font-size: 12px; 
    font-weight: bold;
}

#konfig-label {
    height:15px; 
	font-weight:bold;
}

#konfig-liste {
	margin-top: 0px;
}

#konfig-liste .text { 
    height: 16px; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap;
}

#konfig-liste a,
#konfig-liste a:link,
#konfig-liste a:visited {
	color: inherit !important;
	font-weight: inherit !important;
	text-decoration: none !important;
}
#konfig-liste a:hover {
	text-decoration: underline !important;
}

#konfig-box a.sc:link,
#konfig-box a.sc:visited,
#konfig-box a.sc:active {
	color: #1075BB !important;
	text-decoration: underline !important;
}

#konfig-box a.sc:hover {
	color: #1075BB !important;
	text-decoration: none !important;
}

#konfig-box a.link2:link,
#konfig-box a.link2:visited,
#konfig-box a.link2:active,
#konfig-box a.link2:hover {
	color: #1075BB !important;
	text-decoration: underline !important;
}

#konfig-box a.link2:hover {
	color: #1075BB !important;
	text-decoration: none !important;
}

#konfig-liste .system .text.l {
	padding-left: 7px;
	width: 158px;
}

#aktueller-preis-label, #article_act_price { 
	height:15px; 
    font-size:16px; 
    font-weight:bold;
} 

#stueck-label {
	margin-top:3px;
    margin-left:3px;
    margin-right:3px;
	font-weight: bold;
}

#article_act_count{
    height: 20px;
    width: 26px;
	margin-right:10px;
    border: 1px solid #535353;
    text-align: center;
	padding: 0;
	vertical-align: top;
}

/*UP-DOWN Pfeile ausblenen bei Mozila*/
input[type=number] { 
	-moz-appearance: textfield;
	appearance: textfield;
	margin: 0; 
}

/*UP-DOWN Pfeile ausblenen bei Chrome*/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
}


/* Ansprechpartner-Box wenn angemeldet*/

#berater-box {
	z-index: 0;
    width: 100%;
    border: 1px solid #DDD;
    padding: 12px 15px 12px 15px;
    font-size: 12px;
	line-height: 18px;
	background-color:#FFF;
}

#berater-box .head {
	margin-bottom:0 0 3px 0; 
	padding:0;
	font-weight:bold;
	color: #006CB5;
}


/* register */
.register {
	border: 1px solid #ddd;
	background: #eee; 
}

.register-labels,
.register-labels li {
	padding:0;
	margin:0;
	text-indent: 0;
	list-style: none;
}
.register-labels li {
	display: inline-block;
	padding: 5px 9px 3px 9px;
	color: #006cb5;
	background: #F0F0F0;
	border: 1px solid #ddd;
	margin-bottom: -1px;
	cursor: pointer;
	margin-left: 5px;
	font-size: 12px;
	font-weight: bold;
}

.register-labels li:first-child {
	margin-left: 20px;
}
.register-labels li.active {
	color: black;
	border-bottom-color: white;
	cursor: inherit;
	background: white;
}

.register-sheet {
	 background: white;
	 border-top: 1px solid #ddd;
}


.register-labels li:hover {
	background: #006cb5;
	color: white;
}
.register-labels li.active:hover {
	background: white;
	color: black;
}

.register-labels li span {
	margin-left: 5px;
	padding: 0 3px;
	display: inline-block;
	text-align: center;
	display: none;
	line-height: 11px;
}

.register-labels li span.info {
	background: #777;
	color: white;
}

.register-labels li span.warning {
	background: #a00;
	color: white;
}


/* fr estanzeuge */
.register-sheet {
	display:none;
}
.register .register-sheet:first-of-type {
	display: block;
}

/* Kategorie in Register: Margins etc. anpassen */
.register {
	margin-top: 50px;
}

.register > .catGroup,
.register-sheet > .catGroup {
	margin-top: 0;
	border: none;
}
.register > .catGroup > .blueline {
	margin-bottom: 0;
}


.highlight-pop-red {
	background-color: #f66;
}
.highlight-pop-green {
	background-color: #6c6;
}
.highlight-pop-blue {
	background-color: #78c;
}
.wz-ug-highlight-red {
	background: #fee;
}
.wz-ug-highlight-green {
	background: #efe;
}
.wz-ug-highlight-blue {
	background: #eef;
}

.wz-gray {
    color: #a5a5a5;
}

ul.upgrades .wz-gray .subline {
	color: #bbb;
}

ul.upgrades .wz-gray .upgrade_preis_green,
ul.upgrades .wz-gray .smallerupgrade,
ul.upgrades li.h2.wz-gray .subline {
    color: #c0c0c0;
}

.wz-gray .catGroup {
    border-color: #E5E5E5;
}

.wz-gray .blueline h2 {
    background-color: #f2f2f2;
}

.wz-gray li.upgrade:hover {
	background-color: inherit;
}

.wz-if-error {
	background: #fee;
}

li.upgrade.wz-if-error:hover {
	background-color: #f77;
	color: #a00;
}

#horizontal_head div.rect_bezeichnung{
    text-align: left;
    padding: 5px 20px 5px 20px;
}
div.labox{
    padding: 0px !important;
    font-size: 13px;
}
/*
.lay201710 .angebot, .lay201710 .needmore {
    border: none !important;
    box-sizing: border-box;
}
*/
#horizontal_subtitle {
    margin: 0px;
}
div.description1{
    padding-bottom: 0px;
    padding-left: 0px;
}
div.description2{
    padding-right: 0px;
    padding-bottom: 0px;
}
#breadcrumb{
    margin: 0px;
    margin-bottom: 10px;
}
#breadcrumb span{
    color: #000000;
}
.blueline h2 {
    font-size: 20px !important;
}

div[class*="-hinweis"] {
    font-size: 12px;
    color: rgb(170, 0, 0);
    background-repeat: no-repeat;
    padding: 5px;
    padding-left: 25px;
    background-position: 7px 7px;
	margin-bottom: 1px;
}

.register .upgrades div[class*="-hinweis"] {
	border: 1px solid #888;
}

div.error-hinweis,
div.required-hinweis ,
div.incompatible-hinweis,
div.conflict-hinweis {
    background-image: url("/images/icon_req.png");
    color: rgb(170, 0, 0);
    background-color: #fee;
}
div.info-hinweis,
div.suggested-hinweis {
    background-image: url("/images/icon_sug.png");
    color: rgb(60, 60, 150);
    background-color: #eef;
}
div.warn-hinweis,
div.unrecommended-hinweis {
    background-image: url("/images/icon_unr.png");
    color: rgb(170, 80, 0);
    background-color: #fed;
}

.slotcountwarning div.info-hinweis {
	color: inherit;
	background-color: transparent;
}

#konfig-liste .required-hinweis::before,
#konfig-liste .incompatible-hinweis::before,
#konfig-liste .conflict-hinweis::before {
	content: url("/images/icon_req.png");
	padding-right: 3px;
}

/*Alternativen-Anzeige*/
#alternativen-anzeige{
    border: 1px solid #DDD;
    background-color: #e5e5e5;
    position: absolute;
    right: 0px;
    top: 43px;
    bottom: 0px;
    width: 260px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#alternativen-anzeige.left{
    display: block;
    left: 20px;
    top: 736px;
    height: 270px;
    width: 798px;
    bottom: auto;
    padding-right: 0px;
    overflow: hidden;
    padding: 10px;
}
#alternativen-anzeige.left div.image {
    width: 239px;
    margin-left: 0px;
    position: relative;
}
#alternativen-anzeige a:hover {
	text-decoration: none;
}
#alternativen-anzeige div.angebot {  
    padding: 10px;
    border: 1px solid #DDD;
    margin-bottom: 0px;
    background-color: #fff;
    position: relative;

    -webkit-filter: grayscale(100%);
    filter: grayscale(100%) ;  
}
#alternativen-anzeige div.angebot h1 a:link,
#alternativen-anzeige div.angebot h1 a:visited,
#alternativen-anzeige div.angebot .priceLabel {
	color: #5A5A5A;
}
#alternativen-anzeige div.angebot:hover {
        filter: none !important;
}
#alternativen-anzeige div.angebot:hover h1 a,
#alternativen-anzeige div.angebot:hover .priceLabel  {
	color: #006cb5;
}
#alternativen-anzeige div.angebot h1{
    margin: 0px;
}
#alternativen-anzeige div.angebot h2{
    font-size: 13px !important;
}
#alternativen-anzeige.left h3{
    margin-top: 0px;
}
#alternativen-anzeige #hypervLabel{
    width: 35% !important;
    height: auto !important;
    bottom: 9px !important;
    position: absolute !important;
    left: 7px !important;
}
#alternativen-anzeige .socketLabel{
    position: absolute !important;
    width: 49px !important;
    right: -21px !important;
    bottom: -4px !important;
}
#alternativen-anzeige.left .socketLabel{
    right: 8px !important;
}
#alternativen-anzeige div.config img,
#alternativen-anzeige .config button {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
#alternativen-anzeige div.image{
    width: 80%;
    margin-left: 10%;
    position: relative;
}
#alternativen-anzeige div.price{
    font-size: 1.3em;
    margin-bottom: -3px !important;
}
#alternativen-anzeige .priceLabel{
    position: relative;
    bottom: 0px;
}
#alternativen-anzeige .priceLabel img{
    margin-left: 40px !important;
    width: auto !important;
    height: auto !important;
}
#alternativen-anzeige .description{
    display: none;
}
#alternativen-anzeige .angebot{
    width: 238px;
    margin-right: 13px;
    margin-bottom: 10px !important;
    float: left;
}
#alternativen-anzeige.left .angebot{
    width: 238px;
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 50px !important;
    float: left;
}
#alternativen-anzeige.left .systemImg{
    margin-left: 20px;
}
#alternativen-anzeige .systemImg{
    width: 208px;
    height: 132px;
}
/*Konfig-Box und Berater-Box*/
#konfig-ansprechpartner-box{
    position: absolute;
    left: -1000px;
    top: -1000px;
}
#berater-box{
    left: 0px;
    top: 0px;
    box-sizing: border-box;
    margin-top: 20px;
}

#konfig-preis{
    margin-top: 0px;
    width: 240px;
}
#konfig-preis{
    margin-top: 10px;
}

#underScrollContainer{
    bottom: 0px; 
    left: 0px;
    margin: 10px 10px 10px 10px;
    z-index: 1;
}
#article_act_count {
    vertical-align: middle !important;
    margin-right: 5px !important;
}
#imgEinkaufswagen{ 
    vertical-align: middle;
    float: left;
    margin-top: -10px;
}
#waehrung{
    text-align: right;
    height: 15px;
}
#scrollContainer {
    max-height: 300px;
    overflow-y: auto;
    padding-left: 10px;
}
#scrollContainer .r{
    margin-right: 10px;
}
#scrollContainer.scroll .text.l {
    width: 156px !important;
}
#scrollContainer.scroll{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#aktueller-preis{
    margin-top: 10px;
}
#underScrollContainerLinks{
    margin-top: 10px;
    margin-bottom: 10px;
}
#underScrollContainerButtons{
    text-align: right;
}
#mobileFooter{
    position: fixed;
    left: 0px;
    bottom: 0px;
    background-color: #EEE;
    border-top: 1px solid #DDD;
    height: 50px;
    width: 100%;
    display: none;
}

.cycle-next, .cycle-prev {
    width: 80px;
}

/*Wenn IE*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #scrollContainer{
        -ms-overflow-style: auto;
    }
	.sale-old-price {
		text-decoration: line-through;
	}
}

#blocker {
	background: white;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	opacity: 0.8;
	text-align: center;
    font-size: 30px;
    font-family: Courier New;
    padding-top: 200px;
}



.ui-widget {
	font-size: 12px !important;
}
.ui-dialog{
    z-index: 1001;
	position: fixed !important;
}
.ui-widget-overlay{
    opacity: 0.6 !important;
    z-index: 1000 !important;
    background-color: #333 !important;
}






/****** GRID ********/

/* Adaption auf 6 Cols*/
@media only screen and (min-width: 1863px) and (min-device-width: 1201px){ 
	div.description1,
	div.description2{
		width: 50%;
	}
	div.description1, div.description2, div.labox { 
		clear: none;
	}
}
/* Adaption auf 5 Cols (copy & paste von 5 col)*/
@media only screen and (max-width: 1862px) and (min-device-width: 1201px){ 
	div.description1,   
    div.description2{   
        width: 100%;   
    }   
    div.description1, div.description2, div.labox { 
        clear: both; 
    } 
    
}
/* Adaption auf 4 Cols (copy & paste von 4 col) */
@media only screen and (max-width: 1582px) and (min-device-width: 1201px){ 
	.labox div{
		width: 100%;
	}
    div.description1,   
    div.description2{   
        width: 100%;   
    }   
    div.description1, div.description2, div.labox { 
        clear: both; 
    }
}
/* Adaption auf 3 Cols (copy & paste von 3 col )*/
@media only screen and (max-width: 1302px) and (min-device-width: 1201px), (max-device-width: 1200px){
	#alternativen-anzeige.left{
        top: 612px !important;
        width: 518px !important;
    }
    #alternativen-anzeige.left .angebot{
    	width: 235px !important;
        margin-right: 1px !important;
	    margin-left: 1px !important;
    }
    div.labox{
    	font-size: 11px !important;
    }
    #horizontal_head {
		width: 540px;
		height: 355px;
	}
}
/* Adaption auf 2 Cols (copy & paste von 2 col )*/
@media (max-width: 1022px) and (min-device-width: 1201px), (max-device-width: 860px),print{ 
	.cycle-pager span {
		width: 20px;
		height: 20px;
	}
	 #alternativen-anzeige.left{
        display: none;
    }
    div.description1,   
    div.description2{   
        width: 50%;   
    }   
    div.description1, div.description2, div.labox { 
        clear: none; 
    } 
    #konfig-ansprechpartner-box{
		position: absolute !important;
		bottom: 50px !important;
		left: 0px !important;
		top: unset !important;
		width: 100% !important;
		background-color: #EEE !important;
		border: 1px solid #DDD !important;
		box-sizing: border-box !important;
	}
	#underScrollContainer{
	    position: fixed;
	    bottom: 0px;
	    left: 10px;
	    width: 100%;
	}
	#aktueller-preis {
	    margin-top: 0px !important;
	    width: 240px;
	    float:left;
	}
	#underScrollContainerButtons{
	    margin-top: -11px;
	    margin-left: 133px;
	    text-align: right; 
	    font-size:12px;
	    float: left;
	    width: 166px;
	}
	#underScrollContainer #underScrollContainerLinks{
	    display: none;
	}
	#konfig-box{
	    border: none;
	    padding-left: 10px !important;
	    z-index: unset;
	}
	#imgEinkaufswagen{
        display: none;
    }
    #underScrollContainer{
        margin: 10px 10px 10px 20px !important;
    }
    #mobileFooter{
        display: block !important;
 	}
    #alternativen-anzeige.left{
        display: none !important;
    }
    div.labox  div{
        width: 100% !important;
        font-size: 13px;
    }
  	.catImg  img {  
 		width: 150px;  
 		height: auto;  
  		image-rendering: optimizequality;  
	}  
  	ul.upgrades li {  
  		margin-bottom: 7px;  
  	}  
  	ul.upgrades li textarea{  
  		width: 80%;  
  	}
    div.description1,   
    div.description2{   
        width: 50% !important;   
    }   
    div.description1, div.description2, div.labox { 
        clear: none !important; 
    } 
    #btn_basis, #btn_empfehlung, #btn_tag {
    	margin-right: 0px;
	}
}
/***** 1-col ******/
/* copy & paste von 1 col */
@media (max-width: 742px) and (min-device-width: 1201px), (max-device-width: 580px) {
    #horizontal_head {
		width: 260px !important;
		height: 171px !important;
	}
	div.labox  div{
        font-size: 11px;
    }
    #horizontal_head div.rect_bezeichnung {
        padding: 5px 9px 4px 9px;
    }
    div.description1,   
    div.description2{   
        width: 100% !important;   
    }   
    div.description1, div.description2, div.labox { 
        clear: both !important; 
    } 
    #konfig-box{
        margin-left: auto;
        margin-right: auto;
    }
    #konfig-box{
        padding-left: 0px !important;
    }
    #underScrollContainerButtons{
    	text-align: right;
    	width: 240px;
        margin-top: 7px;
        margin-left: 0px;
        font-size: 12px;
        float: left;
        clear: both;
    }
    #mobileFooter{
        height: 80px !important;
    }
    .lay201710 .img-bottom img:last-child { /* bild nicht unten ausrichten*/
		bottom: auto;
		position: inherit;
	}
	.lay201710 .gray2columns > div {
		width: 100%;
		display: block;
	}
	.lay201710 .gray2columns.mob .image img {
		margin-right:auto;
	}
	.lay201710 .hangebot2 {
		height: auto;
	}
	.cycle-pager {
		bottom: 2px;
	}
	#cookie-box {
		right: auto;
		width:auto;
	}
	#cookie-box > div {
		width: 100%;
		float: none;
	} 
	#konfig-box{
        margin-left: auto;
        margin-right: auto;
    }
    #underScrollContainer{
        left: auto !important;
        min-height: 30px;
        margin: 10px !important;
    }
    #horizontal_head div.rect_bezeichnung{
    	display: none;
    }
}



/******* SONDERFORMATE fuer Highlights und Banner *******/

@font-face {
    font-family: 'Oxy';
    src: url('/fonts/Oxygen-Regular.ttf') format('truetype');
    font-weight: normal;
    font-display: fallback;
}
@font-face {
    font-family: 'Oxy';
    src: url('/fonts/Oxygen-Bold.ttf') format('truetype');
    font-weight: bold;
    font-display: fallback;
}

/* Beratungsservice Kachel */

div.kachel_berat_mainbox {
    width: 100%;
    max-height: 100%;;
    font-size: 14px;
    font-family: Oxy;
    font-kerning: auto;
    font-weight: normal;
    box-sizing: border-box;
    overflow: hidden;
	text-align: left;
    border: 1px solid #B4D3E8;
    padding: 14px 20px 20px 20px;
}
.hangebot div.kachel_berat_mainbox{
    height: 480px;;
}
div.kachel_berat_bluebox {
    display:block;
    background: transparent radial-gradient(closest-side at 85% 92%, #006CB5 0%, #003C74 0%, #006CB5 1000%) 0% 0% no-repeat padding-box;
    padding: 15px 11px 63px 10px;
}
h2.kachel_berat_h2 {
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    color: #000000;
    margin: 0 -2px 15px -2px;
}
h1.kachel_berat_h1 {
    font-weight: bold;
    font-size: 23px;
    line-height: 25px;
    color: #FFFFFF;
    margin: 0 0 12px 0;
}
p.kachel_berat_text {
    font-size: 12px;
    line-height: 17px;
    color: #FFFFFF;
    margin: 0 0 0 1px;
}
button.kachel_berat_btn {
    float: right;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    border: 1px solid #FFFFFF;
    border-radius: 2px;
    text-align: center;
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.0);
    margin: 16px 2px 0 0;
    padding: 2px 10px 2px 10px;
}
button:hover.kachel_berat_btn  {
    background: rgba(255, 255, 255, 0.2);
    cursor: pointer;
}


/* amd ryzen 7000 Kachel */
div.ryzen7000kachel{
    position: absolute;
    width: 260px;
    line-height: 1.3;
    background-color: #FFF;
}
div.ryzen7000kachel h1{
    color: #006cb5;
    margin: 6px 10px 0 10px;
    font-weight: 700;
    font-size: 17px ;
}
div.ryzen7000kachel h2{
    margin: 0 10px 8px 10px;
    font-weight: 400;
    font-size: 14px;
}


/* DT-WS Banner */

div.dt_ws_banner_mainbox {
    position: absolute;
    box-sizing: border-box;
    font-size: 12px;
    font-family: Oxy; 
    font-weight: normal; 
    font-style: normal;  
    line-height: 15px;
    overflow: hidden;
    padding: 0;
}
div.dt_ws_banner_mainbox h1{
	text-align: center;
    font-size: 13px;
    font-weight: normal; 
}
div.dt_ws_banner_mainbox h2{
    font-size: 15px;
    font-weight: bold; 
}
div.dt_ws_banner_mainbox p{
    font-size: 12px;
    font-weight: normal;
    margin: 0;
}
div.dt_ws_banner_mainbox div{
    background-color: rgba(255,255,255,0)
}
div.dt_ws_banner_mainbox div:hover{
    background-color: rgba(255,255,255,0.5)
}
div.dt_ws_banner_mainbox div:active{
    background-color: rgba(255,255,255,1)
}
div.dt_ws_banner_mainbox div a,
div.dt_ws_banner_mainbox div a{
    height: 100%;
    display: block;
    text-decoration: none !important;
}

h1.dt_ws_banner_dt_head {
    position: absolute;
    bottom: 0px;
    width: 400px;
    height: 15px;
	text-align: center;
    padding: 0;
}
h1.dt_ws_banner_ws_head {
    position: absolute;
    bottom: 0px;
    width: 400px;
    height: 15px;
	text-align: center;
    padding: 0;
}
div.dt_ws_banner_blueborder_right{
    border-right: 3px solid rgb(0,108,181);
}
div.dt_ws_banner_dt_sys1{
    position: absolute;
    padding: 2px 5px 0 7px;
	text-align: left;
    border-left: 3px solid rgb(0,108,181);

}
div.dt_ws_banner_dt_sys2{
    position: absolute;
	text-align: right;
    padding: 2px 7px 0 5px;
    border-right: 3px solid rgb(0,108,181);
}
div.dt_ws_banner_ws_sys1{   
    position: absolute;
	text-align: left;
    padding: 2px 5px 0 7px;
    border-left: 3px solid rgb(0,108,181);
}
div.dt_ws_banner_ws_sys2{
    position: absolute;
	text-align: right;
    padding: 2px 7px 0 5px;
    border-right: 3px solid rgb(0,108,181);
}


/*soderformat für col-6*/
div.dt_ws_banner_mainbox {
    width: 1660px;
    height: 144px;
}
h1.dt_ws_banner_dt_head {
    left: 284px;
}
h1.dt_ws_banner_ws_head {
    left: 993px;
}
div.dt_ws_banner_dt_sys1 {
    left: 221px;
    top: 73px;
    width: auto;
}
div.dt_ws_banner_dt_sys2{
    left: 471px;
    top: 30px;
    width: auto;
}
div.dt_ws_banner_ws_sys1 {
    left: 1012px;
    top: 14px;
    width: 158px;
}
div.dt_ws_banner_ws_sys2{
    left: 1228px;
    top: 45px;
    width: 131px;
}
/*DT-WS Banner sonderformat für col-5*/
@media only screen and (max-width: 1862px) and (min-device-width: 1201px){ 
    div.dt_ws_banner_mainbox {
        width: 1380px;
        height: 144px;
    }
    h1.dt_ws_banner_dt_head {
        left: 155px;
    }
    h1.dt_ws_banner_ws_head {
        left: 830px;
    }
    div.dt_ws_banner_dt_sys1 {   
        left: 100px;
        top: 73px;
    }
    div.dt_ws_banner_dt_sys2{
        left: 340px;
        top: 30px;
    }
    div.dt_ws_banner_ws_sys1 {   
        left: 843px;
    }
    div.dt_ws_banner_ws_sys2{
        left: 1056px;
    }
}
/*DT-WS Banner sonderformat für col-4*/
@media only screen and (max-width: 1582px) and (min-device-width: 1201px){ 
    div.dt_ws_banner_mainbox, div.dt-ws-banner-map {
        width: 1100px;
        height: 144px;
    }
    h1.dt_ws_banner_dt_head {
        left: 70px;
    }
    h1.dt_ws_banner_ws_head {
        left: 625px;
    }
    div.dt_ws_banner_dt_sys1 {   
        left: 25px;
        top: 70px;
    }
    div.dt_ws_banner_dt_sys2{
        left: 260px;
    }
    div.dt_ws_banner_ws_sys1 {   
        left: 656px;
    }
    div.dt_ws_banner_ws_sys2{
        left: 844px;
    }
}
/*DT-WS Banner sonderformat für col-3*/
@media only screen and (max-width: 1302px) and (min-device-width: 1201px), (max-device-width: 1200px){
    div.dt_ws_banner_mainbox, div.dt-ws-banner-map {
        width: 820px;
        height: 144px;
    }
    h1.dt_ws_banner_dt_head {
        left: 0px;
    }
    h1.dt_ws_banner_ws_head {
        left: 410px;
    }
    div.dt_ws_banner_dt_sys1 {   
        left: 24px;
        top: 46px;
        width: 104px;
    }
    div.dt_ws_banner_dt_sys2{
        left: 150px;
        top: 62px;
        width: 143px;
    }
    div.dt_ws_banner_ws_sys1 {   
        left: 488px; 
        width: 111px;
    }
    div.dt_ws_banner_ws_sys2{
        left: 587px;
        width: 115px;
    }
}

/* WS im Rack Banner */
    div.ws_rack_banner_mainbox {
        position: absolute;
        box-sizing: border-box;
        font-family: Oxy; 
        font-size: 12px;
        line-height: normal;
        font-weight: normal; 
        font-style: normal;  
        overflow: hidden;
        padding: 0;
    }
    div.ws_rack_banner_mainbox p{
        float:left;
        margin-left: 2px;
        font-size: 15px;
        line-height: 15px;
        font-weight: normal; 
    }
    div.ws_rack_banner_mainbox div{
        position: absolute;
        text-align: left;
        z-index: auto;
    }
    div.ws_rack_banner_sys{
        height: 120px;
        border-left: 4px solid rgb(0,108,181);
        background-color: rgba(255,255,255,0);
        padding: 0 7px 0 7px;
    }
    div.ws_rack_banner_sys h2{
        float:left;
        font-size: 21px;
        line-height: 16px;
        font-weight: normal; 
    }
    div.ws_rack_banner_sys h3{
        float: left;
        margin: 0 0 0 5px;
        font-size: 13px;
        line-height: 22px;
        font-weight: normal; 
    }
    div.ws_rack_banner_mainbox div.ws_rack_banner_sys:hover{
        background-color: rgba(255,255,255,0.5);
    }
    div.ws_rack_banner_mainbox div.ws_rack_banner_sys:active{
        background-color: rgba(255,255,255,1);
    }
    div.ws_rack_banner_mainbox a,
    div.ws_rack_banner_mainbox a{
        height: 100%;
        display: block;
        text-decoration: none !important;
    }
    div.ws_rack_banner_headline {
        position: absolute;
        display: block;
        padding: 0;
    }
    div.ws_rack_banner_headline h1{
        display: block;
        border: none;
        width: 100%;
        height: 28px;
        font-size: 28px;
        line-height: 28px;
        font-weight: normal; 
        text-align: center;
        color: #FFFFFF;
    }
    div.ws_rack_banner_headline p {
        display: block;
        width: 100%;
        height: 28px;
        text-align: center;
        color: #FFFFFF;
        letter-spacing: 0.04em;
    }
    div.ws_rack_banner_flag_box {
        position: absolute;  
        transform: rotate(-7deg);
        width: 132px;
        height: 62px;
    }
    div.ws_rack_banner_flag_box p {
        position: absolute;
        z-index: 20;
        font-size: 13px;
        line-height: 13px;
        top:24px;
        left:6px;
    }
    div.ws_rack_banner_flag_box svg{
        position: absolute;
        z-index: 10;
        width: 120px;
        height: 62px;
    }
    div.ws_rack_banner_flag_box svg polygon{
        fill: rgb(255,222,0);
        stroke: #FFF;
        stroke-width: 2;
        stroke-linejoin: round;
    }
/*WS im Rack Banner für col-6*/
    div.ws_rack_banner_mainbox {
        width: 1660px;
        height: 144px;
    }
    div.ws_rack_banner_headline {
        width: 400px;
        top: 45px;
        left: 16px;
    }
    div.ws_rack_banner_sys1 {
        left: 508px;
        width: 185px;
        top: 13px;
    }
    div.ws_rack_banner_sys2{
        left: 852px;
        width: 172px;
        top: 13px;
    }
    div.ws_rack_banner_sys3{
        left: 1130px;
        width: 190px;
        top: 13px;
    }
    div.ws_rack_banner_sys4{
        left: 1423px;
        width: 195px;
        top: 13px;
    }
    div.ws_rack_banner_flag_box {
        top: 45px;
        left: 1565px;
    }

/*WS im Rack Banner für col-5*/
    @media only screen and (max-width: 1862px) and (min-device-width: 1201px){ 
        div.ws_rack_banner_mainbox {
            width: 1380px;
            height: 144px;
        }
        div.ws_rack_banner_headline {
            width: 356px;
            top: 43px;
            left: 10px;
        }
        div.ws_rack_banner_headline h1{
            letter-spacing: -0.04em;
        }
        div.ws_rack_banner_headline p {
            letter-spacing: 0.00em;
        }
        div.ws_rack_banner_sys1 {
            left: 397px;
            top: 13px;
        }
        div.ws_rack_banner_sys2{
            left: 691px;
            top: 13px;
        }
        div.ws_rack_banner_sys3{
            left: 919px;
            top: 13px;
        }
        div.ws_rack_banner_sys4{
            left: 1158px;
            top: 13px;
        }
        div.ws_rack_banner_flag_box {
            top: 45px;
            left: 1287px;
        }

    }

/*WS im Rack Banner für col-4*/
    @media only screen and (max-width: 1582px) and (min-device-width: 1201px){ 
        div.ws_rack_banner_mainbox {
            width: 1100px;
            height: 200px;
        }
        div.ws_rack_banner_headline {
            display: block;
            width: 711px;
            height: 30px;
            top: 163px;
            left: 185px;
        }
        div.ws_rack_banner_headline a{
            display: flex;
        }
        div.ws_rack_banner_headline h1{
            display: inline-block;
            line-height: 28px;
            margin: 0;
        }
        div.ws_rack_banner_headline p {
            display: inline-block;
            line-height: 38px;            
            margin: 0;
        }
        div.ws_rack_banner_sys{
            height: 109px;
        }
        div.ws_rack_banner_sys h2{
            font-size: 18px;
        }
        div.ws_rack_banner_sys h3{
            font-size: 11px;
        }
        div.ws_rack_banner_sys p{
            font-size: 13px;
            line-height: 10px;
        }
        div.ws_rack_banner_sys1 {
            width: 170px;
            left: 163px;
            top: 11px;
        }
        div.ws_rack_banner_sys2{
            width: 148px;
            left: 423px;
            top: 11px;
        }
        div.ws_rack_banner_sys3{
            width: 165px;
            left: 631px;
            top: 11px;
        }
        div.ws_rack_banner_sys4{
            width: 170px;
            left: 843px;
            top: 11px;
        }
        div.ws_rack_banner_flag_box {
            top: 25px;
            left: 1010px;
        }
    }

/*WS im Rack Banner für col-3*/
    @media only screen and (max-width: 1302px) and (min-device-width: 1201px), (max-device-width: 1200px){
        div.ws_rack_banner_mainbox {
            width: 820px;
            height: 190px;
        }
        div.ws_rack_banner_headline {
            top: 153px;
            left: 47px;
        }
        div.ws_rack_banner_sys{
            height: 100px;
            letter-spacing: -0.05em;
        }
        div.ws_rack_banner_sys1 {
            width: 150px;
            left: 83px;
            top: 9px;
        }
        div.ws_rack_banner_sys2{
            width: 137px;
            left: 303px;
            top: 9px;
        }
        div.ws_rack_banner_sys3{
            width: 150px;
            left: 466px;
            top: 9px;
        }
        div.ws_rack_banner_sys4{
            width: 155px;
            left: 640px;
            top: 9px;
        }
        div.ws_rack_banner_flag_box {
            top: 39px;
            left: 729px;
        }
    }
/* WS im Rack Banner für 2 Cols */
    @media (max-width: 1022px) and (min-device-width: 1201px), (max-device-width: 860px),print{ 
        div.ws_rack_banner_mainbox {
            width: 260px;
            height: 480px;
        }
        div.ws_rack_banner_headline {
            width: 246px;
            top: 40px;
            left: 10px;
        }
        div.ws_rack_banner_headline h1 {
            width: 100%;
            height: 60px;
            border: none;
            padding: 0;
            letter-spacing: normal;
        }
        div.ws_rack_banner_headline p {
            display: none;
        }
        div.ws_rack_banner_sys{
            height: 105px;
            letter-spacing: 0.05em;
            border: none;
        }
        div.ws_rack_banner_sys h2{
            font-size: 19px;
        }
        div.ws_rack_banner_sys h3{
            font-size: 13px;
            font-weight: normal;
        }
        div.ws_rack_banner_sys p{
            display: none;
        }
        div.ws_rack_banner_sys1 {
            width: 210px;
            left: 20px;
            top: 129px;
        }
        div.ws_rack_banner_sys1 h2{
            margin-left: 19px;
        }
        div.ws_rack_banner_sys2{
            display: none;
        }
        div.ws_rack_banner_sys3{
            width: 210px;
            left: 20px;
            top: 254px;
        }
        div.ws_rack_banner_sys3 h2{
            margin-left: 13px;
        }
        div.ws_rack_banner_sys4{
            width: 210px;
            left: 20px;
            top: 380px;
        }
        div.ws_rack_banner_sys4 h2{
            margin-left: 17px;
        }
        div.ws_rack_banner_flag_box {
            top: 390px;
            left: 170px;
        }    
    }



/* fuss*/

#fuss-wrapper {
	width: 100%;
}

#fuss-wrapper .container {
	width: 100%;
	margin: 0;
}

.lay201710 .fuss2023container{
	width: 100%;
	padding: 0 !important;
	margin: 0;
} 

.lay201710 .fuss2023container h1{
	color: #006cb5;
	text-align: center;
}          

/* standart spacer von .lay201710 entfernt */
.lay201710 .fuss2023container .space20{
	display: none;
}          

.fuss2023container .fuss2023 {
	background-color: #282828; 
	border-top: 4px solid #0071bd;
}

.fuss2023container .fuss2023spacer {
	clear: both; 
	height: 100px;
	margin: 0;
}

.fuss2023container .fuss2023links {
	float: left; 
	margin: 0px 25px 0px 25px; 
	color: #aaa; 
	text-align: left; 
	font-size: 17px;
}

#main-wrapper .fuss2023links span {
	display: inline-block;
	margin: 10px 15px 10px 0px; 
}
#main-wrapper .fuss2023links span:first-of-type {
	margin-top: 0px; 
}

#main-wrapper .fuss2023links a,
#main-wrapper .fuss2023links a:active,
#main-wrapper .fuss2023links a:link,
#main-wrapper .fuss2023links a:visited{
	display: inline-block;
	text-decoration: none;
	color: #aaa;
	font-weight: 400;
	margin: 10px 15px 10px 15px;
}

#main-wrapper .fuss2023links a:focus,
#main-wrapper .fuss2023links a:hover,
#main-wrapper .fuss2023links a:target{
	color: #fff;
	font-weight: 400;
}

.fuss2023copyright {
	clear: both; 
	border-top: 2px solid #555; 
	color: #aaa; 
	text-align: center; 
	padding: 10px 0px 10px 0px; 
	margin: 0 15px;
}

/***** 2-col ******/ 
@media (max-width: 1022px) and (min-device-width: 1201px), (max-device-width: 860px),print{ 

	#main-wrapper .fuss2023links span {                
		margin: 0px 0px 15px 0px; 
	}

	#main-wrapper .fuss2023links a,
	#main-wrapper .fuss2023links a:active,
	#main-wrapper .fuss2023links a:link,
	#main-wrapper .fuss2023links a:visited{
		margin-left: 0px;
	}

	#main-wrapper .fuss2023links a:first-of-type{
		width: 100%;
		margin: 0px 15px 30px 0px;
	}
}

/***** 1-col ******/   
@media (max-width: 742px) and (min-device-width: 1201px), (max-device-width: 580px) {

	#main-wrapper .fuss2023links a,
	#main-wrapper .fuss2023links a:active,
	#main-wrapper .fuss2023links a:link,
	#main-wrapper .fuss2023links a:visited{
		width: 100%;
	}
}
/* grid */
.container {
	clear: both;
	float: none;
	xmax-width: 1680px;
	width: 1680px;
	padding: 0;
	margin: 0;
	height: auto;
	margin-left: -10px;
	margin-right: -10px;
}

.container .container {
	width: 100% !important;
	margin: 0;
}

.container [class^=col-] {
	float: left;
	padding: 10px;
	box-sizing: border-box;
}

.container .grid[class^=col-] {
	padding: 0;
}

.clearfix:after,
.container:after {
	display:table;
	content:" ";
	clear: both;
}

.container img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

.col-1, .col-6-1 {width: 280px;}
.vis-1 {display: none;}
.col-2, .col-6-2 {width: 560px;}
.vis-2 {display: none;}
.col-3, .col-6-3 {width: 840px;}
.vis-3 {display: none;}
.col-4, .col-6-4 {width: 1120px;}
.vis-4 {display: none;}
.col-5, .col-6-5 {width: 1400px;}
.vis-5 {display: none;}
.col-6, .col-6-6 {width: 1680px;}
.vis-6 {display: none;}
.vis-6 {display:block}
.hid-6 {display:none}
@media /* Adaption auf 5 Cols*/
	(max-width: 1862px) and (min-device-width: 1201px)
	
{ 

.container {width: 1400px;}
.col-6 {width: 1400px;}
.col-6-6 {width: 1400px;}
.col-5-1 {width: 280px;}
.col-5-2 {width: 560px;}
.col-5-3 {width: 840px;}
.col-5-4 {width: 1120px;}
.col-5-5 {width: 1400px;}
.vis-1, .vis-2, .vis-3, .vis-4, .vis-6 {display: none;}
.vis-5 {display: block}
.hid-5 {display: none;}
}
@media /* Adaption auf 4 Cols*/
	(max-width: 1582px) and (min-device-width: 1201px)
	
{ 

.container {width: 1120px;}
.col-5, .col-6 {width: 1120px;}
.col-5-5, .col-6-5, .col-6-6 {width: 1120px;}
.col-4-1 {width: 280px;}
.col-4-2 {width: 560px;}
.col-4-3 {width: 840px;}
.col-4-4 {width: 1120px;}
.vis-1, .vis-2, .vis-3, .vis-5, .vis-6 {display: none;}
.vis-4 {display: block}
.hid-4 {display: none;}
}
@media /* Adaption auf 3 Cols*/
	(max-width: 1302px) and (min-device-width: 1201px)
	, (max-device-width: 1200px)
{ 

.container {width: 840px;}
.col-4, .col-5, .col-6 {width: 840px;}
.col-4-4, .col-5-4, .col-5-5, .col-6-4, .col-6-5, .col-6-6 {width: 840px;}
.col-3-1 {width: 280px;}
.col-3-2 {width: 560px;}
.col-3-3 {width: 840px;}
.vis-1, .vis-2, .vis-4, .vis-5, .vis-6 {display: none;}
.vis-3 {display: block}
.hid-3 {display: none;}
}
@media /* Adaption auf 2 Cols*/
	(max-width: 1022px) and (min-device-width: 1201px)
	, (max-device-width: 860px)
{ 

.container {width: 560px;}
.col-3, .col-4, .col-5, .col-6 {width: 560px;}
.col-3-3, .col-4-3, .col-4-4, .col-5-3, .col-5-4, .col-5-5, .col-6-3, .col-6-4, .col-6-5, .col-6-6 {width: 560px;}
.col-2-1 {width: 280px;}
.col-2-2 {width: 560px;}
.vis-1, .vis-3, .vis-4, .vis-5, .vis-6 {display: none;}
.vis-2 {display: block}
.hid-2 {display: none;}
}
@media /* Adaption auf 1 Cols*/
	(max-width: 742px) and (min-device-width: 1201px)
	, (max-device-width: 580px)
{ 

.container {width: 280px;}
.col-2, .col-3, .col-4, .col-5, .col-6 {width: 280px;}
.col-2-2, .col-3-2, .col-3-3, .col-4-2, .col-4-3, .col-4-4, .col-5-2, .col-5-3, .col-5-4, .col-5-5, .col-6-2, .col-6-3, .col-6-4, .col-6-5, .col-6-6 {width: 280px;}
.col-1-1 {width: 280px;}
.vis-2, .vis-3, .vis-4, .vis-5, .vis-6 {display: none;}
.vis-1 {display: block}
.hid-1 {display: none;}
}