/* CSS Document */

a:link {
	color: #666666;
	text-decoration: underline;
}

a:visited {
	color: #666666;
	text-decoration: underline;
}

a:active {
	color: #666666;
	text-decoration: underline;
}

a:hover {
	color: black;
	text-decoration: underline;
}


html,body {
	scrollbar-face-color: #ffffff;
	scrollbar-3dlight-color: #006ab3;
	scrollbar-arrow-color: #006ab3;
	SCROLLBAR-SHADOW-COLOR: #006ab3;
	background-image: url(../pics/1_01.gif);
	margin: 0px;
	overflow-x: hidden;
}

.table_reiter {
	border-top: 2px ridge #666;
	border-left: 2px ridge #666;
	border-right: 2px ridge #666;
	text-align: center;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-radius-topleft: 10px;
	-webkit-border-radius-topright: 10px;
	-khtml-border-radius-topleft: 10px;
	-khtml-border-radius-topright: 10px;
	border-radius-topleft: 10px;
	border-radius-topright: 10px;
}

.table_3columns {
	width: 152px;
	margin-right: 5px;
	margin-left: 5px;
}

.table_4columns {
	width: 117px;
	margin-right: 2px;
	margin-left: 2px;
}

.absatz {
	width: 510px;
	margin-top: 0px;	
}

.header_pic {
	background-image: url(../pics/header.jpg);
	width: 758px;
	height: 65px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
}

.text_header_right {
	float: right; 
	margin-top: 15px; 
	margin-right: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold; 
	line-height: 15px;
	text-align: right;
	color: #666666;
}

.header_pic_breit {
	background-image: url(../pics/headerbreit.jpg);
	width: 900px;
	height: 65px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.center_pic {
	background-image: url(../pics/center_pic_1.jpg);
	width: 394px;
	height: 177px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.background_unternehmen {
	background-image: url(../pics/background_unternehmen.jpg);
	width: 500px;
	height: 286px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.lauftext_unternehmen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	
	text-align: center;
	line-height: 17px;
	color: #000000;
}

.navi_back {
	background-image: url(../pics/navi_back.jpg);
	width: 190px;
	height: 177px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.logo_back {
	background-image: url(../pics/logo.jpg);
	width: 174px;
	height: 177px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.left {
	background-image: url(../pics/left.jpg);
	width: 15px;
	height: 568px;
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

.left_fehler {
	background-image: url(../pics/left.jpg);
	width: 15px;
	height: 250px;
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

.right {
	background-image: url(../pics/right.jpg);
	width: 16px;
	height: 568px;
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

.right_fehler {
	background-image: url(../pics/right.jpg);
	width: 16px;
	height: 250px;
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

.menu {
	overflow: none;
	margin-left: 19px;
	margin-top: 18px;
}

.ueberschrift {
	
	font-size:15px; 
	font-style: normal; 
	font-weight: bold; 
	color: #000000;
	margin-top: 0px;
}

.ueberschrift_sub {
	
	font-size:15px; 
	font-style: normal; 
	font-weight: bold; 
	margin-top: 0px;
	margin-bottom: 0px;
	width: 210px;
}



.ueberschrift2 {
	
	font-size:15px; 
	font-style: normal; 
	font-weight: bold; 
	color: #000000;
	margin-top: 20px;

}

.ueberschrift_sitemap {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px; 
	font-style: normal; 
	font-weight: bold; 
	color: #000000;
	margin: 30px 30px 0px 130px;
	overflow:visible;
	overflow-x: hidden
}

.li_index {
	margin-bottom: 5px;
}

.lauftext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	color: #666666;
	margin: 0px 0px 0px 30px;
	width: 350px;
}

.lauftext_table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	text-align: left;
	color: #666666;
	margin: 0px 0px 0px 0px;
}

.lauftext_content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-align: justify;
	line-height: 17px;
	color: #666666;
	margin: 0px 0px 30px 30px;
	width: 510px;
	overflow: visible;
	overflow-x: hidden
}

.bildunterschrift_rechts {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	line-height: 17px;
	color: #666666;
	margin: -25px 0px 0px 310px;
	width: 200px;
	overflow: visible;
	overflow-x: hidden
}


.bildunterschrift_links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	line-height: 17px;
	color: #666666;
	margin: 0px 0px 0px 0px;
	width: 200px;
	overflow: visible;
	overflow-x: hidden
}

.lauftext_content2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-align: left;
	line-height: 17px;
	color: #666666;
	margin: 0px 0px 30px 30px;
	width: 210px;
	overflow: visible;
	overflow-x: hidden
}

.lauftext_content_fehler {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-align: justify;
	line-height: 17px;
	color: #666666;
	margin: 0px 0px 10px 10px;
	width: 340px;
	overflow: visible;
	overflow-x: hidden
}

.lauftext_content_sitemap {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-align: justify;
	line-height: 17px;
	color: #666666;
	margin: 0px 0px 0px 0px;
	width: 400px;
	overflow: visible;
	overflow-x: hidden
}

.lauftext_content_table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-align: left;
	line-height: 17px;
	color: #666666;
	margin: 0px 0px 30px 30px;
	width: 510px;
	overflow: visible;
	overflow-x: hidden
}

.lauftext_content_breit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	color: #666666;
	margin: 0px 0px 30px 30px;
	width: 720px;
	text-align: justify;
	overflow: visible;
	overflow-x: hidden
}

.lauftext_ibmnews {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	color: #666666;
	margin: 0px 0px 10px 10px;
	width: 540px;
	overflow: visible;
	overflow-x: hidden
}


.lauftext_2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	line-height: 10px;
	color: #666666;
	text-align: justify;
	width: 125px;
}

.lauftext_3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	line-height: 16px;
	color: #006ab3;
}

.lauftext_4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 16px;
	color: #666666;
	margin: 00px 0px 0px 13px;
	width: 155px;
	height: 370px;
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: hidden;
}



.kontakttextfeld {
	color: #666666;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 10px;
	text-decoration: none;
	background-color: #ecebec;
	width: 150px;
	height: 16px;
	border: solid 1px #666666;
	margin-top: 5px;
	margin-left: 5px;
}

.kontakttextarea {
	color: #666666;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	background-color: #ecebec;
	width: 350px;
	height: 50px;
	min-width: 140px;
	min-height: 50px;
	max-width: 350px;
	max-height: 50px;
	border: solid 1px #666666;
	margin-top: 5px;
	margin-left: 5px;
}

.eingabefeld {
	color: #6e5c46;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: 10px;
	text-decoration: none;
	background-color: #eae8c2;
	width: 220px;
	height: 50px;
	min-width: 219px;
	min-height: 49px;
	max-width: 219px;
	max-height: 55px;
	border: solid 1px #6e5c46;
	margin-top: 5px;
	margin-left: 5px;
}

.formbutton {
	background-color: #ecebec;
	border: 1px solid #666666;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin-top: 5px;
	margin-left: 5px;
}

.sub_navi {
	top: 0px;
	background-color: #FFFFFF;
	margin-left: 19px;
	margin-top: 15px;
	margin-right: 1px;
}

.linke_spalte {
	background-color: #FFFFFF;
	background-image: url(../pics/spacer_grau.gif);
	width: 1px;
	height: 326px;
	background-repeat: repeat-y;
	background-position: right;
	vertical-align: top;
}

.content {
	background-color: #FFFFFF;
	vertical-align: top;
}

.news {
	margin-left: 1px;
}

.rechte_spalte {
	background-color: #FFFFFF;
	background-image: url(../pics/spacer_grau.gif);
	width: 1px;
	background-repeat: repeat-y;
	background-position: left;
	vertical-align: top;
}

.sitemap {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 16px;
	margin: 10px 10px 10px 10px;
	width: 200px;
}

.sitemap_home {
	background-color:#FFFFFF; 
	margin: 0px 0px 0px 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 40px;
	vertical-align: center;
} 

.sitemap_menu {
	background-color:#FFFFFF; 
	margin: 0px 0px 0px 0px; 
	width: 220px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 16px;
	vertical-align: top;
} 

.sitemap_submenu {
	background-color:#FFFFFF; 
	margin: 0px 0px 0px 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 16px;
	vertical-align: bottom;
}

.download_underline {
	background-color: #FFFFFF;
	background-image: url(../pics/spacer_grau.gif);
	width: 350px; 
	height: 1px;
	background-repeat: repeat-x;
	background-position: bottom;
}

.navi_underline {
	background-image: url(../pics/spacer_grau.gif);
	width: 145px; 
	height: 23px;
	background-repeat: repeat-x;
	background-position: bottom;
}

.underline {
	background-image: url(../pics/spacer_grau.gif);
	width: 145px; 
	height: 19px;
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top:4px;
}


.underline2 {
	background-image: url(../pics/spacer_grau.gif);
	width: 145px; 
	height: 23px;
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top:4px;
}

.navi_underline2 {
	background-image: url(../pics/spacer_grau.gif);
	width: 145px; 
	background-repeat: repeat-x;
	background-position: bottom;
}

.sitemap_underline {
	background-color: #FFFFFF;
	background-image: url(../pics/spacer_grau.gif);
	margin: 0px 0px 0px 0px;
	width: 200px; 
	height: 1px;
	background-repeat: repeat-x;
	background-position: top;
}

.special{
	display:none;
}

.lösungen_table {
	margin: 0px 30px 30px 30px;
	background-color: #FFFFFF;
	border-width:5px; 
	border-color:#cccccc;
	border-style:inset; 
	padding:5px;
}

.produkte_table {
	margin: 0px 30px 30px 30px;
	background-color: #FFFFFF;
	border-collapse: collapse;
	border-width:2px; 
	border-color:#666666;
	border-style:solid; 
	padding:5px;
	
}

.lösungen_table2 {
	margin: 0px 30px 30px 30px;
	background-color: #FFFFFF;
	border-collapse: collapse;
	border-width:2px;
	border-style: solid; 
	border-color: #666666; 
	padding:5px;
}

.lösungen_zelle {
	margin-left: 10px; 
	margin-right: 10px; 
}

.lösungen_zelle_rechts {
	border-width: 1px 2px 1px 1px; 
	border-color: #666666; 
	border-style: solid;
}


.lösungen_zelle_links {
	border-width: 1px 0px 1px 2px; 
	border-color: #666666; 
	border-style: solid;
}

.lauftext_5 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: bold; 
	line-height: 16px; 
	color: #666666;
}

.lauftext_subhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	color: #666666;
	margin: 0px 0px 0px 0px;
	width: 510px;
	overflow: visible;
	overflow-x: hidden;
	text-align: justify
}

.lauftext_subhead_schwarz {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	color: black;
	margin: 0px 0px 0px 0px;
	width: 510px;
	overflow: visible;
	overflow-x: hidden;
	text-align: justify
}

.lauftext_subhead2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	color: #666666;
	margin: 0px 0px 0px 0px;
	width: 350px;
	overflow: visible;
	overflow-x: hidden
}	

.lauftext_subhead3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	color: #666666;
	margin: 0px 0px 0px 0px;
	width: 200px;
	overflow: visible;
	overflow-x: hidden
}	

.lauftext_subhead4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	color: #666666;
	margin: 0px 0px 0px 0px;
	width: 290px;
	overflow: visible;
	overflow-x: hidden
}	
	
.lauftext_subhead5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	color: #666666;
	margin: 0px 0px 0px 0px;
	width: 300px;
	overflow: visible;
	overflow-x: hidden
}	

.lauftext_subhead_breit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	color: #666666;
	margin: 0px 0px 0px 0px;
	width: 720px;
	text-align: justify;
	overflow: visible;
	overflow-x: hidden
}



/* ---------- Navigation ------------ */

ul.dropdown
{
    list-style-image:url(../pics/navi/yellow_dot.gif);
    list-style-position:outside;
    margin:0px;
    padding:0px;
    width:145px;
}

.dropdown2
{
    list-style-image:url(../pics/navi/yellow_dot.gif);
    list-style-position:outside;
    margin:0px;
    padding:0px;
    width:145px;
}

ul.dropdown ul
{
    margin:0px;
    padding:10px;
	width:100%;
}

ul.dropdown li
{
	position: relative;
	padding:1px 0px 1px 0px; /* helps Opera with hover - do not remove! */
}

ul.dropdown a
{
    display:block;
}

ul.dropdown ul, ul.dropdown ul ul, ul.dropdown ul ul ul
{
    display:none;
    position:absolute;
    top:0;
    left:100%;
    list-style-image:url("");
    list-style-type:none;
}

ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul
{
    display:none;
}

ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul
{
    display:block;
}


ul.dropdown a.has_submenu
{
    background-image:url(../pics/navi/pfeil.gif);
    background-repeat:no-repeat;
    background-position:right;
}

#nav
{
    font:11px verdana;
    color:#666666;
    /*background-color:#f0f0f0;*/
    border:none;
    margin:30px 10px 30px 30px;
}

#nav2
{
    font:11px verdana;
    font-weight:bold; 
    color:#ffffff;
    /*background-color:#f0f0f0;*/
    border:none;
    margin:7px 10px 7px 30px;
}

#nav2 a
{
    color:#ffffff;
    padding:4px;
    text-decoration:none;    
}

#nav2 a:hover
{
    color:#ffc900;
}


#nav a
{
    color:#666666;
    padding:4px;
    text-decoration:none;    
}

#nav a:hover
{
    color:#daa520;
}

#nav ul
{
    background-color:#f0f0f0;
    border:none;
}


/** Copyright 2007 Google Inc. All rights reserved. */

/** 
 * CSS styles for the Custom Search Engine overlay built on top of AJAXSearch
 * API
 */ 

.cse-closeResults { 
  float: right;
}

.cse-closeResults a {
  padding: 3px 5px;
  border: 1px solid #666;
  color:  #000;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}

.cse-closeResults a:hover {
  background: #ddd;
  border: 1px solid #000; 
}

.cse-overlay-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #000;
}

.cse-overlay {
  text-align: left;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 10px;
  width: 600px;
  background-color: #FFF;
  border: 1px solid #333;
  font-size: small;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/**
 * Custom AJAXSearch styles
 */

.gsc-resultsHeader,
.gs-visibleUrl-short,
.gs-watermark
 { display: none; }

.gs-visibleUrl {
  color: #008000;
}

.gs-visibleUrl-long { 
  overflow: hidden;
}

.gs-title { 
  font-size: medium;
}

.gsc-trailing-more-results,
.gsc-webResult,
.gs-divider {
  margin-bottom: 1em;
}

.gs-divider {
  margin-bottom: 1em;
  text-align: center;
  color: #676767;
}


/**
 * Default AJAXSearch styles largely from
 * http://www.google.com/uds/css/gsearch.css
 */

/* control inputs
 * .gsc-search-box : the container that hosts the text input area
 * .gsc-input : the text input area
 */
form.gsc-search-box {
  font-size: 13px;
  margin-top : 0px;
  margin-right : 0px;
  margin-bottom : 4px;
  margin-left : 0px;
  width: 300px;
}

/*
 * This table contains the input element as well as the search button
 * Note that the search button column is fixed width, designed to hold the
 * button div's background image
 */
table.gsc-search-box {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
  margin-bottom : 2px;
}

table.gsc-search-box td {
  vertical-align : middle;
}

table.gsc-search-box td.gsc-input {
  padding-right : 2px;
}

td.gsc-search-button {
  width : 1%;
}

/**
 * undo common generic table rules
 * that tend to impact branding
 */
table.gsc-branding td,
table.gsc-branding {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border : none;
}

table.gsc-branding {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
}

td.gsc-branding-text {
  vertical-align : top;
}

td.gsc-branding-text div.gsc-branding-text {
  padding-bottom : 2px;
  text-align : right;
  color : #676767;
  font-size : 11px;
  margin-right : 2px;
}

td.gsc-branding-img-noclear {
  width : 51px;
  vertical-align : bottom;
}

td.gsc-branding-img {
  width : 65px;
  vertical-align : bottom;
}

table.gsc-branding-vertical td.gsc-branding-text div.gsc-branding-text {
  margin-right : 0px;
  text-align : center;
}

table.gsc-branding-vertical td.gsc-branding-img-noclear {
  text-align : center;
}

div.gsc-branding-img,
div.gsc-branding-img-noclear,
img.gsc-branding-img,
img.gsc-branding-img-noclear {
  padding-top : 1px;
}

img.gsc-branding-img,
img.gsc-branding-img-noclear {
  margin : 0 0 0 0;
  padding-right : 0;
  padding-left : 0;
  padding-bottom : 0;
  border : none;
  display : inline;
}

a.gsc-branding-clickable {
  cursor : pointer;
}

input.gsc-search-button {
  	margin-left : 2px;
  	background-color: #ecebec;
	border: 1px solid #666666;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

/*
 * Given that this is sitting in a variable width tabel cell, the idea is
 * for it to consume the entire cell. The adjacent cell contains the search
 * button and that is a fixed width cell.
 */
input.gsc-input {
  padding-left : 2px;
  border-style : solid;
  border-width : 1px;
  border-color : #BCCDF0;
  width : 99%;
}

.gsc-results .gsc-cursor-box .gsc-trailing-more-results {
  margin-bottom : 0px;
  display : inline;
}

.gsc-results .gsc-cursor {
  display : inline;
}

.gsc-results .gsc-cursor-box {
  margin-bottom : 10px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  cursor : pointer;
  color : #000000;
  text-decoration: underline;
  margin-right : 8px;
  display : inline;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color : #A90A08;
  font-weight : bold;
  text-decoration: none;
}


