/* CSS Document */
html, body {height: 100%; margin: 0; padding: 0;}
body,table,input,select,textarea,tt {font:13px/130% Geneva,Arial,Helvetica, sans-serif; color: #555555; background-color:#FFFFFF}

a:link{color: #555555; text-decoration: none;}
a:visited{color: #555555; text-decoration: none;}
a:hover{color: #555555; text-decoration: none;}

a.shop:link{color: #FF6804; text-decoration: none;}
a.shop:visited{color: #FF6804; text-decoration: none;}
a.shop:hover{color: #FF6804; text-decoration: none;}

.dlLinks a:link{color: #555555; text-decoration: underline;}
.dlLinks a:visited{color: #555555; text-decoration: underline;}
.dlLinks a:hover{color: #555555; text-decoration: underline;}

/* Layout     */
div#abstand {height: 50%; width: 100px; margin-bottom: -382px; float: left;}
div#page    { width:981px; background-image: url(../img/ledLamp_atd_white.jpg); height: 764px; clear: both; margin: auto auto} /*position: absolute; top: 50%; left: 50%; margin-left: -490.5px; margin-top: -381.5px} */

div#page1   { width:981px; height: 764px; clear: both; margin: auto auto}

div#header { clear:both; background: #FFFFFF; height: 70px; padding-left:2px;} /*#d2d2d2, fafafa, 40px h�he height: 77px;*/
div#content { clear:both; padding-top:8px; text-align: justify; height: 693px;} /*height: 693px; */
div#footer  { clear:both; background:#000000; border-top: 2px solid #d2d2d2; text-align: right;}

div#energy	{ position: absolute; padding-left:583px; margin-top: -80px }

div#dot_strong	{ position: relative; left: 27%; margin-top: 96px; width:150px; height: 48px; }
div#dot_strong_text {position: absolute; left: 50px; margin-top: -17px; color: #EB6C2D; font-weight: bolder}
div#dot_strong_content {margin-top: 3px; font-weight: normal; width: 304px; padding-right: 4px;padding: 6px; color:#555555; border: 1px solid #555555}

div#dot_OS		{ position: relative; left: 63.8%; margin-top: -69px; width:351px; height: 64px;}
div#dot_OS_text {position: absolute; left: 55px; margin-top: -31px; color: #EB6C2D; font-weight: bolder}
div#dot_OS_content {margin-top: 3px; font-weight: normal; width: 290px; padding-right: 4px; padding: 6px; color:#555555; border: 1px solid #555555}

div#dot_stable	{ position: relative; left: 7%; margin-top: -42px;  width:148px; height: 110px; }
div#dot_stable_text {position: absolute; left: 45px; margin-top: -17px; color: #EB6C2D; font-weight: bolder}
div#dot_stable_content {margin-top: 3px; font-weight: normal; width: 240px; padding: 6px; color:#555555; border: 1px solid #555555}

div#dot_data	{ position: relative; left: 14%; margin-top: 17px;  width:163px; height: 65px;}
div#dot_data_text {position: absolute; left: 50px; margin-top: 45px; color: #EB6C2D; font-weight: bolder}
div#dot_data_content {margin-top: 3px; font-weight: normal; width: 318px; padding: 6px; color:#555555; border: 1px solid #555555}

div#info    { position: relative; left: 43%; padding-top: 72px; font-size: 13px}
div#nachhaltig { position: relative; float:right; padding-top: 200px; margin-right: 6px;}
div#stamp 	{ position: relative; margin-top: -50px; float: right; margin-right: 162px;}
div#quickMounting {margin-top: -158px}
div#quickMountingGreyMagnet {margin-top: 75px; float: right; padding-right: 76px;}


span.quickMountingOrange {color: #FF6804; font-weight: bold; font-size: 15px; letter-spacing: 1.27px; }
div #quickMountingWhite {color: #FFFFFF; padding-top: 6px; font-size: 12.4px; }
div #quickMountingGrey {color: #555555; padding-top: 6px; font-size: 12.4px; }
div .mountingPic{float: left; padding-right: 9.4px; margin-top: 6px;}
div .mountingPicLast{float: left;  margin-top: 6px;}
div .mountingText{color: #FF6804; padding-top: 6px; font-size: 12.4px;}
div .mountingText1{color: #FF6804; padding-top: 6px; font-size: 12.4px; z-index: 1000; position: absolute}

div #clear, div.clear   { clear: both;}

div.headerLogo {float: left; padding-top: 81px;}
div.ledLightForYouLogo {float: right; padding-top: 81px;}

/*
div.headerOrder {float: left; padding: 10px 19px; font-size: 14px; border-right: 1px solid #e2e2e2; height: 20px}
div.headerOrder a:link{color: #444444; text-decoration: none;}
div.headerOrder a:visited{color: #444444; text-decoration: none;}
div.headerOrder a:hover{color: #444444; text-decoration: underline;}

div.headerDistance {float: left; padding-left: 233px;}
div.headerDistanceEng {float: left; padding-left: 230px;}

div.headerOrderSmall {float: left; padding: 10px 20px; font-size: 12px; border-right: 1px solid #e2e2e2; height: 20px}
div.headerOrderSmall a:link, div.headerOrderSmallNo a:link{color: #444444; text-decoration: none;}
div.headerOrderSmall a:visited, div.headerOrderSmallNo a:visited{color: #444444; text-decoration: none;}
div.headerOrderSmall a:hover, div.headerOrderSmallNo a:hover{color: #444444; text-decoration: underline;}
div.headerOrderSmallNo {float: left; padding: 10px 20px; font-size: 12px; height: 20px}
*/

div.headerOrder {float: left; padding: 10px 0;font-size: 14px; height: 20px}
div.headerOrderBag { margin-top: -38px; margin-left: 56px; position: relative;}
div.headerOrderLogo {float: right; margin-right: 6px; position: relative;}
div.headerOrderLlfy {float: right; margin-top: -44px; margin-right: 6px}
div.headerOrderLlfy1 {float: right; margin-top: -30px; margin-right: 6px}
div.headerOrderDis {float: left; padding: 10px 18px;font-size: 14px; height: 20px; color: #d2d2d2;}
div.headerOrderDis1 {float: left; padding: 10px 6px;font-size: 14px; height: 20px; color: #d2d2d2;}


div.headerDistance {float: left; padding-left: 309px;}
div.headerDistanceEng {float: left; padding-left: 304px;}

div.headerOrderSmall {float: left; padding: 10px 0; font-size: 12px; height: 20px}
div.headerOrderSmall a:link, div.headerOrderSmallNo a:link{color: #444444; text-decoration: none;}
div.headerOrderSmall a:visited, div.headerOrderSmallNo a:visited{color: #444444; text-decoration: none;}
div.headerOrderSmall a:hover, div.headerOrderSmallNo a:hover{color: #444444; text-decoration: underline;}
div.headerOrderSmallNo {float: left; padding: 10px 0; font-size: 12px; height: 20px}

.email {color: #444444; text-decoration: none;}
.externalLink {color: #FF6804; text-decoration: none; font-weight: bold;}
.pictureLink {color: #ffffff; text-decoration: none; font-weight: bold;}



span.textHeadBig {font-size: 37px; color: #FF6804; letter-spacing: 1px; padding-left:0px; margin-left: -2px; font-weight: bold}

span.textHeadOrange {font-size: 14px; color: #FF6804; text-decoration: underline;}
span.textHeadOrangeBig {font-size: 17px; color: #FF6804; letter-spacing: 0.3px}
span.textHeadGreyBig {font-size: 17px; color: #555555; letter-spacing: 0.3px}
span.textHeadOrangeBig1 {font-size: 15px; color: #FF6804; letter-spacing: 0.3px; margin-top: 50px;}
span.textHeadOrangeBigEng {font-size: 20px; color: #FF6804; letter-spacing: 1.27px}
span.textOrange {color: #FF6804;}
span.textOrangeBold {color: #FF6804; font-weight: bold;}
span.smallArrow {letter-spacing: -2px;}


/* Kontakt */
div.contactForm	 {}
div.leftForm	 {float: left; padding-right: 10px; width: 100px; padding-top: 5px; margin-top: 5px; clear:both}
div.leftFormMust {float: left; padding-right: 10px; width: 100px; padding-top: 5px; margin-top: 5px; clear:both; font-weight: bold;}
div.formComplete, div.completeRow {float: left; width: 100%; padding-top: 5px; clear: both;}
div.formCompleteMust {float: left; width: 100%; padding-top: 5px; clear: both; font-weight: bold;}
div.rightForm	 {float: left; margin-top: 4px;}
span.formPic {padding-right: 4px;}
.contactSubmit {border: none; padding-left: 0px; margin-bottom: 20px; background: #FFFFFF; font-weight: bold;color: #FF6804;}