/* 
+ format: position, layout, font 
+ bei <form> macht IE automatisch ein linebreak, mozilla nicht
*/

/* -------------- */
/* --- COMMON --- */
/* -------------- */
li,div,table,form,img,body,a,span {
margin: 0;
padding: 0;
}

body {
background-color: #ffffff;
font-family: arial;
margin-bottom: 10px;
}

h1 {
letter-spacing: 4px;
/*text-indent: 20px;
line-height: 50px;*/
}
h5 {
font-size: 88%;
font-family: arial;
}

h1, h2, h3, h4, h5, h6 {
letter-spacing: 2px;
color: #8d1749;
font-family: arial;
}

a { 
color: #007aae; 
font-weight: bold;
}

/*a:visited { 
color: #7a5c4c; 
}*/

a:hover { 
color: #404040; 
}

/* funktioniert irgendwie bei mozilla nicht */
a:active { 
color: #404040; 
}

img {
border: 0;
}

.capital {
text-transform: capitalize;
}
.visible {
visibility: visible;
}
.hidden {
visibility: hidden;
}
.likea { 
color: #007aae; 
font-weight: bold;
}
/*highlight*/
.hlt { 
font-weight: bold;
}


/* ------------------------- */
/* --- POSITIONSELEMENTE --- */
/* ------------------------- */
/* FunCTionTop: funktionen oben */
#fcttop {
position: relative;
margin: 15px 32px 10px 32px;
background-color: #ffffff;
font-size: 68%;
text-align: right;
}

#fcttop a {
padding-left: 10px;
}

#fcttopfix {
position: relative;
margin: 15px 0;
width: 990px;
background-color: #ffffff;
font-size: 68%;
text-align: right;
}

#fcttopfix a {
padding-left: 10px;
}

/* logo */
#logo {
position: absolute;
background: url(../images/truffels-logo-ergebnis.gif) 10px 10px no-repeat; 
background-color: #ffffff;
top: 35px;
left: 32px;
width: 218px;
height: 100px;
float: left;
}

/* re vom logo: mit rundung li, alles was im grauen kasten ist, liegt hier drin */
#header {
/*border: 2px solid #dcd4b0;*/
margin: 15px 32px 0 250px; 
height: 60px;/*123*/
}

.headerlo {
background: url(../images/rundung-beige-li-oben.gif) top left no-repeat;
width: 100%;
height: 13px;
}

.headerro {
background: url(../images/rundung-beige-re-oben.gif) top right no-repeat;
height: 13px;
margin-left: 15px;
}

/* HEADERNAVbar: enthaelt laschen */
#headernav{
margin-top: 30px;
float: left;
}

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

#headernav li {
float: left;
width: auto;/*muss auto sein, sonst brechen alle danach um*/
background: url(../images/rundung-lasche-hg-kachel.gif) 0 0 repeat;
padding: 0 0 0 8px;/*verschiebt den ganzen span*/
margin-right: 3px;/*abstand zwischen laschen*/
height: 28px;
border-bottom: 0;
}

#headernav div.navi {
background: url(../images/rundung-lasche-hg-kachel.gif) 0 0 repeat;
float: left;
width: auto;
height: 28px;
border-bottom: 0;
}

/*hier kein padding top/bottom, sonst macht ff einen schwanz*/
#headernav a {
float: left;
width: auto;
padding: 8px 8px 0 0;
height: 28px;
font-size: 16px;
}

#headernav .more {
background: url(../images/lasche-more-pfeil-li.gif) top left no-repeat;
float: left;
width: 10px;
height: 28px;
margin-left: 3px;
}

#headernav span.rcorner {
background: url(../images/rundung-lasche-re.gif) top right no-repeat;
float: left;
width: 8px;
height: 28px;
border-bottom: 0;
}

#headernav li.current {
background: url(../images/rundung-lasche-highlight-hg.gif) 0 0 repeat;
}

#headernav li.current div.navi {
background: url(../images/rundung-lasche-highlight-hg.gif) 0 0 repeat;
}

#headernav li.current a {
color: #404040;
}

#headernav li.current span.rcorner {
background: url(../images/rundung-lasche-highlight-re.gif) top right no-repeat;
}

/* HEADERCOLLection vorschlag */
#headercoll{
margin-left:10px;
/*margin: 0 15px 0 530px;*/
height: 55px;
font-size:68%;
}

/* trenner */
#rule {
clear: both;
background: url(../images/rundung-balken-hg-kachel.gif) 0 0 repeat;
position: relative;
margin: 0 32px 0 32px;
height: 28px;
}

.bigcontentdiv {
margin: 0 32px 0 32px;
}

/* CoTtentLEFT: mit rundung li */
#ctleft {
/*background: url(../images/rundung-cluster-li-unten.gif) bottom left no-repeat; */
border: 2px solid #f2ede6;
border-top: 0;
float: left;
width: 200px;
padding-top: 15px;
}

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

#ctleft li {
font-size: 90%;
padding: 0 10px 15px 10px;
}

#ctleft a{
color: #007aae;
}

#ctleft li.current {
background: url('../images/ergebnis-highlight-pfeil.gif') 0 5px no-repeat;
}

#ctleft li.current a {
color: #404040;
}

/* CoTtentLEFTRechtsUnten: rundung re unten */
.ctleftru {
background: url(../images/rundung-cluster-re-unten.gif) bottom right no-repeat; 
margin-left: 15px;/*15px*/
height: 18px;
}

/* ConTentRIGHT: fuer homepage, die dritte spalte */
#ctright {
position: absolute;
top: 200px;
right: 32px;
width: 250px;
float: right;
padding: 15px;
font-size: 81%;
}
#ctright hr {
color: #7a5c4c;
border: 1px dashed;
}

/* CONTENT: mit rundung li */
#content {
position: relative;
/*background: url(../images/rundung-ergebnis-li-unten.gif) bottom left no-repeat; */
border: 2px solid #eaebe6;
border-top: 0;
margin: 0 0 0 218px; 
padding: 15px;
}

#content ul{
text-indent: 10px;
}

/* SORT: sort ist innerhalb von content !!! */
.sort {
margin: 0 0 15px 0;
font-size: 88%;
font-weight: bold;
}
.sort a {
padding-left: 10px;
}

.sort a.current{
color: #404040;
text-decoration: none;
}

/* NEXT: next url ist innerhalb von content !!! */
.next {
margin: 10px 0 0 0;
line-height: 28px;
font-size: 88%;
font-weight: bold;
}
.next a {
padding-left: 10px;
}

.next a.current{
color: #404040;
text-decoration: none;
}

/* SEARCHBOTTOM: suche unten, ist innerhalb von next !!! */
.searchbottom {
line-height: 28px;
margin-top: -28px;
}

/* CONTENTRechtsUnten: rundung re unten */
.contentru {
background: url(../images/rundung-ergebnis-re-unten.gif) bottom right no-repeat; 
margin-right: -15px;
height: 18px;
}

/* FOOTER */
#footer {
margin-top: 15px;
margin-left: 255px;
color: #404040;
font-size: 68%;
}
#footer a {
padding-right: 10px;
}


/* ---------------- */
/* --- FORMULAR --- */
/* ---------------- */
/* Allgemeiner Container */
div.outercontent {
margin: 0 32px 0 250px;
width: 740px;
}

/* Sub-Container, wird nach rechts verschoben, da links bei einem Formulare
weitere Elemente stehen werden. Typische Alternative: margin: 0 auto; */
.formcontent {
margin: 0 auto;
text-align: left;
width: 740px;
background-color: #eaebe6; /*eaebe6*/
}

/* Hintergrundebene mittels overflow */
.formlo {
background: url(../images/rundung-formular-li-oben.gif) top left no-repeat; 
width: 100%;
height: 18px;
}

/* div.formcontent: rundung re oben, in formlo */
.formro {
background: url(../images/rundung-formular-re-oben.gif) top right no-repeat; 
height: 18px;
margin-left: 50px;
}

.formlu {
clear: both;
margin: 0;
background: url(../images/rundung-formular-li-unten.gif) bottom left no-repeat; 
width: 100%;
height: 18px;
}

/* div.formcontent: rundung re unten, in formlu */
.formru {
background: url(../images/rundung-formular-re-unten.gif) bottom right no-repeat; 
height: 18px;
margin-left: 50px;
}

.formtitle {
margin: 15px 30px;
font-size: 112%;
font-weight: bold;
}

.formerrmsg {
clear: both;
font-size: 75%;
display: block;
margin: 20px 30px 0px 30px;
color: #8d1749;
}

.formdesc {
clear: both;
font-size: 75%;
display: block;
margin: 20px 30px 0px 30px;
}

.formlink {
clear: both;
font-size: 81%;
margin: 20px 30px 0px 30px;
}

.formlink a {
padding-right: 10px;
}

.formend {
clear: both;
margin: 0;
}

.formcontent hr {
color: white;
}

/* Linker Bereich des Formulars: für Labels */
.formlabel {
width: 28%;
clear: both;
float: left;
display: inline;
margin: 10px 0;
text-align: right;
font-size: 81%;
font-weight: bold;
}

/* Rechter Bereich des Formulars: für Eingabefelder */
.formbox {
width: 68%;
text-align: left;
float: right;
display: inline;
margin: 5px 0;
font-size: 81%;
vertical-align: bottom;
}

.errfield {
color: #8d1749;
}

.marked{
color: #7a5c4c;/*8d1749*/
}

.buttonli {
float: left;
background: url(../images/rundung-button-li.gif) top left no-repeat;
width: auto;/*muss auto sein, sonst brechen alle danach um*/
padding: 0 0 0 5px;/*verschiebt den ganzen label span*/
margin-right: 15px;/*abstand zum nächsten element*/
height: 28px;
border: 0;
}

.formbutton {
background: url(../images/hg-kachel-button.gif) 0 0 repeat;
float: left;
width: auto;
height: 28px;
border: 0;
font-size: 88%;
text-decoration: none;
color: black;
font-weight: bold;
}

.buttonre {
background: url(../images/rundung-button-re.gif) top right no-repeat;
float: left;
height: 28px;
width: 8px;
border: 0;
}

/* ---------------- */
/* --- TABELLEN --- */
/* ---------------- */
/*dunkle ueberschriftszeile, z.b. in vertrag-verwalten*/
.tablehead {
width: 672px;/*90%*/
border: 1px solid #dbdbdb;
margin: 30px 30px 0 30px;
background-color: #999999;
color: white;
font-size: 81%;
font-weight: bold;
}
.tablehead a {
padding: 0 5px 0 0;
color: white;
} 

/*blockueberschrift, z.b. in vertrag-verwalten: abc-online*/
.grouphead {
width: 672px;/*90%*/
border: 1px solid #dbdbdb;
margin: 5px 30px 0 30px;
background-color: #dbdbdb;
font-size: 81%;
font-weight: bold;
}
.grouphead a {
padding: 0 5px 0 0;
} 

/*tabelle ohne border - zum ausrichten einer liste, felder eines formulars*/
.listtable {
width: 672px;/*90%*/
padding: 0;
border: 0;
margin: 0 30px;
font-size: 81%;
}
.listtable th {
background-color: #dbdbdb;
color: white;
font-weight: bold;
line-height: 28px;
}
.listtable a {
font-size: 100%;
}
.listtable-formlabel {
padding: 8px 0 0 30px;
text-align: right;
font-weight: bold;
vertical-align: top;
}
.listtable-formbox {
padding: 8px 0 0 0;/*3px*/
vertical-align: top;
}

/*tabelle mit border*/
.formtable {
width: 672px;/*90%*/
border: 1px solid #dbdbdb;
margin: 0 30px;
font-size: 81%;
}
.formtable th {
background-color: #999999;
color: white;
font-weight: bold;
}

.col1{
text-indent: 10px;
}

.row1{
background-color: #e8e9e8;
}
.row1 a {
padding: 0 5px 0 0;
} 
.row1 span.current{
padding: 0 5px 0 0;
color: #404040;
font-weight: bold;
}

.row2{
background-color: #dbdbdb;
}
.row2 a {
padding: 0 5px 0 0;
} 
.row2 span.current{
padding: 0 5px 0 0;
color: #404040;
font-weight: bold;
}

.listhead {
margin: 15px 30px 0 30px;
background-color: #dbdbdb;
font-size: 81%;
font-weight: bold;
line-height: 150%;
}
.listhead a {
padding: 0 10px 0 0;
} 

.listcontent {
margin: 0 30px 15px 30px;
font-size: 81%;
line-height: 150%;
}
.listcontent .text {
padding-left: 5px;
padding-right: 15px;
}
.listcontent a {
padding-right: 10px;
}

.popuplink {
}

/* ------------------ */
/* --- POPUP-MENU --- */
/* ------------------ */
div.pu_menu  { 
position:absolute; 
visibility:hidden; 
left: 0; 
top: 0; 
z-index: 500; 
font-size: 75%; 
width: 200px;
background-color: #dbdbdb;
border: 1px solid;	
border-color: #f7faff #99a #99a #f7faff;
}

/* Style specifications for menu items and links  */
div.pu_menu ul { 
margin:0; 
padding:0;
}

/* Need to set padding of at least one pixel or ie sets very large margin */
div.pu_menu ul li { 
padding: 1px; 
margin: 0;
list-style-type: none;
}

/* trennlinie */
div.pu_menu ul hr { 
width: 190px;
}

/* Set display block and position relative so clicks on list items activate links  */  
div.pu_menu a { 
cursor: default;
padding: 1px 3px; /*.3em .4em; */
margin: 0; 
display: block; 
position: relative; 
text-decoration: none; 
}

div.pu_menu a:link { 
}
/*div.pu_menu a:visited { color:#339 }*/
div.pu_menu a:hover { 
background-color:#eaebe6;
}



/* ------------------- */
/* --- OWN CLASSES --- */
/* ------------------- */
/* funktionen, bei denen die schrift kleiner sind */
.functions2 {
font-size: 68%;
}

/* ergebnisliste */
.number {
color:#404040;
}
.caption {
}
.caption a {
padding-left: 0px;
}
.info1 {
font-size: 75%;
}
.info2 {
color:#888f0f;
font-size: 75%;
font-weight: bold;
}
.info2 a {
color:#888f0f;
padding-left: 0px;
font-weight: bold;
}

/* - ergebnis zusammenfassung - */
.resultsummary {
background: url(../images/rundung-balken-hg-kachel.gif) 0 0 repeat;
height: 28px;
font-size: 90%;
font-weight: bold;
padding-left: 6px;
}



/* ----------------------------------- */
/* --- DIE MUESSEN NOCH REIN --- */
/* ----------------------------------- */
/* Artikelansicht */
/* Headline im Dokument */
.doccontent {
clear: both;
display: block;
margin: 20px 30px 0px 30px;
}

.dstitle {
font-size: 112%;
font-weight: bold;
}
/* Fusszeile */
.dsfooter {
font-size: 75%;
}

.t1 {
color: green;
}

/* Highlights in Ergebnisliste und Volltext */
.t6 {
font-size: 75%;
color: #8d1749;
}

/* VOLLTEXTANZEIGE Kleinueberschrift */
.u8 {
font-size: 75%;
font-weight: bold;
}

/* VOLLTEXTANZEIGE Texte */
.t8 {
font-size: 75%;
}

/* - search status - */
.statustbl {
padding: 0;
border: 1px solid #000066;
line-height: 10px;
}
.statusbar {
BACKGROUND-COLOR: #0033CC;
}



/* ---------------------- */
/* --- TRUFFELS/INDEX --- */
/* ---------------------- */
#logo_g {
background:url(../images/truffels-logo-start.gif) top left no-repeat;
background-color:#ffffff; 
margin-top:24px; 
width:740px;
height:135px;
}

#header_g {
background:url(../images/rundung-beige-li-oben_g.gif) top left no-repeat;
background-color: #dcd4b0; 
height:153px;
width:740px;
}

.headerro_g {
background:url(../images/rundung-beige-re-oben_g.gif) top right no-repeat;
margin-left:21px; 
height:19px;
background-color: #dcd4b0; /*#dcd4b0*/
}

#headernav_g{
clear: both;
margin-top: 20px;
height: 41px;
float: left;
}

#headernav_g ul {
list-style: none;
padding-left: 40px;
}

#headernav_g li {
background: url(../images/rundung-lasche-li_g.gif) top left no-repeat;
float: left;
width: auto;/*muss auto sein, sonst brechen alle danach um*/
padding: 0 0 0 10px;/*links von lasche rand bis zur schrift*/
margin-right: 3px;/*abstand zwischen laschen*/
height: 41px;
border-bottom: 0;
}

#headernav_g div.navi {
background: url(../images/rundung-lasche-hg-kachel_g.gif) 0 0 repeat;
float: left;
width: auto;
height: 41px;
border-bottom: 0;
}

#headernav_g a {
float: left;
width: auto;
padding-top: 10px;
height: 41px;
border-bottom: 0;
font-size: 112%;
letter-spacing:2px;
} 

#headernav_g span.more {
background: url(../images/lasche-more-pfeil_g.gif) top left no-repeat;
float: left;
width: 15px;
height: 41px;
border-bottom: 0;
}

#headernav_g span.rcorner {
background: url(../images/rundung-lasche-re_g.gif) top right no-repeat;
float: left;
height: 41px;
width: 10px;
border-bottom: 0;
}

#headernav_g li.current {
background: url(../images/rundung-lasche-highlight-li_g.gif) top left no-repeat;
}

#headernav_g li.current div.navi {
background: url(../images/rundung-lasche-highlight-hg_g.gif) 0 0 repeat;
}

#headernav_g li.current a {
color: #404040;
}

#headernav_g li.current span.rcorner {
background: url(../images/rundung-lasche-highlight-re_g.gif) top right no-repeat;
}

#footer_g {
margin-top:15px; 
width:740px; 
text-align:left; 
color:#404040; 
font-size:75%;
}
#footer_g a {
padding-right: 10px;
}

#blau_g {
background:url(../images/rundung-grau-li-unten_g.gif) bottom left no-repeat;
background-color:#eaebe6; 
height:44px; 
width:740px; 
margin-top:3px;
}
.blauro_g {
background:url(../images/rundung-grau-re-unten_g.gif) bottom right no-repeat;
margin-left:700px; 
height:44px;
}

.formlabel_g {
width: 500px;
clear: both;
float: left;
display: inline;
padding: 0;
margin: 20px 10px 0 40px;
}

.formbox_g {
width: 160px;
float: right;
padding: 0;
margin: 18px 10px 0 10px;
z-index: 10;
vertical-align: middle;
}

.buttonli_g {
float: left;
background: url(../images/rundung-button-li_g.gif) top left no-repeat;
width: auto;/*muss auto sein, sonst brechen alle danach um*/
padding: 0 0 0 9px;/*verschiebt den ganzen label span*/
height: 40px;
border: 0;
}

.formbutton_g {
background: url(../images/hg-kachel-button_g.gif) 0 0 repeat;
float: left;
width: auto;
height: 40px;
border: 0;
font-size: 112%;
text-decoration: none;
color: #007aae; 
font-weight: bold;
}
.formbutton_g:hover {
color: #404040; 
}
.formbutton_g:active {
color: #404040; 
}

.buttonre_g {
background: url(../images/rundung-button-re_g.gif) top right no-repeat;
float: left;
height: 40px;
width: 9px;
border: 0;
}



/* ----------------------- */
/* --- TRUFFELS/RESULT --- */
/* ----------------------- */
/* HEADEROBEN: enthaelt suchbox, button, funktionen, asso */
.headeroben{
margin: 0 0 0 15px;
padding: 0;
height: 55px;
}

/* HEADERUNTEN: enthaelt laschen, collections */
.headerunten{
margin: 0 0 0 15px;
padding: 0;
height: 55px;
}

.headersearch{
padding: 0;
margin-top: 5px; 
height: 45px;
width: 490px;
float: left;
}
/* HEADERASSOciation */
#headerasso{
margin: 0 15px 0 490px;
height: 55px;
float: none;
line-height: 12px;
}

#headerasso a{
padding-right: 5px;
}

.formlabel_s {
height: 28px;
width: 370px;
clear: both;
float: left;
display: inline;
text-align: left;
padding: 0;
margin: 0;
}

.formbox_s {
width: 100px;
height: 28px;
float: right;
padding: 0;
margin-left: 8px;
margin-right: 10px;
font-size: 88%;
vertical-align: bottom;
}

.formfct_s {
clear:both;
float: left;
width: 450px;
font-size: 68%;
margin: 0 0 0 0;	
}

.buttonli_s {
float: left;
background: url(../images/rundung-button-li.gif) top left no-repeat;
width: auto;/*muss auto sein, sonst brechen alle danach um*/
padding: 0 0 0 8px;/*verschiebt den ganzen label span*/
height: 28px;
border: 0;
}

.formbutton_s {
background: url(../images/hg-kachel-button.gif) 0 0 repeat;
float: left;
width: auto;
height: 28px;
border: 0;
font-size: 88%;
text-decoration: none;
color: #007aae; 
font-weight: bold;
}
.formbutton_s:hover {
color: #404040; 
}
.formbutton_s:active {
color: #404040; 
}

.buttonre_s {
background: url(../images/rundung-button-re.gif) top right no-repeat;
float: left;
height: 28px;
width: 8px;
border: 0;
}



/* ---------------- */
/* --- MOREINFO --- */
/* ---------------- */
#moreinfobox{
position: absolute;
width: auto;
border: 2px solid white;
padding: 5px;
background-color: #f2ede6;
-moz-border-radius: 8px;
/*-khtml-border-radius: 8px;*/
visibility: hidden;
z-index: 100;
}

#moreinfobox ul{
list-style: none;
}

#moreinfobox ul li{
font-size: 68%;
padding-top: 5px;
}

#moreinfobox span.label{
}

#moreinfobox span.value{
color: #888f0f;
}

#moreinfobox span.hidden{
color: #f2ede6;
}

#moreinfobox a{
padding-bottom: 20px;
}