@charset "utf-8";
/* CSS Document */

body {
   background: url(../jpg/bkgd.jpg) repeat-x;
   text-align: center;
   margin: 0px;
   padding: 0px;
}

#wrapper { 
   width: 760px; 
   margin: auto; 
   text-align: left;
}

#header { 
   width:760px; 
   margin: 0px 0px 20px 0px;
   padding: 0px;
}
#header #topLinks { 
   height: 30px; 
   line-height: 30px; 
   text-align: right; 
}	
#header #banner { 
   height: 37px; 
   background: url(../gif/banner.gif) repeat-x; 
   padding: 18px 0 15px 18px;
}

#header #breadCrumbs { 
   height: 21px; 
   line-height: 21px; 
   border-bottom: 1px dashed #999999; 
   background: #EEEEEE; 
}

#navigation { 
   width: 149px; 
   float: left; 
}

#content { 
   width: 611px; 
   float: left; 
}
* html #content {
   width: 608px;
}	

/* ==== HOMEPAGE ================================================================== */

.bannerHome { 
   width: 611px; 
   height: 251px;
   background: url(../jpg/indexbanner01.jpg) no-repeat;
   clear: left;
   position:relative;
}
.bannerHome div { 
   width: 235px; 
   padding: 20px 0 0 20px;
}
.bannerHome div p {
   margin-top: 185px;
}
* html .bannerHome div p {
   margin-top: 205px;
}
*+html .bannerHome div p {
   margin-top: 205px;
}
.bannerHome div a {
   color: #ffffff;
   text-decoration: underline;
}

.boxHome {
   margin: 0px;
   padding: 0px;	
   margin-left:3px;
}
.boxHomeProduct { 
   float: left; 
   width: 390px;
   height: 133px;
   background: url(../gif/startseite_links.gif) no-repeat;
   margin-right: 0px;
   padding:4px 7px 8px 8px;
}
* html .boxHomeProduct { 
   margin-right: 7px;
   width: 370px;
}
.boxHomeProduct div {
   padding: 0px 0px 0px 4px;
}

.boxHomeLogin { 
   float: left; 
   width: 190px;
   height: 133px;
   background: url(../gif/startseite_rechts.gif) no-repeat;
   padding:4px 8px 8px 8px;
}
*+ .boxHomeLogin { 
   float: left; 
   width: 190px;
   height: 133px;
   background: url(../gif/startseite_rechts.gif) no-repeat;
   /*padding:2px 3px 8px;*/
   padding:2px 0px 3px 8px;
   margin-left:3px;
}
.boxHomeLogin .buttons {
   border:none;
   background-image:url(../gif/button_dropdown.gif);
   background-repeat:no-repeat;
   height:20px;
   width:24px;
}
.boxHomeEmergancy { 
   width: 606px;
   height: 85px;
   background: url(../gif/startseite_langb.gif) no-repeat;
   padding: 8px;
}
*+ .boxHomeEmergancy { 
   width: 606px;
   height: 85px;
   background: url(../gif/startseite_langb.gif) no-repeat;
   padding: 5px;
   padding-left:8px;
   padding-top:2px;
   margin-left:3px;
}
.boxHomeKeyring { 
   background: url("../gif/startseite_teaser_keyring.gif") no-repeat scroll 0 0 transparent;
   height: 85px;
   margin-left: 3px;
   margin-top: 18px;
   padding: 7px 5px 5px 54px;
}
.boxKeyring { 
   background: url("../gif/teaser_keyring.gif") no-repeat scroll 0 0 transparent;
   height: 117px;
   margin-left: 2px;
   margin-top: -1px;
   padding: 7px 5px 5px 416px;
}
#boxHomeNews, .boxHomeNews {
   width: 611px;
   height: 55px;
   background: url(../gif/latestbg.gif) no-repeat;
}
#boxHNL, .boxHNL { 
   float: left; 
   width: 77px; 
}
#boxHNR, .boxHNR { 
   float: left; 
   width: 534px; 
}


/* ==== PRODUCT PAGE ================================================================== */

#bannerProduct, .bannerProduct { 
   width: 611px; 
   height: 251px;
   background-repeat: no-repeat;
   position: relative;
}
.bannerProduct01 { 
   background-image: url(../jpg/idpbanner01.jpg);
}
.bannerProduct02 { 
   background-image: url(../jpg/idpbanner02.jpg);
}
.bannerProduct03 { 
   background-image: url(../jpg/idpbanner03.jpg);
}
.bannerProduct04 { 
   background-image: url(../jpg/idpbanner04.jpg);
}
.bannerPL { 
   width: 412px; 
   float: left; 
}
.bannerPR { 
   width: 180px; 
   padding-top: 4px;
   margin-left: 420px;
}
.bannerPR h3 { 
   margin: 5px 0px;
}
.bannerPR li { 
   padding-left: 10px;
   background: transparent url(../gif/minus_weiss.gif) no-repeat scroll -5px 0px;
   list-style: none;
   margin-bottom: 2px;
}

.boxProduct3 div {
   width: 182px;
   float: left; 
   height: 120px;
   margin-right: 5px;
   margin-left: 3px;
   padding: 5px 5px 0px 8px;
}
* html .boxProduct3 div {
   padding-left: 7px;
}
.boxProductPromo0 { 
   background: url(../gif/boxbg.gif) no-repeat;
}
.boxProductPromo1 { 
   background: url(../gif/idtestbg.gif) no-repeat;
}
.boxProductPromo2 { 
   background: url(../gif/questionbg.gif) no-repeat;
}
.boxProductPromo3 { 
   background: url(../gif/boxbg2.gif) no-repeat;
}
.boxProductLogin { 
   background: url(../gif/alreadycustbg.gif) no-repeat;
}
.boxProductLogin div { 
   height: 55px;
}


/* ==== INNER PAGE ================================================================== */

#bannerInner, .bannerInner {
}
#contentInner { 
   width: 445px; 
   float: left;
   margin-right: 10px;
   padding: 5px 10px 0 5px;
   background: url(../jpg/border.jpg) repeat-y right;
}
* html #contentInner {
   width: 425px; 
}
#boxInner { 
   width: 136px; 
   float: left;
}
#boxInnerPromo1, .boxInnerPromo1 {
   background: url(../gif/alreadycustbox.gif) no-repeat;	
   height: 105px; 
   float: left;
   width: 147px;
}
#boxInnerPromo2 {
   background-repeat: no-repeat;
   height: 90px;
   margin: 0px;
   padding: 0px;
   width: 147px;
}
.boxInner {
   background-repeat: no-repeat;
   height: 120px;
   width: 130px;
   padding: 5px 10px 0px 5px;
}
* html .boxInner {
   width: 120px;
}
.boxInner p {
   margin: 0px;
}
.boxInner00 {
   background-image: url(../gif/safetybox.gif);
   height: 90px;
   padding-top: 5px;
}
.boxInner00 p {
   font-size: 10px;
}
.boxInner01 {
   background-image: url(../gif/cardpbox.gif);
}
.boxInner02 {
   background-image: url(../gif/identitybox.gif);
}
.boxInner03 {
   background-image: url(../gif/mobilebox.gif);
}
.boxInner03b {
   background-image: url(../gif/mobileBoxb.gif);
}
.boxInner04 {
   background-image: url(../gif/riskbox.gif);
}
.boxInner05 {
   background-image: url(../gif/helpbox.gif);
}
.boxInner05b {
   background-image: url(../gif/helpBoxb.gif);
}
.boxInner05c {
   background-image: url(../gif/helpBoxc.gif);
}
.boxInner05d {
   background-image: url(../gif/helpBoxd.gif);
}
.boxInner06 {
   background-image: url(../gif/contactbox.gif);
}
.boxInner06b {
   background-image: url(../gif/contactBoxb.gif);
}
.boxInner06c {
   background-image: url(../gif/contactBoxc.gif);
}
.boxInner07 {
   background-image: url(../gif/rahmen.gif);
   width: 440px;
   height: 65px;
   margin-top: 10px;
}
* html .boxInner07 {
   height: 70px;
   width: 432px;
}
#contentInner .boxInner07b {
   background-image: url(../gif/rahmen.gif);
   width: 432px;
   height: 47px;
   margin-top: 10px;
   padding: 11px 4px;
}
.boxInner08 {
   background-image: url(../gif/rahmen-gr.gif);
   width: 440px;
   height: 80px;
   margin-top: 10px;
}
* html .boxInner08 {
   height: 85px;
   width: 432px;
}
.boxInner08b {
   background-image: url(../gif/rahmenkundeks.gif);
   width: 440px;
   height: 50px;
   margin-top: 10px;
}
* html .boxInner08b {
   height: 85px;
   width: 432px;
}
.boxInner08big {
   background-image: url(../gif/rahmenbig.gif);
   width: 440px;
   height: 135px;
   margin-top: 8px;
}
* html .boxInner08big {
   height: 150px;
   width: 432px;
   margin-top: 5px;
}
*+ html .boxInner08big {
   height: 150px;
   width: 432px;
   margin-top: 5px;
}
.boxInner08c {
   background-image: url(../gif/rahmenc.gif);
   width: 440px;
   height: 96px;
   margin-top: 10px;
}
* html .boxInner08c {
   height: 85px;
   width: 432px;
}
.boxInner09 {
   background-image: url(../gif/safetybox-gr.gif);
   height: 180px;
}
.boxInner09 p {
   width: 120px;
}
.boxInner09b {
   background-image: url(../gif/Box2.gif);
   height: 180px;
}
.boxInner09b p {
   width: 120px;
}
.boxInner09c {
   background-image: url(../gif/safetybox-gr2.gif);
   height: 260px;
}
.boxInner09c p {
   width: 120px;
}
.keyring_top {
   background-image: url(../gif/rahmen_keyring_top.gif);
   height: 110px;
   padding: 2px 10px 5px;
   width: 442px;
}
.keyring_bottom {
   background-image: url(../gif/rahmen_keyring_bottom.gif);
   height: 132px;
   padding: 2px 10px 5px;
   width: 442px;
}
.keyring_top p, .keyring_bottom p {
   padding-right: 20px !important;
}
#boxInnerLogin, .boxInnerLogin {
   background: url(../gif/identitybox.gif) no-repeat;	
   height: 120px;
   margin: 0px;
   padding: 0px;
   float: left;
   width: 147px;
}
.casestudyBox {
   background: url(../gif/casestudybox.gif) no-repeat;	
   height:149px;
   margin:0 0 5px;
   padding:0;
   width:140px;
}
.casestudyBox p {
   font-size:7pt;
   margin:0;
   padding:3px 10px 0 7px;
}
.casestudyBox a {
   font-size:7pt;
   margin:0;
   padding:3px 0px 0 7px;
}

.clear {
   clear: both;
   height: 1px;
   overflow: hidden;
}

#footer { 
   border-top: 1px solid #EEEEEE;
   text-align: right;
   margin: 20px 0 0 0;
   height: 25px;
   line-height: 25px;
}
