/* findolin.css
 * (c) Michael Voigt
 */
/* BODY */
body {
 background-color: rgb(255,255,255);
 font: normal 10px Verdana,Arial;
 color: rgb(129,124,120);
 margin: 0px;
 padding: 0px;
}
/* HEADLINE
 * enthaelt Kopfmenues
 */
div#headline {
 background-image: url(http://www.findolin.com/imgs///header2006.png);
 background-position: 0px 0px;
 background-repeat: no-repeat;
 width: 100%;
}
/* HEADLINE
 * Menue ganz oben, rechts
 */
div#headline div#subnavi {
 clear: both;
 display: block;
 padding: 0px;
 margin: 5px 20px 50px 5px;
 text-align: right;
}
div#headline div#subnavi a {
 font: normal 10px Verdana,Arial;
 text-decoration: none;
 color: rgb(129,124,120);
 background-image: url(http://www.findolin.com/imgs///subnavi_separator.gif);
 background-position: 0px 2px;
 background-repeat: no-repeat;
 padding: 0px 10px 0px 20px;
}
div#headline div#subnavi a#homeurl { background-image: url(http://www.findolin.com/imgs///subnavi_separator_home.gif); }
div#headline div#subnavi a#newsurl { background-image: url(http://www.findolin.com/imgs///subnavi_separator_newsletter.gif); }
div#headline div#subnavi a#loginurl { background-image: url(http://www.findolin.com/imgs///subnavi_separator_login.gif); }
div#headline div#subnavi a#impressurl { background-image: url(http://www.findolin.com/imgs///subnavi_separator_impress_449.gif); }
div#headline div#subnavi a#langurl { background-image: url(http://www.findolin.com/imgs///subnavi_separator_lang_357.gif); }
/* HEADLINE
 * Hauptmenue
 */ 
div#headline div#mainnavi {
 clear: both;
 width: 100%;
 height: 35px;
 margin: 20px 0px 0px 0px;
 padding: 0px 1px 0px 20px;
 background-image: url(http://www.findolin.com/imgs///mainnavi_line.gif);
 background-position: 0px 0px;
 background-repeat: repeat;
}
div#headline div#mainnavi a {
 float: left;
 display: block;
 background-image: url(http://www.findolin.com/imgs///mainnavi_linkbg.gif);
 background-position: 0px 0px;
 background-repeat: no-repeat;
 width: 150px;
 height: 22px;
 font: bold 11px Verdana,Arial;
 text-decoration: none;
 color: rgb(129,124,120);
 text-align: center;
 vertical-align: middle;
 padding: 13px 0px 0px 0px;
 margin: 0px;
}
div#headline div#mainnavi a.selected { background-image: url(http://www.findolin.com/imgs///mainnavi_linkselbg.gif); }
div#headline div#mainnavi a:hover { background-image: url(http://www.findolin.com/imgs///mainnavi_linkbghover.gif); }
div#headline div#mainnavi a.selected:hover { background-image: url(http://www.findolin.com/imgs///mainnavi_linkselbghover.gif); }
/* CONTENT
 * Basiseinstellungen
 */ 
div#content {
 clear: both;
 float: none;
 margin: 5px 5px 5px 20px;
}
/* TEASER
 * Teaser sind in Breiteneinheiten a 150px gegliedert
 */
/* Das hier gilt für alle Teaser */
div#content div,div#content form {
 float: left;
 margin: 0px 0px 1px 1px;
 padding: 0px 0px 2px 0px;
 overflow: hidden;
 background-position: 0px bottom;
 background-repeat: no-repeat;
}
div#content div a {
 float: none;
 display: block;
 background-image: none;
 font: normal 10px Verdana,Arial;
 text-decoration: none;
 color: rgb(92,92,92);
 padding: 0px;
 margin: 0px; 
}
div#content div h1,div#content form h1 {
 background-position: 0px 0px;
 background-repeat: no-repeat;
 font: bold 11px Verdana,Arial;
 text-align: left;
 vertical-align: middle;
 height: 14px;
 padding: 5px 5px;
 overflow: hidden;
 margin: 0px;
}
div#content div div,div#content div a {
 border-left: 1px solid rgb(205,205,205);
 border-right: 1px solid rgb(205,205,205);
}
/* einzeilige Links */
div#content div a.tlink {
 display: block;
 padding: 3px 5px;
 background-image: url(http://www.findolin.com/imgs///dotted.gif);
 background-position: left bottom;
 background-repeat: repeat-x;
 color: rgb(92,92,180);
}
div#content div a.tlink:hover {
 background-color: rgb(234,250,250);
 color: rgb(92,92,220);
}
/* Teaser W1 */
div#content div.teaserW1,div#content form.teaserW1 {
 background-image: url(http://www.findolin.com/imgs///teaserw1.gif);
 width: 150px; 
}
div#content div.teaserW1 h1,div#content form.teaserW1 h1 {
 background-image: url(http://www.findolin.com/imgs///teaserh1.gif);
 width: 150px;
}
/* Teaser W2 */
div#content div.teaserW2,div#content form.teaserW2 {
 background-image: url(http://www.findolin.com/imgs///teaserw2.gif);
 width: 300px; 
}
div#content div.teaserW2 h1,div#content form.teaserW2 h1 {
 background-image: url(http://www.findolin.com/imgs///teaserh2.gif);
 width: 300px;
}
/* Teaser W3 */
div#content div.teaserW3,div#content form.teaserW3 {
 background-image: url(http://www.findolin.com/imgs///teaserw3.gif);
 width: 450px; 
}
div#content div.teaserW3 h1,div#content form.teaserW3 h1 {
 background-image: url(http://www.findolin.com/imgs///teaserh3.gif);
 width: 450px;
}
/* Teaser W4 */
div#content div.teaserW4,div#content form.teaserW4 {
 background-image: url(http://www.findolin.com/imgs///teaserw4.gif);
 width: 600px; 
}
div#content div.teaserW4 h1,div#content form.teaserW4 h1 {
 background-image: url(http://www.findolin.com/imgs///teaserh4.gif);
 width: 600px;
}
/* Teaser H1 - H4*/
div#content div.teaserH1,div#content form.teaserH1 { height: auto; }
div#content div.teaserH2,div#content form.teaserH2 { height: auto; }
div#content div.teaserH3,div#content form.teaserH3 { height: auto; }
div#content div.teaserH4,div#content form.teaserH4 { height: auto; }
/* SUCHFORMULAR */
div#content form fieldset {
 display: block;
 margin: 0px;
 padding: 0px;
 border-top: none;
 border-bottom: none;
 border-left: 1px solid rgb(205,205,205);
 border-right: 1px solid rgb(205,205,205);
 background-image: url(http://www.findolin.com/imgs///formbg.png);
}
div#content form fieldset img {
 float: left;
 padding: 0px 5px 0px 0px;
}
div#content form fieldset div {
 float: none;
 margin: 0px;
 padding: 1px;
}
div#content form fieldset label {
 display: block;
 float: left;
 clear: both;
 width: 35%;
 padding: 2px 10px 3px 5px;
}
div#content form fieldset input,div#content form fieldset select {
 display: block;
 float: left;
 clear: none;
 font: normal 10px Verdana,Arial;
}
div#content form fieldset input[type=text] { width: 45%; }
div#content form fieldset input.text { width: 45%; }
div#content form fieldset input[type=submit] { margin-left: 5px; }
div#content form fieldset input.submit { margin-left: 5px; }
/* Text/Bild Teaser */
div#content div div.text100 h1,div#content div div.text100 div.text50 h1 {
 background-image: none;
 border-bottom: 2px solid rgb(152,188,216);
 display: block;
 width: auto;
 padding: 0px;
 margin: 0px 5px 2px 0px;
}
div#content div div.text100 { 
 margin: 0px;
 padding: 1px 0px 1px 0px;
 display: block;
 border-bottom: 1px dotted rgb(205,205,205);
}
div#content div.teaserW1 div.text100 { width: 148px; } 
div#content div.teaserW2 div.text100 { width: 298px; } 
div#content div.teaserW3 div.text100 { width: 448px; } 
div#content div.teaserW4 div.text100 { width: 598px; } 
div#content div div.text100 div.text50 {
 margin: 0px;
 padding: 0px;
 display: block;
 float: left;
 border: none;
}
div#content div.teaserW1 div.text100 div.text50 { width: 73px; } 
div#content div.teaserW2 div.text100 div.text50 { width: 148px; } 
div#content div.teaserW3 div.text100 div.text50 { width: 223px; } 
div#content div.teaserW4 div.text100 div.text50 { width: 298px; } 
/* Bild/Text-Teaser innerhalb von Formularen */
div#content form div {
 margin: 0px;
 padding: 0px;
 background-image: none;
}
div#content form div h1 {
 background-image: none;
 background-color: none;
 border-left: 1px solid rgb(205,205,205);
 border-right: 1px solid rgb(205,205,205);
}
div#content form div.teaserW1 div.text100 { width: 148px; background-image: none; } 
div#content form div.teaserW2 div.text100 { width: 298px; background-image: none; } 
div#content form div.teaserW3 div.text100 { width: 448px; background-image: none; } 
div#content form div.teaserW4 div.text100 { width: 598px; background-image: none; } 
div#content form div.teaserW1 h1 { width: 138px; background-image: none; }
div#content form div.teaserW2 h1 { width: 288px; background-image: none; }
div#content form div.teaserW3 h1 { width: 438px; background-image: none; }
div#content form div.teaserW4 h1 { width: 588px; background-image: none; }
/* Bilder im Teaser */
div#content div div img {
 margin: 0px 5px 1px 1px;
 padding: 0px;
 border: none;
 float: left;
}
div#content div div img.icon {
 margin: 0px 5px 0px 0px;
 padding: 0px;
 border: none;
 float: left;
 width: 14px;
 height: 14px;
}
/* Normaler Text */
div#content div div.text100 p,div#content div div.text100 div.text50 p {
 display: block;
 padding: 0px;
 margin: 0px 5px 2px 5px;
}
div#content div div.text100 p a,div#content div div.text100 div.text50 p a {
 display: inline;
 padding: 0px;
 margin: 0px;
 border: none;
 color: rgb(92,92,180);
}
/* Tabellen im Text */
div#content div div.text100 table {
 display: block;
 border: 1px solid rgb(190,190,190);
 padding: 1px;
 margin: 2px 5px 2px 5px;
}
div#content div.teaserW1 div.text100 table { width: 140px; } 
div#content div.teaserW2 div.text100 table { width: 290px; } 
div#content div.teaserW3 div.text100 table { width: 440px; } 
div#content div.teaserW4 div.text100 table { width: 590px; } 
div#content div div.text100 table th {
 text-align: left;
 border: 0px;
 font-weight: bold;
 background-color: rgb(190,190,190);
}
div#content div div.text100 table td {
 text-align: left;
 vertical-align: top;
 border: 0px;
 font-weight: normal;
}
div#content div div.text100 table td a {
 display: inline;
 margin: 0px;
 padding: 0px;
 border: none;
 font-weight: bold;
 color: rgb(92,92,180);
}
div#content div div.text100 table tr.odd td { background-color: rgb(240,240,240); }
div#content div div.text100 table tr.even td { background-color: rgb(250,250,250); }
div#content div div.text100 table td.speed { text-align: right; font-weight: bold; width: 80px; }
div#content div div.text100 table td.groups { text-align: right; font-weight: bold; width: 50px; }
div#content div div.text100 table td.numarticle { text-align: right; font-weight: bold; width: 50px; }
div#content div div.text100 table th.speed { text-align: right; }
div#content div div.text100 table th.groups { text-align: right; }
div#content div div.text100 table th.numarticle { text-align: right; }
div#content div.teaserW1 div.text100 td.server { width: auto; } 
div#content div.teaserW2 div.text100 td.server { width: 110px; } 
div#content div.teaserW3 div.text100 td.server { width: 260px; } 
div#content div.teaserW4 div.text100 td.server { width: 410px; } 
/* Suchergebnisse */
div#content form div.search {
 background-image: none;
}
div#content form div.search h1 {
 background-image: url(http://www.findolin.com/imgs//sresulth1bg_998.png);
 background-repeat: repeat-x;
 background-position: top left;
}
/* Suchschritte */
div#content div.search h1.step {
 padding-bottom: 0px;
 background-image: url(http://www.findolin.com/imgs//sresulth1bg_998_947.png);
 background-repeat: repeat-x;
 background-position: top left;
}
div#content div.search h1.selected {
 background-image: url(http://www.findolin.com/imgs//steph1bg_998_329.png);
}