* {	margin: 0;
	padding: 0;
}

body {
	color:#333333;
	font: 11px/1.6em Arial, Helvetica, sans-serif;
	background: #ffffff;
	width:100%;
	text-align: center;
	height:100%;}
	
.hide { display:none;}
.show { display:block}
.floatL { float:left; }
.floatR { float:right; }
.clear { clear:both; }
.alignRight {text-align:right;}
.hrDivider {display:block; border:0; border-top:1px #dddddd solid; height:1px; margin:10px 0 10px 0;}

img {border:0;}
hr, span  {display:none;}
ul {list-style: none; }
input {font-size:11px;}
select {font-size:11px;}
p {padding:5px 0 5px 0;}

ol { margin: 15px 0 25px 22px;  }
ol li { margin-bottom: 15px; width:350px !important; width:auto; }

.error{ color: #f00; }

h1 a { float: left; background: url(/images/integral_german/pi_logo_integral.gif) 0 -15px no-repeat; width:207px; height:92px; }
#sub h1 a { float: left; background: url(/images/integral_german/pi_logo_integral.gif) 0 15px no-repeat; width:196px; height:152px; }

h3 {color:#418ac4; font-size:19px; margin-bottom:15px; line-height:20px;}
h4 {color:#3382c0; font-size:11px;}
h5 {}
h6 {}
#h2Company {background: url(/images/integral_german/pi_me2_title_01.gif) 0 0 no-repeat; width:196px; height:35px;}
#h2Products {background: url(/images/integral_german/pi_me2_title_02.gif) 0 0 no-repeat; width:196px; height:35px;}
#h2Currents {background: url(/images/integral_german/pi_me2_title_04.gif) 0 0 no-repeat; width:196px; height:35px;}
#h2Contact {background: url(/images/integral_german/pi_me2_title_03.gif) 0 0 no-repeat; width:196px; height:35px;}

a{color:#3382c0; text-decoration: none;}
a:hover, a:active {color:#3382c0; text-decoration: underline;}


#welcome {
	width: 956px;
    margin: 70px auto 0 auto;
	text-align: left;
	
}
#sub {
	width: 956px;
    margin: 20px auto 0 auto;
	text-align: left;
	background:transparent url(/images/integral_german/pi_sub_image_01.jpg) 196px 15px no-repeat;
}
#subAlt {
	width: 956px;
	margin-top:20px;
	margin-left: auto; margin-right: auto;
	text-align: left;
	background:transparent url(/images/integral_german/pi_sub_image_02.jpg) 196px 15px no-repeat;
}

#subAlt #header { width:956px; height:152px; margin-bottom:0; }
#subAlt h1 a { float: left; background: url(/images/integral_german/pi_logo_integral.gif) 0 15px no-repeat; width:196px; height:152px; }

#flash {position: absolute; z-index:1; margin-top:16px;  background:transparent url(/images/integral_german/pi_welcome_02.jpg) 0 0px no-repeat; width: 956px; height:333px;}
#welcomeContent { position: absolute; z-index:2; width: 956px;}
#header { width:956px; height:238px; margin-bottom:4px;}
#sub #header { width:956px; height:152px; margin-bottom:0;}

#me1 {float:right; margin-right:20px;}
#me1 li {height:30px; float:left;}
#me1 a { display:block; height:30px; text-decoration:none; line-height:normal; margin: 0; padding: 0;}

#me1 ul ul span { display: block;}

/* IE6 antiflicker 2*/

#me1 li { margin: 0; padding: 0;}
#me1 li ul li a span { display: block;}

#me1 li.me101 { width:119px; background:transparent url(/images/integral_german/pi_me1_01.gif) 0 0 no-repeat; height:30px; display:block;}
#me1 li.me102 { width:167px; background:transparent url(/images/integral_german/pi_me1_02.gif) 0 0 no-repeat; height:30px; display:block;}
#me1 li.me103 { width:83px; background:transparent url(/images/integral_german/pi_me1_03.gif) 0 0 no-repeat; height:30px; display:block;}
#me1 li.me104 { width:95px; background:transparent url(/images/integral_german/pi_me1_04.gif) 0 0 no-repeat; height:30px; display:block;}
#me1 li.me105 { width:95px; background:transparent url(/images/integral_german/pi_me1_05.png) 0 0 no-repeat; height:30px; display:block;}
#me1 li.home { width:75px; background:transparent url(/images/integral_german/pi_me1_home.png) 0 0 no-repeat; height:30px; display:block;}

#me1 li a.me101 { width:119px; background:transparent;}
#me1 li a.me101:hover, #me1 a.me101active { width:119px;  background:transparent url(/images/integral_german/pi_me1_01.gif) 0 -30px no-repeat; }

#me1 li a.me102 { width:167px; background:transparent; }
#me1 li a.me102:hover,#me1 a.me102active { width:167px; background:transparent url(/images/integral_german/pi_me1_02.gif) 0 -30px no-repeat; }

#me1 li a.me103 { width:82px; background:transparent; }
#me1 li a.me103:hover,#me1 a.me103active { width:82px; background:transparent url(/images/integral_german/pi_me1_03.gif) 0 -30px no-repeat; }

#me1 li a.me104 { width:95px; background:transparent; }
#me1 li a.me104:hover,#me1 a.me104active { width:95px; background:transparent url(/images/integral_german/pi_me1_04.gif) 0 -30px no-repeat; }

#me1 li a.me105 { width:95px; background:transparent; }

#me1 li a.home { width:75px; background:transparent; }

#me1 li.active { background-position: 0 -30px; }

/* 2.Ebene */
#me1 ul ul { position:absolute; width:150px; display:none; padding:0; z-index: 11; margin-left:3px;}
/* blendet ul 2.Ebene ein, funktioniert nicht im IE, siehe dazu JS und letzte CSS Zeile */
#me1 li:hover ul { display:block; z-index: 10;}
#me1 li li { height:auto;z-index: 10;}
/* Breite notwendig sonst wird im IE nur der Text als Link interpretiert wird. */
/* Hoehe notwendig sonst wird im Moz hier die H�he des 1.Links verwendet */
/* Beachten: IE Box Model Bug, wenn Doctype nicht strict (width/margin/border/padding) */
#me1 li li a {display:block;border:1px #004f9e solid; border-top:0; width:150px; height:auto; padding:5px 10px 5px 12px; background:#e8e8e8;z-index: 10;}
#me1 li li a:hover { background: #004f9e; color:#ffffff;z-index: 10;}
/* notwendig f�r hover im IE, siehe auch JS */
#me1 li ul:hover, #me1 li.sfhover ul { display:block; z-index: 10;}

#me2 {background:transparent url(/images/integral_german/bg_me2.jpg) 0 0 no-repeat; width:195px; height:292px; min-height:292px; float:left;}
#me2 ul {padding:10px 0 0 0;}
#me2 ul li {margin:6px 0 0 0;  background:transparent url(/images/integral_german/pi_bullet_03.gif) 20px 6px no-repeat;}
#me2 ul li a {padding:0 0 0 34px;}
#me2 ul li li a {padding:0 0 0 14px;}
#me2 ul li.active {font-weight:bold;}
#me2 ul li ul { border-bottom:1px #d9d9d9 solid; border-top:1px #d9d9d9 solid; background:#ffffff; padding:0;}
#me2 ul li li { padding:0 0 3px 34px; background:transparent url(/images/integral_german/pi_bullet_01.gif) 34px 6px no-repeat; font-weight:normal;}
#me2 ul span { display: inline;}

#content {float:left; width:532px; }

	.breadcrumb  { width:506px; height:25px; background:#0063af; filter:alpha(opacity=70); -moz-opacity:0.7; border-left:1px #fff solid; padding:10px 0 0 25px;}
    .breadcrumb ul { width: auto; float: left; }
	.breadcrumb li { float:left; color:#fff; margin-right: 6px; }
	.breadcrumb li a { color:#fff; background:transparent url(/images/integral_german/pi_bullet_02.gif) 0 5px no-repeat; padding: 0 0 0 12px; }
	.breadcrumb span { display: inline; color: #FFF; float: left; margin: 0 6px 0 0; }
    .breadcrumb ul span { float: none; margin: 0; }
    
	#body { clear: both; display: block; background:#fff; width:487px; padding:30px 20px 0 25px; min-height: 155px; }
	* html #body { height: 155px; }
	#infoContainer { float:left; width:200px; margin-top:198px;}
	#infoContainer dl {background:#f4f4f2; margin-bottom:10px; width:200px; padding:12px 10px 10px 18px; float:left;}
	#infoContainer .download dt {background:transparent url(/images/integral_german/ti_container_download.gif); width:180px; height:14px; margin-bottom:10px;}
	#infoContainer .contact dt {background:transparent url(/images/integral_german/ti_container_contact.gif); width:180px; height:14px; margin-bottom:10px;}
    #infoContainer .links dt {background:transparent url(/images/integral_german/ti_container_links.gif) no-repeat; width:180px; height:14px; margin-bottom:10px;}
    #infoContainer .download dd { background:transparent url(/images/integral_german/ico_default.png) 0 0 no-repeat; padding:0 0 0 20px; }
    #infoContainer .links dd { background: transparent url(/images/integral_german/pi_bullet_03.gif) 5px center no-repeat; padding: 0 0 0 20px; }
    #infoContainer .download .pdf {background:transparent url(/images/integral_german/ico_pdf.gif) 0 0 no-repeat; padding: 0 0 0 20px; width:180px; }
	#infoContainer .download {color:#979797}
	#infoContainer .download a {color:#444444}
	
	#body ul { margin:0 0 10px 14px; list-style-type:square; list-style:square; color:#3382c0;}
	#body ul li {color:#333333;}
	#body p {margin:5px 0 5px 0;}
	#body .imgBorder {border:1px #CCCCCC solid; margin:0 15px 5px 0;}
	

.welcomeText {background:transparent url(/images/integral_german/bg_welcome_text.jpg); width:414px; height:257px; padding:21px 0 0 34px; float:left; border-top:5px #fff solid; border-right:5px #fff solid;}
.welcomeText h2 {background:transparent url(/images/integral_german/pi_welcome_title.gif) 0 0 no-repeat; width:392px; height:25px; margin-bottom:10px;}
.welcomeText h3 {background:transparent url(/images/integral_german/pi_welcome_text.gif) 0 0 no-repeat; width:392px; height:59px;}
.welcomeText .buttonLeistungen {padding:50px 0 0 170px;}
.welcomeText .buttonLeistungen a {background:transparent url(/images/integral_german/bu_welcome_leistungen_01.gif) 0 0 no-repeat; height:30px; width:213px; display:block;}
.welcomeText .buttonLeistungen a:hover {background:transparent url(/images/integral_german/bu_welcome_leistungen_01.gif) 0 -30px no-repeat;}

.news dt {background:transparent url(/images/integral_german/pi_welcome_aktuelles.gif) 0 0 no-repeat; height:23px; width:400px; margin-bottom:10px;}
.news dd {background:transparent url(/images/integral_german/pi_bullet_news.gif) 0 5px no-repeat; padding-left:14px;}
.news dd a {color:#93bddd; line-height:14px;}
.news dd.greeting {background: none; padding: 0; font-size: 14px; color:#93BDDD; margin-top: 20px;}

.productContainer {float:left; margin-top:112px; }
.productContainer li {float:left; margin:0; padding:0;}
.productContainer a {float:left; width:167px; height:171px;}
.productContainer a:hover { background-position: 0 -171px;}
.product01 a {background:transparent url(/images/integral_german/bu_welcome_produkte_01.jpg) 0 0 no-repeat;}
.product02 a {background:transparent url(/images/integral_german/bu_welcome_produkte_02.jpg) 0 0 no-repeat; margin:0 1px 0 1px;}
.product03 a {background:transparent url(/images/integral_german/bu_welcome_produkte_03.jpg) 0 0 no-repeat;}

#footer {clear:both; margin-top:6px; width:956px;}
#footer li {float:left; margin-right:10px;}
#footer a {color:#b8b8b8; text-decoration:none;}
#footer a:hover {color:#0f71b9;}
#footer .right {float:right;}
#footer .right {color:#b8b8b8;}
#footer .right a {color:#3482c0;}

#sub #footer, #subAlt #footer {border-top:1px #ececec solid;}

.table {border:1px #DEDEDE solid; margin:0; padding:0; border-right:0; border-bottom:0;}
.table thead {margin:0; font-weight:bold; background:#fff;}
.table thead td {font-size:100%; border:0; border-bottom:1px #EB0000 solid; font-weight:bold; color:#444; padding-left:5px; background:#F5F5F5; padding-right:10px;}
.table td {border-bottom:1px #DEDEDE solid; border-right:1px #DEDEDE solid; padding:2px 2px 2px 5px;}
.table td.first {background:#cfe7fa;}

.grey {background:#f4f4f2;}

#body ul.downloads { margin:15px 5px; list-style-type:none; color:#3382c0;}
#body ul.downloads li {color:#999999;padding: 0 0 0 20px; margin: 5px 0; }

.default, .mp3, .wav, .png { background: transparent url(/images/integral_german/ico_default.png) 0 0 no-repeat; }

.pdf {background: transparent url(/images/integral_german/ico_pdf.gif) 0 0 no-repeat; padding-left:20px;}
.doc {background: transparent url(/images/integral_german/ico_doc.gif) 0 0 no-repeat; padding-left:20px;}
.jpg {background: transparent url(/images/integral_german/ico_jpg.gif) 0 0 no-repeat; padding-left:20px;}
.jpeg {background: transparent url(/images/integral_german/ico_jpg.gif) 0 0 no-repeat; padding-left:20px;}
.swf {background: transparent url(/images/integral_german/ico_swf.gif) 0 0 no-repeat; padding-left:20px;}
.ppt {background: transparent url(/images/integral_german/ico_ppt.gif) 0 0 no-repeat; padding-left:20px;}
.zip {background: transparent url(/images/integral_german/ico_zip.gif) 0 0 no-repeat; padding-left:20px;}
.xls {background: transparent url(/images/integral_german/ico_xls.gif) 0 0 no-repeat; padding-left:20px;}
.gif {background: transparent url(/images/integral_german/ico_gif.gif) 0 0 no-repeat; padding-left:20px;}

#flashContainer {
    padding: 25px 0 25px 25px;
}
    #flashContainer .alt {
        display: none;
    }
a.anfahrt {
    display: block;
    width: 105px;
    height: 20px;
    background: url(/images/integral_german/button_anfahrt.png) left top no-repeat;
}

a.fstLogo {
	background:url(/images/logo_fst.png) no-repeat;
	width:87px;
	height:30px;
	text-indent:-999999em;
	display:inline-block;
	vertical-align:text-top;
	margin:0 0 0 5px;
}

