@charset "UTF-8";
/* CSS for RUNNING ACTORS.org
Copyright Heinrich Schmieder   *****/

body{
        background:#A5A5A5 url(backs/back_body.png) repeat-x;
        font:11px Verdana, Arial, Helvetica, sans-serif;color:#FFF;letter-spacing:normal;line-height:15px
        }
img {border:none}
marquee{background:#000;padding:2px 0 2px 0;margin-bottom:2px}
a:link,a:visited {text-decoration:none;color:#FFF}
a:hover,a:visited {color:#E59938}
h1 {font-size:16px;font-weight:normal;color:#E59938;letter-spacing:2px;margin:10px 0 10px 0}
hr {width:608px;margin:10px 0 15px 0;border:1px solid #000}
.red {color:#CC0000}
.green {color:#67A035}
.haupt, .haupt2, .haupt3 ,.haupt4, .haupt5 {
        width:900px;
        height:auto; /*715*/
        margin:0 0 0 0;
        overflow:hidden
        }
.haupt {background:url(backs/back_haupt.png) top no-repeat}
.haupt2 {background:url(backs/back_haupt2.png) top no-repeat}
.haupt3 {background:url(backs/back_haupt3.png) top no-repeat}
.haupt4 {background:url(backs/back_haupt_black.png) top no-repeat}
.haupt5 {background:url(backs/back_haupt_grey.png) top no-repeat}

.mitte, .mitte2, .mitte3 {
        width:900px;
        height:0px;
        padding-top:20px;
        overflow:hidden
        }
.mitte {background:url(backs/back_mitte.png) top repeat-y}
.mitte2 {background:url(backs/back_black.png) top repeat-y}
.mitte3 {background:url(backs/back_grey.png) top repeat-y}

.unten{
        background:url(backs/back_unten.png) top no-repeat;
        margin-top:0;
        width:900px;
        height:50px;
        overflow:hidden;
        }
.navi{
        position:absolute;
        top:150px;
        left:0;
        height:80px;
        width:100%;
        background:url(backs/back_navi.png) center no-repeat;
        font-size:15px;
        text-align:center;
        }

/*Logo*/
.logo{
        width:900px;
        height:215px;
        text-align:center
        }
.lra{border:none}

/*inhalte*/

.inhalte, .inhalte1, .inhalte3, .inhalte4 {
        width:900px;
        /* height:510px; */
        text-align:left;
        overflow: hidden;
        position: relative;
        }
.inhalte {background:url(backs/back_inhalte.png) top repeat-y}
.inhalte1 {background:url(backs/back_mitte.png) top repeat-y}
.inhalte3 {        background:url(backs/back_black.png) top repeat-y}
.inhalte4, .inhalte5 {        background:url(backs/back_grey.png) top repeat-y}
.inhalte2 {
        background:url(backs/back_mitte2.png) top repeat-y;
        width:900px;height:auto;
        text-align:left;
        }
.inhalte5 {
        overflow:visible;width:900px;height:auto;
        text-align:left;
        }
#container {margin-left:23px}        /* h 387 w 855   +120px Dates*/

/*veranstaltungen*/
.dates{
        padding-top:10px;
        width:900px;
        height:120px;
        }
.infos{
        float:left;
        margin:13px 0 0 -20px;
        height:auto;
        width:300px;
        padding-top:6px;
        letter-spacing:1px;line-height:15px;
        font-weight:bold;
        color:#E59938
        }
.infos_bild {float:left;margin:13px 0 0 40px}
.infos i{
        font-weight:bold;
        letter-spacing:1px;
        font-size:14px
        }
.infos p {margin:5px 0 0 0;color:#DDD}

/*mitte*/
.impress_text{
        text-align:left;
        width:600px;
        padding:20px 0 40px 0;
        border-top:1px dashed #FFF
        }
.impress_text h3{
        font-size:10px;
        letter-spacing:2px;
        font-weight:normal;
        margin:10px 0 10px 0
        }
.impress_text a {letter-spacing:2px;color:#E59938}

/*unten*/
.sharer {float:left;margin:3px 0 0 43px}
.impress{
        letter-spacing:2px;
        float:right;
        margin:4px 40px 0 0
        }

/*nav*/
.navbutt {margin:25px 0 0 0;border-left:1px dashed #CCC}
.navbutt_l {margin:25px 0 0 0;}
.navactive{
        margin:25px 0 0 0;
        border-left:1px dashed #000;
        background:#67A035
        }
.navactive_l {margin:25px 0 0 0;background:#67A035}
.navbutt:hover {background-color:#E59938;border-left:1px dashed #000}
.navbutt_l:hover {background-color:#E59938;}

/*teilnehemer*/
.foto{
        display:block;
        margin:0 0 0 23px;
        padding:10px 0 10px 0;
        text-align:center;
        width:855px;
        /* height:490px; */
        background:#000;
        }
.img_foto{
        margin:4px 4px 4px 4px;
        border:1px solid #666;
        cursor:pointer
        }
.img_foto:hover {margin:2px 2px 2px 2px;border:3px solid #67A035}
.img_foto:active{
        margin:2px 2px 2px 2px;
        border:3px solid #E59938
        }
.img_foto2 {margin:4px 4px 4px 4px;border:1px solid #000}
.info_block{
        position:absolute;
        top: 0px;
        left: 0px;
        display:none;
        background:url(backs/black_trans.png);
        margin:0 0 0px 23px;
        width:855px;
        height:832px
        }
.info_block a {color:#E59938}
.info_inhalt{
        position:relative;
        left:24px;
        display:block;
        width:806px;height:150px;
        background:url(backs/info_inhalt_back.png) top no-repeat
}

#infoactors1 .info_inhalt, #infoactors2 .info_inhalt, #infoactors3 .info_inhalt, #infoactors4 .info_inhalt, #infoactors5 .info_inhalt{ top: 15px; }
#infoactors6 .info_inhalt, #infoactors7 .info_inhalt, #infoactors8 .info_inhalt, #infoactors9 .info_inhalt { top:178px; }
#infoactors10 .info_inhalt, #infoactors11 .info_inhalt, #infoactors12 .info_inhalt, #infoactors13 .info_inhalt, #infoactors14 .info_inhalt { top:341px; }
#infoactors15 .info_inhalt, #infoactors16 .info_inhalt, #infoactors17 .info_inhalt, #infoactors18 .info_inhalt, #infoactors19 .info_inhalt{ top:504px; }
#infoactors20 .info_inhalt, #infoactors21 .info_inhalt, #infoactors22 .info_inhalt, #infoactors23 .info_inhalt, #infoactors24 .info_inhalt{ top:667px; }
#infoactors25 .info_inhalt, #infoactors26 .info_inhalt, #infoactors27 .info_inhalt, #infoactors28 .info_inhalt, #infoactors29 .info_inhalt{ top:835px; }
.info_text{
        float:right;
        display:block;
        width:500px;height:auto;
        margin-right:100px;
        padding:0 0 20px 0;
        }
.bull {color:#E59938;font-size:18px}
.schliessen {float:right;margin:4px 4px 0 0;cursor:pointer}
h2.about{font-size:15px;color:#67A035;letter-spacing:2px;margin:-3px 0 10px 0}

/*charity*/
.info_block2, .info_block3, .info_block4{   /* auch PRESSE ***/
        display:block;
        width:610px;height:auto;
        margin-left:144px;
        }
.info_block2 {padding:20px 0 10px 0}
.img_pics {float:right;margin:0 0 0 30px}
.pics {border:1px solid #444}

/*Formular*/
.info {margin:0 0 10px 0;font-size:12px}
form{
        position:relative;
        top:5px;left:200px;
        font:10px Verdana, Arial, Helvetica, sans-serif;color:#000;
        }
select{
        background:#CCCCCC;
        border:1px solid #000;
        margin:5px 0 5px 0
        }
textarea,.eingabe{
        background:#E59938;
        border:1px solid #000;
        margin:5px 0 5px 0
        }
.butts{
        background:##8C8E94;
        border:1px solid #000;
        font:10px Verdana, Arial, Helvetica, sans-serif;color:#000;
        margin:10px 10px 0 0
        }
.butts:hover {background:#67A035}
.fehler{
        position:relative;
        top:-285px;left:620px;
        height:auto;width:auto;
        border-left:1px solid #000;
        padding-left:10px
        }
.disable{
        background:#666;
        border:1px solid #000;
        margin:5px 0 5px 0;
        }
.but_d{
        background:#666;
        border:1px solid #000;
        font:10px Verdana, Arial, Helvetica, sans-serif;color:#000;
        margin:10px 10px 0 0
        }

/*Veranstaltungen*/
.info_block3 {padding:10px 0 0 0}
.event, .event_zero, .event2 {display:block;width:610px;height:95px}
.event{margin:0 0 10px 0;padding:5px 0 10px 0}
.event_zero{margin: 0;padding:5px 0 25px 0} /* letzte Veranstaltung in der Liste ... */
.event_a:link, .event_a:visited {text-decoration:none;font-size:13px;color:#E59938}
.event_a:hover, .event_a:active {color:#67A035}
.description {margin:10px 0 0 0}

/*Sponsoren*/
.info_block4 {background:url(backs/back_teil.png) bottom no-repeat;padding:20px 0 10px 0}
.sponsor, .sponsor2 {float: right;margin:5px 10px 0 10px}
.sponsor {border:1px solid #000}
.sponsor3 {border:1px solid #000;margin:5px 0 5px 0}
.event2 {padding:5px 5px 5px 5px}
.event_s:link, .event_s:visited {text-decoration:none;font-size:13px;color:#C00}
.event_s:hover, .event_s:active {color:#999}