/*
   drama1.css
*/

/*** div container ***/

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

#header {
  margin-top:20px;
  width:990px;
}
#header-links {
  float:left;
  width:230px;
  height:90px;
 }
#header-rechts {
  float:left;
  width:760px;
  height:90px;
  margin-top:38px;
}
#header_rechts_unter_navi {
  float:left;
  width:60px;
  height:90px;
  margin-top:50px;
 

}
#hauptnavi {
}

#main {
  clear:both;
}
/*#main_unter_navi {
  float:left;
  width:220px;
}
#unter_navi_pos {
  margin-top:70px;
  margin-left:40px;
}*/
#main_inhalt {
  padding-left: 70px;
  width:900px;
}

#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; } #23b2e9*/

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, .runde-ecken-5 a,
a.workshop, .runde-ecken-7 a {
   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:20px; margin-right:60px; color:#333333;}
.text-small { font-size:11px; line-height:20px; margin-right:200px; }
.text-breit { font-size:12px; line-height:20px; }
.textworkshop {  float:right; font-size:12px; margin-right:5px; 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; }
.textweiß { font-size:11px; line-height:19px; margin-right:40px; color:#ffffff;}
.textweißbusiness { font-size:11px; line-height:19px; margin-right:0px; color:#ffffff;}
.textbuninessgross {font-size:12px; line-height:20px; margin-right:0px;}

h1, .h1 { color:#CACACA; font-size:36px; margin-right:60px; line-height:52px;}
h2, .h2 { font-family:verdana,arial,helvetica,geneva,sans-serif; color:#6E6366; font-size:12px; margin-right:60px; line-height:22px; }
h3, .h3 { font-size:14px; font-weight:bold; line-height:25px; }
h4, .h4 { font-size:17px; color:#ffffff; line-height:18px;  }
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; }


.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:30px;
    width: 900px;
  }

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

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

  
/* footer-boxen */  

#footer-boxen {
  margin: 0;
}

#footer-boxen .box {
  float:left; 
  width:280px;
}
#footer-boxen .box-left {
  padding-right:25px;
}
#footer-boxen .box-center {
  padding-right:25px;
}
#footer-boxen .box-right {
}


/* pretty foto galerie */

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

/*runde ecken*/

.runde-ecken-1 {
  background: #82cce9;
  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: #68bdde;
  padding: 20px;
  width: 340px;
  height: 20px;
  -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: #68bdde;
  padding: 20px;
  width: 250px;
  height: 160px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px  2px 2px #B4D4E0;
  -moz-box-shadow: 0px  2px 2px #B4D4E0;
  box-shadow: 0px  2px 2px #B4D4E0;
}
.runde-ecken-4 {
  background: #cc527a;
  padding: 20px;
  width: 260px;
  height: 440px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -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;
}
.runde-ecken-5 {
  background: #68bdde;
  padding: 20px;
  width: 250px;
  height: 160px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px  2px 8px #B4D4E0;
  -moz-box-shadow: 0px  2px 8px #B4D4E0;
  box-shadow: 0px  8px 2px #B4D4E0;
}
.runde-ecken-6 {
  background: #68bdde;
  padding: 20px;
  width: 440px;
  height: 14px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 1px  1px 1px #B4D4E0;
  -moz-box-shadow: 1px  1px 1px #B4D4E0;
  box-shadow: 1px  1px 1px #B4D4E0;
}
.runde-ecken-7 {
  background: #82cce9;
  padding: 20px;
  width: 640px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 2px  2px 2px #B4D4E0;
  -moz-box-shadow: 2px  2px 2px #B4D4E0;
  box-shadow: 2px  2px 2px #B4D4E0;
}