/* Stylsheet f�r Kulturagentur-muhr.de

///////////////////////////////////////////*/



body {

      background-color:white;

      font-family:Georgia;

      font-size:12px;

      color:#333333;

      background-image:url(bgr.jpg);

      background-repeat:repeat-x;

      margin:0px;

      padding:0px;

      }



a     {
      text-decoration:none;
      color:#E30E6B;
      }

a:hover {
      text-decoration:underline;
      }



img {

      border:0px;

      }



#frame {

      width:810px;

      margin:0px auto;

      padding:0px;

      background-image:url(head.jpg);

      background-repeat:no-repeat;

      }



#header {

      height:58px;

      width:810px;

      color:#747474;

      }



#newsletter {

      margin-left:25px;

      padding-top:5px;

      float:left;

      font-size:11px;

      }



*html #newsletter {

      margin-left:13px;

      }



#newsletter input {

      border:1px solid #cccccc;

      height:18px;

      width:150px;

      color:#747474;

      }



*html #newsletter input {

      top:3px;

      position:relative;

      }



#newsletter input.img {

      border:1px solid #cccccc;

      height:20px;

      width:20px;

      position:relative;

      top:7px;

      }



#impressum {

      margin-left: 640px;

      padding-top:16px;

      font-size:11px;

      }



#nav-col {

      position:relative;

      margin-left:15px;

      width:317px;

      border-right:1px solid #cccccc;

      color:#747474;

      float:left;

      }



#logo {

      position:relative;

      background-image:url(logo.jpg);

      background-repeat:no-repeat;

      background-position:11px 21px;

      padding-top:0px;

      width:302px;

      height:122px;

      border-bottom:1px solid #cccccc;

      }



#navigation {

      padding-top:5px;

      padding-bottom:5px;

      width:302px;



      }



*html #navigation {

      margin-top:15px;

      padding-bottom:0px;

      margin-bottom:0px;

      padding-top:0px;

      }



*+html #navigation {

      margin-top:15px;

      padding-bottom:0px;

      margin-bottom:0px;

      padding-top:0px;

      }



#navigation ul {

      width:302px;

      margin-left:-40px;

      }



*html #navigation ul{

      margin-left:0px;

      }



*+html #navigation ul {

      margin-left:0px;

      }



#navigation ul li {

      list-style:none;

      padding-top:3px;

      padding-bottom:3px;

      padding-left:20px;

      width:282px;

      }



#navigation ul li.red {

      background-color:#DC0067;

      }



#navigation ul li.red-active {

      background-color:#DC0067;

      background-image:url(nav-ar-red.jpg);

      background-repeat:no-repeat;



      }



#navigation ul li.orange {

      background-color:#FA6C15;

      width:282px;

      }



#navigation ul li.orange-active {

      background-color:#FA6C15;

      background-image:url(nav-ar-orange.jpg);

      background-repeat:no-repeat;

      width:282px;

      }



#navigation ul li.orange-active ul.sub li.orange-active {

      width:262px;

      }



*html #navigation ul li.orange-active ul.sub {

      width:282px;

      overflow:hidden;

      }



#navigation ul li a {

      color:white;

      font-size:13px;
      text-decoration:none;

      }



#aktuelles {

      width:292px;

      border-top:1px solid #cccccc;

      border-bottom:1px solid #cccccc;

      padding:5px;

      padding-top:10px;

      padding-bottom:10px;

      padding-left:5px;

      margin-top:1px;

      }



*html #aktuelles {

      margin-top:-4px;

      }



*+html #aktuelles {

      margin-top:-4px;

      }



#nav-col h3 {

      margin:0px;

      margin-top:5px;

      margin-bottom:10px;

      padding:0px;

      font-size:12px;

      font-weight:bold;

      }



#leistungen {

      width:295px;

      padding:5px;

      padding-top:10px;

      padding-bottom:10px;

      padding-left:5px;

      }



*html #leistungen {

      width:298px;

      position:relative;

      }



.leistungen-box {

      margin-top:20px;

      }



*html .leistungen-box {

      position:relative;

      margin-bottom:40px;

      }



.leistungen-image {

      width:80px;

      height:80px;

      padding:5px;

      float:left;

      border:1px solid #cccccc;

      margin-right:4px;

      }



*html .leistungen-image {

      padding-bottom:2px;

      }



.leistungen-text {

      padding-top:8px;

      position:relative;

      }



.leistungen-text hr {

      height:1px;

      border:0px;

      border-bottom:1px solid #cccccc;

      margin-left:0px;

      }



.leistungen-link {

      position:absolute;

      top:74px;

      left:95px;

      }



*html .leistungen-link {

      left:0px;

      }



#main-col {

      border-left:1px solid #cccccc;

      margin-left:332px;

      padding-left:15px;

      color:#333333;

      width:440px;

      position:relative;

      }



#main-col a {

      color:#333333;

      }



*html #main-col {

      left:-4px;

      width:430px;

      }



*+html #main-col {

      left:-1px;

      }



#content-head {

      border-top:1px solid #cccccc;

      border-bottom:1px solid #cccccc;

      margin-top:6px;

      }



*html #content-head h1{

      margin-top:11px;

      margin-bottom:10px;

      }



#main-col h1 {

      font-size:16px;

      color:#333333;

      }



#content {

      width:400px;

      }

div#content p a {
      color:#E30E6B;
      }

div.download-hdl p {
      font-weight:bold;
      }



*html #content {

      margin-top:15px;

      }



*+html #content {

      margin-top:15px;

      }



#content-pic {

      margin-top:18px;

      margin-bottom:20px;

      }



.fllinks {

        float:left;

        padding:0px;

        margin:14px 14px 0px 0px;

}



.flrechts {

        float:right;

        padding:0px;

        margin:14px 0px 0px 14px;

}



#kontakt input {

      width:300px;

      border:1px solid #cccccc;

      margin-bottom:10px;

      font-family:Georgia;

      font-size:11px;

      }



#kontakt input.submit {

      background-color:#cccccc;

      width:75px;

      }



#kontakt textarea {

      width:300px;

      height:150px;

      border:1px solid #cccccc;

      font-family:Georgia;

      font-size:11px;

      }



/* Lightbox

//////////////////*/

.lightbox {

      margin-top:15px;

      }



#lightbox {

      position:absolute;

      left:0;

      width:100%;

      z-index:100;

      text-align:center;

      line-height:0;

      }



#lightbox a img {

      border:none;

      }



#outerImageContainer {

      position:relative;

      background-color:#fff;

      width:250px;

      height:250px;

      margin:0 auto;

      }



#imageContainer {

      padding:10px;

      }



#loading {

      position:absolute;

      top:40%;

      left:0%;

      height:25%;

      width:100%;

      text-align:center;

      line-height:0;

      }



#hoverNav{

      position:absolute;

      top:0;

      left:0;

      height:100%;

      width:100%;

      z-index:10;

      }



#imageContainer>#hoverNav {

      left:0;

      }



#hoverNav a {

      outline:none;

      }



#prevLink,

#nextLink {

      width:49%;

      height:100%;

      background:transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */

      display:block;

      }



#prevLink {

      left:0;

      float:left;

      }



#nextLink {

      right:0;

      float:right;

      }



#prevLink:hover,

#prevLink:visited:hover {

      background:url(images/prevlabel.gif) left 15% no-repeat;

      }



#nextLink:hover,

#nextLink:visited:hover {

      background:url(images/nextlabel.gif) right 15% no-repeat;

      }



#imageDataContainer {

      font:10px Verdana, Helvetica, sans-serif;

      background-color:#fff;

      margin:0 auto;

      line-height:1.4em;

      overflow:auto;

      width:100%

      }



#imageData {

      padding:0 10px;

      color:#666;

      }



#imageData #imageDetails {

      width:70%;

      float:left;

      text-align:left;

      }



#imageData #caption {

      font-weight:bold;

      }



#imageData #numberDisplay {

      display:block;

      clear:left;

      padding-bottom:1.0em;

      }



#imageData #bottomNavClose {

      width:66px;

      float:right;

      padding-bottom:0.7em;

      }



#overlay {

      position:absolute;

      top:0;

      left:0;

      z-index:90;

      width:100%;

      height:500px;

      background-color:#000;

      }