<!--
/* CSS Document */
/*------------------------------------------------------------------------------*/

body {
   font-family: Arial,MS Sans Serif;
   font-size: 0.65em;
      
   font-weight: normal;
   color: #000000;
   margin: 0px;
   padding: 0px;
}

/* offene Klassen */
/*------------------------------------------------------------------------------*/

.messageBox { 
   font-family: Arial, sans-serif, Verdana; 
   font-size: 10px;  
   margin-bottom: 1em;
}

.messageStackError, .messageStackWarning { 
   font-family: Arial, sans-serif, Verdana; 
   font-size: 1em;
   padding: 2px; 
   background-color: #ffb3b5; 
}
.messageStackSuccess { 
   font-family: Arial, sans-serif, Verdana; 
   font-size: 1em; 
   padding: 2px; 
   background-color: #99ff00; 
}


/* P  und H */
/*------------------------------------------------------------------------------*/

p {
   font-family: Arial,MS Sans Serif;
   padding: 0em;
   margin: 0em 0em 1em 0em;
}

p.address_header {
   margin: 0em 0em 0.2em 0em;
}

p.address {
   padding-left: 20px;
}

h1 {
   font-family: Arial,MS Sans Serif;
   font-size: 1.42em;
   margin: 0 0 0.6em 0;
   padding: 0em;
}


h2 {
   font-family: Arial,MS Sans Serif;
   font-size: 1.33em;
   margin: 0 0 0.6em 0;
   padding: 0em;
}

h3 {
   font-family: Arial,MS Sans Serif;
   font-size: 1.25em;
   margin: 0 0 0.6em 0;
   padding: 0em;
}

h4 {
   font-family: Arial,MS Sans Serif;
   font-size: 1.17em;
   margin: 0 0 0.6em 0;
   padding: 0em;
}

h5 {
   font-family: Arial,MS Sans Serif;
   font-size: 1.08em;
   margin: 0 0 0.6em 0;
   padding: 0em;
}

h6 {
   font-family: Arial,MS Sans Serif;
   font-size: 1em;
   margin: 0 0 0.6em 0;
   padding: 0em;
}


/* UL und LI */
/*------------------------------------------------------------------------------*/
ul {

}

li {
    margin: 0 -0.6em;
}

/* DIV Hauptstruktur */
/*------------------------------------------------------------------------------*/

div {
   padding: 0em;
   margin: 0em;
}

div#main {
   position: relative;
}


div.header {
   position: absolute;
   left: 0px;
   top: 0px;

   height: 98px; 
   width: 850px; 
   z-index: 100;

   background-image: url(ibpmain_01_FILES/header.gif);
   background-repeat: no-repeat;
   overflow: visible;
   z-index: 100;
}

div.header div.flags{
   position: absolute;
   left: 821px;
   top: 9px;

   height: auto;
   width: 175px;

   padding: 0px;
   margin: 0px;
   border: 0px solid black;
}

div.header div.basic_navigation{
   position: absolute;
   left: 21px;
   top: 9px;

   padding: 0px;
   margin: 0px;
   color: #666666;
   border: 0px solid blue;

   /*font-size: 0.7em;
   color: #98accb;*/
}

div.header div.horizontal_navigation {
   position: absolute;
   left: 183px;
   bottom: 0px;
   
   font-size: 1.1em;
   color: #FFFFFF;
   
   width: 597px;
   height: 1.6em; /*16px*/

   padding-left: 15px;
   padding-right: 14px;
   padding-top: 0.27em; /*3px*/
   
   background-color: #003366;
   border: 0px solid black;
}

div.header div.horizontal_navigation div.header_login_link {
   position: absolute; 
   top: 0em; 
   right: 15px;

   color: white; 
   height: 1.45em; /*16px*/

   overflow: hidden;
   padding-top: 0.27em; /*3px*/
}

div.header div.horizontal_navigation div.header_login_link img {
   position: relative; 
   top: 0px; 
   left: 0px;

   vertical-align: text-top;
}

div.center {
   position: absolute; 
   left: 183px; 
   top: 101px;

   overflow: visible;
}

div.content {
   position: relative; 
   top: 0px; 
   left: 0px;

   width: 624px;  
   height: auto;
   
   overflow: hidden;
   background-color: #edf2f6;
   border: 1px solid #a8b6cd;
}

div.content_main {
   font-size: 1.18em;
   
   position: relative; 
   top: 0px;
   left: 0px;
   
   min-height: 42em; 
   height: auto;
      /*height: 42em;*/
      
   width: auto;
   
   padding: 15px;
   margin: 0px;

}

div.content_footer {
   position: relative;  
   left: 0px; 
   bottom: -0.6em; /*-35px*/

   height: 3em; /*30px*/
   width: 626px;
}

div.content_left {
   position: absolute; 
   left: 0px; 
   top: 98px;
   
   width: 180px; 
}

div.quicksearch {
   width: auto;
   height: 42px;
   
   margin: 0px; 
   padding-top: 8px;
   padding-left: 21px;
   
   background-color: #003366;
}


div.navigation_teaser {
   width: 145px;

   margin: 2em 0em 1em 2em; /*20px 0px 10px 20px*/
}

div.navigation_teaser h1 {
   font-size: 1em;
   font-weight: bold;
   color: #666666;
}
div.navigation_teaser p {
   font-size: 1em;
   font-weight: normal;
   color: #666666;
}


div.content_right {
   position:absolute; 
   left: 820px; 
   top: 101px;

   font-size: 1em;

   width: 175px;
   height: auto;
   
   border: 0px solid red;
}

div.breadcrumbs {
   font-size: 0.92em;
   font-weight: normal;
   
   color: #666666;
   
   height: 42px;
   width: auto;

   padding: 5px 14px 0px 0px;
   border: 0px solid red;
}

div.breadcrumbs a{
   font-size: 1em;
   font-weight: normal;
   
   color: #666666;
   text-decoration: none;
}

div.clear_both{
   clear: both;
   border: 0px solid #edf2f6;
   
   visibility: hidden;
}

/* DIV */
/*------------------------------------------------------------------------------*/

/*---BOXES RIGHT--------------------------------------------*/
div.box {
   height: auto;
   width: 100%;

   font-size: 1em;

   padding: 0px 0px 10px 0px;
   border: 0px solid red;
}
div.box_vendor a {
   color: #6699cc;^M
}^M
div.box p {
   font-size: 1.0em;
   font-weight: normal;
   line-height: 1.09em; /*12px*/
   color: #666666;   

   margin: 1.45em 1px 0px 1px; /*16px 1px 0px 1px*/
}

div.box_header {
   font-size: 1.0em;
   font-weight: bold;
   vertical-align: middle;

   height: 1.28em; /*14px*/
   width: 150px;
   
   padding: 0.27em 5px; /*3px 12px*/
   background-color: #cccccc;
}
div.box_vendor {
   padding: 10px 0px 0px 5px;
}
div.box_contact {
   padding: 10px 0px 0px 5px;
}

/*--- BANNER --------------------------------------------*/
div.banner {
   height: auto;
   width: 100%;
}

div.banner img{
   margin: 0px;
   margin-bottom: 15px;
   border: none;
   display: block;
}

div.banner a{
}


/*--- HELP -------------------------------------------*/

div.help_header{
   width: 100%;
   font-size: 1.15em;
   font-weight: bold;
   margin-bottom: 3px;
   padding: 3px;
   background-color: #FFFF85;
}

div.help_text{
   width: 100%;
   font-size: 1em;
   margin-bottom: 2.8em;
   padding: 3px;
   background-color: #FFFF85;
}


/*---DESCRIPTION AND THIRD NAVIGATIONLEVEL-------------------------------------------*/
div.theme_image {
   /*float: left;  FUNKTIONIERT NUR MIT EINEM DIV CLASS CLEAR_BOTH IM ANSCHLUSS!!*/
   
   width: 375px;
   height: 140px;
   
   margin: 0px;
   margin-left: -15px; /*liegt b�ndig am Rahmen des DIVs content_main an*/
   margin-bottom: 22px;

   border: 0px solid red;
   overflow: hidden;
   
}

div.theme_description {
   /*float:left;  FUNKTIONIERT NUR MIT EINEM DIV CLASS CLEAR_BOTH IM ANSCHLUSS!!*/
   /*genuise http://www.ib20.de/angebote/jugendliche/au-pair-vermittlung.html
    necessary for corresponding div.product_cities float:right;*/
   float:left;

   width: 325px;
   height: auto;
   
   padding: 0px;
   padding-left: 35px;
   margin-bottom: 10px;

   border: 0px solid red;
   overflow: hidden;
}

/*---LOCATION-------------------------------------------------*/
div.location_image {
   width: 150%;
   height: 140px;
   
   margin: 0px;
   margin-left: -15px; /*liegt b�ndig am Rahmen des DIVs content_main an*/
   margin-bottom: 22px;

   overflow: hidden;
   border: 0px solid red;
}

div.location_images {
   float: right;
   clear: left;
   text-align: left;

   width: 180px;
   height: auto;
   
   margin: 0 0 20px 20px;
   overflow: hidden;
   border: 0px solid red;
}

div.location_images img{
   float: right;
   clear: both;
   margin: 0 0 1em 0;
   border: none;
}

div.location_header {
   font-size: 1.25em;
   font-weight: bold;
   width: auto;
   height: auto;
   
   margin: 0 0 1.25em 0;
   border: 0px solid red;
}

div.location_description {
   width: auto;
   height: auto;
   
   margin: 0 0 1em 0;
   border: 0px solid red;
}

div.location_subsite_header {
   font-size: 1.33em;
   font-weight: bold;
   
   margin: 0 0 0.5em 0;
}


/*---Location Subsites----------------------------------------*/
/* D O W N L O A D */
div.location_download {
   position: relative;
   margin-bottom: 2em; 
}

div.location_download .left {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 110px;
   overflow: hidden;
}

div.location_download .left img {
   vertical-align: top;
}

div.location_download .right {
   padding-left: 120px;
   border: 0px solid red;
}

/* N A V I G A T O R */
div.location_navigator {
   width: 100%;
   margin-bottom: 2em;

}

div.location_navigator .headline {
   font-size: 1em;
   font-weight: bold;
   margin-bottom: 0.5em;
}

/* P A R T N E R */
div.location_partner {
   position: relative;
   margin-bottom: 2.5em; 
   border-bottom: 1px solid #000;
}

div.location_partner .headline {
   font-size: 1.33em;
   font-weight: bold;
   margin: 0 0 0.1em 0;
}

div.location_partner .url {
   margin: 0.5em  0 0 0;
}

div.location_partner img {
   display: block;
   margin: 0 0 0.6em 0;
   padding: 0;
}


/*---PRODUCT--------------------------------------------------*/
div.product_image {
   float: left; /* FUNKTIONIERT NUR MIT EINEM DIV CLASS CLEAR_BOTH IM ANSCHLUSS!!*/
   
   width: 375px;
   height: 150px;
   
   margin: 0px;
   margin-left: -15px;
   margin-bottom: 22px;

   overflow: hidden;
}

/*---LOGO--------------------------------------------------*/
div.product_logos {
   
   width: 295px;  
   margin: 0px;
   margin-left: 35px;
   margin-bottom: 22px;
   padding:15px;
   background-color:#fff;
   overflow: hidden;
   float:left;
}
div.product_logos img {
    
    margin-left:15px;
}


div.product_right, div.third_level_navigation, div.product_cities {
   float: right; /*FUNKTIONIERT NUR MIT EINEM DIV CLASS CLEAR_BOTH IM ANSCHLUSS!!*/
   /*
   position: absolute;
   right: 0;
   top: 64px;   
   */
   color: #003366;

   width: 180px;
   height: auto;
   
   margin: 0px;
   margin-bottom: 22px;

   padding: 0em 25px; /*0px 25px*/
   border: 0px solid red;
   overflow: hidden;
}

div.third_level_navigation, div.product_cities {
/*   position: absolute;
   right: 0;
   top: 64px;
   genuise: http://www.ib20.de/angebote/jugendliche/au-pair-vermittlung.html
   in the script fileadmin/_shop/catalog/components/includes/_php_product_listing.php
   now order of divs is chnaged
<div class="theme_description">...</div>

<div class="product_cities">...</div>
<div class="product_left"/>
<div class="clear_both"/>
<div class="third_level_navigation"/>

so
    div.product_cities have to be floated to the right
    and
    div.product_left to the left
    and div.theme_description have to be floated to the left

    look div.theme_description styles

*/
    float: right;


   width: 200px;
   padding: 0em 15px;
}

div.product_right h2, div.third_level_navigation h2 {
   font-size: 1.1em;
   font-weight: bold;
   line-height: 1.09em;

   color: #003366;
}

div.product_right p, div.third_level_navigation p {
   /* font-size: 1.1em; */
   font-weight: normal;
   /* line-height: 1em; */
   color: #003366;
   
   margin-bottom: 1em;
}


div.product_left {
   float:left; /* FUNKTIONIERT NUR MIT EINEM DIV CLASS CLEAR_BOTH IM ANSCHLUSS!!*/
   
   width: 325px;
   height: auto;
   
   padding: 0px;
   padding-left: 35px;

   border: 0px solid red;
   overflow: hidden;
}

div.product_left div {
   width: 100%;
   height: auto;
   
   padding: 1em 0em 1.2em 0em; /*10px 0px 12px 0px*/
   margin: 0em;
   margin-bottom: 18px;
   
   border-top: 1px solid #99cccc;
   border-bottom: 1px solid #99cccc;
}

div.product_left div.dotted_sub {
   border: none;
   border-top: 1px dotted #99cccc;
   margin: 0em;
   margin-top: 1em;
}

div.product_left div.dotted_sub h1 {
   font-size: 1.1em;
   font-weight: bold;
   margin-bottom: 0.5em;
}

div.product_left div h1 {
   font-size: 1.3em;
   font-weight: bold;
   margin: 0em;
   padding: 0em;
}

div.product_left div h2 {
   font-size: 1.1em;
   font-weight: normal;
}

div.product_left div h3 {
   font-size: 1.1em;
   font-weight: bold;
   color: #003366;
   
   margin-bottom: 20px;
}

div.product_left p{
   margin: 0em;
   margin-bottom: 1.1em;
}

div.product_left div.product_list {
   width: 100%;
   height: auto;
   
   padding: 1em 0em 1em 0em; /*10px 0px 12px 0px*/
   margin: 0em;
   margin-bottom: 10px;
   
   border-top: 1px solid #99cccc;
   border-bottom: 1px solid #99cccc;
}

div.product_left div.product_list h2 {
   font-size: 1.1em;
   font-weight: bold;
   color: #003366;
   
   margin-bottom: 1em;
}

div.product_left div.product_list ul {
   list-style-type: none;
   margin-left: -40px; 
   #margin-left: 0px;   
}

/*---STANDORTAUFLISTUNG--------------------------------------------*/
div.location_listing {
   margin-bottom: 1.5em;
   padding-left: 3px;^M 
}
div.location_listing p{
   padding-left: 3px;^M
}
div.location_listing h1 {
   font-weight: bold;
   font-size: 1.08em;
   padding: 2px;
   margin-bottom: 0.3em;
   background-color: #dddddd;
}

div.location_listing ul {
   background-color: transparent;
   list-style-type: disc;
   margin: 0px;
   #margin-left: 3.2em;   
}

div.location_listing ul li {
   font-weight: normal;
   font-size: 1em;
   margin-bottom: 0.5em;
}


div.category_list {
   
}

div.category_product_list {
   
}

div.class_errMsg {

}

div.csc-header {
   margin: 0px;
   padding: 0px;
}


/* Listen */
/*------------------------------------------------------------------------------*/
ul.category_list {
   list-style: none;
   margin-left: -45px; 
   #margin-left: -5px;
}

ul.category_list li {
   margin: 0 0 0.2em 0;
}

ul.category_list li a {
   background:url(ibpmain_01_FILES/arrow_blue.gif) no-repeat 0px 0px;
   padding: 0.1em 0 0 17px;
}

ul.category_list li a#choosen {
   background:url(ibpmain_01_FILES/arrow_blue_down.gif) no-repeat 0px 0px;
   padding: 0.1em 0 0 17px;
   font-weight: bold;
}


/*---------------*/
ul.city {
   list-style: none;
   margin-left: -45px; 
   #margin-left: -5px;
}

ul.city li a{
   background:url(ibpmain_01_FILES/arrow_blue.gif) no-repeat 0px 0px;
   padding: 1px 0 0 17px;
}

ul.city li a#choosen {
   font-weight: bold;
}


/* Left Content Angebote Menu */
/*------------------------------------------------------------------------------*/
ul#product_nav li a{
   font-size: 0.7em;
   font-weight: bold;
   color: #FFFFFF;
   
   display: block;
   
   background: url(ibpmain_01_FILES/arrow_blue.gif) no-repeat 0 50%;
   padding: 1px 0 2px 17px;
}

ul#product_nav a.act{
   background: url(ibpmain_01_FILES/arrow_blue_down.gif) no-repeat 0 50%;
}

ul#product_nav ul a, ul#product_nav ul a.act{
   color: #003366;
   font-weight: normal;
   text-decoration: none;
   
   background-image: none;
   background-color: #cccccc;
   padding-left: 2em;
}

ul#product_nav ul a.act{
   color: #003366;
   font-weight: bold;
   background-color: #edf2f6; 
}

ul#product_nav ul a:hover{
   background-color: #edf2f6; 
}

ul#product_nav{
   margin: 0;
   padding: 0;
   list-style-type: none;
}

ul#product_nav ul{
   margin: 0;
   padding: 0;
   list-style-type: none;
}

ul#product_nav li{
   margin: 0;
   padding: 0;
   border:0;
   background-color: #003366;
   
   border-top: 1px solid #a8b6cd; /*blueish border*/
}

ul#product_nav li li{
   margin: 0;
   padding: 0;
   
   border-bottom: 1px solid white; /*white border every list element bottom*/
}

ul#product_nav li li:first-child{
   border-top: 1px solid white; /*white top line if second level list*/
}

* html ul#product_nav ul{
   border-top: 1px solid white; /*the same for IE*/
}


/* TABLE */
/*------------------------------------------------------------------------------*/

table {
   font-size: 1em;
   empty-cells: show;
   table-layout: fixed;
   border-collapse: collapse;
   
   width: 100%;
   padding: 0em;
   margin: 0em;
   border: none;
}

table.infosanfordern {
   table-layout: auto;
   width: 495px;
}

table.infosanfordern td {
   height: 25px;
}

td{
   padding: 0px;
   margin: 0px;
}

table.footer{
   background-color: none;
}

table.footer td{
   color: #666666;
   
   height: 1.8em; /*18px*/
   
   padding: 0px;
   overflow: hidden;
}

/*
table.footer td.left {
   width: 70px;
}

table.footer td.center {
   text-align: right;
}
*/
table.footer td.right {
   width: 80px;
   text-align: right;
}

table.product_navigation{
   background-color: #003366;
   border-collapse: collapse;
}

table.product_navigation tr {
   border: none;
}

table.product_navigation td{
   font-size: 1.1em;
   font-weight: bold;
   color: #ffffff;
   
   height: 1.82em; /*1.67em; 20px*/
   padding: 0px;
   margin: 0px;
   vertical-align: middle;
   /*border-bottom: 1px solid #a8b6cd;*/
   border-top: 1px solid #a8b6cd;
}

table.product_navigation td img{
   position: relative;
   top: 0px;
   left: 0px;
   vertical-align: middle;
   border: none;
}

/*----------------------------------------------------------*/
table.customerBox {
   margin-bottom: 1em;
}

table.customerBox td {
   height: auto;
   vertical-align: middle;
   border: 0px solid black;
}

table.customerBox td *{
   #vertical-align: middle;
}

td.customerBoxHeading {
   background-color: silver;
   font-size: 1.1em;
   font-weight: bold;
   padding: 0.2em;
}

td.customerBoxContent {
   padding: 0.2em;
}


/*----------------------------------------------------------*/
table.startup{
   table-layout: fixed;
   width: 420px;

   margin: 141px 0px 20px 18px;
   #margin: 156px 0px 20px 18px;   
   
   background-color: #edf2f6;
   border: 0px solid red;
}

td.views{
   width: 420px;

   border-collapse: collapse;
   vertical-align: top;
}
/*-----------*/
td.news{
   width: 156px;

   vertical-align: top;
}

td.news h1 {
   font-size: 1.1em;
   font-weight: bold;
   color: #003366;
   margin-top: 1.36em;
}
td.news p {
   font-size: 1.1em;
   font-weight: normal;
   color: #003366;
}

/*-----------*/
table.view{
   width: auto;
   border: 0px solid red;

   border-collapse: collapse;
   border-bottom: 1px solid #cccccc;
}

td.view_img{
   width: 150px;
   
   vertical-align: top;
}

td.view_text{
   width: 210px;
   
   vertical-align: top;
   padding: 15px 10px 0px 30px;
}

td.view_text h1 {
   font-size: 1.1em;
   font-weight: bold;
   color: #000000;
}
td.view_text p {
   font-size: 1.1em;
   font-weight: normal;
   color: #000000;
}

#catalog{
   color: #000033;
   background-color: #cccccc; 
}


table.product_navigation a{
   display: block;
   padding: 0.3em 0 0.3em 0;
   margin: 0;
        text-decoration: none;
}

table.product_navigation a.fl_no, table.product_navigation a.fl_act, table.product_navigation a.fl_last{
   font-weight: bold;
   color: #FFFFFF;
   
   background: url(ibpmain_01_FILES/arrow_blue.gif) no-repeat 0 50%;
   padding: 0.3em 0 0.3em 17px;
}

table.product_navigation a.fl_act{
   background: url(ibpmain_01_FILES/arrow_blue_down.gif) no-repeat 0 50%;
}

table.product_navigation a.fl_last:link, table.product_navigation a.fl_last:active, table.product_navigation a.fl_last:visited, table.product_navigation a.fl_last:hover {
   color: #003366;
   font-weight: bold;
   background: #cccccc;
}

table.product_navigation a.sl_no, table.product_navigation a.sl_act{
   color: #003366;
   font-weight: normal;
   background: #cccccc;
   padding-left: 2em;
}

table.product_navigation a.sl_act{
   color: #003366;
   font-weight: bold;
   background-color: #edf2f6; 
}

table.product_navigation a.sl_no:hover, table.product_navigation a.sl_act:hover{
   background-color: #edf2f6; 
}


/* IMG */
/*------------------------------------------------------------------------------*/

img {
   padding: 0px;
   margin: 0px;
   border: 0px solid #ffffff;
   text-decoration: none;
        clear: both;
}


img.language_flag {
   padding: 0px;
   margin: 0px;
   margin-right: 4px; /* <--- kein EM verwenden */
   border: none;
}

img.banner_right {
   margin-bottom: 15px; /* <--- kein EM verwenden */
}


/* INPUT */
/*------------------------------------------------------------------------------*/

input{
   margin: 0px;
}

input.search{
   display: block;   
   font-size: 1em;
   color: #009ee0;
   font-weight: bold; 
   height: 14px;
   width: 125px;
   background-color: #ffffff;
   border: 1px solid #ffffff;
   float: left;
}

/* SPAN */
/*------------------------------------------------------------------------------*/

span.link_seperator {
   margin: 0em 1em 0em 1em; /*0px 10px 0px 10px*/
}

span.link_seperator_basic {
   margin: 0em 0.5em 0em 0.5em; /*0px 5px 0px 5px*/
}

span.link_seperator_breadcrumb {
   margin: 0em 0.1em 0em 0.1em; /*0px 1px 0px 1px*/
}

/* A */
/*------------------------------------------------------------------------------*/

a:link {
   font-family: Arial, MS Sans Serif;
   font-size: 1em;
   text-decoration: none;
   color: #6699cc;
}

a:visited {
   text-decoration: none;
   color: #6699cc;
   
}

a:active {
   text-decoration: none;
   
}

a:hover {
   cursor: pointer;
   text-decoration: none;
}

/*-------------------*/
div.horizontal_navigation a:link {
   color: #ffffff;
}

div.horizontal_navigation a:visited {
   color: #ffffff;
}

div.horizontal_navigation a:active {
   color: #ffffff;
}

div.horizontal_navigation a:hover {
   color: #ffffff;
}

/*-------------------*/
a.box_link {
   font-family: Arial, MS Sans Serif;
   font-size: 1em;
   font-weight: normal;
   
   text-decoration: none;
   color: #6699cc;
}

a.box_link:visited {
   text-decoration: none;
   
}

a.box_link:active {
   text-decoration: none;
   
}

a.box_link:hover {
   cursor: pointer;
   text-decoration: underline;
}


/*-------------------*/
a.box_url {
   font-family: Arial, MS Sans Serif;
   font-size: 1em;
   font-weight: bold;
   
   text-decoration: none;
   color: #6699cc;
}

a.box_url:visited {
   text-decoration: none;
   
}

a.box_url:active {
   text-decoration: none;
   
}

a.box_url:hover {
   cursor: pointer;
   text-decoration: underline;
}

/* menu right */
/*------------------------------------------------------------------------------*/

#menu_right {
   height: auto;
   width: 160px;

   font-size: 1em;
   line-height: 130%;
   overflow: visible;
   padding-bottom: 20px;
   border: 0px solid red;
}

#menu_right ul a{
   color: #666666;
   line-height: 150%;
}

#menu_right h1{
   font-size: 1em;
   font-weight: bold;
   vertical-align: middle;
   background: #CCCCCC; 
   color: black;
  padding: 5px 2px 2px 5px;
}


#menu_right ul {
  margin: 0 0 0 5px;
  padding: 5px 5px 10px 5px;
  line-height: 130%;

}

#menu_right ul li {
  font-size: 1em;
  list-style-image: url(ibpmain_01_FILES/rm_arrow_no.gif);
  
 line-height: 130%;
  padding: 0;
  margin: -3px -3px;
}

* html * #menu_right ul li {
  margin: 0;
}

#menu_right ul li.if_sub{
  list-style-image: url(ibpmain_01_FILES/rm_arrow_blue_right.gif);
}

#menu_right ul li.act_if_sub, #menu_right ul li.cur_if_sub {
  list-style-image: url(ibpmain_01_FILES/rm_arrow_down.gif);
}

#menu_right ul li.act, #menu_right ul li.cur{
  list-style-image: url(ibpmain_01_FILES/rm_arrow_no.gif);
}

#menu_right ul li.no_style {
  list-style-image: none;
  list-style-type: none;
  
  margin: 0;
  padding: 0;
  
}

#menu_right ul a.act_cur{
  color: black;
  font-weight: bold;
}

/*----------second level ----------*/
#menu_right ul ul{
  margin: -2px 0;
  padding: 0 0 0 .5em;
  line-height: 150%; 
}

* html * #menu_right ul ul{
   margin: 0;
   line-height: 150%;
}

#menu_right ul ul li{
  font-size: 1em;
  margin: 0;
  padding: 0;
  
/*  list-style-type: none;
  list-style-image: none;*/
  list-style-image: url(ibpmain_01_FILES/rm_arrow_no.gif);

}

* html * #menu_right ul ul li{
   font-size: 1em;
   margin: 0;
   line-height: 100%;
}

#menu_right ul ul a{
   /*color: #6699cc;*/
   color: #999999;
   line-height: 100%;
}

#menu_right ul ul a.sl_act{
   color: black;
   font-weight: bold;
}

/* third level navigation menu */
/*------------------------------------------------------------------------------*/

.third_level_navigation {
   height: auto;
   width: 150px;
  
   font-size: 1em;

   overflow: visible;
   padding-bottom: 20px;
   border: 0px solid red;
}

.third_level_navigation a{
  /*color: #003366;*/
  color: #6699cc;
   
  margin: 0;
  padding: 0;
}

.third_level_navigation h1{
   font-size: 1.1em;
   font-weight: bold;

   vertical-align: middle;
   padding: 5px 2px 2px 0px;
}


.third_level_navigation ul {
  margin: 0;
  padding: 5px 5px 0px 15px;
}

.third_level_navigation ul li {
  /*color: #003366;*/
  list-style-image: url(ibpmain_01_FILES/rm_arrow_no.gif);
  
  padding: 0;
  margin: 0;
}

* html * .third_level_navigation ul li {
  margin: 0;
}

.third_level_navigation ul li.if_sub{
  list-style-image: url(ibpmain_01_FILES/rm_arrow_blue_right.gif);
}

.third_level_navigation ul li.act_if_sub, .third_level_navigation ul li.cur_if_sub {
  list-style-image: url(ibpmain_01_FILES/rm_arrow_down.gif);
}

.third_level_navigation ul li.act, .third_level_navigation ul li.cur{
  list-style-image: url(ibpmain_01_FILES/rm_arrow_no.gif);
}

.third_level_navigation ul li.no_style {
  list-style-image: none;
  list-style-type: none;
  
  margin: 0;
  padding: 0;
  
}

.third_level_navigation ul a.act_cur{
  font-weight: bold;
}


/*----------second level ----------*/
.third_level_navigation ul ul{
  margin: 0px 0px;
  padding: 0 0 0 1em;
  
}

* html * .third_level_navigation ul ul{
  margin: 0;
  padding: 0 0 0 1em;  
}

.third_level_navigation ul ul li{
  margin: 0px 0px;
  padding: 0px;
  
/*  list-style-type: none;
  list-style-image: none;*/
  list-style-image: url(ibpmain_01_FILES/rm_arrow_no.gif);

}

* html * .third_level_navigation ul ul li{
  margin: 0;
}

.third_level_navigation ul ul a{
  /*color: #003366;*/
  color: #6699cc;
}

.third_level_navigation ul ul a.sl_act{
  font-weight: bold;
}

/* banners content right */
/*------------------------------------------------------------------------------*/

#content_right_banners {
   margin:0;
   padding:0;
}

#content_right_banners h1 {
  font-size: 0.7em;

  background: #CCCCCC;
  
  color: black;
  padding: 5px 2px 2px 1em;
  
  margin-top: 2em;
}

#content_right_banners h1.csc-firstHeader {
   margin-top: 0;
}

#content_right_banners h2{
  font-size: 0.7em;
  
  color: black;
  font-weight: bold;
  margin: 1em 0px 0px 0px;
  padding: 0;
  
}

#content_right_banners p{
  font-size: 0.7em;
  margin: 0.5em 0 0 0;
}


div.horizontal_navigation a.fl_act{
   color: #98ACCB;
   text-decoration: none;
}

.tx-indexedsearch-browsebox ul.browsebox li {
   padding: 0 1.5em 0 0;
}
.tx-indexedsearch .tx-indexedsearch-icon, .tx-indexedsearch .tx-indexedsearch-percent {
   display: block;
}
.tx-indexedsearch-icon  {
   width: 18px;
}
.tx-indexedsearch-result-number {
   width: 0;
}
.tx-indexedsearch-title {
   width: 90%;
}

/*---ORDER PROCESS and STEPS--------------------------------------------*/
div.step_main {
   margin-top: 20px;
}

div.step {
   height: auto;
   width: auto;

   font-size: 1em;

   padding-bottom: 20px;
   /* border: 0px solid red; */
}

div.step p {
   font-size: 1.1em;
   font-weight: normal;
   line-height: 1.09em; /*12px*/

   color: #666666;   

   margin: 1.45em 1px 0px 1px; /*16px 1px 0px 1px*/
}

div.step_name {
   font-size: 1em;
   
   color: #003366;
   vertical-align: middle;

   height: 1.28em; /*14px*/
   width: auto;
   
   /* background: url(ibpmain_01_FILES/arrow_blue.gif) no-repeat 0 50%; */
   
   padding: 0.27em 12px; /*3px 12px*/
   /* background-color: #cccccc; */
}

div.step_name span.highlighted {
   background: url(ibpmain_01_FILES/arrow_blue.gif) no-repeat 0;
   font-weight: bold;
   padding: 0.3em 12px; /*3px 12px*/
}

div.step_name span.nothighlighted {
   background: url(ibpmain_01_FILES/arrow_blue.gif) no-repeat 0;
   padding: 0.3em 12px; /*3px 12px*/
}

div.step_header {
   font-size: 1em;
   font-weight: bold;
   vertical-align: middle;

   height: 1em; /*14px*/
   width: auto;
   
   padding: 0.27em 12px; /*3px 12px*/
   border-bottom: 1px solid #CCCCCC;
}

div.step_buttons {
   border-top: 1px solid #CCCCCC;
   margin-bottom: 2em;
   padding-top: 3px;
   #padding-top: 5px;
}


div.step_buttons a, 
div.step_buttons button,
a.front_button, 
a.front_button:visited, 
a.front_button:active, 
a.front_button:hover {
   font-size: 1em;
   font-weight: bold;
   text-decoration: none;
            
   height: auto; 
   width: auto;

   padding: 0.35em 20px;
   margin: 0;
   margin-right: 0.55em;
   
   background-color: #cccccc;
   color: #ffffff;
   border: none;

   cursor: pointer;
}

div.step_buttons button
{
   padding: 0.29em 20px;
}

a.front_button_small, 
a.front_button_small:visited, 
a.front_button_small:active, 
a.front_button_small:hover {
   font-size: 0.9em;
   font-weight: bold;
   text-decoration: none;
            
   height: auto; 
   width: auto;

   padding: 0.35em 10px;
   margin: 0;
   margin-right: 0.55em;
   
   background-color: #cccccc;
   color: #ffffff;
   border: none;

   cursor: pointer;
}


*.front_button {
   font-family: arial;
   font-size: 1em;
   font-weight: bold;
   vertical-align: middle;
            
   height: auto;
   width: auto;
   
   padding: 0.26em 12px;
   margin: 0;
   margin-right: 1em;
            
   background-color: #cccccc;
   color: #ffffff;
   border: none;

   cursor: pointer;  
}


td.left_column {
   width: 165px;
   vertical-align: text-top;   
}

/*------ Google Map ----------------------------------*/

.bubblehead{ 
	display: block; 
	width: 250px; 
	font-size: 12px; 
	padding: 5px; 
	font-weight: bold; 
	background-color: #edf2f6; 
	border: 1px solid #666; 
	color: #036 /*#00afdd*/;
}

.bubble{ 
	display: block; 
	width: 250px; 
	font-size: 11px; 
	padding: 5px; 
	text-decoration: none; 
	border: 1px solid #666;  
	border-top-style: none; 
}

#routenplaner{
	margin-top: 20px;
	width: 500px;
}

#routenplaner.headline{
	display: block; 
	font-weight: bold;^M
}

#routenformbox{
	height: 30px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 10px 0px 5px 0px;
	margin: 5px 0px 20px 0px;
}

#startadresse{
	float: left;  
	vertical-align: middle;
}

#saddr{
	width: 220px; 
	float: left; 
	margin-left: 20px; 
	vertical-align: middle;
}

#submitroutenplaner{
	float: right; 
	margin-left: 20px; 
	vertical-align: middle;
}

#clearroutenplaner{
	clear: both;
	margin-top: 3px;
}

/*------------------Startseite - Unsere Angebote fuer -------------------*/

div.product_navigation_title {
  background-color:#003366;
  color:white;
  font-size:1.1em;
  font-weight: bold;
  padding:5px 0pt 5px 17px;
}

/*------------------Subheadline -----------------*/
div.location_subsite_subheader {
  font-size:1.2em;
  font-weight:normal;
  margin:0pt 0pt 2em;
} 

-->

div.footer_img {
	font-size: 0;
	}
div.footer_img img {
	border: none;
	vertical-align: top;
	}
div.bg_footer_img {
	background: #FFEABB;
	}
	
	
/*------------------Startseite - NEWS & TEASER etc -------------------*/


.csc-textpic-imagecolumn {
	padding-right:52px;
}

.news-list-startseite-container {
	width:607px;
	float:left;
	padding-top:5px;
	padding-left:0px;
	padding-left:20px;

}
.news-list-item-startseite   {
	width: 155px;
	float:left;
	padding-right: 45px;


}
.news-list-title-startseite {
	padding-top: 8px;
	font-size: 13px;
	font-weight:bold;
	height: 30px;
}

.news-list-title-startseite a {
	color: #000000;

}
.news-list-image-startseite {
	padding-top: 2px;
	padding-left: 2px;
	padding-right:10px;
	padding-bottom:1px;
	background-image: url(../images/startseite-image-bg.gif);
	background-repeat: no-repeat;

}
.news-list-subheader-startseite {
	/*height: 65px;*/

}
.news-list-morelink-startseite {
	padding-top:4px;
	padding-left: 11px;
	background-image: url(../images/more-arrow.gif);
	background-repeat:no-repeat;
	background-position: 2px 8px;
	padding-bottom: 20px;
}
.news-list-morelink-startseite a{
	color: #00afdd;
}

.news-list-morelink-startseite a:hover { 
	color: #003366;
}


.news-list-container-headline {
	font-weight:bold;
	padding-left: 20px;
	float:left;
	width: 600px;
	padding-top:20px;
	padding-bottom:10px;
	font-size:14px;
}


/* Latest */

.news-latest-container-startseite {
padding-right:53px;}

.news-latest-container-headline {
	font-weight:bold;
	padding-left: 20px;
	float:left;
	width: 600px;
	padding-top:20px;
	padding-bottom:10px;
	font-size:14px;
}

.trennlinie-startseite {
	float:left;
	width: 600px;
	height:1px;
	background-color: #b4bac1;
	margin-top:17px;
	
}
.news-latest-container-startseite{
	float:left;
	width:350px;
	padding-left:20px;	
}
.news-latest-item {

}
.news-latest-title-startseite {
	float:left;
	font-weight: normal;
	padding-bottom:8px;

}
.news-latest-morelink-startseite {


	padding-left: 11px;
	background-image: url(../images/more-arrow.gif);
	background-repeat:no-repeat;
	background-position: 2px 4px;
	padding-bottom: 10px;
	font-weight: normal;
}
.news-latest-morelink-startseite a{
	color: #00afdd;
}
.news-latest-morelink-startseite a:hover { 
	color: #003366;
}


/*Facebook Button*/

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
	display: none !important;
}

.fb-like-fake {
	position:absolute; 
	right:150px;
	cursor:pointer;
	top:20px;
	z-index:20000;
}

*+html .fb-like {
	top:-15px;
}