Resultat de la compression du code CSS de wistro.com

Lasse nous voir ce que nous avons fait pour wistro.com

CSSCruncher.com à sauvgardé
31,79 % de code poour ce site! je n\'y crois pas!

Mais oh la la! On vient de trouver des erreurs dans ton code CSS!

» Montre touts les erreurs et avertissement

« Cache toutes les erreurs CSS et avertissement

Error on Line 30:
  Property -moz-outline-style doesn't exist
  Class:     :focus
  Property:  -moz-outline-style
  Value:     none

Error on Line 38:
  Property -moz-outline-style doesn't exist
  Class:     :focus
  Property:  -moz-outline-style
  Value:     none

Error on Line 72:
  Property -moz-border-radius doesn't exist
  Class:     input, textarea, select
  Property:  -moz-border-radius
  Value:     4px

Error on Line 212:
  Property -moz-border-radius-topleft doesn't exist
  Class:     ul.css-tabs a
  Property:  -moz-border-radius-topleft
  Value:     4px

Error on Line 213:
  Property -moz-border-radius-topright doesn't exist
  Class:     ul.css-tabs a
  Property:  -moz-border-radius-topright
  Value:     4px

Error on Line 254:
  Property overflow-y doesn't exist
  Class:     .overlayWrap
  Property:  overflow-y
  Value:     auto

Error on Line 304:
  Property -moz-box-shadow doesn't exist
  Class:     .simple_overlay
  Property:  -moz-box-shadow
  Value:     0 0 90px 5px #000

Error on Line 305:
  Property -webkit-box-shadow doesn't exist
  Class:     .simple_overlay
  Property:  -webkit-box-shadow
  Value:     0 0 90px #000

Error on Line 355:
  Property -moz-border-radius doesn't exist
  Class:     div.subnavi a
  Property:  -moz-border-radius
  Value:     5px

Error on Line 400:
  Property -moz-border-radius doesn't exist
  Class:     div.hinweis img
  Property:  -moz-border-radius
  Value:     4px

Error on Line 449:
  Unrecognized  - opacity=60)
  Class:     #mainmenu img
  Property:  filter
  Value:     Unrecognized  - opacity=60)

Error on Line 450:
  Property -ms-filter doesn't exist
  Class:     #mainmenu img
  Property:  -ms-filter
  Value:     "progid:DXImageTransform.Microsoft.Alpha(opacity=60)"

Error on Line 492:
  Property -moz-border-radius-bottomleft doesn't exist
  Class:     #content_main
  Property:  -moz-border-radius-bottomleft
  Value:     5px

Error on Line 493:
  Property -moz-border-radius-bottomright doesn't exist
  Class:     #content_main
  Property:  -moz-border-radius-bottomright
  Value:     5px

Error on Line 727:
  Property -moz-border-radius doesn't exist
  Class:     #kontaktform
  Property:  -moz-border-radius
  Value:     5px

Error on Line 733:
  Property -moz-border-radius doesn't exist
  Class:     div.kontaktform2
  Property:  -moz-border-radius
  Value:     5px

Error on Line 862:
  Property _background-color doesn't exist
  Class:     #drawer
  Property:  _background-color
  Value:     #fff

Error on Line 887:
  rgba(82,82,82,0.698) is not a border-color value
  Class:     #facebox
  Property:  border
  Value:     10px solid rgba(82,82,82,0.698)

Error on Line 890:
  Property -moz-border-radius doesn't exist
  Class:     #facebox
  Property:  -moz-border-radius
  Value:     8px

Error on Line 891:
  Property -webkit-border-radius doesn't exist
  Class:     #facebox
  Property:  -webkit-border-radius
  Value:     8px

Code CSS comprimé:

*{margin:0;padding:0;border:0}
body,html{margin:0;padding:0;border:0;width:100%;height:100%}
body{background:#011026 url(img/verlauf.jpg) repeat-x scroll 0px 170px;font-family:"Segoe UI","Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;font-size:1.0em;color:#011026}
hr{border:1px dotted #ddd;height:0px}
a{color:#4372b9}
a:link,a:visited{color:#4372b9;text-decoration:none}
a:hover{color:#011026;text-decoration:underline}
a:active{outline:none}:focus{-moz-outline-style:none}
div.techdata a:link,div.techdata a:visited{color:#333;text-decoration:none}
div.techdata a:hover{color:#4372b9;text-decoration:underline}
#headmenu a{color:#eee;margin:5px}
#headmenu a:link,#headmenu a:visited{color:#eee;text-decoration:none}
#headmenu a:hover{color:#aaa;text-decoration:underline}
#headmenu a:active{outline:none}:focus{-moz-outline-style:none}
#main a:link,#main a:visited{color:#4372b9;text-decoration:none}
#main a:hover{color:#eee;text-decoration:underline}
p{margin:0px;padding:0px;color:#011026;font-size:0.85em}
img{margin:0px;padding:0px;border:0px}
td,th{margin:0px;padding:0px;font-weight:normal}
.produkt{float:right;margin:0px;padding:20px;border:0px;height:200px;width:200px;cursor:pointer;display:block}
.produkt div.zoom{background-image:url(img/cross.png);position:absolute;left:511px;top:1px;cursor:pointer;height:35px;width:35px}
input,textarea,select{border:1px solid #b7b7b7;-moz-border-radius:4px;padding:5px;background-color:#fff;font-family:"Segoe UI","Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana}
input.checkbox{border:none;padding:5px;background:none}
table{margin:0px;padding:0px;border-collapse:collapse}
table.anfrage{border-bottom:1px dotted #b7b7b7;width:100%;table-layout:fixed}
table.paformular{width:100%;table-layout:fixed}
table.paformular tr{padding:10px}
table.paformular td,table.paformular th{padding:3px 3px 0px 0px}
table.content_box{z-index:1}
h1{color:#4372b9;font-size:1.52em;font-weight:normal;margin:0;text-align:left}
h2{color:#214c8b;font-size:1.12em;font-weight:normal;margin:0;text-align:left}
h3{float:left;font-size:0.01em;color:#fff;display:none}
h4{color:#214c8b;font-size:0.95em;font-weight:normal;margin:0;text-align:left}
h5{color:#000;font-size:0.75em;font-style:italic;text-align:left;font-weight:normal;padding:4px 0}
div.item ul{list-style-type:square;font-size:0.85em;padding:0px 0px 0px 30px}
div.techdata ul{list-style-type:square;font-size:0.85em;padding:0px 0px 0px 30px}
div.techdata td{padding:10px 50px 10px 10px;vertical-align:top;width:400px}
ul.css-tabs{margin:0 !important;padding:0;height:30px;border-bottom:1px solid #666}
ul.css-tabs li{float:left;padding:0;margin:0;list-style-type:none}
ul.css-tabs a{float:left;font-size:13px;display:block;padding:5px 30px;text-decoration:none;border:1px solid #666;border-bottom:0px;height:18px;background-color:#efefef;color:#777;margin-right:2px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;position:relative;top:1px}
ul.css-tabs a:hover{background-color:#888888;color:#eee}
ul.css-tabs a.current{background-color:#bbbbbb;border-bottom:2px solid #bbbbbb;color:#000;cursor:pointer !important}
div.css-panes{border:1px solid #666;border-width:0 1px 1px 1px;min-height:380px;padding:15px 20px 20px 10px;background:#f7f7f7 url(img/verlauf_grau.png) repeat-x scroll 0 0}
#overlay{background-image:url(img/overlay_white.png);color:#efefef;height:450px}
.overlayWrap{height:441px;padding:10px;overflow-y:auto}
.apple_overlay{display:none;background-image:url(img/overlay_white.png);width:640px;padding:35px;font-size:1.0em}
.apple_overlay div.close{background-image:url(img/overlay_close_red.png);position:absolute;right:5px;top:5px;cursor:pointer;height:35px;width:35px}
.simple_overlay{display:none;z-index:10000;background-color:#333;width:675px;min-height:200px;border:1px solid #666;-moz-box-shadow:0 0 90px 5px #000;-webkit-box-shadow:0 0 90px #000}
.simple_overlay .close{background-image:url(img/overlay_close_red.png);position:absolute;right:-15px;top:-15px;cursor:pointer;height:35px;width:35px}
.disabled{visibility:hidden}
div.scrollable{overflow:hidden;position:relative}
div.sidepane{border-left:606px solid #b9b9b9;float:right;margin-top:-460px;height:467px}
div.subnavi a{padding:0;height:30px;border-bottom:1px solid #666}
div.subnavi a{font-size:13px;display:block;padding:5px 30px 20px 0px;text-decoration:none;border:1px solid #666;border-bottom:0px;height:35px;background-color:#efefef;color:#777;margin-right:2px;-moz-border-radius:5px;top:1px}
div.subnavi a:hover{background-color:#F7F7F7;color:#333}
div.subnavi a.current{background-color:#ddd;border-bottom:2px solid #ddd;color:#000;cursor:default}
div.pdfshow{border:1px solid #DDDDDD;vertical-align:middle}
#hinweis{margin:0px}
#tooltipmain{display:none;font-size:12px;height:0px;width:160px;padding:5px 0px 0px 300px;color:#fff}
div.hinweis{position:absolute;top:-115px;left:280px;width:600px;height:30px}
div.hinweis img{width:90px;height:90px;border:2px solid #eee;-moz-border-radius:4px}
span.animation{height:360px;width:500px;float:left;margin-right:50px;padding:10px 50px 6px 0px;background-image:url(img/flash.jpg);background-repeat:no-repeat;cursor:pointer}
span.animation img{margin-top:130px;margin-left:160px}
span.blindtext{float:left;font-size:1px;color:#fff}
#head{background:url(img/headbg.jpg) no-repeat scroll 50% -10px transparent;position:relative;height:190px}
#headmenu{margin:0 auto;width:1160px;padding-top:11px}
#headmenu li{color:#fff;display:block;float:left;position:relative;padding-right:15px;top:0px}
#mainmenu{position:relative;margin:0 auto;margin-top:147px;padding:0;padding-top:10px;left:0px;width:1000px;height:1px}
#mainmenu img{filter:Alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=60)"}
#mainmenu a{padding:0px}
#rahmen{background:url(img/rahmen.gif) no-repeat;position:absolute;margin:0px;padding:0px;top:0px;left:9px;height:46px;height:46px;width:147px;display:none}
#content_wrap{margin:0 auto;width:1148px;overflow:hidden}
#content_footer{position:relative;height:20px;width:100%;float:left;text-align:center;padding:5px}
#content_main{background-color:#fff;padding:0px 30px 20px;min-height:600px;height:auto !important;height:600px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px}
table.navigation{font-size:1.5em;padding:3px 0px;font-weight:bold;letter-spacing:0.05em;font-style:italic}
#hardwareliste_rahmen{position:relative;padding:5px;width:200px}
#nav{float:left;padding-top:20px;background:#ddd url(img/verlauf_grau.png);border-bottom:1px solid #CCCCCC;height:170px;width:729px;margin-bottom:20px}
#nav ul{width:600px;margin:0 auto}
#nav li{border-right:0px solid #ddd;float:left;padding-left:1px;width:175px;list-style-type:none;text-align:center}
#nav a{border:0;color:#333333;display:block;padding:17px;position:relative;word-spacing:-2px;font-size:11px;height:122px;text-decoration:none}
#nav a.current{background:url(img/button_gross.jpg);border:0px}
#nav img{background-color:#fff;border:3px solid #ccc;margin:0px 0px 0px 17px;padding:4px;display:block}
#nav strong{display:block;font-size:13px}
#flowpanes{position:relative;overflow:hidden;clear:both}
#flowpanes div{float:left;display:block;width:670px;cursor:pointer;font-size:14px}
#flowpanes .items{width:20000em;position:absolute;clear:both;margin:0;padding:0}
#flowpanes .less,#flowpanes .less a{color:#999 !important;font-size:11px}
#panes{float:left;background:#fff url(img/verlauf_grau.png) repeat-x scroll 0 0;border-color:#ccc;border-style:solid;border-width:1px 1px 0;width:727px;height:255px;margin-bottom:-20px;padding-bottom:20px;position:relative}
#panes div{float:left;display:none;position:absolute;top:20px;left:20px;font-size:14px;color:#444;width:650px}
#panes img{float:left;margin-right:20px;border:1px solid #CCC;background-color:#555;padding:4px;display:block;width:200px;height:150px}
#panes p.more{color:#000;font-weight:bold}
#panes h3{margin:0 0 -5px 0;font-size:22px;font-weight:normal}
#panesd{float:left;background:#fff url(img/verlauf_grau.png) repeat-x scroll 0 0;border-color:#ccc;border-style:solid;border-width:1px 1px 0;width:727px;height:355px;margin-bottom:-20px;padding-bottom:20px;position:relative}
#panesd div{display:none;position:absolute;top:20px;left:20px;font-size:14px;color:#444;width:650px}
#panesd img{float:left;margin-right:20px;border:0px solid #CCC;padding:4px;display:block}
#panesd p.more{color:#000;font-weight:bold}
#panesd h3{margin:0 0 -5px 0;font-size:22px;font-weight:normal}
.overlay{display:none;width:500px;padding:20px;background-color:#ddd}
div.showpage{color:#011026;font-size:1em}
div.breadcrumb{font-size:1.1em;font-weight:normal;letter-spacing:0.05em;color:#eee;height:25px}
#kontakthead{padding:1px 20px 20px 20px}
#kontaktform{background:#F7F7F7 url(img/verlauf_grau.png) repeat-x scroll 0 0;padding:10px 20px 20px 20px;-moz-border-radius:5px}
div.kontaktform2{background:#F7F7F7 url(img/verlauf_grau.png) repeat-x scroll 0 0;padding:10px 20px 20px 20px;-moz-border-radius:5px}
#kontaktnote{font-size:0.85em;color:#777777}
div.header{color:#add9f1;border-bottom:1px dotted #add9f1;font-size:14px;font-weight:normal;font-style:italic;padding:5px 0 0 10px;margin:0}
div.listenheader{color:#add9f1;border-bottom:1px dotted #add9f1;font-size:14px;font-weight:normal;font-style:italic;padding-left:5px;margin:0}
img.bildklein{height:75px;width:100px}
img.bildtipgross{height:150px;width:200px;border:3px solid #ddd}
#main{position:relative;overflow:hidden;height:450px;width:550px;padding-left:19px}
#pages{position:absolute;height:20000em}
.page{padding:0px;width:550px}
.scrollable{position:relative;overflow:hidden;width:550px;height:450px}
.scrollable .items{width:20000em;position:absolute;clear:both}
.item{float:left;height:420px;width:550px}
#main_navi{float:left;padding:5px 20px 15px 20px !important;margin:0px !important}
#main_navi li{border-bottom:1px dotted #bbb;clear:both;color:#000;font-size:0.9em;list-style-type:none;padding:10px;width:390px;cursor:pointer}
#main_navi li:hover{background-color:#999999}
#main_navi li.active{background-color:#bbb}
#main_navi img{float:left;margin-right:10px}
#main_navi strong{display:block}
#main div.navi{margin-left:250px;cursor:pointer;color:#000}
#drawer{background:#fff url(img/verlauf_h80.png) repeat-x scroll 0 0;_background-color:#fff;overflow:visible;position:fixed;left:0;top:0;text-align:center;padding:15px 0 15px 0px;font-size:0.8em;font-weight:bold;border-bottom:2px solid #789;width:100%;display:none;z-index:2}
#facebox{display:none;width:400px;border:10px solid #666;border:10px solid rgba(82,82,82,0.698);-moz-border-radius:8px;-webkit-border-radius:8px}
#facebox div{padding:10px;border:1px solid #3B5998;background-color:#fff}
#facebox h2{margin:-11px;margin-bottom:0px;color:#fff;background-color:#6D84B4;padding:5px 10px;border:1px solid #3B5998;font-size:20px}

» Montre le code CSS originaire

« Cache le code CSS originaire

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body, html {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
}

body { 
	background: #011026 url(img/verlauf.jpg) repeat-x scroll 0px 170px;
	font-family: "Segoe UI","Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;
	font-size: 1.0em;
	color: #011026;
}

hr {
	border: 1px dotted #ddd;
	height: 0px;
}
/* Linkdefinitionen  */
a { color: #4372b9; }
a:link, a:visited { color: #4372b9; text-decoration: none;}
a:hover {color: #011026; text-decoration: underline;}
a:active {outline:none;}:focus {-moz-outline-style:none;}

div.techdata a:link, div.techdata a:visited { color: #333; text-decoration: none;}
div.techdata a:hover { color: #4372b9; text-decoration: underline; }

#headmenu a { color: #eee; margin: 5px; }
#headmenu a:link, #headmenu a:visited { color: #eee; text-decoration: none;}
#headmenu a:hover { color: #aaa; text-decoration: underline; }
#headmenu a:active {outline:none;}:focus {-moz-outline-style:none;}

#main a:link, #main a:visited { color: #4372b9; text-decoration: none;}
#main a:hover { color: #eee; text-decoration: underline; }

/* Allgemeine Tag-Definitionen */
p { margin: 0px; padding: 0px; color: #011026; font-size: 0.85em;}
img { margin: 0px; padding: 0px; border: 0px; }
td, th {margin:0px; padding:0px; font-weight: normal;}

.produkt {
	float:right;
	margin: 0px;
	padding: 20px;
	border: 0px;
	height:200px;
	width:200px;
	cursor: pointer;
	display: block;
}

.produkt div.zoom {
	background-image:url(img/cross.png);
	position:absolute;
	left:511px;
	top:1px;
	cursor:pointer;
	height:35px;
	width:35px;
}

input ,textarea, select{
	border: 1px solid #b7b7b7;
	-moz-border-radius: 4px;
	padding: 5px;
	background-color: #fff;
	font-family: "Segoe UI","Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;
}
input.checkbox {
	border: none;
	padding: 5px;
	background: none;
}

table { margin: 0px; padding: 0px; border-collapse: collapse;}

table.anfrage {
	border-bottom: 1px dotted #b7b7b7;
	width: 100%;
	table-layout: fixed;
}

/*table.anfrage input ,textarea, select{
	border: 1px solid #a7a7a7;
	-moz-border-radius: 4px;
	padding: 5px;
	background-color: #eeeeee;
	color: #222222;
	outline-style:none;
	-moz-outline-style:none;
}
*/
table.paformular {
	width: 100%;
	table-layout: fixed;
}

table.paformular tr{
	padding: 10px;
}

table.paformular td, table.paformular th{
	padding: 3px 3px 0px 0px;
}

table.content_box {
	z-index:1;
}

h1 { 
	color: #4372b9;
	font-size: 1.52em;
	font-weight: normal;
	margin: 0; 
	text-align: left; 
}

h2 { 
	color: #214c8b;
	font-size: 1.12em;
	font-weight: normal;
	margin: 0; 
	text-align: left; 
}

h3 { 
	float: left;
	font-size: 0.01em;
	color: #fff;
	display: none;
}

h4 { 
	color: #214c8b;
	font-size: 0.95em;
	font-weight: normal;
	margin: 0; 
	text-align: left; 
}

h5 { 
	color: #000;
	font-size: 0.75em;
	font-style: italic;
	text-align: left; 
	font-weight: normal;
	padding: 4px 0;
}

div.item ul {
	list-style-type: square;
	font-size: 0.85em;
	padding: 0px 0px 0px 30px;
}

/* TECHNISCHE DATEN */

div.techdata ul {
	list-style-type: square;
	font-size: 0.85em;
	padding: 0px 0px 0px 30px;
}

div.techdata td {
	padding: 10px 50px 10px 10px;
	vertical-align:top;
	width: 400px;
}

/* AAAAAJJJJJAAAAAAXXXXXXX */
/* TABS - root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #666;	
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;	
}

ul.css-tabs a:hover {
	background-color:#888888;
	color:#eee;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color: #bbbbbb;
	border-bottom: 2px solid #bbbbbb;	
	color:#000;	
	cursor: pointer !important;
}

/* tab pane */
div.css-panes  {
	/*display:none;*/
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:380px;
	padding:15px 20px 20px 10px;
	background:#f7f7f7 url(img/verlauf_grau.png) repeat-x scroll 0 0;
}

/* OVERLAY */
/* use a semi-transparent image for the overlay */
#overlay {
	background-image:url(img/overlay_white.png);
	color:#efefef;
	height:450px;
}

/* container for external content. uses vertical scrollbar, if needed */
.overlayWrap {
	height:441px;
	padding: 10px;
	overflow-y:auto;
}

/* the overlayed element */
.apple_overlay {
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(img/overlay_white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

/* a little styling */	
	font-size:1.0em;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(img/overlay_close_red.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(img/overlay_close_red.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* Main Screen */
div.scrollable {
	overflow:hidden;
	position:relative;
}

div.sidepane {
	border-left: 606px solid #b9b9b9;
	float: right;
	margin-top: -460px;
	height: 467px;
}

div.subnavi a { 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	 	
}

div.subnavi a { 
	font-size:13px;
	display:block;
	padding:5px 30px 20px 0px;	
	text-decoration:none;
	border:1px solid #666;	
	border-bottom:0px;
	height:35px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	-moz-border-radius:5px;
	top:1px;	
}

div.subnavi a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
div.subnavi a.current {
	background-color:#ddd;
	border-bottom:2px solid #ddd;	
	color:#000;	
	cursor:default;
}

div.pdfshow {
	border: 1px solid #DDDDDD;
	vertical-align:middle;
}

#hinweis { margin: 0px; }

#tooltipmain {
    display:none; 
    font-size:12px; 
    height:0px; 
    width:160px; 
    padding:5px 0px 0px 300px; 
    color:#fff;
}

div.hinweis {
	position: absolute;
	top: -115px;
	left: 280px;
	width: 600px;
	height: 30px;
}

div.hinweis  img{
	width: 90px;
	height: 90px;
	border: 2px solid #eee;
	-moz-border-radius: 4px;
}

span.animation {
	height: 360px;
	width: 500px;
	float: left;
	margin-right: 50px;
	padding: 10px 50px 6px 0px;
	background-image:url(img/flash.jpg);
	background-repeat: no-repeat;
	cursor:pointer;
}

span.animation img {
	margin-top:130px;
	margin-left: 160px;
}

span.blindtext {
	float: left;
	font-size: 1px;
	color: #fff;
}

/* DIVs */
/* Kopfbereich */
#head{ 
	background: url(img/headbg.jpg) no-repeat scroll 50% -10px transparent;
	position: relative;
	height: 190px;
}
#headmenu { margin: 0 auto; width: 1160px; padding-top: 11px; }
#headmenu li { color: #fff; display:block; float:left; position: relative; padding-right: 15px; top: 0px; }

/* Hauptmenü*/
#mainmenu {
	position: relative;
	margin: 0 auto;
	margin-top: 147px;
	padding:0;
	padding-top: 10px;
	left: 0px;
	width: 1000px;
	height: 1px;	
}

#mainmenu img {
	filter: Alpha(opacity=60);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
	}
	  
#mainmenu a { 
	padding: 0px;
}

#rahmen {
	background: url(img/rahmen.gif) no-repeat;
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 9px;
	height: 46px;
	height: 46px;
	width: 147px;
	display: none;
}

/* Contentbereich */
#content_wrap {
	margin: 0 auto;
	width: 1148px;
	overflow: hidden;  
}
#content_footer {
	/*display:none;*/
	position: relative;
	height: 20px;
	width: 100%;
	float: left;
	text-align: center;
	padding: 5px;
}

#content_main{
	background-color: #fff;
	padding: 0px 30px 20px;
	min-height:600px;
 	height:auto !important;  /* für moderne Browser */
 	height:600px;  /*für den IE */
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

table.navigation {
	font-size: 1.5em; 
	padding: 3px 0px; 
	font-weight: bold;
	letter-spacing: 0.05em;
	font-style: italic;
}

#hardwareliste_rahmen {
	position: relative;
	padding: 5px;
	width: 200px;
}

/* Topseller - Startseite */

/* navigation */
#nav {
	float:left;
	padding-top: 20px;
	background:#ddd url(img/verlauf_grau.png);
	border-bottom:1px solid #CCCCCC;
	height:170px;	
	width:729px;
	margin-bottom: 20px;
}

#nav ul {	
	width:600px;
	margin:0 auto;	
}

#nav li {	
	border-right:0px solid #ddd;
	float:left;
	padding-left:1px;
	width:175px;
	list-style-type:none;
	text-align:center;
}

#nav a {
	border: 0;
	color:#333333;
	display:block;
	padding:17px;
	position:relative;
	word-spacing:-2px;
	font-size:11px;		
	height:122px;
	text-decoration:none;
}

#nav a.current {
	background:url(img/button_gross.jpg);	
	border: 0px;
}

#nav img {
	background-color:#fff;
	border:3px solid #ccc;
	margin:0px 0px 0px 17px;
	padding:4px;		
	display:block;
}

#nav strong {
	display:block;		
	font-size:13px;
}

/* override the root element to enable scrolling */
#flowpanes {
	position:relative;
	overflow:hidden;
	clear:both;
}

/* override single pane */
#flowpanes div {
	float:left;
	display:block;
	width:670px;
	cursor:pointer;
	font-size:14px;
}

/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:11px;
}

/* panes */
#panes {
	float: left;
	background:#fff url(img/verlauf_grau.png) repeat-x scroll 0 0;
	border-color:#ccc;
	border-style:solid;
	border-width:1px 1px 0;
	width:727px;	
	height:255px;
	margin-bottom:-20px;
	padding-bottom:20px;
	
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
	float: left;
	display:none;		
	position:absolute;
	top:20px;
	left:20px;
	font-size:14px;
	color:#444;	
	width:650px;
}

#panes img {
	float: left;
	margin-right: 20px;		
	border: 1px solid #CCC;
	background-color: #555;
	padding:4px;		
	display:block;
	width: 200px;
	height: 150px;

}

#panes p.more {
	color:#000;
	font-weight:bold;
}

#panes h3 {
	margin:0 0 -5px 0;
	font-size:22px;
	font-weight:normal;
}

/* panes */
#panesd {
	float:left;
	background:#fff url(img/verlauf_grau.png) repeat-x scroll 0 0;
	border-color:#ccc;
	border-style:solid;
	border-width:1px 1px 0;
	width:727px;	
	height:355px;
	margin-bottom:-20px;
	padding-bottom:20px;
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
}

/* crossfading effect needs absolute positioning from the elements */
#panesd div {
	display:none;	
	position:absolute;
	top:20px;
	left:20px;
	font-size:14px;
	color:#444;	
	width:650px;
	
}

#panesd img {
	float: left;
	margin-right: 20px;		
	border: 0px solid #CCC;
	/*background-color: #555;
	*/
	padding:4px;		
	display:block;
}

#panesd p.more {
	color:#000;
	font-weight:bold;
}

#panesd h3 {
	margin:0 0 -5px 0;
	font-size:22px;
	font-weight:normal;
}

.overlay {
	display:none;
	width:500px;
	padding:20px;
	background-color:#ddd;
}

/* FAQ */
div.showpage {
	color: #011026;
	font-size: 1em;
}

div.breadcrumb {
	font-size: 1.1em;
	font-weight: normal;
	letter-spacing: 0.05em;
	color: #eee;
	height: 25px;
	
}

/* kontaktformular */

#kontakthead{
	padding: 1px 20px 20px 20px;
}
#kontaktform{
	background: #F7F7F7 url(img/verlauf_grau.png) repeat-x scroll 0 0;
	padding: 10px 20px 20px 20px;
	-moz-border-radius: 5px;
}

div.kontaktform2{
	background: #F7F7F7 url(img/verlauf_grau.png) repeat-x scroll 0 0;
	padding: 10px 20px 20px 20px;
	-moz-border-radius: 5px;
}

#kontaktnote {
	font-size: 0.85em;
	color: #777777;
}

div.header {
color: #add9f1;
border-bottom: 1px dotted #add9f1;
font-size: 14px;
font-weight: normal;
font-style: italic;
padding: 5px 0 0 10px;
margin: 0;
}

div.listenheader {
color: #add9f1;
border-bottom: 1px dotted #add9f1;
font-size: 14px;
font-weight: normal;
font-style: italic;
padding-left: 5px;
margin: 0;
}

img.bildklein {
height: 75px;
width: 100px;
}

img.bildtipgross {
height: 150px;
width: 200px;
border: 3px solid #ddd;
}
/* SCROLLABLE */

/* main vertical scroll */
#main {
	position:relative;
	overflow:hidden;
	height: 450px;
	width: 550px;
	padding-left:19px;
}

/* root element for pages */
#pages {
	position:absolute;
	height:20000em;
}

/* single page */
.page {
	padding:0px;
	/*min-height: 500px;*/
	width:550px;
}

/* root element for horizontal scrollables */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 550px;
	height: 450px;
}

/* root element for scrollable items */
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.item {
	float:left;
	height:420px;
	width:550px;
}

/* main navigator */
#main_navi {
	float:left;
	padding: 5px 20px 15px 20px !important;
	margin:0px !important;
}

#main_navi li {
	/*background-color:#dddddd;*/
	border-bottom:1px dotted #bbb;
	clear:both;
	color:#000;
	font-size:0.9em;
	list-style-type:none;
	padding:10px;
	width:390px;
	cursor:pointer;
}

#main_navi li:hover {
	background-color:#999999;
}

#main_navi li.active {
	background-color:#bbb;
}

#main_navi img {
	float:left;
	margin-right:10px;
}

#main_navi strong {
	display:block;
}

#main div.navi {
	margin-left:250px;
	cursor:pointer;
	color: #000;
}

/* validation error message bar */
#drawer {
	background:#fff url(img/verlauf_h80.png) repeat-x scroll 0 0;
	_background-color:#fff;
	overflow:visible;
	position:fixed;	
	left:0;
	top:0;
	text-align:center;
	padding: 15px 0 15px 0px;
	font-size:0.8em;
	font-weight: bold;
	border-bottom:2px solid #789;
	width:100%;
	display:none;
	z-index:2;
}

#facebox { 
 
    /* overlay is hidden before loading */ 
    display:none; 
 
    /* standard decorations */ 
    width:400px;     
    border:10px solid #666; 
 
    /* for modern browsers use semi-transparent color on the border. nice! */ 
    border:10px solid rgba(82, 82, 82, 0.698); 
 
    /* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */ 
    -moz-border-radius:8px; 
    -webkit-border-radius:8px; 
} 
 
#facebox div { 
    padding:10px; 
    border:1px solid #3B5998; 
    background-color:#fff; 
} 
 
#facebox h2 { 
    margin:-11px; 
    margin-bottom:0px; 
    color:#fff; 
    background-color:#6D84B4; 
    padding:5px 10px; 
    border:1px solid #3B5998; 
    font-size:20px; 
}