/* ::::: http://www.codingchemistry.com ::::: */

html, body, p, ul, dl, li, h1, h2, h3, h4, img { margin: 0pt; padding: 0pt; }
ul { list-style-type: none; list-style-image: none; list-style-position: outside; }
img { border: 0pt none ; }
body { background: transparent url('../images/background_solid.png') repeat; }
#wrapper { width: 960px; margin-left: auto; margin-right: auto; position: relative; }

#shadow {
	background: transparent url('../images/page_shadow.png') repeat-y;
	position: absolute;
	width: 660px;
	left: 39px;
	top: 88px;
}

#shadow1 { background: transparent url('../images/page_shadow1.jpg') repeat-y; position: absolute; width: 402px;}

#shadow2 { background: transparent url('../images/page_shadow1.png') repeat-y; position: absolute; width: 660px; left: 50px; top: 90px; }

#page_header { width: 660px; height: 170px; position: relative; }
#page, .page_main { margin-left: 15px; margin-right: 15px; padding-left: 50px; padding-right: 50px; }


#page_bottom, .page_bottom { background: transparent url('../images/page_bottom.png') no-repeat; width: 660px; height: 30px; }

#page_bottom, .page_bottom2 { background: transparent url('../images/page_bottom.jpg') no-repeat; width: 402px; height: 30px; }

#page_bottom, .page_bottom3 { background: transparent url('../images/page_bottom2.jpg') no-repeat; width: 660px; height: 172px; }

#page_bottom, .page_bottom_news { background: transparent url('../images/page_bottom_news.jpg') no-repeat; width: 660px; height: 87px; }

#page_bottom, .page_bottom_about { background: transparent url('../images/page_bottom_about.jpg') no-repeat; width: 660px; height: 76px; }

#page_bottom, .page_bottom_chem { background: transparent url('../images/page_bottom_chem.jpg') no-repeat; width: 660px; height: 87px; }

#sidebar { position: absolute; left: 725px; width: 18em; padding-top: 55px; }

ul#navi { background: transparent url('../images/navi_spacer.jpg') no-repeat scroll 170px -100px; width: 770px; height: 50px; position: relative; }
ul#navi li a { height: 50px; display: block; position: absolute; top: 0pt; text-indent: -9999px; }
ul#navi li#welcome_link a { left: 0pt; width: 204px; background-image: url('../images/navi_welcome.jpg'); }
ul#navi li#coming_soon_link a { left: 200px; width: 80px; background-image: url('../images/navi_comingsoon.png'); }
ul#navi li#things_link a { left: 246px; width: 150px; background-image: url('../images/navi_things.jpg'); }
ul#navi li#xyle_link a { left: 366px; width: 154px; background-image: url('../images/navi_xyle.jpg'); }
ul#navi li#support_link a { left: 520px; width: 80px; background-image: url('../images/navi_support.jpg'); }
ul#navi li#news_link a { left: 600px; width: 80px; background-image: url('../images/navi_news.jpg'); }
ul#navi li#about_link a { left: 680px; width: 90px; background-image: url('../images/navi_about.jpg'); }
ul#navi li a:hover { background-position: 0pt -50px; }
ul#navi li a.current { background-position: 0pt 100px; text-indent: -9999px; }
#thingsworld_header { background: transparent url('../images/thingsworld_logo.png') no-repeat; margin-top: 0pt; margin-left: 55px; width: 660px; height: 70px; position: relative; }
ul#thingsworld_navi { width: 550px; height: 50px; position: absolute; top: 10px; }
ul#thingsworld_navi li a { height: 50px; display: block; position: absolute; top: 0pt; text-indent: -9999px; }
ul#thingsworld_navi li#things_index_link a { left: 0pt; width: 160px; }
ul#thingsworld_navi li#things_blog_link a { left: 160px; width: 130px; background-image: url('../images/thingsworld_navigation_blog.png'); }
ul#thingsworld_navi li#things_wiki_link a { left: 290px; width: 130px; background-image: url('../images/thingsworld_navigation_wiki.png'); }
ul#thingsworld_navi li#things_forum_link a { left: 420px; width: 130px; background-image: url('../images/thingsworld_navigation_forum.png'); }
ul#thingsworld_navi li a:hover { background-position: 0pt -50px; }
ul#thingsworld_navi li a.current { background-position: 0pt -100px; text-indent: -9999px; }
.sidebox { padding: 10px 0px 20px 10px; background: transparent url('../images/sidebar_separator.png') no-repeat; }
ul.sidebar_actions li { height: 64px; margin-bottom: 10px; }
ul.sidebar_actions li#download a { background: transparent url('../images/button_download.png') no-repeat; }
ul.sidebar_actions li#purchase a { background: transparent url('../images/button_purchase.png') no-repeat; }
ul.sidebar_actions li span { display: block; padding-top: 13px; padding-bottom: 5px; font-size: 18px; }
ul.sidebar_actions li a { padding-left: 70px; display: block; height: 64px; }
ul.sidebar_actions li#download a:hover, ul.sidebar_actions li#purchase a:hover { background-position: 0pt -64px; }
#footer { background: transparent url('../images/background_solid.png') repeat; margin-top: 0pt; text-align: center; font-size: 10px; padding-bottom: 25px; }
#footer ul#footer_links li { display: inline; color: rgb(119, 119, 119); }
#footer ul#footer_links li a { color: rgb(119, 119, 119); text-decoration: none; }
#footer ul#footer_links li a:hover { text-decoration: underline; }
#footer ul#footer_links li#webmaster_link { border-right: 0.1em solid rgb(119, 119, 119); text-align: right; padding-right: 0.5em; }
#footer ul#footer_links li#contact_link { text-align: left; padding-left: 0.5em; }
body#contact_page #footer ul#footer_links li#contact_link a:hover { text-decoration: none; }
body { font-family: 'Lucida Grande',Verdana,Helvetica,Arial,sans-serif; font-size: 12px; line-height: 20px; color: rgb(34, 34, 34); }
p { margin-bottom: 20px; }
a { text-decoration: none; color: rgb(77, 99, 153); }
a:hover { text-decoration: underline; }
a:active { border: medium none ; }
h2 { font-size: 15px; font-weight: normal; margin-top: 23px; margin-bottom: 9px; }
#sidebar { font-size: 11px; line-height: 16px; color: rgb(74, 81, 83); }
#sidebar p { line-height: 16px; margin-bottom: 16px; }
#sidebar h4 { margin-top: 35px; margin-bottom: 6px; font-size: 13px; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; color: rgb(24, 26, 26); }
.scope { font-style: italic; margin-left: 0.3em; }
span.negative_spacing { letter-spacing: -0.15em; }

/* ::::: http://www.codingchemistry.com ::::: */

body.xyle #maintext { margin-top: 50px; }
body.xyle #sidebar { padding-top: 105px; }
body.xyle #sidebar a { color: rgb(64, 86, 105); }
body.xyle #sidebar { line-height: 1.2em; }
body.xyle #page_header { background: transparent url('../images/headers/page_header_xyle.jpg') no-repeat; position: relative; }
h1 { font-size: 15px; margin-top: 35px; margin-bottom: 10px; color: rgb(85, 85, 85); }
body.xyle h1 { margin-bottom: 20px; font-weight: normal; font-size: 18px; }
body.xyle h1.header_heading { margin-top: 62px; color: rgb(119, 119, 119); line-height: 1.3em; text-align: center; }
ul.sub_navi { width: 660px; height: 35px; position: relative; }
ul#sub_navi_bottom { margin-top: 40px; }
ul.sub_navi li { position: absolute; top: 0pt; height: 35px; }
ul.sub_navi li a { display: block; height: 35px; width: 100%; text-indent: -9999px; }
#shadow ul.sub_navi li a:hover { background-position: 0px -35px; }
#shadow ul.sub_navi li a.current { background-position: 0px -70px; }
ul.sub_navi li.sub_navi_overview { width: 240px; left: 0pt; }
ul#sub_navi_top li.sub_navi_overview a { background: transparent url('../images/page_subnavi_xyle_overview.png') repeat; }
ul#sub_navi_bottom li.sub_navi_overview a { background: transparent url('../images/page_subnavi_xyle_bottom_overview.png') repeat; }
ul.sub_navi li.sub_navi_usage { width: 90px; left: 240px; }
ul#sub_navi_top li.sub_navi_usage a { background: transparent url('../images/page_subnavi_xyle_usage.png') repeat; }
ul#sub_navi_bottom li.sub_navi_usage a { background: transparent url('../images/page_subnavi_xyle_bottom_usage.png') repeat; }
ul.sub_navi li.sub_navi_features { width: 90px; left: 330px; }
ul#sub_navi_top li.sub_navi_features a { background: transparent url('../images/page_subnavi_xyle_features.png') repeat; }
ul#sub_navi_bottom li.sub_navi_features a { background: transparent url('../images/page_subnavi_xyle_bottom_features.png') repeat; }
ul.sub_navi li.sub_navi_inside { width: 240px; left: 420px; }
ul#sub_navi_top li.sub_navi_inside a { background: transparent url('../images/page_subnavi_xyle_inside.png') repeat; }
ul#sub_navi_bottom li.sub_navi_inside a { background: transparent url('../images/page_subnavi_xyle_bottom_inside.png') repeat; }
ul#xyle_actions li { height: 64px; }

ul#xyle_actions li#download a { background: transparent url('../images/button_download.png') no-repeat; }
ul#xyle_actions li#purchase { margin-top: 1em; }
ul#xyle_actions li#purchase a { background: transparent url('../images/button_purchase.png') no-repeat; }
ul#xyle_actions li span.block { display: block; padding-top: 13px; padding-bottom: 0.4em; font-size: 18px; }
ul#xyle_actions li a { padding-left: 70px; display: block; height: 64px; color: rgb(0, 0, 0); }
ul#xyle_actions li#download a:hover, ul#xyle_actions li#purchase a:hover { background-position: 0pt -64px; }
body.xyle p#system_requirements { margin-top: 1.5em; font-size: 10px; width: 16em; margin-bottom: 70px; color: rgb(119, 119, 119); }
#sidebar ul.side_list li { position: relative; height: 1.95em; }
#sidebar ul.side_list li span.review_author { display: block; height: 1.95em; width: 7.9em; }
#sidebar ul.side_list li span.review_article { display: block; height: 1.95em; position: absolute; top: 0pt; left: 8.3em; }
#sidebar ul.side_list li#macworld_rev { margin-top: 10px; margin-left: -2px; margin-bottom: 39px; }
#sidebar ul.side_list li.five_stars span.review_article { top: -2px; }
#sidebar ul.side_list li.five_stars img { margin-left: -2px; }
body.xyle #shadow p em { font-style: italic; }
body.xyle p img { margin: 12px 8px 4px; float: left; }
body.xyle p img#binoculars { margin-top: 4px; }
#review_box { font-size: 11px; padding-bottom: 20px; }
body.xyle #sidebar ul#review_list li { margin-bottom: 0.3em; width: 17em; }
body.xyle #sidebar ul#review_list li a { padding-left: 2px; padding-right: 2px; }
body.xyle #sidebar ul#review_list li a:hover { background: rgb(78, 102, 119) none repeat; color: rgb(255, 255, 255); text-decoration: none; }
body.xyle #sidebar ul#review_list li a:before { content: "→"; margin-right: 0.3em; }
body.xyle #sidebar ul#feedback_email li { height: 1.95em; width: 17em; }
body.xyle #sidebar ul#feedback_email li a:hover { text-decoration: underline; }
body.xyle #sidebar ul#feedback_email li a:before { content: "→"; margin-right: 0.3em; }
body.xyle dl.side_list dd#macworld_rev { height: 60px; margin-top: 10px; margin-left: -2px; }
body.xyle p#system_requirements_a { margin-top: 1.5em; font-size: 10px; width: 16em; margin-bottom: 70px; color: rgb(119, 119, 119); text-align: right; }

/* ::::: http://www.codingchemistry.com ::::: */

body.welcome #page_header_secret, body.welcome #page_header_xyle { width: 660px; position: relative; }
body.welcome #page_header_secret { background: transparent url('../images/headers/page_header_things4.jpg') no-repeat; height: 170px; }
body#index #page_header_secret a { display: block; height: 170px; text-indent: -9999px; }

body.welcome #page_header_design, body.welcome #page_header_xyle { width: 660px; position: relative; }
body.welcome #page_header_design { background: transparent url('../images/headers/page_header_design.jpg') no-repeat; height: 170px; }
body#index #page_header_design a { display: block; height: 170px; text-indent: -9999px; }

body.welcome #page_header_chem { background: transparent url('../images/headers/page_header_chem.jpg') no-repeat; height: 170px; }
body#index #page_header_chem a { display: block; height: 170px; text-indent: -9999px; }
body#index #page_header_chem img { display: block; position: absolute; right: 0pt; bottom: 0pt; }

body.welcome #page_header_supp { background: transparent url('../images/headers/page_header_supp.jpg') no-repeat; height: 170px; }
body#index #page_header_supp a { display: block; height: 170px; text-indent: -9999px; }
body#index #page_header_supp img { display: block; position: absolute; right: 0pt; bottom: 0pt; }

body.welcome #page_header_news { background: transparent url('../images/headers/page_header_news.jpg') no-repeat; height: 170px; }
body#index #page_header_news a { display: block; height: 170px; text-indent: -9999px; }
body#index #page_header_news img { display: block; position: absolute; right: 0pt; bottom: 0pt; }

body.welcome #page_header_xyle { background: transparent url('../images/headers/page_header_xyle.jpg') no-repeat; height: 170px; }
body#index #page_header_xyle a { display: block; height: 170px; text-indent: -9999px; }
body#index #page_header_xyle img { display: block; position: absolute; right: 0pt; bottom: 0pt; }

body.welcome #page_header_about { background: transparent url('../images/headers/page_header_about.jpg') no-repeat; height: 170px; }
body#index #page_header_about a { display: block; height: 170px; text-indent: -9999px; }
body#index #page_header_about img { display: block; position: absolute; right: 0pt; bottom: 0pt; }

body.welcome h1 { margin-top: 20px; margin-bottom: 10px; font-size: 14px; font-weight: normal; color: rgb(34, 34, 34); }
body.welcome #shadow h1 {  }
body.welcome .page_main { padding-left: 30px; padding-right: 30px; }
body#index p.welcome_page_main { margin-right: 50px; color: rgb(119, 119, 119); }
body#index p.welcome_page_bottom { text-align: right; }
body#index p.welcome_page_bottom a { font-weight: bold; text-decoration: none; color: rgb(231, 80, 12); }
body#index p.welcome_page_bottom a:hover { background: transparent none repeat; text-decoration: underline; }
body.welcome p.welcome_page_bottom a#newsletter_link { background: transparent url('../images/button_newsletter.png') no-repeat scroll right 0px; display: block; height: 32px; padding-right: 32px; }
body.welcome p.welcome_page_bottom a#newsletter_link:hover { background-position: right -32px; }
body.welcome p.welcome_page_bottom a#newsletter_link span.block { display: block; padding-top: 8px; padding-right: 5px; }
body.welcome #sidebar { position: relative; }
body.welcome #sidebar a { color: rgb(64, 86, 105); }
body#index #things_box { position: absolute; top: 120px; }
body#index #things_box .caption { width: 150px; padding-left: 10px; color: rgb(74, 81, 83); }
body#index #xyle_box { position: absolute; top: 460px; }
body.about #sidebar { padding-top: 110px; }
body.about #page_header { background: transparent url('../images/headers/page_header_blank.png') no-repeat; position: relative; height: 80px; }
body.about #page_header h1 { margin: 0pt; padding-left: 40px; padding-top: 28px; font-size: 20px; font-weight: normal; color: rgb(85, 85, 85); }
body.about div.page { padding: 20px 50px; background: transparent url('../images/page_separator.png') no-repeat scroll center bottom; position: relative; margin-left: 15px; margin-right: 15px; }
body.about div.page em { font-style: italic; }
body.about h2 { margin-left: 20px; margin-bottom: -17px; font-size: 20px; font-weight: normal; color: rgb(51, 51, 51); }
body.about h3 { margin-left: 100px; font-size: 12px; }
body.about p { margin-left: 100px; }
body.about div.sidebox { margin-top: 5px; padding-left: 0pt; }
dl.defs dt { margin-left: 5px; color: rgb(119, 119, 119); }
dl.defs dd { margin-left: 0px; }
dl.defs dd ul { margin: 0pt; padding: 0pt; }
dl.defs dd ul li { margin-left: 6px; margin-bottom: 5px; }
dl.defs dd ul li span { display: block; float: left; padding-right: 4px; margin-bottom: 1.5em; }
dl.defs dt strong { display: block; font-weight: normal; margin-top: 15px; margin-bottom: 0pt; margin-left: -5px; font-size: 14px; color: rgb(0, 0, 0); }
dl.defs dt em { color: inherit; font-style: italic; }
#contact { background: transparent url('../images/icon_letter.png') no-repeat scroll 28px 0px; margin-bottom: 20px; }
body#contact_page #shadow ul#company_details { margin-top: 25px; margin-left: 33px; margin-bottom: 20px; color: rgb(119, 119, 119); }
body#contact_page #page_header h1 { color: rgb(85, 85, 85); }
body#impressum #shadow ul#company_details, body#impressum #shadow p, body#impressum #shadow h3 { margin-left: 15px; }
body#impressum #shadow ul#company_details { margin-bottom: 20px; color: rgb(34, 34, 34); }
body#impressum #shadow p { color: rgb(34, 34, 34); }
body#impressum #shadow h3 { margin-top: 20px; margin-bottom: 7px; }
:focus

{
  -moz-outline-style: none;
}


a
{
  outline: none;
}