/* Styles for www.e-workers.de */
* {
margin: 0;
padding: 0;
}
html, body {
height: 100.1%;
}
body {
background-image: url(../images/mainbg.jpg);
background-repeat: repeat-x;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 80%;
line-height: 1.5;
background-color: #e3c182;
color: #000;
text-align: center;
}

/* mainboxes */
#wrapper {
position: relative;
background-image: url(../images/title.jpg);
background-repeat: no-repeat;
width: 760px;
margin: 0 auto;
text-align: left;
}

#header {
position: relative;
overflow: hidden;
}
#header span.hide {
position: absolute;
top: 0px;
left: 0px;
width: 750px;
height: 94px;
background-image: url(../images/title.jpg);
background-repeat: no-repeat;
}
#header h1 {
font-size: 150%;
}
#header a {
display: block;
width: 750px;
height: 74px;
margin: 0;
border: 0 none;
cursor: pointer;
background-color: #eed8b1;
color: #000;
}

/* === HAUPTMENUE === */
#menuebox {
position: absolute;
top: 310px;
left: 45px;
width: 300px;
background-image: url(../images/menbg.jpg);
background-repeat: no-repeat;
background-position: bottom left;
padding: 0;
}

#menuebox ul {
list-style-type: none;
margin: 0px 0px 40px 0px;
}
#menuebox ul ul {
list-style-type: none;
margin: 0;
}

#menuebox ul li.null {
margin: 5px 0px 5px 150px;
padding-bottom: 10px;
font-variant: small-caps;
}
#menuebox ul li.eins {
margin: 5px 0px 5px 80px;
}
#menuebox ul li.zwei {
margin: 5px 0px 5px 95px;
}
#menuebox ul li.drei {
margin: 5px 0px 5px 110px;
}
#menuebox ul li.vier {
margin: 5px 0px 5px 125px;
}
#menuebox ul li.fuenf {
margin: 5px 0px 5px 140px;
}
#menuebox ul li.sechs {
margin: 5px 0px 5px 155px;
}

#menuebox ul ul {
margin-top: 5px;
}
#menuebox ul ul li {
margin: 2px 5px 0px 20px;
border: 1px dotted #d0c0a0;
background-color: #eed8b1;
color: #000;
}

/* ============================= */



#content {
margin: 71px 0px 0px 335px;
}
#content #spiegel {
position: relative;
background-image: url(../images/spiegel.jpg);
background-repeat: no-repeat;
background-color: #eed8b1;
color: #000;
}

#content #spiegel .texticon {
background-image: url(../images/text.gif);
background-repeat: no-repeat;
float: right;
width: 40px;
height: 40px;
margin: 10px 15px 0px 0px;
}

#content #spiegel #spbottom {
background-image: url(../images/spiegel-b.jpg);
background-repeat: no-repeat;
width: 425px;
height: 35px;
}
#content #spiegel p {
margin: 10px 0px 15px 0px;
padding: 0px 30px 0px 30px;
}
#content #spiegel p.text1 {
margin: 0px 0px 15px 0px;
font-weight: bold;
}

#content #spiegel ul{
list-style-type: circle;
margin: 5px 0px 5px 0px;
padding: 0px 30px 0px 45px;
}
#content #spiegel ol {
margin: 5px 0px 5px 0px;
padding: 0px 30px 0px 50px;
}

#content #spiegel p.topper {
font-size: 89%;
margin: 20px 0px 0px 0px;
}


#footer {
position: relative;
background-image: url(../images/footbg.jpg);
background-repeat: repeat-x;
background-position: bottom left;
height: 100px;
margin: 20px 0px 0px 0px;
text-align: left;
background-color: #ecd3a6;
color: #000;
}
#footer p {
padding: 28px 0px 0px 30px;
font-size: 89%;
}

#footer span.css-buch {
position: absolute;
right: 3em;
}


/*===========================================*/
/* LINK-Formate */
a.extern {
background-image: url(../images/extern3.gif);
background-repeat: no-repeat;
background-position: center right;
padding-right: 15px;
}

/* Hauptmenue */
#menuebox ul li a {
text-decoration: none;
border: 0 none;
}
#menuebox ul li a,
#menuebox ul li span.aktiv {
display: block;
background-image: url(../images/linkbg.jpg);
background-repeat: no-repeat;
background-position: bottom left;
padding: 1px 0px 2px 15px;
font-weight: bold;
border: 0 none;
background-color: #eed8b1;
color: #600;
}

#menuebox ul li a:focus,
#menuebox ul li a:hover,
#menuebox ul li a:active,
#menuebox ul li span.aktiv,
#menuebox ul ul li span.aktiv {
background-color: #f3e7cd;
color: #900;
}
#menuebox ul ul li a,
#menuebox ul ul li span.aktiv,
#menuebox ul ul li a:hover {
background-image: none;
font-weight: normal;
}

/* Content-Bereich allgemein */
#content #spiegel a {
text-decoration: none;
background-color: transparent;
color: #600;
border-bottom: 1px solid #000;
}

#content #spiegel a:link {
background-color: transparent;
color: #600;
}
#content #spiegel a:focus,
#content #spiegel a:hover,
#content #spiegel a:active {
background-color: #f7ecd7;
color: #900;
}

/* styleswitch */
a.textver {
display: none;
}
#content #spiegel .texticon a.graver {
width: 40px;
height: 40px;
display: block;
}

/* footer */
#footer a {
font-weight: bold;
text-decoration: none;
border: 0 none;
background-color: transparent;
color: #600;
}
#footer a:focus,
#footer a:hover,
#footer a:active {
border-bottom: 1px solid #000;
}

/* abi / gawds box */
#content #spiegel #boxframe a {
display: block;
width: 150px;
height: 69px;
}

/* icons */
#content #spiegel p.artmedic a,
#content #spiegel .texticon a.graver,
#content #spiegel .bienebox a,
#content #spiegel #w3c a,
#content #spiegel #boxframe a,
#content #spiegel .dl-hc a {
border: 0 none;
}
#content #spiegel .texticon a.graver:focus,
#content #spiegel .texticon a.graver:hover,
#content #spiegel .texticon a.graver:active,
#content #spiegel .bienebox a:focus,
#content #spiegel .bienebox a:hover,
#content #spiegel .bienebox a:active,
#content #spiegel #w3c a:focus,
#content #spiegel #w3c a:hover,
#content #spiegel #w3c a:active,
#content #spiegel #boxframe a:focus,
#content #spiegel #boxframe a:hover,
#content #spiegel #boxframe a:active, 
#content #spiegel .dl-hc a:focus,
#content #spiegel .dl-hc a:hover,
#content #spiegel .dl-hc a:active {
background-color: transparent;
color: #000;
}

/* sitemap */
#content #spiegel .sitemap li a {
display: block;
font-weight: bold;
border: 0 none;
}
#content #spiegel .sitemap ul ul li a {
font-weight: normal;
}
#content #spiegel .sitemap li a .onmo {
display: none;
font-weight: normal;
background-color: transparent;
color: #4d341a;
}
#content #spiegel .sitemap li a .onmo b {
background-color: transparent;
color: #900;
}
#content #spiegel .sitemap li a:focus .onmo,
#content #spiegel .sitemap li a:hover .onmo,
#content #spiegel .sitemap li a:active .onmo {
display: inline;
}



/* headings */
h2, h3, h4 {
letter-spacing: 1pt;
/*background-color: transparent;
color: #88511e;*/
}
#content h2 {
font-family: Georgia, Verdana, Helvetica, Arial, sans-serif;
font-style: italic;
padding: 24px 0px 30px 30px;
font-size: 150%;
}
#content h2.level2 {
background-image: url(../images/linkbg2.gif);
font-family: Verdana, Helvetica, Arial, sans-serif;
font-style: normal;
margin: 20px 20px 0px 25px;
padding: 24px 0px 6px 5px;
font-size: 120%;
background-color: #f7ecd7;
color: #6a3f17;
}
h3 {
background-image: url(../images/linkbg2.gif);
margin: 20px 20px 0px 25px;
padding: 11px 0px 10px 5px;
font-size: 120%;
background-color: #f7ecd7;
color: #6a3f17;
}
h3 .smaller {
font-size: 80%;
letter-spacing: normal;
}
#content h4 {
margin: 10px 20px 0px 25px;
padding: 11px 0px 10px 5px;
font-size: 110%;
background-color: transparent;
color: #6a3f17;
}
#content .subline {
margin: 0px 20px 0px 30px;
padding: 0;
}
#content #spiegel .subline h4 {
margin: 0;
padding: 0;
}
#content #spiegel .subline p {
margin: 0;
padding: 0;
}


/* others */
.invis, hr, #printonly {
display: none;
background-color: #fff;
color: #000;
}
.clearer {
clear: left;
}
.clearer2 {
clear: right;
}
img, .noborder {
border: 0 none;
}
img.screen-im {
margin: 0px 0px 0px 0px;
}
.init {
font-size: 125%;
font-weight: bold;
}
#w3c {
margin: 20px 0 10px 15px;
text-align: center;
}
.smallprint {
font-size: 89%;
}
#content #spiegel .smallprint2 {
margin-top: 20px;
font-size: 89%;
}

.spread {
letter-spacing: 3px;
}

/* rechts floatendes Bild */
img.fl-r {
float: right;
width: 88px;
margin: 10px 30px 0px 10px;
}
img.fl-r2 {
float: right;
width: auto;
margin: 10px 0px 0px 10px;
}
img.fl-r3 {
float: right;
width: auto;
margin: 10px 15px 0px 10px;
border: 1px solid #f0f0f0;
}

/* Info-Boxen */
#content #spiegel .abi-kongress {
float: right;
width: auto;
margin: 0px 5px 0px 0px;
padding: 0px 5px 5px 5px;
background-color: #f2e2c6;
color: #000;
border: 1px solid #e4c283;
}
#content #spiegel .abi-kongress h4 {
margin: 0;
padding: 0;
font-variant: small-caps;
}
#content #spiegel .abi-kongress p {
margin: 0;
padding: 0;
}
#content #spiegel .abi-kongress a {
font-size: 90%;
text-decoration: none;
background-color: transparent;
color: #600;
border: 0 none;
}
#content #spiegel .abi-kongress a:hover {
background-color: transparent;
color: #000;
}
#content #spiegel .abi-kongress a span {
border-bottom: 1px solid #600;
}


/**/
#content #spiegel .helpbox {
margin: 15px 30px 15px 30px;
padding: 7px 15px;
background-color: #f2e2c4;
color: #333;
border: 1px dashed #854529;
}
.biggest {
font-size: 150%;
padding: 0 5px;
}
.invert {
background-color: #006;
color: #ff9;
padding: 1px 3px;
font-weight: bold;
}

/*BROWSEALOUD*/
#browsealoud {
position: absolute;
bottom: 0px;
left: 20px;
width: auto;
height: 37px;
text-align: center;
font-size: 80%;
}
#browsealoud a {
text-decoration: none;
background-color: transparent;
color: #600;
}
span.ba-name {
font-variant: small-caps;
}


/* Kontaktformular */
fieldset {
margin: 13px 20px 0px 25px;
border: 1px solid #d0c0a0;
padding: 10px 0px 10px 0px;
}
legend {
margin-left: 10px;
padding: 1px 10px 2px 10px;
background-color: #e7c992;
color: #000;
border: 1px solid #d0c0a0;
}

#spiegel #kontaktformular p {
margin: 5px 0 0 10px;
padding: 0;
}
#spiegel #kontaktformular p.mannfrau {
margin-bottom: 10px;
}
#spiegel #kontaktformular p.copycat {
margin: 5px 0 10px 0;
text-align: center;
}
#spiegel p.error {
margin: 10px 20px;
padding: 5px;
border: 1px solid #a00;
background-color: #fff;
color: #a00;
}
#spiegel .confirm {
padding: 10px 5px;
background-color: #faeaca;
color: #000;
border-top: 1px solid #d0c0a0;
border-bottom: 1px solid #d0c0a0;
}
label {
float: left;
width: 7em;
clear: left;
}
label.nofloat {
float: none;
padding: 0 20px 20px 0;
}

.inputtext,
.inputtextarea {
width: 260px;
padding: 1px 3px 2px 5px;
background-color: #faeaca;
color: #000;
border: 1px solid #d0c0a0;
}
.inputbutton {
width: 360px;
background-color: #e3c182;
color: #000;
border: 1px solid;
border-color: #faeaca #d0c0a0 #d0c0a0 #faeaca;
cursor: pointer;
}

#spiegel p.artmedic {
position: absolute;
left: -5000px;
}

/* hcard in footer */
#footer {
position: relative;
}
#footer .vcard {
position: absolute;
top: 0px;
left: -5000px;
}
.dl-hc {
float: right;
width: 120px;
margin: -20px 20px 0 0;
}

/* AbI-Logo/GAWDS-Box */
#boxframe {
float: right;
width: 150px;
margin: -240px 10px 5px 0;
padding: 5px;
}
#box1 {
background-image: url(../images/micro/abi_unterstuetzer.gif);
background-repeat: no-repeat;
width: 150px;
height: 69px;
margin-top: 10px;
}
#box2 {
background-image: url(../images/micro/gawds.jpg);
background-repeat: no-repeat;
width: 148px;
height: 60px;
margin-top: 20px;
}

/* tabelle mit buttons */
table#ioffer {
margin: 20px 30px;
border: 0 none;
}
caption {
font-size: 1px;
}
#ioffer th {
padding: 5px 0;
font-size: 90%;
text-align: center;
background-color: #ecd5a9;
color: inherit;
border: 1px dotted #dbb891;
}
#ioffer tr.hell {
background-color: #f5ebd6;
color: inherit;
}
#ioffer tr.dunkel {
background-color: #f3e7cd;
color: inherit;
}
#ioffer td {
vertical-align: middle;
font-size: 90%;
padding: 6px 5px 4px 10px;
margin: 0;
border: 1px dotted #dbb891;
}

/* little helpers */
.helper1 {
background-image: url(../images/helpers/butty3.gif);
background-repeat: no-repeat;
float: left;
width: 113px;
height: 105px;
margin: 0 5px 0 -90px;
}
.helper2 {
background-image: url(../images/helpers/hirsch.gif);
background-repeat: no-repeat;
float: right;
width: 127px;
height: 105px;
margin: 0 -30px 0 0;
}
.helper3 {
background-image: url(../images/helpers/daisy.gif);
background-repeat: no-repeat;
float: right;
width: 122px;
height: 61px;
margin: 15px 5px 0 10px;
}
.helper4 {
background-image: url(../images/helpers/hummel.gif);
background-repeat: no-repeat;
float: left;
width: 98px;
height: 95px;
margin: -10px 10px 0 -50px;
}
.helper5 {
background-image: url(../images/helpers/plusi.gif);
background-repeat: no-repeat;
float: left;
width: 36px;
height: 94px;
margin: 10px 5px 0 -32px;
}
.helper6 {
background-image: url(../images/helpers/2butty.gif);
background-repeat: no-repeat;
float: right;
width: 222px;
height: 151px;
margin: -10px 0px 0 0;
}
.helper7 {
background-image: url(../images/helpers/goldy.gif);
background-repeat: no-repeat;
float: right;
width: 118px;
height: 85px;
margin: 10px 5px 0 0;
}
.helper8 {
background-image: url(../images/micro/noie.gif);
background-repeat: no-repeat;
float: right;
width: 90px;
height: 91px;
margin: 10px 5px 0 0;
}
.helper9 {
background-image: url(../images/helpers/butty2.gif);
background-repeat: no-repeat;
float: right;
width: 80px;
height: 63px;
margin: 10px 5px 0 0;
}
/* */

/* tabelle mit analyse */
#content table#analyse {
margin: 10px 30px;
border: 0 none;
}
#content table#analyse th {
text-align: center;
font-variant: small-caps;
letter-spacing: 1pt;
border: 1px solid #d0c0a0;
}
#content table#analyse th h3 {
margin: 0;
padding: 10px 0px 10px 0px;
}

#content table#analyse td {
padding: 0;
border: 1px solid #d0c0a0;
vertical-align: top;
background-color: #f3e7cd;
color: inherit;
}
#content table#analyse td p {
border: 0 none;
margin: 0;
padding: 10px 15px;
}
#content table#analyse td.subhead {

}
#content table#analyse td.subhead h3 {
margin: 0;
padding: 5px 0 5px 15px;
}
#content table#analyse .red {
background-color: transparent;
color: #900;
}
#content table#analyse .green {
background-color: transparent;
color: #060;
}

/* sitemap */
#content #spiegel p.betweenlists {
margin: 25px 0px 25px 0px;
} 
#content .sitemap ul {
list-style-type: circle;
padding: 10px 0px 20px 0px;
background-color: transparent;
color: #900;
}
#content .sitemap li {
margin-bottom: 3px;
padding: 2px 0px 3px 10px;
background-color: #f1e2c3;
color: inherit;
}
#content .sitemap ul ul li {
background-color: #f7eedb;
color: inherit;
}
/* */

.bienebox {
position: absolute;
bottom: -26px;
right: -60px;
}
.bienebox span.underlined {
font-size: 80%;
border-bottom: 1px solid #000;
}
.bienebox img {
vertical-align: middle;
}