/* ################### CONDENSED MEYER RESET ######################### */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	padding: 0;
	margin: 0;
	}
fieldset, img { 
	border: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
ol, ul {
	list-style: none;
	}
address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal;
	}
caption, th {
	text-align: left;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
	}
q:before, q:after {
	content: '';
	}
abbr, acronym { 
	border: 0;
	}
/* ################### ENDE CONDENSED MEYER RESET #################### */



/* ################### BASIS-ELEMENTE #################### */

html, body {
	height:100%;
	}

body {
	background-color:#FFFFFF;
	color: #000000;
	font:100.01%/1.4 sans-serif;
	text-align:center; /* horizontal centering for IE Win quirks */
	}

#distance { 
	width:1px;
	height:50%;
	background-color:#FFFFFF;
	margin-bottom:-211px; /* half of #container's height */
	float:left;
	}

#container {
	margin:0 auto;
	position:relative; /* puts #container in front of #distance */
	text-align:left;
	height:422px;
	width:751px;
	clear:left;
	background-color:#FFFFFF;
	}

#header {
	height: 56px;
	}

#mainframe {
	height:366px;
	width:751px;
	}


#sie_sind_hier {
	position:absolute; 
	top:41px; 
	left:60px; 
	width:495px; 
	height:15px; 
	z-index:120;
	}

#etracker {
	position:relative;
	top: 40px;
	left: -30px;
	z-index: -998;
	}

#balken {
	position:absolute; 
	top:22px; 
	width:100%; 
	height:17px; 
	line-height:0px; 
	z-index:0; 
	background:#DCDCDC;
	}
	
#ts_logo {
	position:absolute; 
	right:37px; 
	top:12px;
	z-index:3;
	}
	
#shoplink {
	z-index:60;
	position:absolute;
	top:0px; 
	border:0px;
	}

#thermometer {
	position: absolute;
	left: 1px;
	top: 84px;
	width: 48px;
	height: 307px;
	z-index: 70;
	}

#news {
	position:absolute; 
	top: 355px; 
	left: 13px; 
	z-index: 100;
	}
	
#haupttext {
	position:absolute;
	width: 543px;
	height: 366px;
	left:208px;
	top:57px;
	z-index:7;
	overflow: auto;
	}
	
#menue #haupttext {
	z-index:0;
	}
	
#scrollzwang {
	width: 296px;
	height: auto;
	overflow: visible;
	margin-top: 26px;
	}
	
#navi {
	float: left;
	}
	
#kasten {
	position: absolute;
	left: 523px;
	top:56px;
	width: 210px;
	height: 357px;
	margin-top: 21px;
	z-index: 11;
	background-image: url('../images/kasten_schatten.gif');
	background-repeat:  no-repeat;
	clip: rect(0px, 213px, 357px, 0px);
	}

/* ######## VORBEREITET F†R CSS-SCHATTEN ####### */		/*-ms-filter:progid:DXImageTransform.Microsoft.DropShadow(color=#B0ACC3, offx=10, offy=10);
	filter:progid:DXImageTransform.Microsoft.DropShadow(color=#B0ACC3, offx=10, offy=10);
	-moz-box-shadow: 8px 8px 20px #B0ACC3;
	-webkit-box-shadow: 8px 8px 20px #B0ACC3;
	-khtml-box-shadow: 8px 8px 20px #B0ACC3;
	-ms-box-shadow: 8px 8px 20px #B0ACC3;
	-o-box-shadow: 8px 8px 20px #B0ACC3;
	box-shadow: 8px 8px 20px #B0ACC3;*/
	/*Schattenfarbe #B0ACC3; = 40% von #3B3069*/

#navibutts {
	position: absolute;
	left: 49px;
	top: 84px;
	width: 105px;
	height: 225px;
	z-index: 90;
	}

#servicelinks {
	position: absolute; 
	left: 208px; 
	top: 419px;
	width:546px; 
	text-align:left;
	}

/* ################### ENDE BASIS-ELEMENTE #################### */



html, body, p, h1, h2, h3, ul, ol, table, td, form, li, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.83em;
	line-height: 1.4em;
	color: #000000;
	}

div.haupttext {
	font-size: 1.2em !important;
	}

#sitemap li {
	font-size: 11px !important;
	line-height: 1.4em;
	}

li {
	list-style-position: outside;
	}

.weiss {
	color: #FFFFFF;
	/*font-weight: bold;*/
}

.haupttextInitial {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 1em;/* hier frŸher 13px */
	color: #000000;
	}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	font-variant: normal;
	color: #477AA1;
	text-decoration: underline;
	}

a:link strong {
	font-weight: bold;
	}
	
a:visited {
	color: #477AA1;
	text-decoration: underline;
	}

a:hover {
	text-decoration: none;
	color: #093C63;
	background-color: #c7c7c7;
	}
	
a:visited:hover {
	text-decoration: none;
	color: #284279;
	}

#haupttext a[target="new"] {
	background: url(../images/target-new.gif) no-repeat right 100%;
	padding: 0 15px 0 0;
	}

#haupttext a.kein-effekt {
	background: transparent;
	padding: 0;
	}

#haupttext a[href^="http"] {
	background: url(../images/extern-link.gif) no-repeat right 100%;
	padding: 0 16px 0 0;
	}

#haupttext #messe-news-container a,
#weiter-lesen-link {
	padding: 0 0 0 0 !important;
	}

#haupttext a[href*="thermosecure.de"],
#haupttext h2#messe-news-headbanner a {
	background: transparent;
	padding: 0;
	}

#haupttext a[target="new"]:hover,
#haupttext a[href^="http"]:hover {
	background-color:#C7C7C7;
	}

#kasten table a:link,
#kasten table a:hover,
#kasten table a:visited,
#kasten table a:visited:hover {
	display: block;
	font-size: .1em;
	line-height: .1em;
	text-decoration: none;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
	
/* ######################## ANFANG NAVI #################### */

div#navibutts div {
	width: 115px;
	height: 25px;
	}

div#navibutts div#home-nav 
	{background: url('../images/navi-sprite.gif') -115px 0px no-repeat;}
div#navibutts div#produkte-nav 
	{background: url('../images/navi-sprite.gif') -115px -25px no-repeat;}
div#navibutts div#thermosecure-nav 
	{background: url('../images/navi-sprite.gif') -115px -50px no-repeat;}
div#navibutts div#service-nav 
	{background: url('../images/navi-sprite.gif') -115px -75px no-repeat;}
div#navibutts div#kontakt-nav 
	{background: url('../images/navi-sprite.gif') -115px -100px no-repeat;}
div#navibutts div#links-nav 
	{background: url('../images/navi-sprite.gif') -115px -125px no-repeat;}
div#navibutts div#sitemap-nav 
	{background: url('../images/navi-sprite.gif') -115px -150px no-repeat;}
div#navibutts div#agbs-nav 
	{background: url('../images/navi-sprite.gif') -115px -175px no-repeat;}
div#navibutts div#referenzen-nav 
	{background: url('../images/navi-sprite.gif') -115px -200px no-repeat;}
div#navibutts div#impressum-nav 
	{background: url('../images/navi-sprite.gif') -115px -225px no-repeat;}
div#navibutts div#pressemeldungen-nav 
	{background: url('../images/navi-sprite.gif') -115px -250px no-repeat;}

div#navibutts div a {
	display: block;
	width: 115px;
	height: 25px;
	overflow: hidden;
	}

div#navibutts div#home-nav a
	{background: url('../images/navi-sprite.gif') 0px 0px no-repeat;}
div#navibutts div#produkte-nav a
	{background: url('../images/navi-sprite.gif') 0px -25px no-repeat;}
div#navibutts div#thermosecure-nav a
	{background: url('../images/navi-sprite.gif') 0px -50px no-repeat;}
div#navibutts div#service-nav a
	{background: url('../images/navi-sprite.gif') 0px -75px no-repeat;}
div#navibutts div#kontakt-nav a
	{background: url('../images/navi-sprite.gif') 0px -100px no-repeat;}
div#navibutts div#links-nav a
	{background: url('../images/navi-sprite.gif') 0px -125px no-repeat;}
div#navibutts div#sitemap-nav a
	{background: url('../images/navi-sprite.gif') 0px -150px no-repeat;}
div#navibutts div#agbs-nav a
	{background: url('../images/navi-sprite.gif') 0px -175px no-repeat;}
div#navibutts div#referenzen-nav a
	{background: url('../images/navi-sprite.gif') 0px -200px no-repeat;}
div#navibutts div#impressum-nav a
	{background: url('../images/navi-sprite.gif') 0px -225px no-repeat;}
div#navibutts div#pressemeldungen-nav a
	{background: url('../images/navi-sprite.gif') 0px -250px no-repeat;}


div#navibutts div a:hover {
	background-image: none !important;
	}

div#navibutts div span {
	position: absolute;
	display: block;
	margin-left: -99999px;
	margin-top: 3px;
	font-size: 110%;
	/*clip: rect(0px 0px 0px 0px);*/
	overflow: hidden;
	
	}
	
/* ######################## ENDE NAVI #################### */
	
#kasten p,
#kasten h1,
#kasten li {
	color: #4C5661;/*#2D3946;*/
	font-size: 115%;
	font-weight: 100;
	line-height: 1.4em;
	margin: 11px;
	margin-bottom: -4px;
	margin-right: 28px;
	}
	
#kasten p:first-child,
#kasten h1:first-child {
	margin-top: 7px;
	}

.kasten_enger {
	font-size: 105% !important;
	margin-bottom: -4px !important;
	line-height: 1.3em !important;
	padding-bottom: 8px;
	width: 170px;
	}

.kasten_noch_enger {
	font-size: 105% !important;
	margin-bottom: -4px !important;
	line-height: 1.3em !important;
	width: 170px;
	padding-bottom: 0px;
	}
	
#kasten p.rot_fett,
#kasten h1.rot_fett {
	color: #BF0202;
	font-weight: bold;
	font-size: 115%;
	}

#kasten p a:link,
#kasten p a:hover,
#kasten p a:visited,
#kasten p a:visited:hover {
	display: inline;
	font-size: inherit;
	color: #3B668F;
	line-height: inherit;
	text-decoration: none;
	background-color: transparent;
	border: 0px;
	margin: 0px;
	padding: 2px;
	position: static;
	margin-left: -2px;
	}

#kasten p a:hover,
#kasten p a:visited:hover {
	text-decoration: none;
	color: #1B3069;
	background-color: #a7a7a7;
	}

#kasten ul.liste {
	list-style: inherit !important;
	font-size: 100%;
	padding-left: 13px;
	line-height: 1.2em;
	}

#kasten ul.liste_enger {
	list-style: inherit !important;
	font-size: 95%;
	padding-left: 13px;
	line-height: 1.2em;
	}

#kasten ul.liste li {
	/*list-style-type: square;*/
	list-style-image: url(../sitemap/images/quadrat10.gif);
	margin-bottom: -4px;
	line-height: 1.2em;
	}
	
#kasten ul.liste_enger li {
	list-style-image: url(../sitemap/images/quadrat10.gif);
	/*list-style-type: square;*/
	margin-bottom: -7px;
	line-height: 1.2em;
	}

acronym {
	border-bottom: 1px dotted #4C5661;/*#2D3946;*/
	cursor: help;
	}
	
.rot {
	color: #BF0202;
	}

.pfad {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 1.2em;
	font-variant: normal;
	color: #555555;
	}

.pfad a {
	text-decoration: none;
	}

#servicelinks a {
	color: #899EB1 !important;
	text-decoration: none;
	}

#servicelinks a:hover {
	color: #1B3069 !important;
	}

.pfad a:hover {
	background-color: #B5B5B5;
	}

.ohnejava {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px !important;
	color: #555555 !important;
	text-decoration: none !important;
	}

.ohnejava a:hover {
	color: #FFFFFF !important;
	background-color: #86888A !important;
	}

table#daten td {
	padding: 2px 3px 2px 3px;
	font-size: 100%;
	}

table#daten td p {
	font-size: 95%;
	}

#agbs tr.haupttext {
	margin-bottom: 10px;
	}

strong {
	font-weight: bold;
	}

.Pfadangabe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 1.2em;
	color: #555555;
	}


 /* fŸr das addthis-MenŸ */
#at16pf, 
#at15s_head,
.weg {
	display: none;
	}

.middot {
	font-size:12px;
	color: #899EB1 !important;
	}

p.article-image {
	margin-bottom: 3px;
	}

.zwischenhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2em;
	font-variant: normal;
	color: #000000;
	font-weight: 800;
	}

#menue p.zwischenhead {
	margin-bottom: 7px;
	}

#handhabung,
#platzsparend,
#hygienisch,
#einsetzbarkeit,
#guenstig,
#besisolier,
#menue_eins,
#menue_zwei {
	cursor: default;
	background-color: transparent;
	}


.zwischenhead_butt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 2em;
	font-variant: normal;
	color: #000000;
	font-weight: 800;
	height: 23px
	}

.einpixelhoch {
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	color: #000000;
	}

input, select, option, textarea {
	background-color: #FFFFFF; border: #999999 1px solid;
	}

.radio_noborder {
	border: 0; 
	}

h1#headl, h1#headl_e {
	height: 0 !important;
	overflow: hidden;
	/*padding-top: 47px;
	margin-bottom: 13px;*/
    }

#headlimg {
	margin-bottom: 13px;
	}

.kein-effekt {
	background-color: transparent !important;
	text-decoration: none !important;
	}

#bilderlader {
	width: 1px;
	height: 1px;
	display: inline;
	position: relative;
	top: -390px;
	left: -200px;
	z-index: -999;
	}

#bilderlader img {
	overflow: hidden;
	clip: rect(0px, 0px, 0px, 0px);
	position: absolute;
	height: 4px;
	}

/* ########### MESSENEWS AUF INDEX.HTML ######################### */

#messe-news-container {
	border: 1px solid #dcdcdc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	margin-top:-3px;
	margin-bottom: 10px;
	z-index: 8;
	width: 277px;
	height: 171px;
	overflow: hidden;
	clear:left;
	float:left;
	}

#haupttext h2#messe-news-headbanner {
	font-size:1.05em !important;
	font-weight: bold !important;
	line-height: 1.1em !important;
	color: #FFFFFF !important;
	background-color: #455460 !important; /*TS-blau #0D5082; Schriftpixelfarbe #253240*/
	padding: 3px 7px 4px 7px;
	margin-bottom: 7px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	-khtml-border-radius: 8px 8px 0px 0px;
	-ms-border-radius: 8px 8px 0px 0px;
	-o-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	}

h2#messe-news-headbanner a.kein-effekt {
	color: #FFFFFF !important;
	text-decoration: none;
	display: block;
	}

#messe-news-container p {
	font-size: 107%;
	color: #333333;
	padding-left: 7px;
	padding-bottom: 7px;
	line-height: 1.49em;
	/*color: #BF0202;*/
	}

.messenews-bild-links {
	float: left;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	}

#weiter-lesen {
	position: relative;
	background: white;	
	margin-top:-32px;
	font-size:105%;
	height:20px;
	padding-left:2em;
	position:relative;
	right:22px;
	z-index:999999;
	float:right;
	}

/* ########### EINLEITUNGSTEXT STARTSEITE ######################### */

#willkommen {
	float: left;
	clear: left;	
	}

#einleitung {
	margin-top:3px;
	position:relative;
	top:3px;
	float: left;
	clear: left;
	width: 277px;
	}

#einleitung h1 {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 8px;
	padding-left: 5px;
	}

#einleitung p {
	font-size: 1.02em;
	padding-left: 5px;
	}

/* ########### FORMULAR ######################### */

#anfrageformular textarea {
	font-size: 1em;
	}

#anfrageformular label {
	line-height: 1.6em !important;
	}

/* ########### DRUCKSTILE ######################### */

@media print {
	.nichtdrucken, 
	.middot,
	 #navi,
	 #produkte_menue,
	 #distance { 
		display: none;
		}

	#balken {
		background-color: #dcdcdc;
		}
		
	#haupttext {
		height: auto;
		left: 0px;
		width: 100%;
		}
	
	#scrollzwang {
		width: 66%;
		}
	
	#daten {
		width: 100%;
		}

	#hauptbild {
		position: absolute;
		left: 523px !important;
		top: 400px !important;
		overflow: hidden;
		}
		
	#kasten {
		overflow: hidden;
		}
		
	#daten tr {
		border-bottom: 0.5pt solid #dcdcdc;
		}
		
	#agbs #daten tr {
		border-bottom: 0;
		}

	span.weiss {
		font-weight: bold;
		color: black;
		}
	}