/* CSS Document */

* {font-family: Verdana, Arial, Helvetica, sans-serif;}
body {background:white; color:#767676; padding:0; margin:0;}
h1 {color:#F48B00; font-size: 12pt; font-weight:bold; padding-left:0px;}
h2 {color:#767676; font-size:11pt; font-weight:bold; margin-top:0px; margin-bottom:10px;}
p {font-size:10pt; margin-top:0; line-height:normal;}
abbr, acronym{ border-bottom: dashed 1px; cursor: help; }
img { border:0;}

/* Layout */

#center {width: auto;}
#top-container {display:none; width:765px; height:131px; padding-bottom:5px; background-repeat:no-repeat;}
.logo-wdsp {margin: 28px 28px; border: 0px;}
#text { float:right; margin: 57px 120px 0 0; width:265px;}
#text p{ color:#CC1300; font-size:0.6em;}
#text h1{ color:#CC1300; font-size:0.6em; padding:0; margin:0; font-weight:normal;}
html>body #text {margin: 57px 240px 0 0;}
#menu-lang {margin: 14px 28px 0 28px;}
html>body #menu-lang {margin: 9px 28px 0 28px;}
#menu-lang ul{margin: 0; padding:0;}
#menu-lang li{margin: 0; padding:0; display:inline; font-size: 0.6em; font-family: Verdana, Arial, Helvetica, sans-serif; color:#A3A3A3;}
#menu-lang a{color:#A3A3A3; background-image: url(/img/bullet-menu-lang.gif); background-repeat:no-repeat; padding: 0 10px 0 13px; text-decoration:none;}
#menu-lang a:hover{color:#A3A3A3; background-image: url(/img/bullet-menu-lang-akt.gif); background-repeat:no-repeat; padding: 0 10px 0 13px; text-decoration:underline;}
#menu-lang a.selected{color:#FF9100; background-image: url(/img/bullet-menu-lang-akt.gif); background-repeat:no-repeat; padding: 0 10px 0 13px; text-decoration:none;}
#menu-lang a.selected:hover{color:#FF9100; background-image: url(/img/bullet-menu-lang-akt.gif); background-repeat:no-repeat; padding: 0 10px 0 13px; text-decoration:underline;}

/* menu */
#menu { display:none; margin: 0; padding:0; width:765px; background-image: url(/img/bg-menu.gif);}
#menu-bottom-round {display:none; margin: 0; padding:0; width:765px; height:19px; background-image: url(/img/bg-menu-bottom-round.gif); background-repeat:no-repeat;}
#menu img{margin: 0; padding:0;}
#menu ul{margin: 0; padding: 12px 0 0 22px; line-height:12px}
html>body #menu ul{padding: 10px 0 0 22px; }
#menu li{margin: 0; padding:0; display:inline; font-size: 0.6em; font-family: Verdana, Arial, Helvetica, sans-serif; color:#A3A3A3;}
#menu a{color: #FFFFFF; background-image: url(/img/bullet-menu.gif); background-repeat:no-repeat; padding: 0 3px 0 13px; text-decoration:none; margin:0;}
#menu a:hover, #menu a.first:hover{color: #FFFFFF; background-image: url(/img/bullet-menu.gif); background-repeat:no-repeat; padding: 0 3px 0 13px; text-decoration:underline;margin:0;}
#menu a.first{color: #FFFFFF; background-image: url(/img/arrow-menu.gif); padding: 0 3px 0 20px; text-decoration:none;margin:0;}
#menu a.first:hover{color: #FFFFFF; background-image: url(/img/arrow-menu.gif); background-repeat:no-repeat; padding: 0 3px 0 20px; text-decoration:underline;margin:0;}


/* homepage*/
#main-home { position:absolute; width:100%;}
#top-round-home { display:none; }
#bottom-round-home { clear:both;}
#main-home-left {width:47%; float:left;}
.main-home-lefttext { margin: 10px 18px 20px 0px; background-image:url(/img/red-square.gif); background-repeat:no-repeat;}
.main-home-lefttext p{ margin-left:0px;}
#main-home-right {width:47%; float:left;}
#main-home-line { width:100%; margin:0 0 20px 0px; border-bottom: 1px solid white; float:right;}
.news { background-image:url(/img/orange-square.gif); background-repeat:no-repeat; float:right;}
html>body .news{ margin-bottom:20px; }
.news-thumb { display:none; width:170px; text-align:right;}
.news-text { border-left: 1px solid #FFDFB2; float:right; }
.news-text p { margin:0 30px 10px 20px;}
.date { color:#CC1300; font-weight:bold;}
.news-header { color:#767676; font-weight:bold;}

/*subpage*/
#main-sub { position:absolute; width:auto; background-image:url(/img/bg-main-sub.gif); background-repeat:repeat-y;}
#top-round-sub { width:765px; height:35px; background-image:url(/img/bg-top-round-sub.gif); background-repeat:no-repeat;}
#bottom-round-sub { width:765px; height:48px; background-image:url(/img/bg-bottom-round-sub.gif); background-repeat:no-repeat; clear:both;}
#main-sub-left {width:auto; float:left;}
#main-sub-right {display:none;  width:165px; float:right;}
#main-sub-lefttext {width:290px; padding:0 20px 0 0px; border-right: 1px solid #FFDFB2; float:left;}
#main-sub-righttext {width:270px; margin: 0px 0 0px 335px;}
#header {width:525px; margin: 15px 0px 0px 0px; background-image:url(/img/orange-square-sub.gif); background-repeat:no-repeat;}
html>body #header {padding-bottom:8px;}
.reference-thumb { width:142px; text-align:left; margin: 15px 0; border-bottom: 1px solid #FFDFB2;}
.reference-thumb p{ margin: 5px 0 10px 0;}

/* submenu */
#submenu {display:none; }
#submenu ul{margin: 0; padding: 12px 0 0 42px;}
html>body #submenu ul{margin: 0; padding: 7px 0 0 42px;}
#submenu li{margin: 0; padding:0; display:inline; font-size: 0.6em; font-family: Verdana, Arial, Helvetica, sans-serif; color:#A3A3A3;}
#submenu a{color: #CC1300; background-image: url(/img/bullet-submenu.gif); background-repeat:no-repeat; padding: 0 3px 0 13px; text-decoration:none;}
#submenu a:hover{color: #CC1300; background-image: url(/img/bullet-submenu.gif); background-repeat:no-repeat; padding: 0 3px 0 13px; text-decoration:underline;}
#submenu a.first{color: #CC1300; background-image: url(/img/spacer.gif); padding: 0 3px 0 6px; text-decoration:none;}
#submenu a.first:hover{color: #CC1300; background-image: url(/img/spacer.gif); background-repeat:no-repeat; padding: 0 3px 0 6px; text-decoration:underline;}
#section-header, #section-header-sitemap{ display:none; float:left; font-size:13pt;}
#section-header p{ font-size: 0.8em; font-weight:bold; color:#CC1300; margin:10px 0px 0px 0px; padding-right:25px; background-image:url(/img/arrow-submenu.gif); background-repeat:no-repeat; background-position:right; }


/* sitemap */
#main-sitemap { position:absolute; width:765px; background-image:url(/img/bg-main-sitemap.gif); background-repeat:repeat-y;}
#section-header-sitemap p{ font-size: 0.8em; font-weight:bold; color:#CC1300; margin:10px 0px 0px 40px; padding-right:25px;}
#bottom-round-sitemap { width:765px; height:48px; background-image:url(/img/bg-bottom-round-sitemap.gif); background-repeat:no-repeat; clear:both;}
#main-sitemap-content {width:710px; margin-left:20px; padding-top:15px;}
#main-sitemap-lefttext {width:196px; padding:0 20px 0 20px; border-right: 1px solid #FFDFB2; float:left;}
#main-sitemap-middletext {width:212px;  padding:0 20px 0 20px; border-right: 1px solid #FFDFB2; float:left;}
#main-sitemap-righttext {width:180px;  padding:0 0 0 20px; float:left;}
#header-sitemap {width:180px; padding:0 0 0px 5px; background-image:url(/img/favicon.gif); background-repeat:no-repeat;}
a.sitemap-home {color:#F48B00; font-size: 1em; font-weight:bold; padding-left:18px; text-decoration:none;}
a.sitemap-home:hover {color:#F48B00; font-size:1em; font-weight:bold; padding-left:18px; text-decoration: underline;}
#main-sitemap dl { margin-bottom: 20px;}
#main-sitemap dt { margin-bottom: 8px;}
#main-sitemap dd { margin-left:20px; line-height:12px; margin-bottom: 8px;}
a.dt {font-size:0.7em; font-weight:bold; color:#767676;  text-decoration:none; background-image:url(/img/arrow-link.gif); background-repeat:no-repeat; padding-left:15px;}
a.dt:hover {font-size:0.7em; font-weight:bold; color:#767676; text-decoration:underline; background-image:url(/img/arrow-link.gif); background-repeat:no-repeat; padding-left:15px;}
a.dd {font-size:0.7em; color:#CC1300;  text-decoration:none; background-image:url(/img/arrow-submenu.gif); background-repeat:no-repeat; padding-left:15px;}
a.dd:hover {font-size:0.7em; color:#CC1300; text-decoration:underline; background-image:url(/img/arrow-submenu.gif); background-repeat:no-repeat; padding-left:15px;}

/* reference */
.main-reference-lefttext {width:148px; padding:0 12px 0 20px; border-right: 1px solid #FFDFB2; float:left;}
.main-reference-middletext {width:148px;  padding:0 12px 0 18px; border-right: 1px solid #FFDFB2; float:left;}
.main-reference-righttext {width:148px;  padding:0 0 0 18px; float:left;}

/* pricelist */
#main-price-text {width:510px; padding:0 0 0 38px; clear:left;}
table.pricelist { border-collapse:collapse; margin: 20px 0 2px 0; border: 1px solid #FFB757;}
table.pricelist th {border: 1px solid #FFB757; font-size:0.7em; font-weight:bold; text-align:left; background-color:#FFDAB2;}
table.pricelist td.odd-first {border: 1px solid #FFB757; font-size:0.7em; color:#767676; text-align:left; background-color:#FFEBD2; width:400px;}
table.pricelist td.odd-second {border: 1px solid #FFB757; font-size:0.7em; color:#767676; text-align:left; background-color:#FFEBD2;}
table.pricelist td.even-first {border: 1px solid #FFB757; font-size:0.7em; color:#767676; text-align:left; background-color:#FFF0DC; width:400px;}
table.pricelist td.even-second {border: 1px solid #FFB757; font-size:0.7em; color:#767676; text-align:left; background-color:#FFF0DC;}
table.pricelist td.odd-second-price {border: 1px solid #FFB757; font-size:0.7em; color:#767676; text-align:right; background-color:#FFEBD2;}
table.pricelist td.even-second-price {border: 1px solid #FFB757; font-size:0.7em; color:#767676; text-align:right; background-color:#FFF0DC;}

/* reference */
#main-reference-content {width:710px; margin-left:20px;}
#main-reference-content p { padding:5px 0 10px 0;}
.reference-height { height: 170px;}
.reference-content { float:left; padding-bottom:20px; margin-bottom:20px; border-bottom: 1px solid #FFDFB2; }
.header-h2 {width:525px; margin: 0px 0px 0px 20px; padding-bottom:10px;}

/* others */
img.thumb { padding:5px; background-color:#FFF3DE; border: 1px solid #FFDFB2;}
img.thumb-left { padding:5px; background-color:#FFF3DE; border: 1px solid #FFDFB2; float:left; margin:0 10px 5px 0;}
img.thumb-right { padding:5px; background-color:#FFF3DE; border: 1px solid #FFDFB2; float:right; margin:0 0 5px 10px;}
img.left { padding:5px; float:left; margin:0 10px 5px 0; border: 0;}
#rss { display:none; position:absolute; bottom:85px; margin-left:20px}
#copyright { background-color:white; height:40px; margin:0; padding:0;}
#copyright p{color:#F48B00; font-size:8pt; padding:10px 0; margin:0; }
.highlight{ color:#CC1300;}
ul { margin-left:16px; padding-left:0px}
li {list-style-image: url(/img/bullet-submenu.gif); font-size:10pt; line-height:1.5em;}
a.link, a.link:hover  { color:#F48B00; text-decoration: underline; }
a, a:hover { color:#F48B00; text-decoration: underline;}
.skipmenu { position: absolute; top: -10000px; left: 0; height: 1px; overflow: hidden; }
.w3c-ico { padding-left: 10px;}
