/*  
Theme Name:Tintometer GmbH
Theme URI:http://www.Tintometer.de
Description:This is the offical CI Style of the Tintometer GmbH.
Version:2.1
Author:Andre Teich
Language:German
*/
*{margin:0px; padding:0px}
html{overflow-x:hidden}
body{font-family:Arial,Helvetica,Georgia; font-size:11px; text-align:center; background:#3067a0 url(images/bg.gif) repeat-x top; color:#292929}
hr{border:0px; border-bottom:1px dotted #036}
h1{font-size:20px; padding:0 0 10px 15px}
h3{font-size:15px; color:#036; width:75%; border-bottom:1px dashed #b5b5b5; padding:14px 0 0 3px}
h4{font-size:13px; color:#036; padding:14px 0 0 6px}
table{width:100%; border:0px; float:left; margin-bottom:7px}
ul, ul li{list-style-image:url(images/li.gif); padding:0px; margin:0px; line-height:14px}
img{border:0px}
a:link, a:visited{text-decoration:none; color:#036; outline:none}
a:hover{text-decoration:none; color:#900; outline:none}
blockquote{font-style:italic; font-family:Times; font-size:14px; color:#333; margin:40px 18px 10px 18px; padding:10px 10px 1px 10px; background:#CFCFCF url(images/quote.gif) no-repeat top left; border-left:6px solid #036}
td{padding:2px; vertical-align:top}
textarea{font-family:Helvetica,Arial,Georgia; font-size:11px; background:transparent url(images/textarea.gif) no-repeat; background-repeat:no-repeat; border:1px solid #cecece; padding:4px 0px 0px 4px}
.input_text{background-image:url(images/schatten.gif); width:300px; padding:2px 2px 0px 1px; border:1px solid #cecece}
.input_text_error{background-image:url(images/schatten.gif); width:300px; padding:1px 2px; border:1px solid #900}
.input_dropdown{background-color:#036; color:white; padding:2px; width:200px; border:1px solid #cecece}
.input_button{background-image:url(images/input_button.jpg); border:0px; width:70px; height:20px; outline:none}
.entry{margin:0 0 20px 0}
.entry p{margin:0 0 10px 0; padding:0px 10px 0px 6px}
.entry ul{margin:3px 0 15px 22px}
.entry li{margin:0 0 4px 0}
.left, .alignleft{float:left; margin:2px 3px 3px 0; padding:2px; border:1px solid #b5b5b5}
.right, .alignright{float:right; margin:2px 0 3px 3px; padding:2px; border:1px solid #b5b5b5}
.border{margin:3px 0; padding:2px; border:1px solid #b5b5b5}
#wrapper{margin:0 auto 0 auto; padding:0px; width:780px; text-align:left}
/*----HEADER----*/
#header{float:left; width:780px; height:103px; background:url(images/head.gif) no-repeat}
#wide{ width:780px; float:left; background:url(images/content.gif) repeat-y}
/*----NAVIGATION BAR----*/
#top-menu{width:550px; color:#5A5A5A; background-repeat:no-repeat; font-family:arial,helvetica; font-size:11px; font-weight:bold; position:absolute; top:69px; margin-left:25px; z-index:1}
#top-menu p{float:left; width:120px; margin-top:6px; padding-top:4px; height:16px; text-align:center; border-bottom:1px solid #cecece}
#top-menu a{color:#5A5A5A}
#top-menu a:hover{color:#900}
#top-menu-layer2{width:550px; color:#5A5A5A; font-size:10px; font-weight:bold; margin-left:26px; position:absolute; top:96px; z-index:1}
.top-menu-layer2-content{border-top:0px; float:left; width:490px; padding:0px 5px 5px 5px; background:transparent url(images/menu.png) no-repeat bottom}
#top-menu-layer2 ul{float:left; margin:0px; padding:0px; width:160px}
#top-menu-layer2 ul li{float:left; width:130px; padding:2px 7px 1px 7px; margin:0px; list-style:none; color:black}
#top-menu-layer2 ul li a{color:black}
#top-menu-layer2 ul li a:hover{color:#900}
#top-menu-layer2 ul ul li{width:130px; padding:1px 12px; margin:0px; list-style:none; color:#5A5A5A; z-index:3}
#top-menu-layer2 ul ul li a{color:#5A5A5A}
#top-menu-layer2 ul ul li a:hover{color:#900}
#about_p{margin-left:5px}
#pool_p, #environment_p, #downloads_p{margin-left:2px}
#pool, #environment, #downloads, #about{display:none; visibility:hidden}
/*----POST----*/
#container{background:transparent url(images/content.gif) repeat-y; width:792px; float:left; margin:0px; padding:10px 0 0 0}
.post{margin-top:5px; padding:0 8px 0 8px; margin-right:19px; width:545px; float:right; background:url(images/h2.gif) no-repeat top right}
.post h2{font-size:15px; width:100%; padding:2px 12px 4px 10px; margin:0 0 5px 0; color:white; float:left}
.entry{line-height:18px; padding:0px 2px 0px 8px}
.navigation{padding:10px 20px 20px 210px; width:520px; font-size:11px; float:left}
.hilite{background-color:#900; color:white; padding:1px 3px 1px 3px}
#error{border:1px solid red; width:460px; height:39px; padding:3px 5px 3px 40px; margin:5px; float:left; font-size:11px; font-weight:bold; background:#ffb2b2 url(images/alert_round.gif) no-repeat center left}
.table_top{ border-bottom:1px dashed #cecece;  color:#036;  font-size:12px;  font-weight:bold}
.slide_table tr td{border-bottom:1px dashed #cecece}
#div_1, #div_2, #div_3, #div_4, #div_5, #div_6, #div_7{visibility:hidden; padding-left:5px}
#div_1 p, #div_2 p, #div_3 p, #div_4 p{padding-left:0px}
#toggler_1, #toggler_2, #toggler_3, #toggler_4, #toggler_5, #toggler_6, #toggler_7{padding-left:22px; background:white url(images/toggle.gif) no-repeat top left}
.more_toggler{width:100%; float:left; line-height:18px}
a.news_toggler{background:white url(images/news_toggle.gif) no-repeat top left; display:block; padding-left:30px; margin-left:430px; height:18px}
a.news_toggler:hover{background:white url(images/news_togglehover.gif) no-repeat top left; color:white}
.news_slider{display:none}
/*----SIDEBAR STYLES----*/
.sidebar{float:left; width:210px; margin:5px 0 20px 1px; overflow:hidden}
.sidebar h2{font-size:13px; font-weight:bold; color:white; list-style-type:none; list-style-image:none; width:100%; padding:12px 4px 7px 9px}
.sidebar ul{list-style:none; margin:0; padding:0 10px 0 5px}
.sidebar ul li{padding:0px 0 10px 2px; margin:0px 6px 5px 0px; background:url(images/sidebar_head.gif) no-repeat top left; background-repeat:no-repeat; width:100%; list-style-type:none; list-style-image:none}
.sidebar ul ul li{background-image:none; padding:0px 0px 0px 7px; margin:1px 0px 0px 5px; list-style-type:none; list-style-image:none; line-height:17px; color:#5A5A5A; width:158px; border-bottom:1px dashed #cecece}
.sidebar ul ul ul li{border:0px}
/*-----TOOOLTIPS-----*/
.tipbox{position:absolute; z-index:100}
.tip{color:#fff; font-size:11px; padding:7px 10px 7px 7px; text-align:left; width:230px; float:left; position:relative; z-index:10; background:url(images/bubble.png) no-repeat top left}
.tip img{float:left; padding-right:12px}
/*----FOOTER----*/
#footer{float:left; width:780px; height:30px; margin-bottom:5px; padding-top:5px; text-align:center; background:url(images/footer.gif) no-repeat}
/*-----DOWNLOADS-------*/
.search{padding:4px 6px; background:url(images/search_bg.gif) no-repeat; font-size:11px; height:100px; width:531px; color:black; font-weight:bold}
.reagenzien{padding:1px 2px 1px 4px; margin:0px 0px 10px 15px; font-size:11px; border:0px}
#searchsubmit_msds{border:0px; width:22px; height:20px; margin-right:0px; padding-right:0px; font-weight:bold; outline:none; background:transparent url(images/search.png) no-repeat}
.product_group tr td{text-align:center}
.product_group tr {text-align:center}
table .product_group{text-align:center}
.instruction{width:100%; float:left; border-bottom:1px dashed #e2e2e2}
/*---------SITEMAP-------------*/
.parent{ font-weight:bold;  padding:2px 5px;  font-size:14px;  width:100%;  margin-left:3px;  border-bottom:1px dashed #b5b5b5}
.child_set{float:left; width:150px; margin:0px 0px 2px 10px}
.child{float:left; font-size:11px; font-weight:bold}
.child2, .child2 a:link, .child2 a:active, .child2 a:visited{float:left; padding-left:5px; width:100%; color:#5a5a5a; font-size:11px}
.child2 a:hover{color:#900}
/*----------NAVIGATION----------*/
#quick_navigation{float:left; padding-left:20px; width:100%}
/*-----------PRODUCT SLIDE---------*/
#slide-content{height:150px; width:509px; float:left; background:#fff; overflow:hidden; z-index:0}
.scrollbar-hor{background:url(images/slider.jpg) repeat-x; height:30px; width:489px; float:left; margin-bottom:40px}
.handle-hor{height:20px; width:42px; background:url(images/handle-hor.gif) no-repeat; z-index:1; position:absolute}
.slide{padding:0 10px; font-weight:bold; vertical-align:middle}
.slide a:link, .slide a:visited{color:#6c6c6c}
.slide a:hover{color:#900}
/*--------------MILKBOX---------------*/
#mbOverlay{position:absolute; left:0; width:100%; background-color:#036; z-index:100; cursor:pointer}
#mbCenter{position:absolute; z-index:101; overflow:hidden; left:50%; top:10%; background-color:#fff; border:5px solid #fff; margin:0; padding:5px}
.mbLoading{background:#fff url(images/loading.gif) no-repeat center}
#mbImage{margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden}
.clear{clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden}
#mbBottom{font-family:Verdana,Arial,Geneva,Helvetica,sans-serif; font-size:10px; color:#666; line-height:1.4em; text-align:left; padding-top:8px; margin:0}
#mbNavigation{float:right; width:27px; padding-top:3px; border-left:1px solid #9c9c9c}
#mbCount{width:55px; overflow:hidden; padding-top:1px; float:right; text-align:right; font-size:9px}
#mbCloseLink, #mbPrevLink, #mbNextLink{outline:none; display:block; float:right; height:20px; cursor:pointer}
#mbPrevLink, #mbNextLink{width:17px}
#mbPrevLink{background:transparent url(images/prev.gif) no-repeat}
#mbNextLink{background:transparent url(images/next.gif) no-repeat}
a#mbPrevLink:hover, a#mbNextLink:hover, a#mbCloseLink:hover{background-position:0 -23px}
#mbCloseLink{width:20px; background:transparent url(images/close.gif) no-repeat}
#mbDescription{margin-right:27px; padding:0px 10px 0 0; font-weight:normal; text-align:justify}
.lightbox{display:block}
.count{float:left; border:1px solid #c9c9c9; padding:0px 4px; margin:0px 1px; font-size:10px; background-color:white}