/* ----------------------------------------------------
       		Print Styles
   ---------------------------------------------------- */
   
   
* {	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(../pics/pi_logo_integral.gif) 0 -15px no-repeat; width:207px; height:92px; }
#sub h1 a { float: left; background: url(../pics/pi_logo_integral.gif) 0 15px no-repeat; width:196px; height:152px; }
h2 {background: url(../pics/pi_me2_title_02.gif) 0 0 no-repeat; width:196px; height:35px;}
h3 {color:#418ac4; font-size:19px; margin-bottom:15px; line-height:20px;}
h4 {color:#3382c0;}
h5 {}
h6 {}

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


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

#flash {position: absolute; z-index:1; margin-top:16px;  background:transparent url(../pics/pi_welcome_02.jpg) 0 0px no-repeat; width: 956px; height:333px;}
#welcomeContent { position: absolute; z-index:2;}
#header { width:956px; height:349px; 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;}

/* IE6 antiflicker 2*/

#me1 li { margin: 0; padding: 0;}

#me1 li.me101 { width:119px; background:transparent url(../pics/pi_me1_01.gif) 0 0 no-repeat; height:30px; display:block;}
#me1 li.me102 { width:167px; background:transparent url(../pics/pi_me1_02.gif) 0 0 no-repeat; height:30px; display:block;}
#me1 li.me103 { width:82px; background:transparent url(../pics/pi_me1_03.gif) 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(../pics/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(../pics/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(../pics/pi_me1_03.gif) 0 -30px no-repeat; }

/* 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; #267BBE solid; 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(../pics/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(../pics/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(../pics/pi_bullet_01.gif) 34px 6px no-repeat; font-weight:normal;}

#content {float:left; width:532px;}
	.breadcrumb {float:left; 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 li {float:left; color:#fff;}
	.breadcrumb li.first {margin-right:6px;}
	.breadcrumb li a {color:#fff; background:transparent url(../pics/pi_bullet_02.gif) 0 5px no-repeat; padding:0 6px 0 14px;}
	
	#body {background:#fff; float:left; width:487px; padding:30px 20px 0 25px;}
	
	#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(../pics/ti_container_download.gif); width:180px; height:14px; float:left; margin-bottom:10px;}
	#infoContainer .contact dt {background:transparent url(../pics/ti_container_contact.gif); width:180px; height:14px; float:left; margin-bottom:10px;}
	#infoContainer .pdf {background:transparent url(../pics/ico_pdf.gif) 0 0 no-repeat; padding:0 0 0 20px; float:left; 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(../pics/bg_welcome_text.jpg); width:414px; height:150px; padding:21px 0 0 34px; float:left; margin-right:5px;}
.welcomeText h2 {background:transparent url(../pics/pi_welcome_title.gif) 0 0 no-repeat; width:392px; height:25px; margin-bottom:10px;}
.welcomeText h3 {background:transparent url(../pics/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(../pics/bu_welcome_leistungen_01.gif) 0 0 no-repeat; height:30px; width:213px; display:block;}
.welcomeText .buttonLeistungen a:hover {background:transparent url(../pics/bu_welcome_leistungen_01.gif) 0 -30px no-repeat;}

.productContainer {float:left;}
.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(../pics/bu_welcome_produkte_01.jpg) 0 0 no-repeat;}
.product02 a {background:transparent url(../pics/bu_welcome_produkte_02.jpg) 0 0 no-repeat; margin:0 1px 0 1px;}
.product03 a {background:transparent url(../pics/bu_welcome_produkte_03.jpg) 0 0 no-repeat;}

#footer {float:left; 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 {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:5px 0 5px 0; list-style-type:none; color:#3382c0;}
#body ul.downloads li {color:#999999;}

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

#header {display:none;}
#me2 {display:none;}
#footer {display:none;}