/******************************************************************************
***** Stylesheet für hakama engineering
*******************************************************************************/

html {height:100%;}

body {
height:101%;
margin:0px;        padding:0px;
font-size:14px;
font-family:Arial,sans-serif;
font-weight:normal;        color:#fff;
background-color:#000;
}

#text,#left {font-family:Arial,sans-serif;font-size:14px;}

/* links */

        a:link    { text-decoration:none; color:#E60004; }
        a:visited { text-decoration:none; color:#E60004; }
        a:active  { text-decoration:none; color:#fff; }
        a:hover   { text-decoration:underline; color:#fff; }

        A.mail:hover {}
        A.pdf {font-weight:bold;padding:4px 26px 4px 0px;background-repeat:no-repeat;background-image:url(img/pdf.gif);background-position:top right;}
        A.pdf:hover {}
        #text A {font-weight:bold;}
        #text A.w {color:#fff;font-weight:normal;}
        A.zurueck {display:none;padding-left:17px;background-image:url(img/arrow-back.gif);background-repeat:no-repeat;background-position:top left;}
        A.weiter {padding-right:17px;background-image:url(img/arrow.gif);background-repeat:no-repeat;background-position:top right;}
        A.weiter:hover {background-image:url(img/arrow-hi.gif);text-decoration:none;}
        A.zurueck:hover {background-image:url(img/arrow-back-hi.gif);text-decoration:none;}

IMG {border:0;}
IMG.right {float:right;margin-left:30px;}
TABLE {border:0;border-collapse:collapse;}
TABLE TD {padding:0;vertical-align:top;}

.caption {font-size:85%;color:#666;padding-left:2px;}
.warning {color:#f33;margin-bottom:0;font-size:120%;font-weight:bold;}
.comment {color:#f33;margin-bottom:10px;font-size:90%;}
.comment .neutral{color:#000;}


#main,#scrollbox,#body {height:100%;}
#container {height:100%;border-collapse:collapse;border-spacing:0;width:100%}
#container TD {padding:0; }
#container TD#text {padding:166px 60px 0px 60px;width:100%;height:100%;font-size:14px;}
#container {background-repeat:no-repeat;background-image:url();        background-position:bottom right;}

#bild-rechts {margin-right:35px;margin-top:200px;}
#bild-rechts1 {margin-right:35px;margin-top:600px;}   


body.width-medium  #inner {width:85%;}
body.width-narrow  #inner {width:60%;}
body.links #cl1,
body.sitemap #cl1 {display:none;}

/* Header */

        #headerarea {min-width:970px;position:absolute; left:0px; top:0px; width:100%; height:141px; z-index:999;
                background-image:url(img/meer.jpg);
                background-repeat:no-repeat;
                background-position:top right;
                }

                #logo {position:absolute; left:35px; top:50px; width:289px; height:72px;z-index:2}
                #logo IMG {width:289px; height:72px;}
                #logo2 {position:absolute;top:55px;right:40px;padding-left:250px;display:block;}

#rbanner {vertical-align:bottom;}
#rbanner IMG#rev {margin-right:30px;margin-bottom:137px;margin-top:40px;display:none;}


        #text .hide {display:none;}
        #text .show {display:block;}
        #text DIV.block {margin-bottom:30px;}




/* Tabellen */

        #text TABLE.adresse {width:530px;font-size:110%;border-top:10px solid #000;}
        #text TABLE.adresse TD.last {text-align:right;}
        #text  TD.first {padding-right:20px}
        #text TABLE.adresse TD.first {width:100%;}
        #text TABLE.adresse TD {font-weight:bold;}
        #text TD {padding:2px 10px 2px 0px;}


        TABLE.content {margin-top:8px;border:1px solid #ccc}
        TABLE.content TH {text-align:left;color:#fff;background:#E60004;border-right:1px solid #ccc;padding-left:8px;}
        TABLE.content TD {padding:4px;background:#fff;border-right:1px solid #ccc;border-bottom:1px dashed #ccc;}

        TABLE.loesungen TD {font-size:13px;}
        TABLE.loesungen TD IMG {margin: 24px 12px 0px 20px;}
        TABLE.loesungen TD A.pdf {display:block;padding:0px 0px 4px 32px;background-position:top left;width:180px;}

        #text TABLE.ansprechpartner TD {font-size:12px;padding-bottom:45px;}
        #text TABLE.ansprechpartner TD B {font-size:110%}
        TABLE.ansprechpartner TD IMG {margin-right:30px;}




/* Ablauf */
        TABLE.ablauf IMG {border:2px solid #E60004;margin-bottom:15px;}
        TABLE.ablauf {font-size:90%;position:absolute;top:380px;left:310px;}
        TABLE.ablauf UL {margin:0;padding:0;}
        #text TABLE.ablauf LI {padding-left:16px;padding-top:6px;padding-bottom:16px;}
        #pfeile-ablauf {font-size:14px;position:absolute;top:330px;left:310px;z-index:999;width:1000px;}
        #pfeile-ablauf A, #pfeile-ablauf A:hover{font-family:Verdana;text-decoration:none;color:#fff;font-weight:bold;}

        div.bgablauf {position:absolute;top:325px;left:310px;z-index:5;overflow:hidden;width:800px;height:30px;}
        div.bgablauf IMG             {border-left:88px solid #828282;margin-top:-5px;}
        div.bgablauf IMG.first  {border-left:106px solid #828282;}
        div.bgablauf IMG.third  {border-left:56px solid #828282;}
        div.bgablauf IMG.fourth {border-left:82px solid #828282;}
        div.bgablauf IMG.last          {border-left:98px solid #828282;}

        div.bgablauf1 {position:absolute;top:325px;left:310px;z-index:5;overflow:hidden;width:1100px;height:30px;}
        div.bgablauf1 IMG        {border-left:100px solid #828282;margin-top:-5px;}
        div.bgablauf1 IMG.first  {border-left:100px solid #828282;}
        div.bgablauf1 IMG.third  {border-left:95px solid #828282;}
        div.bgablauf1 IMG.fourth {border-left:120px solid #828282;}
        div.bgablauf1 IMG.fifth  {border-left:150px solid #828282;}
        div.bgablauf1 IMG.last         {border-left:65px solid #828282;}

        #text TD.mapBt {padding-top:10px;}
        #text TD.mapBt INPUT,#text TD.mapBt INPUT.enabled {background-color:#000;border:0;color:#fff;padding:0;text-decoration:underline;}
        #text TD.mapBt INPUT.disabled {color:#666;}

/* downloads */
        #text ul.downloads {margin:0;padding:0;font-size:12px;}
        #text ul.downloads li {background-image:url();padding:0;font-size:12px;}
        #text ul.downloads li A {color:#fff;font-weight:normal;display:block;height:20px;width:440px;cursor:pointer;
                padding:0px 26px 12px 0px;background-repeat:no-repeat;background-image:url(img/pdf.gif);background-position:top right;
                        }
        #text ul.downloads li A:hover {text-decoration:none;font-weight:bold;}
        #text ul.downloads SPAN {background-color:#3E3C40;display:block;width:421px;padding:5px 4px 5px 4px;float:left;}

/* links */
        #text ul.links {margin:0;padding:0;font-size:12px;}
        #text ul.links li {background-image:url();padding:0;font-size:12px;}
        #text ul.links li A {color:#E60004;font-weight:normal;display:block;height:20px;width:700px;padding:0px 26px 12px 0px;        cursor:pointer;        }
        #text ul.links li A:hover {text-decoration:none;font-weight:bold;}
        #text ul.links A EM {font-style:normal;padding-top:4px;display:block;margin-left:440px;}
         #text ul.links A:hover EM {text-decoration:underline;font-weight:bold;}
        #text ul.links A SPAN {color:#fff;background-color:#3E3C40;display:block;padding:5px 4px 5px 4px;float:left;width:421px;}

/* footer */

                 #flags IMG {width:20px; height:13px; border:1px solid #000;}
                TD#flags {padding-top:6px;text-align:right;width:100%;}
                #flags A {margin-left:5px;padding:0}
                #flags A:hover IMG {border:1px solid #fff;}

#footer {vertical-align:bottom;}
#footer TABLE {width:100%;margin-bottom:12px;}
#footer TABLE TD {border-top:1px solid #E60004;font-size:11px;}
#footer TD.spc {display:none;border-top:0;}
#footer TD.spc2 {border-top:0;}


                #copyright {padding-top:8px;color:#E60004;padding-left:20px;
                        background-image:url(img/arrow.gif);
                        background-repeat:no-repeat;background-position:0px 9px;
                        }
                #copyright A {font-size:110%;color:#fff;text-decoration:underline;}
                 #copyright A:hover {color:#E60004;}
                TD#footerlinks {text-align:right;padding-top:6px;padding-right:8px;}

                #footerlinks A {margin-left:15px;text-decoration:none;color:#fff;}
                #footerlinks A:hover {color:#E60004;}
                #footerlinks A.act {color:#E60004;}
                #footer TD.kontakt {padding-left:7px;padding-top:1px;}
                #footer TD.kontakt A {font-weight:bold;color:#E60004;font-size:150%;margin-top:0;}
                #footer TD.kontakt A:hover {text-decoration:none;}
                #footer TR.ansprechpartner TD {border:0;text-align:right;width:100%;font-weight:bold;
                        padding:0px 35px 12px 0px;font-size:12px;font-family:Verdana,sans-serif;}







td {font-size:14px;}
h1,h2,h3 {}


h1        {
        font-size:13.5pt;margin-bottom:16px;
        font-weight:bold;                font-style:normal;
        margin-top:34px;
        }

h2        {
        font-size:13.5pt;
        font-weight:bold;                font-style:normal;
        margin-top:34px;        margin-bottom:16px;
        }

h3        {
        font-size:11pt;
        font-weight:bold;
        font-style:normal;
        margin-top:16px;
        }

p        {
        font-size:14px;
        margin-top:0px;
        margin-bottom:18px;
        text-align:justify;
        }


P.spc {margin-bottom:0px;display:none;}


ul         {
        list-style-position:outside;
font-size:14px;
        font-weight:normal;
        margin: 8px 0px 8px 16px;
        padding:0px;
        list-style-type:square;
        }

#text li        {
        padding:4px 0px 12px 20px;
        margin:0; background-image:url(img/box_red.gif);background-repeat:no-repeat;list-style-type:none;
        background-position:0px 7px;
        font-size:14px;
        }

#text li.nr {background-position:0px 6px;padding-bottom:6px;}
#text li.l1 {background-image:url(img/nr/1.gif);}
#text li.l2 {background-image:url(img/nr/2.gif);}
#text li.l3 {background-image:url(img/nr/3.gif);}
#text li.l4 {background-image:url(img/nr/4.gif);}
#text li.l5 {background-image:url(img/nr/5.gif);}
#text li.l6 {background-image:url(img/nr/6.gif);}
#text li.l7 {background-image:url(img/nr/7.gif);}
#text li.l8 {background-image:url(img/nr/8.gif);}
#text li.l9 {background-image:url(img/nr/9.gif);}







/* formconfig */
.formconfig {width:620px;}
.formconfig select  {margin:3px 0px 3px 0px;font-weight:bold;color:#000;background-color:#999;}
.formconfig input                {color: #000;border: 1px solid #E60004;margin:3px 0px 3px 0px;background-color:#999;}
.formconfig DIV.button input         {background-color: #bbb;font-weight:bold;border-color:#E60004;}
.formconfig input.checkbox         {border:0;}
.formconfig input.radio,
.formconfig input.checkbox {border:0;}
.formconfig input.big {width:290px;}
.formconfig input.small {width:70px;}
.formconfig input.medium {width:215px;}
.formconfig input.special {width:142px;}

.formconfig DIV.textarea {margin-bottom:10px;}
.formconfig DIV LABEL {display:block;width:160px;float:left;clear:left;font-size:90%}
.formconfig DIV.checkbox LABEL {display:inline;width:90px;float:none;clear:none;font-size:100%}
 .formconfig DIV.checkboxes DIV.checkbox  {width:400px;float:left;padding-left:90px;}

.formconfig DIV.checkboxes {margin-top:10px;margin-bottom:10px;}
.formconfig DIV.checkboxes DIV.blockcomment {float:none;width:auto;font-size:85%}

.formconfig DIV.button {display:block;clear:both;}

.formconfig DIV.comment {font-weight:normal;margin-left:160px;font-size:85%;display:block;clear:both;}
.formconfig .comment A {font-weight:normal;}

.formconfig TEXTAREA {width:290px;height:150px;font-size:85%;font-family:Verdana,sans-serif;border: 1px solid #E60004;background-color:#999;}
.formconfig DIV.submit  {margin-left:80px;margin-top:10px;}
                .optlabel {margin-right:10px;line-height:0;}
.formconfig .comment .missingfield {color:#f33;font-weight:bold;}
.formconfig .message {font-weight:bold;color:#E60004;}

.formconfig DIV.radio {margin-bottom:20px;}
.formconfig DIV.radio .optlabel {font-size:90%;font-weight:bold;padding-left:3px;}
.formconfig DIV.radio input.radio {margin-bottom:-3px;}