/* global */
html{height: 100%;}


body
{ 
  font-family: arial, helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: 0.72em;
  background: #d3e1e7 url(bg.jpg) repeat-x;
  color: #353535;
}


p
{
  margin: 5px;
  padding: 0px 0px 6px 0px;
  line-height: 1.7em;
  vertical-align:top;
}


h1, h2, h3
{ 
  font-family: arial, helvetica, sans-serif;
  font-size: 120%;
  padding: 5px 0px 5px 0px; 
  margin: 0px 0px 12px 0px; 
  color: #000079;
}

h4
{ font-family: arial, helvetica, sans-serif;
  font-size: 110%;
  color: #353535;
}
 
img
{ 
  border: 0px; 
  margin: 0px; 
  padding: 0px;
}
       
img.frame { padding: 3px; border: 1px solid #222d7f;} 

img.left { float: left; padding: 3px; border: 1px solid #222d7f; 	margin: 0px 10px 0px 0px;} 

img.left_ohne_border { float: left; padding: 3px; margin: 0px 10px 0px 0px;} 

.google_map_frame { padding: 0px; border: 1px solid #222d7f;} 


a:link
{ 
  text-decoration:underline;
  color: #1F679A;
}

a:hover
{ 
  text-decoration:underline;
  color: #000079;
}

a:active 
{ 
  text-decoration: none;
  color: #000079;
}

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



form {padding: 0; margin: 0;}

/* image positioning - left, right and center */

.left
{ 
  float: left; 
  border-right: 18px solid;
}

.right
{ 
  float: right; 
  border-left: 18px solid;
}

.center
{ 
  display: block;
  text-align: center;
  margin: 0 auto;
}


.left, .right{border-color: #FFF;}

/* ******************************* block quote *********************************** */

blockquote
{ 
  margin: 0px 0px 10px 0px; 
  padding: 0px 15px 0px 10px;
  border-left: 1px solid #000079;
}

/* ******************************* unordered list *******************************  */

ul
{ 
  margin: 2px 0px 0px 36px;
  padding: 0px;
}


ul li
{ 
  list-style-type: square;
  margin: 0px 0px 6px 0px; 
  padding: 0px;
}



/* ******************************* ordered list ******************************* */

ol
{ 
  margin: 8px 0px 0px 24px;
  padding: 0px;
}


ol li
{ 
  margin: 0px 0px 11px 0px; 
  padding: 0px;
}




/* ******************************* margin lefts / margin rights - to centre content ******************************* */

#main, #footer, #logobalken, #logo_index, #logo_erfolgsgeschichte, #logo_produkte, #logo_unternehmen, #logo_kontakt, #logo_karriere, #slogan, #menubar, #site_content, #seitenanfang, #logo_referenzen, #ticker, #logo_impressum, #logo_aktuelles, #logo_analyse
{ 
  margin-left: auto; 
  margin-right: auto;
}




/* ******************************* main container ******************************* */

#main
{ 
  width: 1000px;
  background: #ffffff url(main_1x1000_2_px.jpg) repeat-y;
  color: #353535;
}



/* ******************************* logobalken ******************************* */

#logobalken
{ 
  width: 996px;
  height: 90px;
  border-bottom: 6px solid #103294;
  background: #ffffff url(logobalken.jpg) no-repeat center;
  color: #FFF;
}

/* logo */
#logo_index
{ 
  width: 996px;
  height: 171px;
  border-top: 1px solid #ffffff;
  background: #1a5786 url(haus_996x171.jpg) no-repeat left center;
  color: #FFF;
}

#logo_erfolgsgeschichte
{ 
  width: 996px;
  height: 171px;
  border-top: 1px solid #ffffff;
  background: #1a5786 url(haus_996x171.jpg) no-repeat left center;
  color: #FFF;
}
#logo_unternehmen
{ 
  width: 996px;
  height: 171px;
  border-top: 1px solid #ffffff;
  background: #1a5786 url(vimpel_0038.JPG) no-repeat left center;
  color: #FFF;
}

#logo_produkte
{ 
  width: 996px;
  height: 171px;
  border-top: 1px solid #ffffff;
  background: #1a5786 url(geld_996x171.jpg) no-repeat left center;
  color: #FFF;
}

#logo_analyse
{ 
  width: 996px;
  height: 171px;
  border-top: 1px solid #ffffff;
  background: #1a5786 url(kugelschreiber_0146.JPG) no-repeat left center;
  color: #FFF;
}

#logo_karriere
{ 
  width: 996px;
  height: 171px;
  border-top: 1px solid #ffffff;
  background: #1a5786 url(karriere_0198.jpg) no-repeat left center;
  color: #FFF;
}

#logo_aktuelles
{ 
  width: 996px;
  height: 171px;
  border-top: 1px solid #ffffff;
  background: #1a5786 url(zeitung_0174.JPG) no-repeat left center;
  color: #FFF;
}

#logo_referenzen
{ 
  width: 996px;
  height: 171px;
  border-top: 1px solid #ffffff;
  background: #1a5786 url(handshake_00227_996x171_2.jpg) no-repeat left center;
  color: #FFF;
}

#logo_kontakt
{ 
  width: 996px;
  height: 171px;
  border-top: 1px solid #ffffff;
  background: #1a5786 url(fides_996x171.JPG) no-repeat left center;
  color: #FFF;
}

#logo_impressum
{ 
  width: 996px;
  height: 171px;
  border-top: 1px solid #ffffff;
  background: #1a5786 url(01.jpg) no-repeat left center;
  color: #FFF;
}

#logo_vergleich
{ 
  width: 996px;
  height: 171px;
  border-top: 1px solid #ffffff;
  background: #1a5786 url(haus_996x171.jpg) no-repeat left center;
  color: #FFF;
}

/* slogan - slogan_blau_946x23.jpg */
#slogan 
{ 
  width: 996px;
  height: 23px;
  border-top: 1px solid #ffffff;
  padding: 0px 0px 0px 0px;
  background: #0769b4 url(slogan_blau_946x23.jpg) no-repeat left center;
  border-bottom: 3px solid #103294;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center; 
  letter-spacing: 0.1em;
  color: #FFF;
}

/* ******************************* navigation menu ******************************* */

#menubar
{ 
  background: #5693c1 url(menu_03.png) repeat;
  width: 996px;
  border-top: 1px solid #000079;
  border-bottom: 1px solid #000079;
  height: 34px;
} 

ul.menu {margin: 0px;}

ul.menu li
{ 
  float: left; 
  margin: 0px 0px 0px 0px; 
  padding: 0px;
  list-style: none;
} 

ul.menu li a 
{ 
  font-family: arial, helvetica, sans-serif;
  letter-spacing: 0.1em;
  font-weight: bold;
  display: block; 
  float: left; 
  height: 25px;
  text-decoration: none; 
  padding: 9px 13px 0px 13px;
  text-align: center;
  border-left: 1px solid #7D7D7D;
  background: transparent;
  color: #000079;
} 

ul.menu li a:hover
{ 
  background: transparent;
  color: #ffffff;
} 

ul.menu li a.current
{ 
  background: transparent;
  color: #ffffff;
} 

ul.menu li a.current:hover
{ 
  background: transparent;
  color: #ffffff;
} 















/* ******************************* main content ******************************* */

#site_content
{ 
  width: 996px;
  overflow: hidden;
} 


/* ******************************* sidebar ******************************* */

.sidebar
{ 
  float: left;
  width: 200px;
  padding: 5px 15px 0px 15px;
  margin: 15px 0px 0px 0px;


}

/* ******************************* sidebar items / links ******************************* */
.sidebaritem
{ 
  text-align: left;
  width: 200px;
  margin: 10px 0px 0px 8px;
}


.sidebaritem h3
{
  margin: 0px 10px 0px 0px;
  text-decoration: none;
  color: #000079;
  font-size: 120%;
  font-weight: bold;
}

.sidebaritem p
{
  margin: 0px 10px 0px 0px;
 }


.sidebaritem a.current, .sidebaritem a:hover, .sidebaritem a.current:hover, .sidebaritem a:link, .sidebaritem a:visited, .sidebaritem a:focus, .sidebaritem a:active
{
  text-decoration: none;
  color: #000079;
  font-size: 120%;
  font-weight: bold;
} 


.sidebaritem ul
{ 
  border-top: 1px solid #D4D4D4;
  width: 160px; 
  padding-top: 4px; 
  margin: 4px 0px 15px 14px;
}

.sidebaritem li
{ 
  list-style: none; 
  padding: 0px 0px 4px 0px; 
  border-bottom: 1px solid #D4D4D4;
}

.sidebaritem li a, .sidebaritem li a:hover
{ 
  height: 16px;
  text-decoration: none; 
  background: transparent url(arrow.png) no-repeat left center;
  color: #000000;
  padding: 0px 0px 0px 18px;
  display: block;
} 

.sidebaritem li a.current, .sidebaritem li a:hover, .sidebaritem li a.current:hover
{ 
  background: transparent url(arrow_select.png) no-repeat left center;
} 





/* ******************************* page content links ******************************* */

#content_container_links
{ 
  text-align: left;
  width: 368px;
  float: left;
  padding: 15px 15px 0px 0px;
  /* background: #000000; */
}

/* ******************************* page content rechts ******************************* */

#content_container_rechts
{ 
  text-align: left;
  width: 368px;
  float: left;
  padding: 15px 15px 0px 0px;
  /* background: #ababab; */
}


.borderleft
{ 
  border-left: 1px solid #D4D4D4;
}


/* *******************************  page content vereint ********************************** */

#content_container_vereint 
{ 
  text-align: left;
  width: 750px;
  float: left;
  padding: 15px 15px 0px 0px;
  /* background: #ababab; */
}

#content_vereint
{ 
  text-align: left;
  width: 735px;
  padding: 5px 0px 0px 15px;
   /* background: #acc3d3; */
}

.links_underline {}


.links_underline a:link
{ 
  text-decoration:underline;
  color: #1F679A;
}

.links_underline a:hover 
{ 
  text-decoration:underline;
  color: #000079;
}


.bullet_links  {
}


.bullet_links a:link, .bullet_links a:visited {
  float: left;
  background: url(bullet_blau.gif) no-repeat left 50%;
  padding: 0px 5px 0 10px;

  text-decoration:underline;
  color: #1F679A;
}

.bullet_links a:hover {
  float: left;
  background: url(bullet_blau.gif) no-repeat left 50%;
  padding: 0px 5px 0 10px;

  text-decoration:underline;
  color: #000079;
}


#content_links
{ 
  text-align: left;
  width: 343px;
  padding: 8px 0px 0px 15px;
  /* background: #acc3d3; */
}

#content_rechts
{ 
  text-align: left;
  width: 343px;
  padding: 8px 0px 0px 15px;
  /* background: #acc3d3; */
}



.sidebaritem, #content
{
  background: #FFF;
}



/* ************************************************ Visitenkarte ************************************************  */

.visitenkarte
{ 
  text-align: left;
  width: 220px;
  height: 140px;
  float: left;
  padding: 0px 20px 25px 5px;
  /* background: #000000; */
}


.visitenkarte_item
{ 
  width: 220px;
  height: 140px;
  border: 1px solid #acc3d3;
  padding: 0px 0px 8px 8px;
  background: #e8f3f8; 
}

.visitenkarte_item_leer
{ 
  width: 210px;
  height: 140px;
  border: 0px solid #acc3d3;
  padding: 0px 0px 20px 20px;
}

/* ************************************************ Rechner ************************************************  */

.rechner
{ 
  text-align: left;
  width: 325px;
  height: 155px;
  float: left;
  padding: 0px 30px 25px 10px;
  /* background: #000000; */
}


.rechner_item
{ 
  width: 335px;
  height: 155px;
  border: 1px solid #acc3d3;
  padding: 0px 5px 8px 8px;
  background: #e8f3f8; 
}


.rechner_item a:visited, .rechner_item a:active
{
  float: left;
  background: url(bullet_blau.gif) no-repeat left 50%;
  padding: 0px 5px 0 10px;

  text-decoration: none;
  color: #1F679A;
}

.rechner_item a:link, .rechner_item a:hover
{ 
  float: left;
  background: url(bullet_blau.gif) no-repeat left 50%;
  padding: 0px 5px 0 10px;

  text-decoration:underline;
  color: #1F679A;
}




/* ************************************************ Top - Sprung ************************************************  */

#floatbox 
{ 
  width: 996px;
  overflow:hidden; 
  text-align: right;
}


#floatbox a.anchor 
{
  margin: 0px 10px 5px 0px;
  background: url(bullet_blau_oben_2.gif) no-repeat left 50%;
  display: block;
  float: right;
  text-decoration: none;
}


/* ************************************************ Ticker ************************************************  */

#ticker
{  
  width: 996px;
  height: 43px;
  border-top: 1px solid #000079;
  overflow:hidden; 
}


#page 
{ 
}


.feld 
{ 
  border:1px solid #607eab; 
}


/* ************************************************ Spacer ************************************************  */

.spacer
{  
  background: #ffffff url(images/spacer.gif);
  width: 1px;
}

/* ************************************************ footer ************************************************  */

#footer
{ 
  width: 996px;
  height: 57px;
  clear: both;  
  border-top: 1px solid #000079;
  border-bottom: 1px solid #000079;
  background: #acc3d3;
  color: #000079;
  text-align: center;
}

.footer_position
{
  margin: 7px 0px 0px 0px;
}



/* *************************** sNews ************************** */
fieldset, .comment, .commentsbox
{ 
  margin-bottom: 10px; 
  background: transparent; 
  color: #444;
}

fieldset
{ 
  border: 5px solid #D4D4D4; 
  padding: 10px 8px;   
}

input{padding: 2px;}

textarea
{ 
  width: 95%; 
  height: 200px;
  padding: 3px;
}

.comment
{ 
  background: #F1F1F1; 
  color: #444;
}

.date
{ 
  border-top: 1px solid #D4D4D4; 
  margin: 15px 0px 5px 0px;
  font-weight: bold;
}