/***
** generic
***/
* { margin: 0; padding: 0; }
a { -moz-outline: 0; outline: none; }
a img { border: 0; }
.no-float { clear: both; }
.left { float: left; }
.right { float: right; }
.block { display: block; }
.opacity { filter:alpha(opacity=91); /* Internet Explorer */ -moz-opacity: 0.91; /* Mozilla Browser */ opacity: 0.91; /* Opera */ }
.hidden,
.invisible { display: none; } /* .invisible is for TYPOlight cron.php request via img-tag */
.quarter { width: 25%; }
.double { width: 50%; }
.triple { width: 33%; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
*+html .clearfix { display:inline-block; }


/***
** grid
***/
html { height: 101%; }
body { margin: 30px 0 0 0; font-size: 62.5%; }

#container { margin: 0 auto; width: 970px; background-repeat: no-repeat; }
  #branding {  position: relative; height: 172px; background-repeat: no-repeat; background-position: 92px 12px;  }
  #navigation { position: relative; height: 80px; }
  #content { position: relative; min-height: 500px; background-repeat: repeat-y; }
    #content-main { position: relative; top: 0; left: 240px; padding: 10px 0 25px 0; width: 730px; min-height: 450px; background-repeat: no-repeat; background-position: 520px 0; }
    #content-sub  { position: absolute; top: 50px; left: 0; padding: 0 10px; width: 220px; }
  #siteinfo { clear: both; height: 50px; background-repeat: no-repeat; }


/***
** branding
***/
#branding h1 { position: relative; top: 70px; width: 300px; margin: 0 0 0 300px;  }
#branding h1 a { display: block; height: 100px; background-repeat: no-repeat; text-indent: -999em; }


/***
** navigation
***/
#navigation ul { font-family: Helvetica, Verdana, Arial, sans-serif; list-style-type: none; min-height: 25px; }

ul#nav-network { position: absolute; top: -190px; left: 80px; font-size: 1.2em; }
  ul#nav-network li { float: left; float: left; border-right: solid 1px #284117; }
  ul#nav-network li.first,
  ul#nav-network li.last { border: 0; }
  ul#nav-network li a:link,
  ul#nav-network li a:visited,
  ul#nav-network li a:hover,
  ul#nav-network li a:focus,
  ul#nav-network li a:active { float: left; padding: 0 5px; text-decoration: none; text-align: center; background-repeat: repeat-x; }
  ul#nav-network li a:hover,
  ul#nav-network li a:focus { color: white; }


.mod_navigation ul.level_1 { position:relative; left: 90px; width: 860px;  font-size: 1.3em;  }
  .mod_navigation ul.level_1 li { float: left; font-weight: bold; line-height: 25px; }

  .mod_navigation ul.level_1 li span,
  .mod_navigation ul.level_1 li a:link,
  .mod_navigation ul.level_1 li a:visited,
  .mod_navigation ul.level_1 li a:hover,
  .mod_navigation ul.level_1 li a:focus,
  .mod_navigation ul.level_1 li a:active { float: left; height: 25px; padding: 0 15px; text-decoration: none; text-align: center; color: white; background-repeat: repeat-x; }

.mod_navigation ul.level_2 { display: none; position: absolute; left: 0; top: 25px; font-size: 0.923em; }
  .mod_navigation ul.level_2 li { float: left; font-weight: bold; line-height: 24px; }

  .mod_navigation ul.level_1 li.active ul.level_2,
  .mod_navigation ul.level_1 li.trail ul.level_2 { display: block; }

  .mod_navigation ul.level_2 li span,
  .mod_navigation ul.level_2 li a:link,
  .mod_navigation ul.level_2 li a:visited,
  .mod_navigation ul.level_2 li a:focus,
  .mod_navigation ul.level_2 li a:hover,
  .mod_navigation ul.level_2 li a:active { float: left; border-top: 4px solid #e1c188; height: 22px; background-position: right 0; background-repeat: no-repeat; }

  .mod_customnav { position: absolute; top: -190px; right: 15px; width: auto;  }
  .mod_customnav ul { list-style-type: none; font-size: 1.2em; }
  .mod_customnav ul li { float: left; border-right: solid 1px #284117; }
  .mod_customnav ul li.last { border: 0; }
  .mod_customnav ul li span,
  .mod_customnav ul li a:link,
  .mod_customnav ul li a:visited,
  .mod_customnav ul li a:focus,
  .mod_customnav ul li a:hover,
  .mod_customnav ul li a:active { display: block; float: left; padding: 0 8px; text-decoration: none; }
  .mod_customnav ul li a:hover { color: white; }
  .mod_customnav ul li span { color: white; }


/***
** content
***/
#content a:link,
#content a:visited,
#content a:focus,
#content a:hover,
#content a:active { text-decoration: none; color: #ca0900;}
#content a:hover { border-bottom: dotted 1px #ca0900;}


/***
** content-main
***/
#content-main h2,
#content-main h3,
#content-main h4,
#content-main h5,
#content-main p,
#content-main ul,
#content-main ol,
#content-main dl,
#content-main address,
#content-main table,
#content-main form { margin: 10px 260px 10px 10px; }

#content-main h2,
#content-main h3,
#content-main h4,
#content-main h5 { font: bold 1.4em/18px Arial, Helvetica, Verdana, sans-serif; color: #ca0900; }

#content-main h2 { margin: 0 260px 20px 10px; text-transform: uppercase; }
#content-main h3 { margin-top: 20px; font-size: 1.3em; }
#content-main h4 { margin-top: 25px; font-size: 1.2em; }

#content-main p,
#content-main ul,
#content-main address,
#content-main table { font: 1.2em/22px Arial, Helvetica, Verdana, sans-serif; }

#content-main .highlight { position: relative; margin: 10px 260px 20px 10px; padding: 10px; border: 1px dotted #7e6a5c;  }
#content-main .highlight h3 { margin: 0; padding: 0 0 0 60px; height: 50px; line-height: 50px; color: #7e6a5c; font-size: 1.5em; text-transform: uppercase; font-weight: normal; background-repeat: no-repeat; text-decoration: underline; }
#content-main .highlight p { margin: 5px 0; }

#content-main .teaser p.more { margin: -10px 10px 25px 10px; }

#content-main .layout_short { margin-bottom: 5px; padding-bottom: 5px; }
  #content-main .layout_short p.info { margin: 0 260px 0 10px; font-size: 1.0em; }
  #content-main .layout_short h3 { margin: 0 260px 0 10px; padding: 0 0 5px 15px; border-bottom: 1px solid #cca16f; background: transparent url("../images/layout/wirkungsreich-private/entry-news-headline.png") 0 4px no-repeat; }
  #content-main .layout_short h3 a { border: 0; }

#content-main .mod_newsreader { }
#content-main .mod_newsreader p.back { padding-top: 10px; border-top: 1px dotted #a4937c;  }

#content-main .mod_eventlistExt { margin: 10px 260px 10px 10px; border: 1px dashed #a7967f;  }

  #content-main .event { position: relative; margin: 10px 0; background: transparent url("../images/layout/wirkungsreich-private/events-arrow.png") center 21px no-repeat; }
  #content-main .event.full { margin: 0; background: none; }
  #content-main .event h3,
  #content-main .event h4 { margin: 0 10px; padding: 5px 0; float: left; font-size: 1.2em; }

  #content-main .event h3 { width: 88px; }
  #content-main .event h4 { width: 330px; text-transform: uppercase;  }

  #content-main .event p { clear: both; width: 290px; padding-left: 108px;  }
  #content-main .event.full p { padding: 0; width: auto; }
  #content-main .event.full ul.info { font-weight: bold; line-height: 1.4em; list-style: none; padding-left: 0; }
  #content-main .event p.readon { position: absolute; top: 0; right: 0; margin: 0; padding: 0; width: 50px; height: 55px;   }
  #content-main .event p.readon a { display: block; border: 0;  height: 100%; text-indent: -999em; }


#content-main .ce_downloads p { padding: 5px 0 20px 0; border-bottom: 1px solid #cca16f; }
#content-main .ce_downloads p a { display: block; height: 16px; line-height: 16px; padding: 0 0 8px 27px; font-weight: bold; background: transparent url("../images/layout/site/icon-pdf-16x16.png") 2px 0 no-repeat; border: 0;  }
#content-main .ce_downloads p a:hover,
#content-main .ce_downloads p a:focus { text-decoration: underline; }
#content-main .ce_downloads p img.mime_icon { display: none; }

#content-main ul { padding-left: 14px; }

#content-main .enclosure img.mime_icon { display: none; }

#content-main .button { float: left; margin: 10px 10px; }
#content-main .button p { margin: 10px 0;  }
#content-main .button a { border: 0; }

#content-main .button.w151h42 { width: 151px; margin: 10px 0 10px 10px; }

#content-main #map { margin: 10px; border: 6px white solid; width: 446px;  height: 300px;  }
  #map h4,
  #map p { margin: 5px 0; line-height: 14px; }

#content-main form { font: 1.2em/20px Arial, Helvetica, Verdana, sans-serif; color: #7e6a5c;  }
  #content-main form fieldset { border: 1px dotted #7e6a5c; }
  #content-main form legend { margin-left: 10px; padding: 2px 1em; color: #7e6a5c; background-color: #fff3cc; }
  #content-main form label { clear: left; float: left; margin: 10px 10px 0 0; width: 160px; text-align: right;  }
  #content-main form input { margin: 10px 0; width: 250px;  }
  #content-main form textarea {  margin: 10px 0; width: 255px; height: 200px;  }
  #content-main form .submit_container input {  margin: 10px 0 20px 170px; width: 120px; }
  #content-main form .field { position: relative; min-height: 40px; margin-bottom: 5px;   }
  #content-main form p.error {  position: absolute; left: 0; top: -5px; margin: 0; width: 428px; font-size: 1.0em; line-height: 1em; color: red; text-align: right; }
  #content-main form .wrapper-captcha-question { width: 255px; margin-left: 170px; margin-top: -5px; margin-bottom: 20px; }
    #content-main form .captcha_text { font-style: italic; }

  #content-main form#tl_avisota_recipient label,
  #content-main form label.checkbox {  }
  #content-main form .checkbox_container {  line-height: 40px;  }
  #content-main form .checkbox_container input { display: inline; margin: 0; width: auto; }
  #content-main form .checkbox_container label { float: none; }

  #content-main form select { margin-top: 10px; }

#content-main form#tl_avisota_recipient { }
  form#tl_avisota_recipient p {}
  form#tl_avisota_recipient #ctrl_lists {  }
  form#tl_avisota_recipient .submit_container input { float: left; }
    form#tl_avisota_recipient input.unsubscribe { margin-left: 20px; }

#content-main table { margin: 10px 0 10px 10px; width: 460px; border: 1px dotted #92836c; background-color: #fff7d1; }
#content-main table td { padding: .5em 1em; background-color: #f0e8c5; color: #5b4f41; }
#content-main table td.first { font-weight: bolder; }



/***
** content-sub
***/
#content-sub h3,
#content-sub p { padding: 6px 6px 6px 6px; font: 1.15em/1.5em Helvetica, Verdana, Arial, sans-serif; color:#3C312D; text-align:center; background: #F7EBD5; border-bottom: 3px solid #B87500; font-weight:bold; letter-spacing:0.02em; }
#content-sub h3 { padding: 10px 0 0 18px; color: #3C312D; line-height: 1em;}

#content-sub #images .image_container { position: relative; padding: 20px 0 10px 0; width: 220px; background: url("../images/layout/site/shadow.png") 0 bottom no-repeat; }
  #content-sub #images img { display: block; width: 220px; border: 2px solid white; }
  #content-sub #images .caption { position: absolute; top: -10px; left: 0; border: 2px solid white; border-bottom: none; width: 220px; height: 30px; text-align: center;  font: normal 1.2em/30px Arial, Helvetica, Verdana, sans-serif; color: #3c312d; background: #f7ebd5 url("../images/layout/site/caption.png") center bottom no-repeat;}

#content-sub a:link,
#content-sub a:visited,
#content-sub a:focus,
#content-sub a:hover,
#content-sub a:active { text-decoration: none; color: #ca0900;}
#content-sub a:hover { border-bottom: dotted 1px #ca0900;}




/***
** siteinfo
***/
#siteinfo h5 { display: none; }