/**
* CSS-Styles for Bosch Security Systems Product Catalog
* authors: Stefan Joerger (ST/MKT2) together with Leonhardt Multimedia
* version: 8.05.02
*/

/* ############ gloabal ############ */

body{
  background-color:#ffffff;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#153B63;
  margin:0;
  padding:0;
}

/* 2008-04-13, jos5ot */
a{
 text-decoration:none;
 color:#153B63;
 cursor:pointer;
}

form{
  margin:0;
  padding:0;
}

ul{
  margin:0;
  padding:0;
  list-style-type:none;
}

h1, h2, h3, h4, h5, h6{
  margin:0;
  padding:0;
  font-weight:normal;
}

label{
 font-size: 14px;
 cursor: pointer;
}

tr{
 font-size: 11px;
 cursor: pointer;
 font-weight:100;
}


/*2008-04-13, jos5ot*/
img{
 border: 0;
}

.imgblock{
  display:block;
}

.clearer{
  clear:both;
}

.bggrey{
  background-color:#f1f1f1;
   font-weight:100;
}
.white{
  background-color:#ffffff;
   font-weight:100;
}



/* ############ structure ############ */

#page{
  width:100%;
}
#wrap{
  background-image:url(http://www.boschsecurity.com/catalog_overview/shared/m900.gif);
  float:left;  
  margin-bottom:0;
}
#center{
  margin-left:auto;
  margin-right:auto;
  width:900px;
}



/* ############ left - menu ############ */

#left{
	width:180px;
	float:left;
}
/* ######## menu  ######## */
#menu{
	background-color:#153b63;
	border-right:6px solid #B4C6D9;
	padding-bottom:6px;	
}
/* #### menu headline #### */
.menuHeadline{
	padding:20px 12px 9px 10px;
	color:white;
	font-size:13px;
  line-height:16px;
	font-weight:bold;
}
/* ## menu section headline ## */
.menuSectionHeadline{
	font-size:11px;
  line-height:14px;
	font-weight:bold;
	padding:5px 4px 7px 10px;
	color:white;
}

/* ## menu items ## */
#pageNavigation {
  width: 174px;
  background-color: #153B63;
  border-right:6px solid #B5C6DA;
}
#pageNavigation ul {
  list-style-type:none;
  list-style-position:outside;
}
#pageNavigation ul, #pageNavigation li, #pageNavigation p {
  padding:0;
  margin:0;
}
/* jos5ot, 07.04.2008 */
#pageNavigation .hover{
 background-color: #1B528C;
}
#pageNavigation a {
  display: block;
  background-image: url('../imgMenu/headerline.gif');
  background-repeat: no-repeat;
  color: #ffffff;
  font-size: 11px;
  line-height:14px;
  padding:2px 2px 2px 0;
}
#pageNavigation .first{
  background-image: url('../imgMenu/first_headerline.gif');
}
#pageNavigation .last{
  background-image: url('../imgMenu/last_headerline.gif');
  background-repeat: no-repeat;
  background-position: -165px 0px;
  line-height:1px;
  font-size:1px;
  height:6px;
}
#pageNavigation li p a {
  padding-left: 17px;
  padding-right:4px;
  background-position: -165px 0px;
}
#pageNavigation li li p a {
  padding-left: 25px;
  padding-right:4px;
  background-position: -157px 0px;
}
#pageNavigation li li li p a {
  padding-left: 33px;
  padding-right:4px;
  background-position: -149px 0px;
}
#pageNavigation li li li li p a {
  padding-left: 41px;
  padding-right:4px;
  background-position: -141px 0px;
}
#pageNavigation a.open {
  background-image: url('../imgMenu/headerline_open.gif');
}
#pageNavigation a.selected {
  background-color: #2269B5;
}

/* ######## sub menu  ######## */
.submenu{
	margin-left:6px;
	padding:10px;
	font-size:11px;
  line-height:14px;
	color:#153B63;
	background-color:#B4C6D9;
}



/* ############ content ############ */

#right{
  float:left;
  width:720px;
}
.content{
  float:left;
  border-top:6px #B4C6D9 solid;
  margin-bottom:40px;
}


/* ######## breadcrumb ######## */
.contentBreadcrumb{
  float:left;
  width:720px;
  background-color:#DFE9F3;
  line-height:14px;
}
.contentBreadcrumb li{
  float:left;
  padding:9px 10px 0 10px;
  border-left: 1px solid #B4C6D9;
}
/* first element */
.contentBreadcrumb li.first{
  border-left: none;
  float:left;
  padding:9px 10px 0 13px;
}
/* first element in BackTo-Breadcrumb
2008-04-22, jos5ot */
.contentBreadcrumb li.first2{
  border-left: none;
  float:left;
  padding:9px 10px 0 0px;
}
.contentBreadcrumb a{
  color:#7C94AC;
  font-weight:bold;
}


/* ######## headline ######## */
.headline h1{
  background-color: #DFE9F3;
  color: #153B63;
  padding: 12px 12px 12px 12px;
  font-size: 20px;
  line-height:24px;
  font-weight:bold;
}


/* ######## keyvisual ######## */
.keyvisual img{
  display:block;
}


/* ########## grid ########## */

.grid{
  padding:12px 0 0px 6px;
}
.mainContent{
  width:534px;
  float:left;
}
.mainContentFull{
  width:714px;
  float:left;
}


/* ######## marginal column ######## */

.marginal{
  width:174px;
  float:right;
}
/* #### marginal box #### */
.marginal .marginalBox{
  float:left;
  width:174px;
  margin-bottom:11px;
  background-color:#f1f1f1;
}
/* ## marginal icon box ## */
/* marginal box icon image */
.marginalIconBox .iconimg{
  float:left;
  width:37px;
}
/* marginal box icon text */
.marginalIconBox .icontext{
  float:left;
  width:137px;
  padding:8px 0 3px 0;
  font-size:12px;
  font-weight:bold;
  line-height:15px;
}

/* ## form input search field ## */
form input.search{
  margin: 5px 10px 6px 5px;
  padding:2px 2px 2px 2px;
  width: 145px;
  font-size: 10px;
  border-top: 1px #7C7C7C solid;
  border-left: 1px #7C7C7C solid;
  border-right: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
}

/* 2008-04-13, jos5ot */
form input.searchButton{
 background-color:#f1f1f1;
 border:0;
 color:#153B63;
 text-decoration:none;
 line-height:14px;
 text-indent:-8px;
 list-style-type:none;
 font-size:11px;
 font-family:Arial,Helvetica,sans-serif;
/* font-weight:bold; */
 margin:0;
 cursor:pointer;
}

/* ## line white ## */
.lineWhite{
	height:2px;
	line-height:1px;
	font-size:1px;
	background-color:white;
	
}



/* ######## links ######## */
/* ## marginal box link ## */
.marginalBox ul.dynLink li{
  margin: 0;
  padding: 1px 6px 2px 13px;
  text-indent:-8px;
  line-height:14px;
  border-bottom:1px solid #ffffff;
}
/* ## main content link ## */
.mainContent ul.dynLink li{
  margin: 0;
  padding: 0 0 0 8px;
  text-indent:-8px;
  line-height:14px;
}
/* ## teaser row headline link ## */
ul.dynLink li.teaserRowHeadlineLink{
  margin: 0;
  padding: 0 0 0 8px;
  text-indent:-8px;
  line-height:18px;
}

/* ## product link ## */
ul.productLink{
  padding-top:6px;
}
ul.productLink li{
  margin: 0;
  padding: 0 0 0 9px;
  text-indent:-7px;
  line-height:15px;
  font-size:12px;
}
/* ## links plus ## */
.mainBox .plusLink{
  margin:6px 0 0 10px;
  padding:0 0 0 17px;
  font-size:11px;
  line-height:14px;
  background-image:url('../shared/plus.gif');
  background-repeat:no-repeat;
  background-position:0px 1px;
}
/* ## links minus ## */
.mainBox .minusLink{
  margin:6px 0 0 10px;
  padding:0 0 0 17px;
  font-size:11px;
  line-height:14px;
  background-image:url('../shared/minus.gif');
  background-repeat:no-repeat;
  background-position:0 1px;
}

.teaserRowProductSectionBox{
  float:left;
  padding:9px 0 10px 0;
}

/* ## teaser column product link ## */
ul.dynLink li.teaserColProductLink{
  margin: 0;
  padding: 0 0 0 18px;
  text-indent:-8px;
  line-height:15px;
  font-size:12px;
}
/* ##  ## */
ul.dynLink li.teaserRowProductfamilyLink{
  margin: 0;
  padding: 3px 0 1px 18px;
  text-indent:-8px;
  line-height:14px;
  font-size:11px;
  font-weight:bold;
}

/* linktext grey */
.linkGrey a{
  color: #727272;
}
/* linktext blue */
ul.dynLink li.linkBlue a{
  color: #153B63;
}



/* #### headline backgroundcolor #### */
.headlineBgc{
  background-color:#153B63;
  color:#ffffff;
  font-size:14px;
  font-weight:bold;
  padding:4px 10px 4px 10px;
}


/* #### teaser row #### */
.teaserRow{
  float:left;
}
/*2008-04-13, jos5ot*/
.teaserRowStartpage{
 float:left;
 padding: 12px 0 0 0;
}
/*2008-04-13, jos5ot*/
.teaserRowStartpage ul{
 width:534px;
}
/*2008-04-13, jos5ot*/
.teaserRowStartpage ul li,
.teaserRowStartpage ul li.right{
 float:left;
 width:174px;
 margin: 0 6px 0 0;
 display:inline;
 position:relative;
 min-height: 108px;
}
/*2008-04-13, jos5ot*/
.teaserRowStartpage ul li.right{
 margin:0;
}
/*2008-04-13, jos5ot*/
.teaserRowStartpage h3{
 font-size:17px;
 line-height:18px;
 padding:2px 0pt 9px;
 margin: 0;
}
/* ## teaser row column ## */
/*
.teaserRowBoxLeft, .teaserRowBoxMiddle{
  float:left;
  width:174px;
  margin-right:6px;
}
*/
.teaserRowBoxRight{
  float:left;
  width:174px;
}
/* teaser row image */
.teaserRowBoxImage{
  float:left;
  padding:12px 0 3px 0;
}
.teaserRowBoxImage img{
  display:block;
}
/* teaser row text */
.teaserRowBoxText{
  clear:both;
  float:left;
  width:174px;
  padding:2px 0 9px 0;
}
/* teaser row headline link */
.teaserRowHeadlineLink{
  font-size:17px;
  line-height:18px;
}
/* teaser row line */
.teaserRowLine{
  clear:both;
  float:left;
  margin: 0;
  padding:0;
}


/* #### main box #### */
.mainBox{
  float:left;
  width:534px;
  border-bottom: 1px solid #CCCCCC;
}
/* 2008-04-13, jos5ot inkl. Hack!*/
.mainBox p.chapterLink{
 margin: 0;
 padding: 0 0 0 28px !important; /*Firefox2*/
 padding: 0 0 0 38px; /*IE6*/
 width:506px !important; /*Firefox2*/
 width:496px; /*IE6*/
 cursor:pointer;
 text-indent:-8px;
 line-height:15px;
 font-size:12px;
}
/*2008-04-13, jos5ot*/
.mainBoxText .featuresList{
 list-style-type: square;
 padding:6px 0 0 24px;
/* font-weight: bold;*/
}
/* ## main box image ## */
.mainBoxImage{
  float:left;
  padding:12px 37px 12px 37px;
}
.mainBoxImage img{
  display:block;
}
/* ## main box text 354 ## */
.mainBoxText{
  float:left;
  width:354px;
  padding:3px 4px 9px 0;
  font-size:12px;
  line-height:15px;
}
/* headline */
.mainBoxText h3{
  font-size:17px;
  line-height:18px;
  padding:7px 0 0 9px;
}
/* text */
.mainBoxText p{
  margin:0;
  padding:6px 0 0 9px;
}
/* list */
.mainBoxText ul.text{
  margin:0 0 0 25px;
  padding:0;
  list-style-type:square;
}


/* #### main box full #### */
.mainBoxFull{
  float:left;
  width:714px;
  border-bottom: 1px solid #b2b2b2;
}
/* ## main box full text 338 ## */
.mainBoxFullText{
  float:left;
  width:338px;
  padding:3px 20px 9px 0;
  font-size:12px;
  line-height:15px;
}
.mainBoxFullText p{
  margin:0;
  padding:6px 0 0 6px;
}
/* ## main box full text 511 ## */
.mainBoxFullTextFull{
  float:left;
  width:511px;
  padding:3px 20px 9px 3px;
  font-size:12px;
  line-height:15px;
}
.mainBoxFullTextFull p{
  margin:0;
  padding:6px 0 0 0;
}
/* ## main box full text marginal ## */
.mainBoxFullTextMarginal{
  float:left;
  width:176px;
  padding:3px 4px 9px 0;
  font-size:12px;
  line-height:15px;
}
.mainBoxFullTextMarginal p{
  margin:0;
  padding:6px 0 0 0;
}


/* #### product preview #### */
.productPreview{
  float:left;
  padding:24px 0 0 0;
  background-image: url('../shared/productbackground.jpg');
  background-repeat: no-repeat;
}
/* ## product preview image ## */
.productPreviewImage{
  float:left;
  padding:0 33px 16px 33px;
}
.productPreviewImage img{
  display:block;
}
/* ## product preview text box ## */
.productPreviewTextBox{
  float:left;
  width:340px;
  font-size:12px;
  line-height:15px;
  padding:2px 14px 0 0;
}
/* list */
.productPreviewTextBox ul.list{
  padding-left:14px;
  margin-bottom:18px;
  list-style-type: square;
}


/* #### product preview footer #### */
.productPreviewFooter{
  float:left;
  width:366px;
}
.productPreviewFooter ul{
  float:left;
  padding-bottom:6px;
}
.productPreviewFooter li{
  float:left;
}
/* product zoom */
.productPreviewFooter .productZoom{
  float:left;
  line-height:14px;
  margin-left:12px;
  padding-left:24px;
  background-image: url('../shared/zoom.gif');
  background-repeat: no-repeat;
}
/* product print */
.productPreviewFooter .productPrint{
  float:left;
  line-height:14px;
  margin-left:12px;
  padding-left:24px;
  background-image: url('../shared/print.gif');
  background-repeat: no-repeat;
}
/* product tell a friend */
.productPreviewFooter .productTellafriend{
  float:left;
  line-height:14px;
  margin-left:12px;
  padding-left:24px;
  background-image: url('../shared/tellafriend.gif');
  background-repeat: no-repeat;
}
/* #### product number #### */
.productPreviewNumber{
  float:left;
  width:340px;
  font-size:12px;
  line-height:15px;
  padding-right:14px;
}


/* #### tab menu #### */
/* ## tab container top ## */
.tabsContainerTop{
  float:left;
  width:534px;
  background-color:#f1f1f1;
}
/* ## tab container bottom ## */
.tabsContainer{
  float:left;
  width:534px;
  background-color:#f1f1f1;
  background-image:url('../imgMenu/b2b2b2.gif');
  background-repeat:repeat-x;
  background-position:bottom left;
}
/* ## tab container full bottom ## */
.tabsContainerFull{
  float:left;
  margin-top:12px;
  width:714px;
  background-color:#f1f1f1;
  background-image:url('../imgMenu/b2b2b2.gif');
  background-repeat:repeat-x;
  background-position:bottom left;
}
.tabs a{
  font-size:12px;
  line-height:15px;
}
ul.tabs li{
  float:left;
}
/* tab container top normal */
.tabsContainerTop .innerTab{
  padding:4px 12px 5px 12px;
  border-bottom:1px solid #f1f1f1;
}
/* tab container top selected */
.tabsContainerTop .innerTabSelected{
  background-color:white;
  padding:4px 11px 5px 11px;
  border-left:1px solid #b2b2b2;
  border-right:1px solid #b2b2b2;
  border-bottom:1px solid #b2b2b2;
}
/* tab container bottom normal */
.tabsContainer .innerTab, .tabsContainerFull .innerTab{
  padding:4px 12px 5px 12px;
}
/* tab container bottom selected */
.tabsContainer .innerTabSelected, .tabsContainerFull .innerTabSelected{
  background-color:white;
  padding:3px 11px 4px 11px;
  border-left:1px solid #b2b2b2;
  border-right:1px solid #b2b2b2;
  border-top:1px solid #b2b2b2;
  border-bottom:1px solid white;
}


/* #### sub page container #### */
.subPageContainer{
  float:left;
  margin-top:23px;
  border-top:1px solid #b2b2b2;
}
.subPageContainerFull{
  float:left;
  border-top:1px solid #b2b2b2;
}

/* ## documents ##*/
/* documents row */
.docuRow{
  float:left;
  padding:4px 0 5px 0;
  border-bottom:1px solid #b2b2b2;
}
/* text */
.docuText{
  float:left;
  width:407px;
  padding:0 20px 0 7px;
  font-size:12px;
  line-height:15px;
}
/* links */
ul.docuLinks{
  float:right;
  width:100px;
	padding-top:1px;
  font-size:10px;
  line-height:13px;
}
ul.docuLinks li{
  float:left;
  padding:0 3px 0 3px;
}



/* ###### headline search box - icon text ###### */
.headlineSearchBox{
  float:left;
  padding-top:3px;
}
/* icon */
.headlineSearchBoxImage{
  float:left;
}
.headlineSearchBoxImage img{
  display:block;
}
/* text */
.headlineSearchBox h2{
  float:left;
  margin:0;
  padding:6px 0 0 3px;
  font-size:15px;
  font-weight:bold;
  line-height:18px;
}


/* ###### download box ###### */
.downloadSearchBox{
  background-color:#f1f1f1;
  padding-bottom:8px;
}
.downloadSearchBox form{
  padding-left:9px;
}
.downloadSearchBox select{
  width:255px;
  font-size:11px;
  margin-top:6px;
}
.downloadSearchSubmit{
  padding:6px 0 0 0;
  font-size:11px;
  line-height:14px;
}


/* ###### download container ###### */
.downloadContainer{
  float:left;
  margin-top:11px;
  border-top:1px solid #b2b2b2;
}
.downloadContainer .docuText{
  font-size:11px;
  line-height:14px;
}



/* ######## search box ######## */
.searchBox{
  float:left;
  width:714px;
  background-color:#f1f1f1;
}
.searchBoxNormal{
  padding-bottom:14px;
}

/* ###### search box row ###### */
.searchBoxRow{
  float:left;
  padding:0 9px 0 9px;
  font-size:12px;
  line-height:15px;
}


/* #### search box col left #### */
.searchBoxColLeft{
  float:left;
  width:351px;
}
/* #### search box col right #### */
.searchBoxColRight{
  float:left;
  width:345px;
}

/* search input field */
input.searchField{
  height:13px;
  padding:1px 0 1px 3px;
  width:335px;
  font-size:12px;
}
/* search submit */
.advancedSearchSubmit{
  float:left;
  padding:1px 0 0 0;
  font-size:11px;
  line-height:14px;
}


/* #### advanced search row date #### */
.advSearchRowDate{
  float:left;
  padding:8px 0 0 5px;
  font-size:12px;
  line-height:15px;
}
.advSearchInput{
  float:left;
}
.advSearchText{
  float:left;
  padding:3px 9px 0 0;
}
input.dateField{
  height:13px;
  padding:1px 0 1px 3px;
  width:75px;
  font-size:12px;
  color:#153B63;
}
.advSearchIconCalendar{
  float:left;
  padding:2px 9px 0 5px;
}


/* #### search details box #### */
.searchDetailsBox{
  float:left;
  padding:16px 9px 0px 9px;
  font-size:11px;
  line-height:15px;
}
.searchDetailsBox a.advPlusLink {
  margin:0;
  padding:0 0 0 17px;
  background-image:url('../shared/blueplus.gif');
  background-repeat:no-repeat;
}
.searchDetailsBox a.advMinusLink{
  margin:0;
  padding:0 0 0 17px;
  background-image:url('../shared/blueminus.gif');
  background-repeat:no-repeat;
}
.searchDetailsBoxHeadline{
  margin:0 0 7px 0;
}
.searchDetailsBox p{
  margin:0;
  padding:0 20px 7px 0;
}


/* ###### search option box ###### */
.searchOptionBox{
  float:left;
  width:714px;
}
/* #### headline #### */
.searchOptionHeadline{
  float:left;
  width:696px;
  padding:9px;
  font-size:12px;
  font-weight:bold;
  line-height:15px;
  border-bottom:1px solid #b2b2b2;
}

/* #### search option box row #### */
.searchOptionBoxRow{
  float:left;
  padding:10px 9px 10px 5px;
  font-size:12px;
  line-height:15px;
  border-bottom:1px solid #b2b2b2;
}
/* ## check box full ## */
.checkBoxFull{
  float:left;
  width:700px;
}
.paddingBottom10{
  padding-bottom:10px;
}
.checkBoxFull input{
  float:left;
}
.checkBoxFull label{
  float:left;
  padding-top:3px;
  width:660px;
}

/* ## search option box col left ## */
.searchOptionBoxColLeft{
  float:left;
  width:351px;
}
/* ## search option box col right ## */
.searchOptionBoxColRight{
  float:left;
  width:349px;
}
.searchOptionBoxColLeft .checkBox, .searchOptionBoxColRight .checkBox{
  clear:left;
  float:left;
  width:329px;
  margin-top:1px;
}
.searchOptionBoxColLeft input, .searchOptionBoxColRight input{
  float:left;
}
.searchOptionBoxColLeft .checkBox label, .searchOptionBoxColRight .checkBox label{
  float:left;
  padding-top:3px;
  width:309px;
}

/* # search option box column row # */
.searchOptionBoxColRow{
  float:left;
  width:165px;
}
.searchOptionBoxColRow .checkBox{
  clear:left;
  float:left;
  width:144px;
  margin-top:1px;
}
.searchOptionBoxColRow input{
  float:left;
}
.searchOptionBoxColRow .checkBox label{
  float:left;
  padding-top:3px;
  width:124px;
}

.searchSuggestion{
 padding:10px 10px 0 10px;
 font-size:12px;
}

.searchSuggestion a{
 font-weight:bold;
}

/* #### paging row #### */
.searchPagingRow{
  float:left;
  width:714px;
  font-size:12px;
  line-height:15px;
}
/* headline */
.searchPagingHeadline{
  float:left;
  width:344px;
  padding:12px 10px 15px 10px;
  font-weight:bold;
}
/* paging box*/
.searchPagingBox{
  float:right;
  width:350px;
  padding:12px 0 15px 0;
}
ul.searchPaging{
  float:right;
}
ul.searchPaging li{
  float:left;
}
.searchPaging a{
  padding:1px 5px;
}
.searchPaging .active{
  padding:1px 4px;
  background-color:#4E87C4;
  color:#ffffff;
}

/* jos5ot */ 
.advanced{
  padding-bottom:20px;
}

.searchBox .searchInfo{
  background-repeat: no-repeat;
  background-position: left;
  height: 17px;
  line-height: 17px;
  padding: 0 0 0 17px;
  margin: 6px 0 0 10px;
  display: block;
  text-indent: 1px;
  background-image: url('../images/blueplus.gif');
  cursor: pointer;
}

/* 2008-04-20, jos5ot CSS-Layer for Search Tips*/
.searchBoxInfos{
 z-index:100;
 font: 11px arial,helvetica,sans-serif;
 color: #000066;
 width: 340px;
 position: absolute;
 top: 260px;
 left: 38%;
 display: block;
 background: #DEEBF7;
 border: 1px solid #B5C7DE;
 text-decoration: none;
 padding: 0 3px 3px 3px;
}

.messageOk{
 background-color:White;
 vertical-align:middle;
 border-bottom:2px solid #225A8D;
 margin:0px !important;
 height: 16px;
 padding-left: 4px;
 padding-top: 0;
}

div.popIn{
 visibility:hidden;
 background-color: #F7F3F7;/*#DEE9F4;*/
 border:1px solid #A1A1A1;
 position: absolute;
 top: 260px;
 left: 38%;
 display: block;
 width:400px;
 z-index:100;
 font: 11px arial,helvetica,sans-serif;
 vertical-align: middle;
}

div.popIn p{
 vertical-align: middle;
 padding: 3px 0 4px 4px;
}
/*
div.popIn img{
 border:medium none;
 vertical-align:middle;
 padding: 2px 6px 2px 2px;
}
*/
div.popIn p.closePopIn{
 background-color:#153B63;
 font-weight: bold;
 text-align: right;
 color: White;
 padding: 0 4px 0 0;
 margin: 0;
 vertical-align: middle;
 cursor: pointer;
}

img.closePopIn{
 float:right;
 margin-right:0px;
 margin-top:0px;
 vertical-align: middle;
}

p.layerHeadline{
 font-size: 13px;
}

.searchBoxInfos .leftSide{
  margin:0;
  padding:0;
  width:354px;
  float:left;
}

.searchBoxInfos .rightSide{
  margin:0;
  padding:0;
  width:330px;
  float:left;
}

p.closePopIn img{
 height: 7px;
 width: 7px;
 padding-right:4px;
}

div.advancedSearchSubmit img{
 padding:1px 0 2px 5px;
 margin:0
}
 
.tipp:hover div.searchBoxInfos {
 width: 340px;
 position: absolute;
 top: 260px;
 left: 38%;
 display: block;
 background: #e6ecff;
 border: 1px solid #003399;
 text-decoration: none;
 padding: 3px;
}
/*
 opacity: .8;
 filter: alpha(opacity=80);
*/


/* ############ footer ############ */

#footer{
  float:left;
  width:900px;
  background-image:url('../shared/footer.gif');
  background-position:bottom left;
  background-repeat:no-repeat;
  font-size:11px;
  line-height:14px;
}
/* footer top of a page */
.footerTopLink{
  float:left;
  width:165px;
  margin-top:15px;
  padding:0px 0 2px 15px;
}
/* footer content text*/
.footercontent{
  float:left;
  width:513px;
  padding:0 10px 0 9px;
}
/* footer print */
.footerPrint{
  float:right;
  margin-left:12px;
  padding-left:24px;
  background-image:url('../shared/print.gif');
  background-repeat:no-repeat;
  background-position:top left;
  font-size:11px;
  line-height:14px;
  text-align:right;
}
/* footer tell a friend */
.footerTellaFriend{
  float:right;
  margin-left:12px;
  padding-left:24px;
  background-image:url('../shared/tellafriend.gif');
  background-repeat:no-repeat;
  background-position:top left;
  font-size:11px;
  line-height:14px;
  text-align:right;
}



/* ############ popup ############ */

.popupContent{
  margin-left:auto;
	margin-right:auto;
  width:810px;
}
/* ## image ## */
.popupImage img{
  display:block;
}
/* ## navigation ## */
.popupNavigation{
  padding:6px 0 7px 300px;
  background-color:#f1f1f1;
}
/* previus */
.popupPrevius{
  background-image:url(../shared/popupprev.gif);
  background-repeat:no-repeat;
  background-position:right;
  line-height:14px;
  padding-right:11px;
  margin-right:18px;
}
/* next */
.popupNext{
  background-image:url(../shared/popupnext.gif);
  background-repeat:no-repeat;
  background-position:left;
  line-height:14px;
  padding-left:11px;
  margin-left:18px;
}
/* ## text ## */
.popupText{
  float:left;
  width:490px;
  padding:13px 0 13px 14px;
  font-size:12px;
  line-height:15px;
}
/* ## links ## */
ul.popupLinkList{
  float:right;
  width:215px;
  margin:0;
  padding:13px 14px 13px 0;
}
ul.popupLinkList li{
  margin: 0;
  padding: 0 0 0 8px;
  text-indent:-8px;
  font-size:12px;
  line-height:15px;
}
/* ## popup footer ## */
.popupFooter{
  height:16px;
  padding:2px 7px 0 0;
  background-color: #829DBA;
  font-size:11px;
  line-height:14px;
  text-align:right;
}
.popupFooter a{
  color:#ffffff;
  font-weight: bold;
}

.contentHover{
 background-color:#DFE9F4;
}

/* copy from Header Service: */
	#headerService{
		width:100%;
		font-family : Arial, Helvetica, sans-serif;
		text-align:center;
		background-color:white;
	}

	
	#headerService .hsHeader{
	width:900px;
	margin:0px auto 0px auto;
	display:table;
	}
	#headerService .hsHeaderRow{
		/*display:table-row;border:1px solid red;*/
		}
	#headerService .hsHeaderCell{
		/*display:table-cell;border:1px solid green;*/
	}
	#headerService A{
		text-decoration:none;
	}
	
	#headerService .buttonsDelimiter{
		background-color:white;
		width:1px;
	}
	
	#headerService .languageButtonsDelimiter{
		background-color:#c7d4e2;
		width:1px;
	}
		
	#headerService .headerButtonsRow{
		color:#153b63;
		width:900px;
		background-color:#b4c6d9;
		height:18px;
		text-align:left;
	}

	#headerService .headerButton{
		padding:0px 10px 0px 0px;
		color:#153b63;
		width:1px;
	}
	
	#headerService .headerLanguageButton{
		padding:0px 5px 0px 5px;
		color:#153b63;
		width:1px;
	}
	#headerService .buttonsDelimiterLangEnd{
		padding-left:5px; 
	}
	
	#headerService .headerButton2{
		padding:0px 10px 0px 10px;
		color:#153b63;
		width:1px;
	}
	
	#headerService .headerButtonLabel{
		line-height:15px;
		color:#153b63;
		font-size:10px;
		white-space: nowrap;
	}
	
	#headerService .headerButtonIcon{
		width:1px;
		white-space: nowrap;
	}
	#headerService .headerLogoRow{
		width:900px;
		height:49px;
		text-align: right;	
	}
	
	#headerService .breadcrumbRow{
		background-color:#153b63;
		width:900px;
		color:white;
		height:18px;
		text-align:left;
		overflow:hidden;
	}
	#headerService .breadcrumbRowDiv{
		border-bottom: 1px solid white;	
	}
	
	#headerService .startpageBreadcrumbRow{
		background-color:#bfd2e3;
		width:900px;
		color:white;
		height:18px;
		text-align:left;
	}
	
	#headerService .breadcrumbButtonLabel{
		color:white;
		font-size:11px;
	}
	
	#headerService .breadcrumbButton{
		padding:0px 3px 0px 10px;
		background-color:#153b63;
		float:left;
		display:inline;
	}	


#puHeaderService{
  width:100%;
  font-family : Arial, Helvetica, sans-serif;
  text-align:center;
}	

#puHeaderService .hsHeader{
  width:100%;
  margin-left:0;
  margin-right:0;
}

#puHeaderService .headerHeadline{
  padding: 10px 10px 0px 10px;
  font-size: 16px;
  font-weight: bold;
  color: #153B63;
}

#puHeaderService .headerLogo{
  padding: 0px 0px 0px 10px;
  width:100%;
  height:40px;
}

