/*
   drama1.css
*/

/*** div container ***/

#page {
  width:990px;
  margin-left:auto;
  margin-right:auto;
}

#header {
  margin-top:15px;
  width:990px;
}
#header-links {
  float:left;
  width:230px;
}
#header-rechts {
  float:left;
  width:760px;
}
#improvisationstheater {
  font-family:arial,helvetica,geneva,sans-serif;
  font-size:40px;
  line-height:110px;
  font-weight:bold;
  color:#D3D0D0;
  height:83px;
}

#main {
  clear:both;
}
#main_unter_navi {
  float:left;
  width:220px;
}
#unter_navi_pos {
  margin-top:70px;
  margin-left:40px;
}
#main_inhalt {
  float:right;
  width:770px;
}

#footer {
  clear:both;
  width:990px;
}
#footer_content {
  font-size:8pt;
  text-align:right;
  margin-top:15px;
  margin-right:7px;
}


/*** tags und classes ***/

body { color:#000000; background-color:#ffffff; margin:0px; padding:0;}
img { border:0; }

p,div,b,i,td,ul,ol,li,h1,h2,h3,h4,h5,h6 { font-family:verdana,arial,helvetica,geneva,sans-serif;}
p,div,b,i,td,ul,ol,li { font-size:11px; }
h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px; font-weight:normal; font-style:normal; }
img { border:0px; }
/*a { color:#5C9621; text-decoration:none;}
a:hover { color:#99CC67; }
.alarm { color:#b91977; }*/

a { font-size:12px; color:#23b2e9; text-decoration:none;}
a:hover {font-size:12px; color:#990000; }
#main_unter_navi a {
  font-size:12px; color:#707070; text-decoration:none;
}


div.runde-ecken-2 a, .runde-ecken-3 a,
a.workshop {
   font-size: 12px;  text-decoration:none;   color:#ffffff; 
}

.nix { font-size:0; line-height:0; height:0; }

.navi-trenner  { font-size:4pt; color:#6E6366; }
.navi-trenner  { font-size:4pt; color:white; }

.text { font-size:11px; line-height:19px; margin-right:60px; color:#333333;}
.text-small { font-size:12px; line-height:20px; margin-right:135px; }
.text-breit { font-size:12px; line-height:20px; }
.textworkshop { font-size:12px; margin-right:75px; line-height:20px; }
.text1 { line-height:21px; }
.text2 { font-size:12px; line-height:20px; margin-right:60px; color:#999999;}
.text3 { font-size:11px; margin-right:200px; line-height:20px; }
.text4 { font-size:12px; margin-left:450px; margin-right:0px; line-height:20px; }
.text5 { font-size:10px; }
.text6 { font-size:12px; }
.textbiss { font-size:12px; margin-right:10px; color:#4697A3; }

h1, .h1 { color:#CACACA; font-size:32px; margin-right:60px; line-height:46px;}
h2, .h2 { color:#6E6366; font-size:12px; margin-right:60px; line-height:20px; }
h3, .h3 { font-size:14px; font-weight:bold; line-height:25px; }
h4, .h4 { color:#a80000; font-size:20px;  }
h5, .h5 { color:#6E6366; font-size:13px; margin-bottom:7px; margin-right:60px; }
h6, .h6 { font-size:17px; color:#6E6366; line-height:30px; }
.h7 { color:#ACACAC; font-size:20px; }
.h8 { color:#011438; font-size:16px; line-height:22px;}
.h9 { color:#D0D0D0; font-size:13px; }


.textwm { font-size:12px; margin-left:5px; margin-right:0px; line-height:19px; }
.text1wm { line-height:26px; }
.uberwm { color:#D0D0D0; font-size:16px; }
.uberwm1 { color:#000000; font-size:16px; }
.uberwm2 { color:#a80000; font-size:14px; font-weight:bold; }


.wortg { font-size:18pt; font-weight:bold; }
.wortg1 { font-size:13px; font-weight:bold; margin-left:1px; line-height:25px; }
.wortk { font-size:11px; }
.wortklein { font-size:11px; color:#ffffff; line-height:15px; outline:2px solid invert; background-color:#80C0CA; padding:4px; margin:0px;}
.wortkleing { font-size:11px; line-height:17px; color:#A6403C; text-align:left; }
.wortkleinr { font-size:11px; line-height:17px; color:#a80000; text-align:right; }
.wortkursiv { font-size:11px; line-height:13px; color:#a80000; text-align:left; font-style:italic; margin-left:7px; margin-right:7px; }

/*startseite*/
.wortstart  { font-size:10px; color:#ffffff; line-height:15px; margin:7px 12px 12px 7px; }
.wortstart1 { font-size:12px; color:#ffffff; line-height:20px; margin:7px 12px 12px 7px; }
.wortstart2 { font-size:12px; color:#ffffff; line-height:20px; margin:7px 12px 12px 7px; }
.wortstart a { color:#ffffff; }
.wortstart a:hover { color:#ffffff; }
.wortstart_hg_lo { background-image:url(marg_lo.gif); background-repeat:no-repeat; background-position:left top; }
.wortstart_hg_ro { background-image:url(marg_ro.gif); background-repeat:no-repeat; background-position:right top; }
.wortstart_hg_lu { background-image:url(marg_lu.gif); background-repeat:no-repeat; background-position:left bottom; }
.wortstart_hg_ru { background-image:url(marg_ru.gif); background-repeat:no-repeat; background-position:right bottom; }
.wortstart .margin-titel {margin-bottom:5px; font-weight:bold;}


.wortstart1 a { color:#ffffff; }
.wortstart1 a:hover { color:#ffffff; }
.wortstart_hg_lo_rot { background-image:url(marg_lo_rot.gif); background-repeat:no-repeat; background-position:left top; }
.wortstart_hg_ro_rot { background-image:url(marg_ro_rot.gif); background-repeat:no-repeat; background-position:right top; }
.wortstart_hg_lu_rot { background-image:url(marg_lu_rot.gif); background-repeat:no-repeat; background-position:left bottom; }
.wortstart_hg_ru_rot { background-image:url(marg_ru_rot.gif); background-repeat:no-repeat; background-position:right bottom; }
.wortstart1 .margin-titel {margin-bottom:5px; font-weight:bold;}
.wortstart1 .margin-gross {font-size:16px; margin-bottom:10px; font-weight:bold;}


.wortstart2 a { color:#ffffff; }
.wortstart2 a:hover { color:#ffffff; }
.wortstart_hg_lo_grun { background-image:url(marg_lo_grun.gif); background-repeat:no-repeat; background-position:left top; }
.wortstart_hg_ro_grun { background-image:url(marg_ro_grun.gif); background-repeat:no-repeat; background-position:right top; }
.wortstart_hg_lu_grun { background-image:url(marg_lu_grun.gif); background-repeat:no-repeat; background-position:left bottom; }
.wortstart_hg_ru_grun { background-image:url(marg_ru_grun.gif); background-repeat:no-repeat; background-position:right bottom; }
.wortstart1 .margin-titel {margin-bottom:5px; font-weight:bold;}
.wortstart1 .margin-gross {font-size:16px; margin-bottom:10px; font-weight:bold;}


.link { font-size:11px; }
.linksk { font-size:11px; color:#cccccc; }

.gasteintrag { margin-bottom:12px; text-align:center; }
.gastnummer { font-size:9pt; }
.gastname  { font-weight:normal; }
.emaillink { color:#aa0000; }
.gastdatum { font-size:9pt; text-align:right; }
.gasttext { margin-left:20px; margin-right:20px; line-height:18px; }
.button { font-size:10pt; }
#input { font-family:"Courier new",monospace; font-size:12px; }   /* alt */
.input { font-family:"Courier new",monospace; font-size:12px; }

/* 18 Jahre */

.hg18jahre {
  background-image:url(geburtstag_drama_light.jpg);
  background-repeat:no-repeat;
  background-position:right -10px;
  padding-right:320px;
}

.hgem {
  background-image:url(theatersport_em.jpg);
  background-repeat:no-repeat;
  background-position:right 10px;
  padding-right:260px;
}


/* text block */

  .clear {
    clear:both;
  }

  /* für alle */
  .text_block {
    margin-bottom:40px;
    width:750px;
  }

  /* normal */
  .text_block_li {
    float:left;
    width:440px;
  }
  .text_block_li .text {
    margin-right:10px;
  }
  .text_block_re {
    float:right;
    width:310px;
  }
  .text_block_re_bild {
    margin-top:10px;
    text-align:right;
  }

  /* text breiter - bild schmaler */
  .text_block_vo {
    float:left;
    width:530px;
  }
  .text_block_vo .text {
    margin-right:20px;
  }
  .text_block_ne {
    float:right;
    width:210px;
  }
  .text_block_ne_bild {
    margin-top:5px;
    text-align:right;
  }


/* pretty foto galerie */

.gal-thumb {
  float: left;
  margin: 0 10px 12px 0;
}

/*runde ecken*/

.runde-ecken-1 {
  background: #8bc3e6;
  padding: 20px;
  width: 570px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 5px  8px 8px #B4D4E0;
  -moz-box-shadow: 5px  8px 8px #B4D4E0;
  box-shadow: 5px  8px 8px #B4D4E0;
}
.runde-ecken-2 {
  background: #8bc3e6;
  padding: 20px;
  width: 370px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 5px  8px 8px #B4D4E0;
  -moz-box-shadow: 5px  8px 8px #B4D4E0;
  box-shadow: 5px  8px 8px #B4D4E0;
}
.runde-ecken-3 {
  background: #8bc3e6;
  padding: 20px;
  width: 300px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 5px  8px 8px #B4D4E0;
  -moz-box-shadow: 5px  8px 8px #B4D4E0;
  box-shadow: 5px  8px 8px #B4D4E0;
}
.runde-ecken-bild-rechts {
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: red;
}