@charset "utf-8";
/* CSS Screen */
* {margin:0; padding:0;}

body{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	background:#333 url(gfx/DS-background_bc.png) top repeat-x;
	text-align:center;
}


/* Container fuer Hintergrundgrafik */
#all{
	width:100%;
	background:url(gfx/DS-background_bc1.png) top no-repeat;
}


/* Container Header */
#header{
	text-align:left;
	margin:0 auto;
	width:780px;
	height:448px;
	background:url(gfx/DS-header_start.png) top no-repeat;
}


/* Container Flash-Animation */
#flash{
	position:absolute;
	z-index:100;
	margin:3px 0 0 451px;
}

/* Container Footer */
#footer1{
	text-align:left;
	margin:0 auto;
	background:url(gfx/DS-Footer_02.png) top repeat-y;
	width:720px;
}
#footer2_{background:url(gfx/DS-Footer_01.png) top no-repeat; width:720px;}
#footer3{background:url(gfx/DS-Footer_03.png) bottom no-repeat; width:720px;}
#footer3 ul, #footer3 li{
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}
#footer3 li{
	display:inline;	
	width:124px;
	float:left;
	margin:10px 10px 15px 10px;
	font-size:0.8em;
	text-align:center;
	text-transform:uppercase;
}
#footer3 li a, #footer3 li a:visited{color:#000;}
#footer3 li a:hover, #footer3 li a:focus{color:#FFF;}


.clr{clear:both;}
.hide{display:none;}
a img{border:none;}

/* Container Menue */
#menu{
	z-index:50000;
	width:300px;
	position:absolute;
}
#menu li{list-style:none; position:absolute; padding-bottom:1px;}
#menu a, #menu a:visited{
	background-repeat:no-repeat;
	border:0px solid #FFF;
	height:30px;
	display:block;
}
#menu a:hover, #menu a:focus{
	color:#000;
}


/* Icons und deren Rollover */
#menu .neu{margin:302px 0 0 81px;}  #menu .neu a, #menu .neu a:visited{width:191px; height:79px;}
#menu .handy{margin:151px 0 0 643px;} #menu .handy a, #menu .handy a:visited{width:82px; height:131px;}
#menu .computer{margin:151px 0 0 273px;} #menu .computer a, #menu .computer a:visited{width:141px; height:131px;}
#menu .karte{margin:302px 0 0 612px;} #menu .karte a, #menu .karte a:visited{width:118px; height:84px;}
#menu .kamera{margin:289px 0 0 314px;} #menu .kamera a, #menu .kamera a:visited{width:120px; height:110px;}
.neu a, .neu a:visited{background-image:url(gfx/i_neu_a.png);}
.handy a, .handy a:visited{background-image:url(gfx/i_handy_a.png);}
.computer a, .computer a:visited{background-image:url(gfx/i_computer_a.png);}
.karte a, .karte a:visited{background-image:url(gfx/i_karte_a.png);}
.kamera a, .kamera a:visited{background-image:url(gfx/i_kamera_a.png);}
.neu a:hover, .neu a:focus, .bg1{background-image:url(gfx/i_neu_h.png);}
.handy a:hover, .handy a:focus, .bg2{background-image:url(gfx/i_handy_h.png);}
.computer a:hover, .computer a:focus, .bg3{background-image:url(gfx/i_computer_h.png);}
.karte a:hover, .karte a:focus, .bg4{background-image:url(gfx/i_karte_h.png);}
.kamera a:hover, .kamera a:focus, .bg5{background-image:url(gfx/i_kamera_h.png);}


/* Container zum Vorausladen der Rollover */
.bg{
	position:absolute;
	width:1px;
	height:1px;
	z-index:1;
	margin-top:100px;
}
#menu b{display:none;}


/* Container Logos */
#logos{
	width:720px;
	height:128px;
	margin:10px auto 2em;
	background:#0C0 url(gfx/logos_bg.png) top no-repeat;
	text-align:left;
}
.js{margin:23px 0 0 450px;}
.sl{margin:23px 0 0 110px;}
.js, .sl{position:absolute;}