/*  
	Stylesheet für "msi-lab.com"
	Erstellt: 01.11.2007
	Autor: solades | solutions and design - Heiko Fuhrmann
	Letzte Änderung: 08.11.2007
	Ausgabemedium: screen
*/

/*
Wichtige Farben:



*/

/* Reset für fast alle Elemente */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
}


/* remember to define focus styles! */
:focus {
	outline: 0;
}

#rightcol ol, #rightcol ul {
	list-style: none;
}

/* Tabellen benötigen immer noch 'cellspacing="0"' im Markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}


/* Allgemeines */
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

html, body {
	height: 100%;
}

body {
	background: url(/tl_files/msi/images/mainbg.png) repeat #f5f5f5;
	color: #333;
	font: normal 75%/1.618 Verdana, "Lucida Grande", "Lucida Sans Unicode", geneva, sans-serif;
	text-align: left;
}

html > body {
	font-size: 75%
} 

strong {
	font-weight: 700;
}

b {
	font-weight: 400;
}

em {
	font-style: italic;
}

i {
	font-style: normal;
}

acronym, acronym a {
	cursor: help;
}

abbr {
	cursor: help;
	}
	
address {
	font-style: normal;
}
	
.screenreader, dfn, .none, #seomenu {
	display: none;
	overflow: hidden;
	text-indent: -9000px;
	position: absolute;
	top: 0;
	left: 0;
}

.up {
	vertical-align: top;
	font-size: 0.8em;
	color: #000;
	font-weight: normal;
}

/* Links allgemein */

a {
	outline: none;
}
	
a:link, a:visited {
	color: #3fa9a8;

}

a:hover {
	color: #262b6d;
	text-decoration: none;
}


/* Formulare */

label { 

}

input, textarea  {

}

/* Clear Class */
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
}


/* Bildformatierungen */
img, a img {
	border: 0;
}

			
dl img {
	border: 1px solid #d4d4d4;
	padding: 4px;
	background: #fff;	
}


/* Absaetze */
p {
	margin: 0;
}


/* Kleinerer Text */
.small {

}


/* Textausrichtung */

.tl {
	text-align: left;
}
	
.tj {
	text-align: justify
}
	
.tr {
	text-align: right;
}
	
	
/* Links- bzw. Rechtsausrichtung für Elemente */

.fl {
	float: left;
}

.fr {
	float: right;
}


/* Ãœberschriften */
h1, h2, h3, h4, h5, h6 {
	text-align: left;
	font-weight: 400;
}

h1 {
	/*background: url(/clients/msi-lab/tl_files/msi/images/h1box.png) no-repeat 0px 4px;*/
	padding: 0 0 0 5px;
	font-size: 1.1em;
	font-weight: 700;
	color: #262b6d;
	border-bottom: 1px solid #85c9cb;
	border-left: 21px solid #85c9cb;
	margin: 0 0 10px 0;
}

h2 {
	font-size: 1em;
	font-weight: 700;
	color: #262b6d;
	line-height: 1em;
}

h3 {
	font-size: 1.0em;
	font-weight: 700;
}

h4 {
	font-size: 0.9em;
}

h5 {
	font-size: 1em;
}

h6 {
	font-size: 1em;
}


/* Layout */

#wrapper {	
	background: url(/tl_files/msi/images/wrapper-bg.png) repeat-x top left;
	height: 100%;
	margin: 0 auto;
	position: relative;	
	width: 100%;
}

	
	#container {
		background: #fff;
		margin: 0 auto 0 auto;
		width: 780px;
	}
	
		#header { /* container für den kopf der seite */
			background: url(/tl_files/msi/images/header.png) no-repeat top left;
			padding: 36px 14px 0 14px;
			margin: 0 auto;
			width: 752px;
		}
	
			#teaser { /* flash teaser und menu */
			}
			
		
			#leftblock { /* linker farbblock */
				background: #fdad07;
				height: 34px;
				float: left;
				margin: 3px 0 0 0;
				width: 255px;
			}
			
			#rightblock { /* rechter farbblock */
				background: #85c9cb;
				height: 34px;
				float: right;
				margin: 3px 0 0 0;
				width: 496px;
			}
			
		
		#content {
			background: url(/tl_files/msi/images/content-bg.png) repeat-y top left;
			padding: 0 14px 5px 14px;
			margin: 0 auto;
			width: 752px;
		}
			
			#leftcol { /* linke spalte (menu) */
				background: url(/tl_files/msi/images/leftcol-bg.jpg) repeat-x bottom left;
				float: left;
				width: 255px;
			}
			
			#address {
				padding: 10px 15px 15px 15px;
			}
			
				#address table{
					margin: 15px 0 0 0;
				}
				
				#contactform table {	
					margin: 15px 0 0 0;
				}
				
					.col_0 {
						text-align: right;
						padding: 0 8px 0 0;
					}
			
					.col_0, .col_1 {
						height: 30px;
						vertical-align: top;
					}
					
				#leftnavi ul {
					list-style: none;
				}
				
				ul.level_1 {
					background: none;
				}
					
					ul.level_1 li {		
						display: block;				
						background: url(/tl_files/msi/images/navidotted.png) repeat-x bottom left;						
					}
					
					ul.level_1 li.trail {
					}
					
						ul.level_1 .trail a.trail:link,
						ul.level_1 .trail a.trail:visited {	
							display: block;							
							color: #262b6d;
							font-weight: 400;
						}
						
							ul.level_1 .trail a.trail:hover {
								text-decoration: underline;
							}
					
						ul.level_1 li a:link,
						ul.level_1 li a:visited {
							background: url(/tl_files/msi/images/naviarrow.gif) no-repeat 15px 6px;						
							display: block;									
							color: #666;		
							text-decoration: none;
							padding: 5px 5px 5px 36px;
						}
						
							ul.level_1 li a:hover {
								background: url(/tl_files/msi/images/naviarrow.gif) no-repeat 15px -42px;
								display: block;								
								color: #262b6d;
								text-decoration: underline;										
							}
							
								ul.level_1 li p.active {
									background: url(/tl_files/msi/images/naviarrow.gif) no-repeat 15px -42px;	
									color: #262b6d;
									font-weight: 700;
									padding: 5px 5px 5px 36px;									
								}
								
								ul.level_1 li.submenu a.submenu.trail {
									background: url(/tl_files/msi/images/naviarrow.gif) no-repeat 15px -42px;	
									color: #262b6d;
									font-weight: 400;
									padding: 5px 5px 5px 36px;									
								}
								
								
						ul.level_1 li.secured a.secured:link,
						ul.level_1 li.secured a.secured:visited {
							background: url(/tl_files/msi/images/lock.gif) no-repeat 15px -74px;						
							display: block;									
							color: #666;		
							text-decoration: none;
							padding-left: 36px;
						}
						
							ul.level_1 li.secured a.secured:hover {
								background: url(/tl_files/msi/images/lock.gif) no-repeat 15px 6px;
								display: block;							
								color: #262b6d;
								padding-left: 36px;												
							}
						
								ul.level_1 li.secured p.active {
									background: url(/tl_files/msi/images/lock.gif) no-repeat 15px -34px;
									display: block;							
									color: #262b6d;
									padding-left: 36px;
									font-size: 700;											
								}
								
								ul.level_1 li.submenu.secured a.submenu.trail {
									background: url(/tl_files/msi/images/lock.gif) no-repeat 15px -34px;
									display: block;							
									color: #262b6d;
									padding-left: 36px;
									font-size: 400;											
								}

								ul.level_1 li.submenu ul.level_2 {
									margin: 0 0 0 10px;									
								}
								
									ul.level_1 li.submenu ul.level_2 li {
										background: none;									
									}
									
									
									ul.level_1 li.submenu ul.level_2 ul.level_3 {
										margin: 0 0 0 10px;									
									}
									
										ul.level_1 li.submenu ul.level_2 ul.level_3 li {
											background: none;									
										}
								

			.mod_subscribe {
				margin: 20px auto 20px auto;
				width: 80%;
			}
			
				.mod_subscribe .test {
					clear: right;
				}
				
				.mod_subscribe .submit {
					clear: left;
				}
			
			.mod_login {
				margin: 20px auto 0 auto;
				width: 80%;
			}
			
				#leftcol .formbody {
					margin: 8px 0 0 0;
				}
			
				#leftcol h3 {
					border-bottom: 1px solid #ccc;
				}
			
			
			#rightcol { /* rechte spalte (seiteninhalt) */
				border-left: 1px solid #eaeaea;
				float: right;			
				width: 496px;
			}			
							
				#maincontent  { /* hauptcontainer für den inhalt */
					padding: 10px 15px 15px 15px;
				}
				
				#productoverview li {
					padding: 0 0 10px 0;
				}
				
				#news-facts h2,
				.ce_text h2,
				.ce_list h2 {
					margin: 10px 0;
				}
				
				#news-facts .toggler {
					font-size: 1.1em;
					font-weight: 700;
					text-decoration: underline;
					background: url(/tl_files/msi/images/naviarrow.gif) no-repeat 15px 8px;	
					color: #8fa222;
					padding: 5px 5px 5px 36px;	
				}
				
					#news-facts .toggler:hover {
						font-size: 1.1em;
						font-weight: 700;
						text-decoration: none;
						background: url(/tl_files/msi/images/naviarrow.gif) no-repeat 15px -40px;
						color: #abbc30;
						padding: 5px 5px 5px 36px;
						cursor: pointer;		
					}
					
				#flashvideo {
					margin: 20px auto;
					width: 400px;
					height: 300px;
				}
					
				
				
/* Accordion */
.toggler
{

}

.toggler span
{

}

div.accordion
{

}
	
				
		#rightcol p {
			padding: 0.8em 0;
		}
		
			#distris .ce_text p {
				margin: 0;
				padding: 0 10px 10px 10px;
			}
			
			#distris .ce_text h2 {
				margin: 30px 0 0 0;
				/*border-bottom: 1px solid #262b6d;*/
				padding: 10px 10px 6px 10px;
			}
			
			#distris .line2 {
				background: #f5f5f5;
			}
			
			#interesting-links h2 {
				margin: 20px 0 0 0;
			}
			
				a.hyperlink_txt {
					padding: 2px 0;
				}
				
				.pdf a.hyperlink_txt {
					background: url(/tl_files/msi/images/pdf-icon-small.jpg) no-repeat center right;
					padding-right: 22px;
				}
				
			#cleansing-efficacy-of-medical-interporous .ce_text {
				
			}
			
			.caption {	
				font-size: 75%;
			}
		
		#content p.clear {
			padding: 0;
			margin: 0;
		}
		
		#rightcol ul {
			list-style-position: outside;
			list-style-type: square;
			margin: 0 0 0 2em;
		}
		
		#rightcol ol {
			list-style-position: outside;
			list-style-type: decimal;
			margin: 0 0 0 2em;
		}
		
		#gmap {
			overflow: hidden;
			margin: 20px 0 0 0;
			width: 100%;
			height: 220px;
		}
		
			#gmapmarker {
				width: 130px;
			}
			
		.captcha_text {
			display: block;
			clear: left;
		}
		
			#ctrl_4 {
				margin: 8px 0 0 0;
			}
			
			
		#backntop {
			margin: 24px 0 0 0;
		}
		
			#backntop li {
				float: left;
			}
			
			#backntop #back {				
			}
			
			#backntop #totop {
				margin: 0 0 0 16px;
			}
		
		#footer {
			background: url(/tl_files/msi/images/footer-bg.png) no-repeat top left;	
			color: #999;
			font-size: 80%;		
			height: 61px;
			padding: 0 14px 0 14px;
			width: 752px;
		}
		
		
		
			#footernavi {
				border-top: 1px solid #eaeaea;
			}
			
			
			#footer ul {				
				list-style: none;
				padding: 10px 15px 0 15px;
				margin: 0 auto;
				width: 712px;
			}
			
			#footer a:link, #footer a:visited {
				text-decoration: underline;
				color: #999;
			}
			
				#footer a:hover {
					text-decoration: none;
					color: #262b6d;
				}
			
				#fli1, #fli2, #fli3 {
					float: left;
				}
				
					#fli1, #fli2 {
						padding: 0 10px 0 0;
					}
				
				#fli4, #fli5 {
					float: right;
				}
					
					#fli4 {
						padding: 0 0 0 10px;
					}