#slideShow {
  position: relative;
  width: 520px; /*kann natürlich angepasst werden auf eure Größen */
  height: 229px; /*kann natürlich angepasst werden auf eure Größen */
}

#slideShow img {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
}

/* Die Vor und Zurückbuttons könnt ihr so stylen und hinpacken wo ihr wollt beispielsweise so*/

#slideShow .next {
  width: 20px;
  height: 229px;
  position: absolute;
  background-color: #ccc;
  cursor: pointer;
  right: 0;
}

#slideShow .prev{
  width: 20px;
  height: 229px;
  position: absolute;
  background-color: #ccc;
  cursor: pointer;
  left: 0;
}

/* override browser default-settings */
* {
	margin: 0px;
	padding: 0px;
	border: none;
}
.debug {
	color: orange;
	font-weight: bold;
}
/* png fix for ie5.5 and ie6 */
img.png, div.png, a.png, input.png {
	behavior: url(public/js/iepngfix.htc)
}

/* body */
body {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 10px;
	background-color: #fff;
}
/* basic typography and hyperlinks */
h1 {
	font-size: 18px;
}
h2 {
	font-size: 17px;
}
h3 {
	font-size: 16px;
}
p {
	font-size: 12px;
}
/* hyperlinks */
a {
	outline: none;
	color: #0da025;
	text-decoration: none;
}
a:hover {
	color: #513b8f;
}
a:visited {
}
/* utitlities */
.semantic {
	display: none;
}
.clear {
	clear: both;
	float: none;
}
.right {
	float: right;
}
.left {
	float: left;
}

/*
*******************************************************************************
ab hier nur projektbezogene auszeichnungen
*/
/* container */
#container {
	width: 925px;

	margin: 15px auto 0 auto;
	font-size: 1.2em;
}
/* header */
#header {
	width: 925px;
	height: 110px;
}
#header #logo {
/*	background: #fff url(img/logo.jpg) no-repeat 25px 0;*/
	width: 388px;
	height: 63px;
	float: left;
	margin-top: 35px;
}

#header #logo img{
	margin-left:10px;
}

#header #login {
	width: 509px;
	float: left;
	margin-top: 53px;
}
#header #login h3 {
	width: 100px;
	height: 25px;
	background: url('img/haendlerlogin.jpg') no-repeat -1px 0;
}
#header #login input.tf {
	border: 1px solid #ccc;
	color: #c3c3c3;
	padding: 2px;
	font-size: 12px;
	width: 100px;
	margin-right: 10px;
}

#header #login button {
	background: none;
	vertical-align: top;
}
#button_login {
	background-image: url(img/pfeil.jpg);
	width: 15px;
	height: 23px;
	background-repeat: no-repeat;
}
/* landingpage-navigation (sonderbereich auf landingpage mit navigationselementen) */
#landingpage-stage {
	width: 925px;
	height: 408px;
}
#landingpage-stage #left {
	width: 385px;
	height: 400px;
	float: left;
/*	background: url('img/landingpage_img1.jpg') no-repeat;*/
/*	overflow:hidden;*/
}
#landingpage-stage #right {
	width: 540px;
	height: 400px;
	float: left;
/*	background: url('img/landingpage_bg_right.jpg') no-repeat;*/
}
#landingpage-stage #right #navbox {
	width: 535px;
	height: 150px;
	float: left;
	margin-top: 55px;
}
#landingpage-stage #right .landingpage-navbox {
	width: 370px;
	height: 90px;
	border-bottom: 1px solid #d8d9d7;
	margin-bottom: 10px;
	padding: 8px 0 0 150px;
}
#landingpage-stage #right #sales {
	background: url('img/navbox-sales.png') no-repeat 0px 0px;
}
#landingpage-stage #right .landingpage-navbox ul {
	float: left;
	width: 175px;
	list-style-type: none;
}
#landingpage-stage #right .landingpage-navbox ul li.schloss{
	background: url("img/schloss.png") no-repeat scroll 150px 3px;
	
}
#landingpage-stage #right .landingpage-navbox ul li a {
	width: 150px;
	height: 20px;
	display: block;
}
#landingpage-stage #right #sales ul li #portfolio-und-partner {
	background: url('img/landingpage-navigation/portfolio_und_partner.png') no-repeat;
}
#landingpage-stage #right #sales ul li #portfolio-und-partner:hover {
	background: url('img/landingpage-navigation/portfolio_und_partner.png') no-repeat 0 -20px;
}
#landingpage-stage #right #sales ul li #angebote {
	background: url('img/landingpage-navigation/angebote.png') no-repeat;
}
#landingpage-stage #right #sales ul li #angebote:hover {
	background: url('img/landingpage-navigation/angebote.png') no-repeat 0 -20px;
}
#landingpage-stage #right #sales ul li #partner-werden {
	background: url('img/landingpage-navigation/partner_werden.png') no-repeat;
}
#landingpage-stage #right #sales ul li #partner-werden:hover {
	background: url('img/landingpage-navigation/partner_werden.png') no-repeat 0 -20px;
}
#landingpage-stage #right #sales ul li #shop {
	background: url('img/landingpage-navigation/shop.png') no-repeat;
}
#landingpage-stage #right #sales ul li #shop:hover {
	background: url('img/landingpage-navigation/shop.png') no-repeat 0 -20px;
}
#landingpage-stage #right #sales ul li #ansprechpartner {
	background: url('img/landingpage-navigation/ansprechpartner.png') no-repeat;
}
#landingpage-stage #right #sales ul li #ansprechpartner:hover {
	background: url('img/landingpage-navigation/ansprechpartner.png') no-repeat 0 -20px;
}
#landingpage-stage #right #sales ul li #kontakt {
	background: url('img/landingpage-navigation/kontakt.png') no-repeat;
}
#landingpage-stage #right #sales ul li #kontakt:hover {
	background: url('img/landingpage-navigation/kontakt.png') no-repeat 0 -20px;
}
#landingpage-stage #right #aktivierung {
	background: url('img/navbox-aktivierung.png') no-repeat 0px 0px;
}
#landingpage-stage #right #aktivierung ul li #netze-und-dienste {
	background: url('img/landingpage-navigation/netze_und_dienste.png') no-repeat;
}
#landingpage-stage #right #aktivierung ul li #netze-und-dienste:hover {
	background: url('img/landingpage-navigation/netze_und_dienste.png') no-repeat 0 -20px;
}
#landingpage-stage #right #aktivierung ul li #aktionen-und-provisionen {
	background: url('img/landingpage-navigation/aktionen_und_provisionen.png') no-repeat;
}
#landingpage-stage #right #aktivierung ul li #aktionen-und-provisionen:hover {
	background: url('img/landingpage-navigation/aktionen_und_provisionen.png') no-repeat 0 -20px;
}
#landingpage-stage #right #aktivierung ul li #freischalten24_de {
	background: url('img/landingpage-navigation/freischalten24_de.png') no-repeat;
}
#landingpage-stage #right #aktivierung ul li #freischalten24_de:hover {
	background: url('img/landingpage-navigation/freischalten24_de.png') no-repeat 0 -20px;
}
#landingpage-stage #right #support {
	background: url('img/navbox-support.png') no-repeat 0px 0px;
}
#landingpage-stage #right #support ul li #technische-unterstuetzung {
	background: url('img/landingpage-navigation/technische_unterstuetzung.png') no-repeat;
}
#landingpage-stage #right #support ul li #technische-unterstuetzung:hover {
	background: url('img/landingpage-navigation/technische_unterstuetzung.png') no-repeat 0 -20px;
}
#landingpage-stage #right #support ul li #marketingunterstuetzung {
	background: url('img/landingpage-navigation/premium1.png') no-repeat;
}
#landingpage-stage #right #support ul li #marketingunterstuetzung:hover {
	background: url('img/landingpage-navigation/premium2.png') no-repeat;
}
#landingpage-stage #right #support ul li #reparaturservice {
	background: url('img/landingpage-navigation/reparaturservice.png') no-repeat;
}
#landingpage-stage #right #support ul li #reparaturservice:hover {
	background: url('img/landingpage-navigation/reparaturservice.png') no-repeat 0 -20px;
}
#landingpage-stage #right #support ul li #schulungen {
	background: url('img/landingpage-navigation/schulungen.png') no-repeat;
}
#landingpage-stage #right #support ul li #schulungen:hover {
	background: url('img/landingpage-navigation/schulungen.png') no-repeat 0 -20px;
}
#landingpage-stage #right #support ul li #reklamation {
	background: url('img/landingpage-navigation/reklamation.png') no-repeat;
}
#landingpage-stage #right #support ul li #reklamation:hover {
	background: url('img/landingpage-navigation/reklamation.png') no-repeat 0 -20px;
}
#landingpage-stage #right #support ul li #technischer_service {
	background: url('img/landingpage-navigation/technischer_service.png') no-repeat;
}
#landingpage-stage #right #support ul li #technischer_service:hover {
	background: url('img/landingpage-navigation/technischer_service.png') no-repeat 0 -20px;
}

#landingpage-stage #right #support ul li #finanzierung {
	background: url('img/landingpage-navigation/finanzierung1.png') no-repeat;
}
#landingpage-stage #right #support ul li #finanzierung:hover {
	background: url('img/landingpage-navigation/finanzierung2.png') no-repeat;
}
/* Link 1 & 1 Vertriebspartnernummer */
p#vertriebspartnernr {
	padding-top: 20px;
}

/*shortcuts (bereich mit links zum direkteinstieg)*/
#shortcuts {
	height: 145px;
}

#shortcuts #newsbox {
	color:#454545;
	width: 430px;
	height: 131px;
	background: url('img/newsbox-bg.gif') top left;
	float: left;
	margin-right: 10px;
	overflow-y:hidden;
	padding-top: 15px;
}
#shortcuts #newsbox .zeile {
	display: block;
	width: 420px;
	clear: both;
	margin: 0 0 5px 5px;
/*	padding-top:20px;*/
	height:65px;
}

#shortcuts #newsbox .block {
	padding-top:10px;
	height:160px;
	
}


#shortcuts #newsbox h4 {
	color: #513b8f;
	font-size: 13px;
}
#shortcuts #newsbox img {
	margin: 0 25px 0 20px;
}
#shortcuts #newsbox .zeile a {
	text-decoration: underline;
	color: #513b8f;
	padding-left: 3px;
}
#shortcuts #talkextra {
	width: 238px;
	height: 146px;
	background: url('img/kennenlernen.jpg') top left;
	float: left;
	margin-right: 10px;
}
#shortcuts #talkextra a {
	display: block;
	height: 145px;
}
#shortcuts #blog {
	position: relative;
	width: 217px;
	height: 116px;
	background: url('img/rechts.jpg') top left;
	float: left;
	padding: 30px 5px 0 13px;
	color: #fff;
}
#shortcuts #blog a {
	position: absolute;
	color: #fff;
	font-size: 13px;
	left: 121px;
	height: 21px;
}
#shortcuts #blog a:hover {
	text-decoration: underline;
}
#shortcuts #blog a.goto-shop {
	top: 76px;	
	width: 94px;
	padding: 3px 0 0 12px;
	background: url('img/shop-button-bg.png') center center;
}
#shortcuts #blog a.goto-blog {
	top: 5px;
	width: 94px;
	padding: 3px 0 0 12px;
	background: url('img/blog-button-bg.png') center center;	
} 
#shortcuts #blog h4 {
	font-size: 13px;
	margin: 5px 0 5px 0;
}
#footer {
	width: 885px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	margin: 15px 0 0 0;
	padding: 4px 15px 4px 20px;
	color: #898989;
}
/* defaultpage */
#defaultpage-stage {
	width: 925px;
	min-height: 400px;
	background: url('img/defaultpage_bg.jpg') no-repeat;
	padding: 10px 0 30px 30px;
	color: #454545;
}

#defaultpage-stage #third_nav{
	height:40px;
	width:925px;
	margin-left:366px;
	width:500px;

}

#defaultpage-stage #third_nav a{
	font-size:13px;

}

#defaultpage-stage #left {
	width: 600px;
	float: left;
	display: block;
	padding-bottom:20px;
}
#defaultpage-stage #left h2{
	font-size: 15px;
	margin-bottom: 20px;
}

#defaultpage-stage #right h2 {
	font-size: 15px;
	margin-bottom: 0px;
}


#defaultpage-stage #left p {
}


#defaultpage-stage #left img{
/*	margin-right:10px;
	margin-bottom:10px;
	float:left;
*/
}

#defaultpage-stage #right {
	width: 230px;
	height: 200px;
	float: left;
	margin: 40px 10px 0 55px;
}
#defaultpage-stage #right h4 {
	margin-bottom: 3px;
}

#defaultpage-stage #right h4 {
	margin-bottom: 3px;
}

#defaultpage-stage #right img {
	margin-right: 10px;
	padding-bottom:20px
}

#defaultpage-stage ul{
/*	list-style-position:inside;*/
	margin:5px 0 5px 15px;
	list-style-type:square;
}

#defaultpage-stage ul li{
	margin-left:10px;
	padding-bottom:5px;
}

/* navigation */
#navigation {
	width: 533px;
	min-height: 100px;
	margin: 0;
	display: block;
	float: left;
	margin-top: 7px;
	height: 103px;
	overflow: hidden;
}
#navigation ul {
	margin: 63px 0 0 0;
	list-style-type: none;
}
#navigation ul li {
	float: left;
	width: 181px;
	height: 47px;
	background: #adb;
/*	margin-right: 2px;*/
}
#navigation ul #li-sales {
	background: url('img/defaultpage_navigation/sales.jpg');
	margin-right: -2px;
}
#navigation ul #li-aktivierung {
	background: url('img/defaultpage_navigation/aktivierung.jpg');
	margin-right: 0px;
}
#navigation ul #li-support {
	background: url('img/defaultpage_navigation/support.jpg');
	margin-left: -2px;
	width:175px;
}
#navigation ul li a {
	display: block;
	width: 175px;
	height: 45px;
}
/* subnav */
#subnav {
	color:#454545;
	width: 538px;
	height: 200px;
	background: #aaa;
	display: block;
	position: absolute;
	z-index:1000;
	margin-left: 386px;
	background: url('img/defaultpage_navigation/subnav_bg.jpg');
	opacity: 0;
	overflow: hidden;
	z-index:1000;
}
#subnav #subnav-login {
	height: 40px;
	display: block;
	margin-left: 190px;
	margin-top: 10px;
}
#subnav ul a {
	color: #bfbebe;
	width: 160px;
	display: block;
}
#subnav a:hover {
	color: #513b8f;
}
#subnav ul {
	list-style-type: none;
	float: left;
	width: 160px;
}
#subnav ul li {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 4px;
	margin-bottom: 4px;
}
#subnav #liste1 {
	margin-left: 11px;
}
#subnav #liste2 {
	margin-left: 17px;
}
#subnav #liste3 {
	margin-left: 17px;
}
/* contact */
#contact-form{
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px solid #ccc;
}

#contact-form p{
	padding:2px;
	margin:4px;
	margin-left:0px;
	width:350px;
	background-color:#FF958C;
	margin:2px;

}

#contact-form .tf, #contact-form .ta{
	width: 350px;
	padding: 2px;
	font-size: 12px;
	color: #666;
	margin-bottom: 5px;
	border: 1px solid #ccc;
}
#contact-form .ta{
	height: 150px;
}
#contact-form .sb{
	width: 150px;
	padding: 2px;
}
.linkespalte{
	width: 100px;
}

/*************************************
		ÃœBER UNS VIDEOS
**************************************/

a.player {
			display: block;
			background: url(splash.png) no-repeat;
			width: 460px;
			height: 260px;
			color: #fff;
			text-decoration: none;
			cursor: pointer;
		}


		a.player img {
			margin-top: 115px;
			border: 0;	
		}


		#player {
			float: left;
			margin-top: 15px;
		}
		
		#playlist{
			padding: 20px 0 0 25px;
			z-index:10;
		}
		
		#playlist a {
			display:block;
			float: left;
			width: 150px;
			height: 20px;
		}
		
		#rundgang{
			color: #454545;
			font-size: 14px;
			width:300px;
			padding: 35px 0 0 25px;
		}
		
		#lageplan{
			padding: 20px 0 0 25px;
		}

#abouttext {
	float: left;
	margin: 20px 0 0 0;
	height: 250px;
	overflow-y: auto;
	/* scrollbar innen begin */
	/* width: 530px;
	/* scrollbar innen end */
	
	/* scrollbar bündig mit rand begin */ 
	padding: 0 20px 0 0;
	width: 547px;
	/* scrollbar bündig mit rand end */
}
#abouttext ul {
	list-style-type: square;
	list-style-position: inside;
}
#abouttext p.backlink {
	margin: 12px 0 0 0;
}
#aboutbox {
	color: #454545;
	width: 651px;
	height: 133px;
	background: url('img/aboutbox-bg.gif') top left;
	float: left;
	margin-right: 10px;	
	padding-top: 14px;
	padding-left: 26px;
	overflow : auto;
}
#aboutbox h4 {
	color: #454545;
	font-size: 13px;
	margin: 0 0 10px 0;
}
#aboutbox p,
#aboutpage p,
#abouttext p,
#aboutbox ul,
#aboutpage ul {
	color: #454545;
	margin: 0 0 0.6em 0;
	list-style: none;
}
#aboutpage #right {
	position: relative;
	width: 567px;
}
#aboutpage #left {
	width: 357px;
}
#aboutpage #right h4 {
	padding-top: 50px;
	color: #454545;
	font-size: 13px;
	margin: 0 0 19px 0
}
#aboutpage .more-link {
	margin: 6px 0 0 0;
	text-decoration: underline;
}
#aboutpage .pressrelease {
	clear: both;
	float: left;
	width: 100%;
	margin: 0 0 12px 0;
}
#aboutpage .pressrelease a.pr-title {
	float: left;
	font-weight: bold
}
#aboutpage .pressrelease a.pr-title:hover {
	text-decoration: underline;
}
#aboutpage .pressrelease span.pr-date {
	float: right;
}	
#aboutbox #jobs li {
	list-style-type: square;
	list-style-position: outside;
	margin-left: 25px;
}
#aboutbox a:hover {
	text-decoration: underline;
}
ul.switch {
	position: absolute;
	left: 0;
	bottom: 12px;
	list-style: none;
}
ul.switch li {
	width: 102px;
	height: 94px;
	float: left;
	margin-right: 10px;
	background: url(img/aboutbox.png) no-repeat center center
}
ul.switch li:hover,
ul.switch li span.active {
	background: url(img/aboutbox-active.png) no-repeat center center
}
ul.switch li a,
ul.switch li span.active {
	display: block;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	width: 68px;
	height: 44px;
	padding: 50px 0 0 34px;
}




#download_container{
	padding:2px;
}

#download_container .d_file{
	padding:2px;
	margin-bottom:3px;
}


#download_container .d_file.odd{
	background-color:#E9E9E9;
	
}

#download_container .d_file.even{
	background-color:#BDBDBD;
	
}

#right h2{
	
}

label	{
display:block;
margin-left:30px;
}

input[type=checkbox]	{
display:block;
float:left;
margin-right:10px;
}

input[type=radio]	{
display:block;
float:left;
margin-right:10px;
}


<!-- Ostern 2013 --> 

#container #defaultpage-stage #left .ostern2013_1 a	{ 
	display:block; 
    background-image:url(img/ostern2013/ei.png);
    width:200px; 
	height:200px; 
}
#container #defaultpage-stage #left ostern2013_1 a:hover	{ 
	background-image:url(img/ostern2013/Ostern_Produkte.jpg); }

<!-- Ende Ostern 2013 -->