/*********** ALLGEMEINES *************/

body{ margin: 0; padding: 0; }

*{
font-family: Verdana, Arial, Helvetica;
font-weight: normal;
font-size: 11px;
margin:0;
padding:0;
color:#808080;
}

div.text p{
margin: 5px 0px 5px 0px;
}

strong,b{
font-weight:bold;
}

a{
text-decoration:none;
color:#000;
}

a:hover, a:active{
color:#2C7EBE;
}

div#content img{
border: 0px;
margin: 0px 10px 10px 0px;
}


/* gestrichelte Trennlinie (border eines DIVs ist zu bevorzugen) */
div.borderDotted{
border-bottom: 1px dotted #2C7EBE; 
height: 4px;
width:100%;
}
/* Trennlinie (border eines DIVs ist zu bevorzugen) */
div.borderSolid{
border-bottom: 1px solid #2C7EBE; 
height: 4px;
width:100%;
}

img.leftFloated{
float:left;
margin: 0px 3px 3px 0px;
}

img.rightFloated{
float:right;
border: none;
margin: 0px 0px 0px 3px;
}

.standartListviewTable td{
line-height:16px;
text-align: left;
padding: 8px 0px 8px 0px;
border-bottom:1px dotted #2C7EBE;
vertical-align: top;
}

/** Schriftzüge **/

h1, h1 sup{
font-size: 18px;
color: #2C7EBE;
font-weight: normal;
line-height: 18px;
margin: 0px 0px 16px 0px;
}

.introText, .introText sup{
color: #2C7EBE;
font-size: 12px;
line-height: 16px;
margin-bottom: 16px;
}

/********** Simple Text *******/
div#content div.text ul{
margin-left: 12px;
}
div#content div.text ul ul{
margin-left: 10px;
}
div#content div.text ul li, ul.sitemap li{
list-style:none;
background-image:url(../images/icon/listenpunkt_1.gif);
background-repeat:no-repeat; 
background-position: 4px 11px;
padding:0px 0px 0px 17px;

}
div#content div.text ul ul li{
list-stlye: none;
background-image:url(../images/icon/listenpunkt_2.gif);
background-repeat:no-repeat; 
background-position: 8px 8px;
padding:0px 0px 0px 18px;
_background-position: 0px 9px;
_padding:0px 0px 0px 8px;
_margin-left: -9px;

font-size: 9px;
line-height: 12px;
}
div#content div.text ul ul ul li{
background-position: 8px 9px;
_background-position: 0px 9px;
}

div#content{
line-height:16px;
}
div#content div.text a{
text-decoration:underline;
color:#2C7EBE;
}
div#content div.text a:hover, div#content div.text a:active, div#content div.text a:visited{
color: #8BB8DB;
}



/************ Überschriften ************/

.subTitleWithBorder {
border-bottom: 1px solid #808080;
padding: 8px 0px;
margin-bottom: 16px;
}

.subTitle {
color:#808080;
font-size:11px;
line-height:16px;
font-weight: bold;
}

/************ Listview Paging **************/

table.paging{
width: 429px;
}
table.paging td a{
color: #2C7EBE;
}
table.paging td{
color: #000;
}


/************* LOCATIONS **************/

.locationsTable{
border-bottom:1px dotted #2C7EBE;
margin-bottom: 16px;
line-height:16px;
text-align: left;
}
.locationsTable th{
font-weight: bold;
}

.locationsTable td{
padding-left: 12px;
}



/************* OVERVIEW (NEWS, PRESSE, EVENTS) *************/

.overview{
border-bottom: 1px dotted #2c7ebe;
padding: 6px 0px;
vertical-align: top;
}

.overview a{
display: block;
}
.backToOverview{
margin-top:21px;
display: block;
}

/************* SEARCH **************/

.searchField{
background-color: #D5E5F2;
border:0;
font-size:9px;
color:#000;
padding: 2px 0px 1px 3px;
}

.searchButton{
background-color: #8BB8DB;
color:#FFF;
border:0;
}

ul.search li{
list-style: none;
border-bottom:1px dotted #2C7EBE;
padding: 6px 0px 6px 20px;
}



/*************** brochures **************/

ul.brochureCatList li{
list-style: none;
padding: 5px 0px 5px 25px;
border-bottom: 1px dotted #2C7EBE;
}

ul.brochureCatList li a{
color: #000;
}

ul.brochures li {
list-style:none;
padding: 8px 0px;
border-bottom: 1px dotted #2C7EBE;
}


ul.brochures li a {
display: block;
}



/*************** Testimonials **************/

span.testimony{
color: #2C7EBE;
}


/************** Sitemap ***************/



ul.sitemap ul li{
list-stlye: none;
background-image:url(../images/icon/listenpunkt_2.gif);
background-position:2px 11px;
background-repeat:no-repeat;
line-height:16px;
padding:0px 0px 0px 13px;
line-height: 16px;
}
ul.sitemap ul ul li{
background-position: 1px 9px;
padding:0px 0px 0px 11px;
line-height: 12px;
}

/* Listenpunkte siehe 'simpleText' */

/* Erste Ebene */
ul.sitemap li{
}
ul.sitemap li a{
color: #2C7EBE;
text-transform: uppercase;
}

/* Zweite Ebene */

ul.sitemap ul li a{
color: #808080;
text-transform: none
}
ul.sitemap ul li a:hover{
color: #2C7EBE;
}

/* Dritte Ebene */
ul.sitemap ul ul li{
text-transform: none;
}
ul.sitemap ul ul a{
color: #808080;
line-height: 12px;
font-size: 9px;
}
ul.sitemap ul ul a:hover{
color:#2C7EBE;
}

/************ ProdukteMatrix ***********/

table.productMatrix{
margin: 0px 0px 0px 0px;
}

table.productMatrix th{
text-align: left;
border-bottom: 2px solid #FFF;
color: #FFF;
}
table.productMatrix td, table.productMatrix th{
vertical-align: top;
border-right: 2px solid #FFF;
padding:2px 2px 2px 5px;
}
table.productMatrix td{
color: #000;
}
col.topic{
background-color: #808080;
width:141px;
}
col.content{
background-color: #2C7EBE;
width:142px;
}
.even{
background-color: #D5E5F2;
}
.odd{
background-color: #FFF;
}
table.productMatrix td.firstCol{
color:#808080;
}
table.productMatrix a{color:#000}
table.productMatrix a:hover{
text-decoration: underline;
}

/************** KernbankenSysteme ************/

td.last{
text-align: center;
border-bottom: 1px dotted #2C7EBE;
}
table.overviewMatrix{
margin-bottom: 25px;
}
table.overviewMatrix td, table.overviewMatrix th{
vertical-align: top;
text-align:left;
width:131px;
}
col.matrixCol{
width:131px;
}


/************* KONTAKT *************/

label.contactLabel{
display: block;
float: left;
width: 131px;
margin-top: 4px;
}

.form input, .form select, .form textarea{
background-color: #D5E5F2;
border: 2px solid #D5E5F2;
font-size: 10px;
height: 16px;
margin: 2px 0px;
padding-left: 5px;
color: black;
}

.form input{
width: 281px;
vertical-align: middle;
}

input.contactSubmit{
width: 135px;
margin-top: 2px;
margin-bottom: 15px;
background-color: #8BB8DB;
border: none;
font-size: 9px;
color: #FFF;
}


.form select{
width: 80px;
color: black;
padding-left: 2px;
}

.form select option{
width: 80px;
color: black;
}


input.checkBox{
width: 20px;
background-color:white;
border: none;
}

input.contactFirstName{
width: 138px;
margin-right: 5px;
}

input.contactLastName{
width: 125px;
}

input.contactZip{
width: 75px;
margin-right: 5px;
}

input.contactCity{
width: 188px;
}

.form textarea{
width: 279px;
height: 80px;
margin-top: 2px 0px;
padding-right: 2px;
overflow:auto;
}

.form br{
clear: both;
}

/************* Costumers ************/

.customers td{
padding: 0px 8px 8px 0px;
}

div#content img.customerLogo{
border: 0px;
margin: 0px 0px 0px 0px;
}