/*  ScreenCSS - Basis  */
/* media screen,projection              */
/* designed by: atelier ART.flexible */

/* Seite ---------------------------------------------------- */

  body, html {
    color:#000000;
    background-color:#FFFFFF;
    font-size:100.01%;
    font-family:Helvetica,Arial,sans-serif;
    margin:0 auto;
    padding:0;
    background:#FFFFFF url(../images/head-bg.jpg) repeat-x;
  }

  div#page {
    text-align:left;
    margin:0 auto;
    width:760px;
    padding:0;
  }


/* Kopf ----------------------------------------------------- */

  #head {
    background:#FFFFFF url(../images/head-pic.jpg) no-repeat top;
    margin:0;
    padding:0px;
    height:197px; /*228px;*/
    display:block;
  }

  #headerprint, #naviprint, #headerdateprint {
    display:none;
  }


  #head h1 {
    float:right;
    margin:0px;
    margin-top:170px;
    padding:0 0.5em;
    color:#DBEFC0;
    font-family:Bank gothic light BT,Arial,sans-serif;
  }


/*  Hauptnavigation                                                                        */

  ul#navi a {
    font:normal 0.7em Arial,sans-serif;
  }

  ul#navi li ul li a:link, ul#navi li ul li a:visited {
    background:none;
    margin:0;
    display:none;
  }

  ul#navi {
    position:absolute;
  }

  #navi {
    border:0;
    float:left;
    width:760px;
    margin:0;
    padding:0;
  }

  #navi a {
    display:block;
    font:normal 0.7em Arial,sans-serif;
    color:#4A4D16;
    text-decoration:none;
    border-left:1px solid transparent;
    border-right:1px solid transparent;
    padding:171px 1.5em 0 1.5em;
    float:left;
    font-weight:bold;
  }

  #navi a:hover {
    background-color:white;
    opacity: 0.4;
    filter: alpha(opacity=40);
    color:#ED1C7A;
  }

  #navi li {
    float:left;
    list-style:none;
    margin:0em;
  }

  ul#navi li .current a {
    border-left:1px solid #718B2A;
    border-right:1px solid #718B2A;
    margin:0;
    color:#609E0F;
    background-color:white;
    opacity: 0.7;
    filter: alpha(opacity=70);
    color:#ED1C7A;
  }


/*  Unternavigation                                                                        */

  #subnavi {
    float:left;
    margin:20px 0 0 0;
    padding:0;
/*    border:1px solid red;*/
    width:130px;
  }

  #subnavi #box {
    border:1px solid #BBD480;
    background-color:#FBFDFA;
    padding:5px;
    margin:0;
  }

  #subnavi li a {
    text-decoration:none;
    font:normal 0.7em Arial,sans-serif;
    color:#808080;
    margin:0;
    padding:0 8px 0 17px;
    margin-left:-17px;
    height:12px;
    background:url(../images/quadrat-grey.jpg) left no-repeat;
  }

  #subnavi ul li {
    margin-left:5px;
  }

  #subnavi a:hover {
    color:#ED1C7A;
    background:url(../images/quadrat-pink.jpg) left no-repeat;
  }

  #subnavi ul {
   padding:0;
   margin:0 0 0 1em;
  }

  #subnavi li {
    list-style:none;
    margin:0;
    padding:0 0 0.5em 0;
    line-height: 0.7em;
  }

  #subnavi li .subcurrent a{
    font-weight:normal;
    color:#609E0F;
    background:url(../images/quadrat-green.jpg) left no-repeat;
  }

  #subnavi ul li .subcurrent{
    display:block;
    background:transparent url(../images/pfeil.jpg) right no-repeat;
  }

  #subnavi p { /* Formatierung Newsflash*/
    margin:0;
    padding:0 0 3px 0;
    border:0;
    width:120px;
    font-size:11px;
    font-family:Bank gothic light BT,Arial,sans-serif;
    color:#000000;
    color:#756C68;    
    font-weight:bold;
    background:transparent;
  }

  #subnavi p a { /* Formatierung Newsflash*/
    background:transparent;
    color:#ED1C7A;
    font-weight:bold;
  }

  #subnavi p a:hover{ /* Formatierung Newsflash*/
    background:transparent;
    color:#609E0F;
  }

  #subnavi #fotos img {
    padding:14px;
    background-color:#F5FFE0;
    background-color:#FFFFFF;
    margin:0 0 10px 0;
    border:1px solid #BBD480;
    clear:both;
    float:left;
    width:100px;
    height:100px;
  }

  #subnavi #socialmedia {
    padding:14px;
    background-color:#FFFFFF;
    margin:0 0 10px 0;
    border:1px solid #BBD480;
    clear:both;
    float:left;
    width:100px;
    height:auto;
  }


/*  Navigationsanzeige                                                                     */

  #naview {
    font:normal 0.6em Arial,sans-serif;
    color:#609E0F;
    margin-bottom:0;
    padding-top:4px;
    border-top:1px solid #BBD480;
  }

  #naview a {
    font:normal 0.6em Arial,sans-serif;
    color:#609E0F;
    margin-bottom:0;
  }

  /*  Infobox                                                                                 */

  #info {
    font-size:0.9em;
    float:right;
    width:180px;
    margin:20px 0 0 1em;
    padding:0px;
/*    border:1px solid red;*/
  }

  #info #box {
    border-top:1px solid #BBD480;
    border-bottom:1px solid #BBD480;
    padding:2px 5px;
    margin:5px 0;
  }

  #info #neuenachricht {
    float:right;
    width:24px;
    height:24px;
    margin:7px 3px 0 0;
    background:#FFFFFF url(../images/flag_red.png) no-repeat right top;
  }

  .infosub {
    border-bottom:1px solid #BBD480;
    padding:0 0.3em 0.3em 0.3em;
    margin:0 0.2em 0.2em 0.2em;
  }

  #info img {
    padding:0;
    margin:0;
    border:1px solid #718B2A;
  }

  #info img:hover {
    border-color:#ED1C7A;
  }

  #info .foto {
    padding:0;
    margin:0 5px 4px 0;
    border:0;
    float:right;
    border-top:12px solid #718B2A;
  }

  #info #minipic {
    margin:0 8px;
    padding:0;
    border:1px solid #63795C;
    float:right;
  }

  #info h1 {
    margin:8px 0;
    padding:10px 3px 3px 5px;
    height:40px;
    font-size:13px;
    font-weight:bold;
    text-decoration:none;

    color:#FFFFFF;
    color:#609E0F;
    color:#9B7F7B;
    color:#000000;
    color:#3F3D3E;
    color:#756C68;
    font-family:Bank gothic light BT,Arial,sans-serif;
/*    background:#A8CC48 url(../images/h1info-bg.jpg) no-repeat right top;*/
    background:#FFFFFF url(../images/bg-h1info.jpg) no-repeat right top;
/*background-color:#BBD480;*/
  }

  #info span.print-text {
    display:none;
    font-size:0.9em;
    font-weight:bold;
    margin:6px 0 0 0;
    color:#756C68;
    font-family:Bank gothic light BT,Arial,sans-serif;
    padding:0px 80px 3px 0;
  }


  #info h1 img {
    border:0;
  }

  #info h2 {
    margin:8px 0 0 0;
    padding:0;
    font-size:9px;
    font-weight:normal;
    color:#609E0F;
    color:#756C68;
  }

  #info h2 img {
    border:0;
    padding:4px 0 0 0;
  }

  #info h3 {
    margin:0;
    font-size:11px;
    font-weight:bold;
    line-height:1em;
    color:#5D9C0D;
    color:#756C68;
  }

  #info h3 img {
    border:0;
  }

  #info p, #info td {
    margin:4px 0 8px 0;
    font-size:9px;
  }

  #info a {
    font-size:1em;
    font-weight:normal;
    text-decoration:none;
    color:#609E0F;
    color:#756C68;
  }

  #info p a:hover {
    color:#ED1C7A;
    border-bottom:1px dotted #ED1C7A;
  }

  #info #imgframe {
    background-color:red;
    text-align:center;
    padding:18px;
    background-color:#F5FFE0;
    background-color:#FFFFFF;
    margin:0 0 5px 0;
    border:1px solid #BBD480;
  }


/*  Inhalt                                                                                   */

  #cont {
    margin:20px 190px 10px 140px;
    padding:0px 10px 0px 10px;
/*    border:1px solid red;*/
  }

  #cont #box {
    border-top:1px solid #BBD480;
    border-bottom:1px solid #BBD480;
    padding:2px 5px;
    margin:5px 0;
  }

  #cont h1 {
    font-size:0.86em;
    font-weight:bold;
    margin:16px 0 0 0;
    color:#FFFFFF;
    font-family:Bank gothic light BT,Arial,sans-serif;
    padding:5px 80px 3px 3px;
    background:#FFFFFF url(../images/bg-h1.jpg) no-repeat right top;
  }

  #cont span.print-text {
    display:none;
    font-size:0.9em;
    font-weight:bold;
    margin:6px 0 0 0;
    color:#000000;
    color:#609E0F;
    font-family:Bank gothic light BT,Arial,sans-serif;
    padding:0px 80px 3px 0;
  }

  #cont p span.intro {
    font-weight:bold;
  }

  #cont h2 {
    font-size:0.7em;
    font-weight:bold;
    margin:1em 0 0.5em 0;
    color:#609E0F;
  }

  #cont a h2 {
    font-size:1em;
    font-weight:bold;
    margin:5px 0;
    color:#609E0F;
  }

  #cont h2 a {
    font-size:0.8em;
    text-decoration:none;
  }

  #cont h3 {
    font-size:0.7em;
    font-weight:bold;
    margin:1.4em 0 0.5em 0;
    color:#000000;
  }

  #cont h4 {
    font-size:0.60em;
    font-weight:bold;
    margin:-0.5em 0 0.5em 0;
    color:#609E0F;
    color:#000000;
  }

  #cont p, #headerprint, #naviprint {
    font-size:11px;/*0.7em;*/
    margin:0.5em 0em;
    line-height:1.5em;
  }

  #cont b {
    font-weight:normal;
/*    font-weight:bold;*/
/*    color:#555E3E;
    color:#756C68;
    color:#000000;*/
  }

  #cont .bold {
    font-weight:bold;
  }

  #cont .servicedate {
    font-size:0.7em;
    font-weight:bold;
    margin:4px 0 0 0;
    color:#609E0F;
  }

  #cont img {
    border:0;
    margin:0;
    padding:0;
/*    float:right;
    border:1px solid #609E0F;
    padding: 2px;
    margin:2px;
    height:50px;
    width:50px;*/
  }

  #cont .gallery {
    margin:3px;
    color:#BBD480;
    height:75px;
    width:75px;
    text-decoration:none;
    color:#609E0F;
    padding:0px;
  }

  #cont img a:hover {
    color:#ED1C7A;
    border-bottom:1px dotted #ED1C7A;
  }

  #refimg a {
    padding:10px;
    background:url(../images/quadrat-grey.jpg) left no-repeat;
    height:12px;
    width:12px;
  }

  #cont #refimg a:hover {
    background:url(../images/quadrat-pink.jpg) left no-repeat;
    border:0;
  }

  #cont th {
    font-size:0.7em;
    margin:1em 0em;
    vertical-align:top;
    text-align:left;
    width:70px;
    padding:0px 12px 2px 0px;
    color:#8EA589;
  }

  #cont td {
    font-size:0.7em;
    margin:1em 0em;
    vertical-align:top;
    padding:0px 12px 2px 0px;
  }

  #cont td .currpro {
    width:120px;
  }

  #cont td a {
    font-size:1em;
  }

  #cont a {
    font-size:0.7em;
    margin:1em 0em;
    color:#BBD480;
    text-decoration:none;
    color:#609E0F;
  }

  #cont p a:hover, #cont a:hover, #cont li a:hover {
    color:#ED1C7A;
    border-bottom:1px dotted #ED1C7A;
  }

  #cont .naviback {
    background:transparent url(../images/pfeil-back-green.jpg) left no-repeat;
    padding-left:10px;
  }

  #cont .naviback:hover {
    background:transparent url(../images/pfeil-back-pink.jpg) left no-repeat;
  }

  #cont .naviforw {
    background:transparent url(../images/pfeil-forw-green.jpg) right no-repeat;
    padding-right:10px;
  }

  #cont .naviforw:hover {
    background:transparent url(../images/pfeil-forw-pink.jpg) right no-repeat;
  }

  #cont .pointedtxt {
    background:transparent url(../images/pfeil.jpg) left no-repeat;
    padding-left:10px;
  }

  #cont .pointedlink {
    border-top:1px solid #BBD480;
    margin-top:1em;
  }

  #cont .pointedlink a {
    float:right;
    margin-top:2px;
    border-left: 1px solid #BBD480;
    margin:0 10px;
    padding:0 10px;
  }

  #cont .printprev {
/*    padding:0;
    margin:0;
    display:block;*/
/*    width:20px;
    height:20px;*/
/*    background: #F5F3F1 url(../images/printer.png) no-repeat right;*/
    float:right;
    border-left: 1px solid #BBD480;
    margin:0 10px;
    padding:0 10px;
  }

  #cont .printorder {
   display:none;
  }

  #cont ul {
    margin:0.4em 0em 0.4em -27px;
  }

  #cont ol {
    margin:0.4em 0em 0.4em -27px;
  }

  #cont li {
    font-size:0.7em;
    margin:0.4em 0em;
    list-style-position:outside;
    list-style-type:square;
    padding:0;
  }

  #cont p a, #cont li a, #cont h3 a{
    font-size:1em;
  }

  #cont #refitem {
    border-bottom:1px #B7CBB2 solid;
  }

  #cont .pagenavi {
    float:right;
    font-size:0.64em;
  }

  #cont .sortnavi {
    float:left;
    font-size:0.64em;
  }

/* content - forms------------------------------------------- */

  #cont form {
    margin:0;
    padding:10px 0 0 0;
  }

  #cont label {
    display:block;
    margin:0;
    padding:0;
  }

  #cont input, #cont textarea {
    display:block;
    float:left;
    width:376px;
    margin:2px 0;
    padding:0;
    border:0;
    background:transparent url(../images/pfeil.jpg) left top no-repeat;
    padding-left:10px;
    font-family:Helvetica,Arial,sans-serif;
    font-size:1em;
  }

  .fieldframe {
    border-bottom:1px solid #BBD480;
    border-right:12px solid #BBD480;
    padding:2px 0;
    margin:2px 0;
    width:390px;
  }

  #cont input {
    height:12px;
  }

  #cont input#reset {
    clear:both;
    margin:10px 0 0 170px;
  }

  #cont input#submit {
    margin:10px 0 0 10px;
  }

  #cont input#reset, #cont input#submit {
    width:auto;
    padding:2px 2px 2px 10px;
    color:#609E0F;
    height:auto;
    background:transparent url(../images/pfeil.jpg) left no-repeat;
    border-bottom:1px dotted transparent;
  }

  #cont p input#reset, #cont p input#submit {
    font-size:1em;
  }

  #cont input#submit:hover, #cont input#reset:hover {
    color:#ED1C7A;
    border-bottom:1px dotted #ED1C7A;
    }

  #cont form br {
    clear:left;
    padding:0;
    margin:0;
  }

  #cont form p {
    margin:0;
    padding:0;
  }