/* CSS Document - tested on FF 3.6.6, IE8,*/
/* IE fixes -> CSS files "main-ie7.css" and "main-ie6.css" will be loaded via JS*/

* {margin:0;padding:0;border:0;}
html, body {background-color:#222213; color:#FFF;}
body {/*next two=IE6 hack*/width:auto !important;width:910px;max-width: 910px; margin:0 auto; line-height:145%; font-size:76%; font-family:"Lucida Sans Unicode",Arial,Helvetica,sans-serif;}

pre, code {font-family:Monaco,Courier,"Courier New",monospace;border:1px solid #717162;padding:1em;}
abbr {border-bottom: 1px  #ccc dotted;}
h1 {line-height:145%;font-size:200%;}
h4, #body-gallery h2 {font-size: 108%;}
p {margin:20px 10px;}
a {color:#C0D9A4}
a:hover {color:#1DFF00;}
.hide {display:none;}
.auto_height {height:auto !important;}/*for JS*/
.down_text {vertical-align: sub;font-size: 0.7em;}

#www-head {height:60px;}
  #body-gallery #www-head {height:45px;}
#www-head #h-head {position:absolute;top:750px;text-indent: -5000px;overflow: hidden;}

#www-main {margin:0 auto;/*min-width:750px;*/}
	.main-column {/*next two=IE6 hack*/width:auto !important;width:48%;min-width:336px;max-width:48%;margin:0 30px 30px 0;float:left;cursor: pointer;background: #717162;}
	#trodat-cont {margin-right:0;}
	/*logos*/
	#body-start h2 {border-top:30px solid #DF2822;background: #FFF}
	#trodat-cont h2 {left:50%;}	
	#body-start h2 a {text-indent: -5000px;overflow: hidden; display:block;height:249px;width:336px;margin:0 auto;background: #FFF url(/www/file/name--loga-cs.png) no-repeat 0 23px;}
	#trodat-cont h2 a {background-position: -336px 23px;}
	#body-start .en h2 a {background-image: url(/www/file/name--loga-en.png)}
	#body-start .de h2 a {background-image: url(/www/file/name--loga-de.png)}
	#body-start h2 a span {margin-top:150px;width:336px;height:79px;display:block;background: url(/www/file/name--buttons-lasers-cs.jpg) no-repeat;cursor:pointer}
	#body-start .en h2 a span {background-image: url(/www/file/name--buttons-lasers-en.jpg)}
	#body-start .de h2 a span {background-image: url(/www/file/name--buttons-lasers-de.jpg)}
	#trodat-cont h2 a span {background-image: url(/www/file/name--buttons-stamps-cs.jpg)}
	.en #trodat-cont h2 a span {background-image: url(/www/file/name--buttons-stamps-en.jpg)}
	.de #trodat-cont h2 a span {background-image: url(/www/file/name--buttons-stamps-de.jpg)}
  #body-start h2 a:hover span, #body-start h2 a span.logo_span_hover/*for JS*/ {background-position: -336px 0}		
  #body-start h2 a:active span, #body-start h2 a span.logo_span_active/*for JS*/  {background-position: -672px 0}

	/*highlits*/
	.main-column ul.highlights {padding:0px 45px 15px 45px; height:305px;line-height:130%;font-size:93%;overflow: hidden;background: #717162;}
	.de .main-column ul.highlights {height:330px;}
	.main-column ul.highlights h3, .main-column ul.highlights h5 {font-size: 100%;font-weight: normal;margin:10px;}
	.main-column ul.highlights a {color:#1DFF00;}	
	
	/*text*/
	#company-text {clear:both;padding-bottom:15px;color:#565656;background-color:#fff;}
	#company-text h1 {padding:10px .5em 20px .5em;text-align: center;background:#DF2822;color:#fff;}
	#company-text #error-message {padding:2em 50px;background:#222213;color:red;font-weight: bold;}
	#company-text p, #company-text h4, #company-text h2 {margin:20px 50px}
	#body-start h4 {padding-top:85px;background:url(/www/file/name--logo-megaflex.png) no-repeat 50% 10px;}
  #galleries {}
  #galleries a.logo {display:block;text-indent: -5000px;overflow: hidden; width:155px;height:41px;padding:0;margin:7px auto;background:url(/www/file/name--logo-megaflex.png) no-repeat;}
  #galleries h2, #galleries p {margin:0;padding:10px 25px}
	#galleries .gallery {margin:10px 25px;}
	#galleries .gallery h2 a {color:#565656;text-decoration: none;}
	#galleries .gallery h2 a:hover {color:#DF2822;}
	#galleries .gallery.preview:hover * {background: #717162;color:#FFF;cursor:pointer;}
	#galleries .gallery.preview:hover h2 a {color:#FFF}
	#galleries .gallery.preview:hover h2 a:hover {color:#DF2822;}
 	#galleries .gallery-preview {border-bottom:5px solid #FFF;}
  #galleries .gallery.preview:hover .gallery-preview {border-bottom-color:#DF2822;}
  #galleries .gallery-preview {}
  #galleries .gallery-preview a img {border:8px solid #FFF;margin:1px}
  #galleries .gallery-preview a:hover img {border-color:#DF2822}
  #galleries .gallery.preview .gallery-preview a img {border-color:#FFF}
	#galleries .gallery.preview .gallery-preview a:hover img {border-color:#DF2822}


#www-language {position: absolute; top:0px; left:50%; margin-left:-60px; height:20px;width:120px;}
#www-language .round-corner {position: absolute; top:15px;width:120px;} 
#www-language ul {list-style-type:none;}
#www-language li {float:left;width:40px;text-align: center;background-color:#383829;}
#www-language a {width:100%;display:block;font-size:90%;padding-top:2px;text-decoration: none;}
#www-language a:hover {font-weight:bold;}
#www-language a.active {font-weight:bold;color:#fff;}

#error {background: #FFF;padding:15px;}
#error fieldset {border:1px solid #B2BCC4;color:#000;margin:0 15px 10px 15px;}
#error legend {padding:0 .5em;margin-left:1em;} 
#error a {font-weight: bold;font-size:90%;}
#error #error-message {font-weight: bold;color:red;}
#error #error-solution {color:#FFF;background:#717162;margin:10px;padding:15px;border-top:1px solid #B2BCC4;}



#hcard-megaflex-www-foot-detail {background:#DF2822;text-align:center;padding:15px;}
#www-foot dl, .vcard dl dt {display: none;}
#www-foot dd, #hcard-megaflex-www-foot-detail div, #www-foot .adr {display: inline;}
#www-foot .block {display:block}
#www-foot .map-links, #www-foot .standarts {display: inline;margin-left:.2em;}
#www-foot .web-standarts a {color:#717162}
#copyright {padding-right:.5em;}
#www-foot .adr div {padding-right:.5em;}
#www-foot-end {height:40px;}

.round-corner, .round-corner div div {background: url(/www/file/name--corners.png) no-repeat;clear:both;}
.round-corner.red.bottom {background-position: -20px 0;}
.round-corner.white {background-position: -40px 0;}
.round-corner.gray {background-position: -60px 0;}
.round-corner.dark {background-position: -80px 0;}
.round-corner div {height:10px;margin-left:10px;}
.round-corner.red div {background-color:#DF2822;}
.round-corner.white div {background-color:#FFF;}
.round-corner.gray div {background-color:#717162;}
.round-corner.dark div {background-color:#383829;}
.round-corner div div {clear:none;width:10px;float:right;background-position: -10px 0;}
.round-corner.red.bottom div div {background-position: -30px 0;}
.round-corner.white div div {background-position: -50px 0;}
.round-corner.gray div div {background-position: -70px 0;}
.round-corner.dark div div {background-position: -90px 0;}