@charset "utf-8";

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

body,
html {
   width:100%;
   height:100%;
}
html[xmlns^="http"] {
 overflow-y: scroll;
}

body {
   font-family:Tahoma, sans-serif, arial;
   font-size:15px;
   color:#454545;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   color:#3A8CB7;
   font-weight:bold;
}

h1,
h2 {
   font-size:25px;
}

h3 {
   font-size:20px;
   margin:0 0 16px 0;
}

h4,
h5,
h6 {
   font-size:15px;
}

a {
   outline:none;
   color:#056B8A;
   text-decoration:none;
}

a:hover {
   color:#9B9D9F;
}

ul {
   list-style:none;
}

img {
   padding:4px;
   background:#FFFFFF;
   border:1px solid #bfbfbf;
   margin:0 4px 9px 0;
}

img.flagge {
	margin:0 10px 5px 0;
	}

.clear {
	clear:both;
	float:none;
	}

/* CONTAINER */
#container {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   width:938px;
   margin: 0 auto -56px;
   padding:0 11px;
}

/* HEADER */
#header {
   position:relative;
   width:938px;
   height:107px;
   background:transparent url(../images/bg-header.png) 0 0 no-repeat;
}

#header h1.branding {
   position:absolute;
   width:205px;
   height:93px;
   top:8px;
   left:15px;
   text-indent:-9999px;
}

#header h1.branding a {
   display:block;
   width:205px;
   height:93px;
	background: url(../images/bg-branding.gif) no-repeat; 
}

#header #loginForm {
   width:382px;
   height:74px;
   position:absolute;
   right:0;
   top:12px;
   padding:1px 0 0 0;
	font-size:0.8em;
}






* html #header form#loginForm input {
   margin:0 0 12px 0;
}

*+html #header form#loginForm input {
   margin:0 0 12px 0;
}



#header form#loginForm input#pass {
   background:transparent url(../images/bg-passwort.png) 0 0 no-repeat;
}

a#haendlerlogin {
   width:186px;
   height:38px;
   background:transparent url(../images/bg-haendler-login.png) 0 0 no-repeat;
   text-indent:-9999px;
   display:block;
	position:absolute;
	left:150px;
	top:30px;
}

#header form#loginForm fieldset.submit a:hover,
#header form#loginForm fieldset.submit a.active {
   background-position:0 -38px;
}

#header #topNavigation {
   position:absolute;
   width:296px;
   height:95px;
   top:0;
   left:233px;
   text-indent:-9999px;
}

#header #topNavigation li {
   padding:0 4px 0 0;
   height:95px;
   float:left;
}

#header #topNavigation li a {
   display:block;
   height:95px;
   background:transparent url(../images/bg-top-navigation.png) 0 0 no-repeat;
}

#header #topNavigation li a.ueberUns {
   width:140px;
}

#header #topNavigation li a.ueberUns:hover,
#header #topNavigation li.active a.ueberUns {
   background-position:0 -95px;
}

#header #topNavigation li a.kontakt {
   width:148px;
   background-position:-144px 0;
}

#header #topNavigation li a.kontakt:hover,
#header #topNavigation li.active a.kontakt {
   background-position:-144px -95px;
}

#subheader {
   width:938px;
   height:364px;
   background:transparent url(../images/bg-subheader.jpg) 0 0 no-repeat;
   position:relative;
}

#zumprodukt a:link,
#zumprodukt a:visited {
	position:absolute;
	top:173px;
	height:28px;
	left:683px;
	width:172px;
	text-indent:-9999px;
}


#leftNavigation {
   width:190px;
   height:306px;
   position:absolute;
   top:33px;
   left:20px;
   text-indent:-9999px;

}

	#leftNavigation li {
	   width:190px;
	   margin:0 0 17px 0;
	   float:left;
	   clear:both;
	}
	
		#leftNavigation li a {
		   display:block;
		   height:11px;
		   width:190px;
		   background:transparent url(../images/left-navigation.png) 0 0 no-repeat;
		   line-height:11px;
		}
		
		#leftNavigation li a.startseite {
		   background-position:0 0;
		}
		
		#leftNavigation li a.startseite:hover,
		#leftNavigation li.active a.startseite {
		   background-position:-190px 0;
		}
		
		
		#leftNavigation li a.neuBeiPeros {
		   background-position:0 -28px;
		}
		
		#leftNavigation li a.neuBeiPeros:hover,
		#leftNavigation li.active a.neuBeiPeros {
		   background-position:-190px -28px;
		}
		
		
		#leftNavigation li a.carLine {
		   background-position:0 -56px;
		}
		
		#leftNavigation li a.carLine:hover,
		#leftNavigation li.active a.carLine {
		   background-position:-190px -56px;
		}
		
		
		#leftNavigation li a.magicMessenger {
		   background-position:0 -84px;
		}
		
		#leftNavigation li a.magicMessenger:hover,
		#leftNavigation li.active a.magicMessenger {
		   background-position:-190px -84px;
		}
		
		
		#leftNavigation li a.magicFloaterGlobes {
		   background-position:0 -112px;
		}
		
		#leftNavigation li a.magicFloaterGlobes:hover,
		#leftNavigation li.active a.magicFloaterGlobes {
		   background-position:-190px -112px;
		}
		
		
		#leftNavigation li a.magicFloaterFrames {
		   background-position:0 -140px;
			}
		
		#leftNavigation li a.magicFloaterFrames:hover,
		#leftNavigation li.active a.magicFloaterFrames {
		   background-position:-190px -140px;
		}
		
		
		#leftNavigation li a.greenLine {
		   background-position:0 -168px;
		}
		
		#leftNavigation li a.greenLine:hover,
		#leftNavigation li.active a.greenLine {
		   background-position:-190px -168px;
		}
		
				#leftNavigation li a.pointOfSaleDisplays{
		   background-position:0 -196px;
		}
		
		#leftNavigation li a.pointOfSaleDisplays:hover,
		#leftNavigation li.active a.pointOfSaleDisplays {
		   background-position:-190px -196px;
		}
		
		
		#leftNavigation li a.pcPeripheral{
		   background-position:0 -224px;
		}
		
		
		#leftNavigation li a.pcPeripheral:hover,
		#leftNavigation li.pcPeripheral {
		   background-position:-190px -224px;
		}
		
		#leftNavigation li a.digitalPictureFrames  {
		   background-position:0 -252px;
		}
		
		#leftNavigation li a.digitalPictureFrames:hover,
		#leftNavigation li.digitalPictureFrames {
		   background-position:-190px -252px;
		}
		
		#leftNavigation li a.usbFlashDrives  {
		   background-position:0 -280px;
		}
		
		#leftNavigation li a.usbFlashDrives:hover,
		#leftNavigation li.usbFlashDrives {
		   background-position:-190px -280px;
		}


#slideshow {
   position:absolute;
   width:381px;
   height:250px;
   right:60px;
   top:20px;
}

#subheader div.claim {
   text-indent:-9999px;
}

#subheader a.zumShop {
   display:block;
   width:172px;
   height:30px;
   background:transparent url(../images/bg-shop-link.png) 0 0 no-repeat;
   position:absolute;
   left:259px;
   bottom:14px;
}

#subheader a.zumShop:hover {
   background-position:0 -30px;
}

/* CONTENT */
#contentContainer {
   width:938px;
   height:auto;
   background:#e9e9e9 url(../images/bg-contnet-container.png) 0 78px no-repeat;
}

#headlines {
   width:938px;
   height:78px;
   background:transparent url(../images/bg-headline.png) 0 0 no-repeat;
   position:relative;
   text-indent:-9999px;
}

#headlines h2 {
   width:362px;
   height:52px;
}

#headlines h2.startseite {
   background:transparent url(../images/h2/bg-startseite.png) bottom right no-repeat;
}

#headlines h2.agbs {
   background:transparent url(../images/h2/bg-agbs.png) bottom right no-repeat;
}

#headlines h2.shop {
   background:transparent url(../images/h2/bg-shop.png) bottom right no-repeat;
}

#headlines h2.magicFloaterGlobes {
   background:transparent url(../images/h2/bg-magic-floater-globes.png) bottom right no-repeat;
}

#headlines h2.pointOfSaleDisplays {
   background:transparent url(../images/h2/bg-point-of-sale-displays.png) bottom right no-repeat;
}

#headlines h2.digitalPictureFrames {
   background:transparent url(../images/h2/bg-digital-picture-frames.png) bottom right no-repeat;
}

#headlines h2.magicMessenger {
   background:transparent url(../images/h2/bg-magic-messenger.png) bottom right no-repeat;
}

#headlines h2.usbSpeicher {
   background:transparent url(../images/h2/bg-usb-flash-drives.png) bottom right no-repeat;
}

#headlines h2.solarTech {
   background:transparent url(../images/h2/bg-solar-tech.png) bottom right no-repeat;
}


#headlines h2.usbCustomerDesign {
   background:transparent url(../images/h2/bg-usb-customer-design.png) bottom right no-repeat;
}

#headlines h2.pcPeripheral {
   background:transparent url(../images/h2/bg-pc-peripheral.png) bottom right no-repeat;
}

#headlines h2.waagen {
   background:transparent url(../images/h2/bg-waagen.png) bottom right no-repeat;
}

#headlines h2.magicFloaterPictureFrames {
   background:transparent url(../images/h2/bg-magic-floater-picture-frames.png) bottom right no-repeat;
}

#headlines h2.kontakt {
   background:transparent url(../images/h2/bg-kontakt.png) bottom right no-repeat;
}

#headlines h2.danke {
   background:transparent url(../images/h2/bg-danke.png) bottom right no-repeat;
}

#headlines h2.impressum {
   background:transparent url(../images/h2/bg-impressum.png) bottom right no-repeat;
}

#headlines h2.usbSpeicher {
   background:transparent url(../images/h2/bg-usb-flash-drives.png) bottom right no-repeat;
}

#headlines h2.solarTech {
   background:transparent url(../images/h2/bg-solar-tech.png) bottom right no-repeat;
}

#headlines h2.ueberUns {
   background:transparent url(../images/h2/bg-ueber-uns.png) bottom right no-repeat;
}

#headlines h2.haendlerlogin {
   background:transparent url(../images/h2/bg-haendlerlogin.png) bottom right no-repeat;
}

#headlines h2.carLine {
   background:transparent url(../images/h2/bg-car-line.png) bottom right no-repeat;
}


#headlines h2.NeuBeiPeros {
   background:transparent url(../images/h2/bg-neu-bei-peros.png) bottom right no-repeat;
}

#headlines h2.greenLine {
   background:transparent url(../images/h2/bg-green-line.png) bottom right no-repeat;
}

#headlines a.zurueckZurStartseite,
#headlines a.zurueckZurStartseiteActive {
   position:absolute;
   width:201px;
   height:46px;
   display:block;
   background:transparent url(../images/bg-startseite-link.png) 0 0 no-repeat;
   right:0;
   top:22px;
}

#headlines a.zurueckZurStartseite:hover,
#headlines a.zurueckZurStartseiteActive {
   background-position:0 -46px;
}

/* SIDEBAR */
#sidebar {
   float:left;
   width:233px;
   height:442px;
   background:transparent url(../images/bg-sidebar.png) 0 0 no-repeat;
   text-indent:-9999px;
}

#contentMain {
   float:left;
   width:675px;
   padding:18px 0 0 30px;
}

form#haendlerlogin {
   margin:0 0 20px 0;
}

form#haendlerlogin fieldset {
   border:none;
   display:block;
   float:none;
   clear:both;
}

form#haendlerlogin legend {
   color:#3A8CB7;
   font-weight:bold;
   margin:0 0 15px 0;
}

form#haendlerlogin label {
   display:block;
   width:100px;
   float:left;
}

form#haendlerlogin input {
   width:200px;
   padding:2px;
   border:2px solid #3A8CB7;
   margin:0 0 12px 0;
}

form#haendlerlogin input#submitHaendler {
   background:#97D7E7;
   color:#FFFFFF;
   font-weight:bold;
   text-transform:uppercase;
   margin:0 0 0 100px;
   width:208px;
}

#contentMain p {
   line-height:20px;
   margin:0 0 20px 0;
}

div.contentMain1,
div.contentMain2 {
   width:313px;
   float:left;
   padding:0 24px 0 0;
}

div.contentMain1 ul ,
div .contentMain2 ul {
	padding: 0 0 20px 0;
}

div.contentMain1 ul li,
div.contentMain2 ul li {
	float:left;
	width:80px;
	width:313px;
	margin: 0 0 10px 0;
	list-style-position: inside;
	list-style-type: square;
}

ul.ewCMS {
	padding:43px 0 0 145px;
	
}
ul.ewCMS li{
	float:left;
    width:80px;
}
div#lightbox img{
	margin:0;
	padding:0;
    border:none;
}
div.bigCMSimage{
	background:transparent url(../images/big-default-image.jpg) 0 0 no-repeat;
    width:310px;
    height:202px;
}
div.smallCMSimage-small{
	background:transparent url(../images/small-default-image.jpg) 0 0 no-repeat;
	width:150px;
    height:130px;
    float:left;
}

div.smallCMSimage{
	background:transparent url(../images/small-default-image.jpg) 0 0 no-repeat;
	width:160px;
    height:130px;
    float:left;
}

p.enText, p.deText{
	padding:0 0 0 36px;
	background:transparent url(../images/en-language.png) 0 0 no-repeat;
    font-size:12px;
    line-height:18px;
    
}
p.deText{
	background:transparent url(../images/de-lenguage.png) 0 0 no-repeat;
}

p.deTextStart {
	padding:0 0 0 70px;
	background:transparent url(../images/de-flag.png) 0 0 no-repeat;
	}
	
p.enTextStart {
	padding:0 0 0 70px;
	background:transparent url(../images/en-flag.png) 0 0 no-repeat;
	}
	
div.cmsLink{
	height:18px;
    background:none;
}
div.cmsLink a{
	font-size:12px;
    color:#454545;
    display:block;
    background:transparent url(../images/bullet.png) 6px 6px no-repeat;
    padding:0 0 0 36px;
    font-weight:bold;
}
/* FOOTER */
#footer,
.push {
   height: 56px;
   float:none;
   clear:both;
}

#footer {
   position:relative;
   width:938px;
   margin:0 auto;
   background:transparent url(../images/bg-footer.png) 0 0 no-repeat;
   text-indent:-9999px;
}

#footer a {
   display:block;
   position:absolute;
   height:11px;
   line-height:11px;
   top:21px;
}

* html #footer a {
   background:transparent url(../images/none.png) 0 0 repeat;
}

#footer a.euroweb {
   width:126px;
   left:336px;
}

#footer a.agbs {
   width:31px;
   left:485px;
}

#footer a.impressum {
   width:61px;
   left:540px;
}