@media (device-width: 800px) { /* Breite entspricht genau 800 Pixel */ }

body{text-align: center; margin: 0px; font: 100% arial, helvetica, sans-serif;background:#fff;min-width:710px;overflow-y: scroll;}






#mainbox {position:relative; text-align:left; padding-left:0px; width:992px; min-height:790px; margin:0px auto; border:1px solid #9fb6c4; overflow:hidden;}


.TUKO_1 {text-align: left; font-size:13px; padding-left: 10px; padding-top:31px; font-weight:bold; color: #787878;}
.TUKO_2 {text-align: left; font-size:18px; padding-left: 10px; margin-top:1px;font-weight:bold; color: black;}


.transparent1000 {display:none; position:absolute;top:0px; right:0px;z-index:6;width:100%;height:100%;background:rgba(210,210,210,0.9);}
.transparenttop {display:none; position:absolute;top:0px; right:0px;z-index:6;width:100%;height:260px;background:rgba(210,210,210,0.9);}


.transparent100 {display:none; position:absolute;right:0px;top:170px;z-index:6;width:760px;height:100%;background:rgba(255,255,255,0.9);}



.popupcenter {position:absolute; display:inline; left:20px; right:20px; top:20px; bottom:300px; border:1px solid #ccc; background:rgba(255,255,255,0.8);border-radius:3px;}

.schatten {-webkit-box-shadow: 10px 10px 22px 0px #545454; -moz-box-shadow: 10px 10px 22px 0px #545454; box-shadow: 10px 10px 22px 0px #545454;}

.schattenklein {-webkit-box-shadow: 5px 5px 11px 0px #545454; -moz-box-shadow: 5px 5px 11px 0px #545454; box-shadow: 5px 5px 11px 0px #545454;}


.fabild  {font-family: fontawesome; line-height:20px; font-size:20px;text-decoration:none important!; color:#c50e1f;}
.fabild:hover {text-decoration:none;}
.fabild:active {text-decoration:none;}
.fabild:visited {text-decoration:none;}
.fabild_blind {font-family: fontawesome; line-height:37px; font-size:20px;}



.buttonnavi {
        color:#FFF; background-color:#c50e1f; outline:0; text-decoration:none;
        display:flex; z-index:1000; align-items:center; justify-content:center; overflow:hidden;
        width:30px; height:30px; border:none; border-radius:33px;}


.bildnavi {
        color:#c50e1f; background-color:rgba(255,255,255,0.9); outline:0; text-decoration:none;
        display:flex; z-index:1000; align-items:center; justify-content:center; overflow:hidden;
        width:33px; height:33px; border:none; border-top:1px solid #ccc; -webkit-appearance: none; border-radius:0px;}

.bildnavi:hover {
        color:#ccc; background-color:#c50e1f; outline:0; text-decoration:none;}

        .bildnavi:active {
        color:#ccc; background-color:#c50e1f; outline:0; text-decoration:none;}



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



a.head {text-align: left; padding-right:10px; color: #c50e1f; font-size: 70%; text-decoration: none; 	text-align: right;}
a.head:hover {text-decoration: underline;}
a.head_noprint {color: #c50e1f; text-decoration: none;}



.mainnavi_box {text-align: left; position:relative; width:222px; height:29px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom:-1px;}

a.mainnavi {text-align: left; font-family: verdana,helvetica,arial; font-weight:bold; font-size: 12px; display:block; height: 21px; padding-left:5px; padding-top: 5px; text-decoration:none; color:#c50e1f; border-top: 1px solid white; border-left: 1px solid white;}
a.mainnavi:active {background-color:#c50e1f; color:white;}
a.mainnavi:hover {text-decoration: underline; background-color:#c50e1f; color:white;}





a.standard {text-align: left; color: #c50e1f; text-decoration: none;}
a.standard:hover {text-decoration: underline;}
a.standard_noprint {color: #c50e1f; text-decoration: none;}


a.intern {background: url(linkn.gif) left top no-repeat;
    padding-left: 20px;
    margin-right: 10px;
    color: #FFFFFF;
    text-decoration: none;}

a.intern:hover {text-decoration: underline;}



a.link {text-align: left; background: url(linkn.gif) left top no-repeat;
    padding-left: 20px;
    color: #c50e1f;
    text-decoration: none;}

a.link:hover {text-decoration: underline;}


a.fb {text-align: left; background: url(facebook.png) left top no-repeat;
    padding-left: 20px;
    color: #c50e1f;
    text-decoration: none;}

a.fb:hover {text-decoration: underline;}

a.verteileradd {
    background-color: #FFCC99;
    color: #c50e1f;
    text-decoration: none;}

a.verteileradd:hover {text-decoration: underline;}

a.verteilerdelete {
    background-color: #CCFFCC;
    color: #c50e1f;
    text-decoration: none;}

a.verteilerdelete:hover {text-decoration: underline;}

a.link_noprint {background: url(linkn.gif) left top no-repeat;
    padding-left: 20px;
    color: #c50e1f;
    text-decoration: none;}

a.link_noprint:hover {text-decoration: underline;}


a.extern {background: url(icon-extern.gif) left top no-repeat;
    padding-left: 20px;
    color: #c50e1f;
    text-decoration: none;}

a.extern:hover {text-decoration: underline;}


a.hinzu {background: url(icon-warenkorb.gif) left top no-repeat;
    padding-left: 20px;
    color: #c50e1f;
    text-decoration: none;}

a.hinzu:hover {text-decoration: underline;}


a.loeschen {background: url(icon-delete.gif) left top no-repeat;
    padding-left: 20px;
    color: #c50e1f;
    text-decoration: none;}

a.loeschen_noprint {background: url(icon-delete.gif) left top no-repeat;
    padding-left: 20px;
    color: #c50e1f;
    text-decoration: none;}

a.loeschen:hover {text-decoration: underline;}

a.loeschen_noprint:hover {text-decoration: underline;}


a.download {background: url(icon-link-download.gif) left top no-repeat;
    padding-left: 20px;
    color: #c50e1f;
    text-decoration: none;}

a.download:hover {text-decoration: underline;}


a.frage {background: url(linkfrage.gif) left top no-repeat;
    padding-left: 20px;
    color: #c50e1f;
    text-decoration: none;}

a.frage:hover {text-decoration: underline;}


a.frage div { visibility: hidden; position: absolute; top: -30px; left: -540px; text-decoration: none; z-index:6; }

a.frage:hover div { visibility: visible; background-color: #dcdcdc; width: 510px; height: 430px; z-index:6;}


a.email {background: url(icon-link-email.gif) left top no-repeat;
    padding-left: 20px;
    color: #c50e1f;
    text-decoration: none;}

a.email:hover {text-decoration: underline;}

a.pdf {background: url(linkpdf.gif) left top no-repeat;
    padding-left: 20px;
    color: #c50e1f;
    text-decoration: none;}

a.pdf:hover {text-decoration: underline;}


a.druck {background: url(icon-link-drucken.gif) left top no-repeat;
    padding-left: 20px;
    color: #c50e1f;
    text-decoration: none;}

a.druck:hover {text-decoration: underline;}



td.navi a {width: 175px; height: 25px;
    font-size: 12px; font-weight: bold; line-height: 25px; color: #c50e1f;
    padding-left: 5px;
    text-decoration: none;
    vertical-align: middle;
  	display:block;
    border-top: 1px solid #DCDCDC;}
td.navi a:focus {background-color: #c50e1f; color: #FFFFFF;}
td.navi a:hover {background-color: #c50e1f; color: #FFFFFF; text-decoration: underline;}

td.naviend {width: 175px; height: 25px;
    font-size: 12px; font-weight: bold; line-height: 25px; color: #c50e1f;
    padding-left: 5px;
    text-decoration: none;
    vertical-align: middle;
  	display:block;
    border-top: 1px solid #DCDCDC;}






td.content {width: 500px; vertical-align:top; padding-right: 30px;}
td.marginal {width: 210px; vertical-align:top; }


td.thumbs  { border: 1px solid #9FB6C4;}

td.workflow a {
    height:100px;
    background-color: #F9F7F7;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
  	display:block;
    border: 1px solid #9FB6C4;
    font-size: 11px;
    color: #000000;
    line-height: 16px;}

td.workflow a:focus {background-color: #c50e1f; color: #FFFFFF;}
td.workflow a:hover {background-color: #c50e1f; color: #FFFFFF; text-decoration: none;}


.kopf_menuoben {
    position:absolute; top:0px; left:260px; width:530px; height: 25px;
    padding-top: 5px;
    text-align: right;
    background-color: #EAEAEA; color: #000000;
    font-size: 11px;
    }

.kopf_suchfeld {
    position:absolute; top:0px; left:790px; width:200px; height: 25px;
    padding-top: 5px;
    border-left:1px solid #9FB6C4;
    background-color: #EAEAEA; color: #000000;
    font-size: 11px;
    }

.kopf_logo {
    position:absolute; top:25px; left:0px; width:220px; height: 75px;
    text-align: right; background-color: #FFFFFF; display: block;
    }

.kopf_logo_unten {
    position:absolute; top:100px; left:0px; width:195px; height: 20px;
    border-bottom:1px solid #9FB6C4;
    padding-left: 25px; text-align: left; background: #F9F7F7; display: block;
    z-index:1;}

.kopf_sprachen {
    position:absolute; top:165px; left:20px; width:400px; height: 25px;
    padding-top: 5px;
    font-size: 11px;
    }

.kopf_amuseum {
    position:absolute; top:25px; left:260px; width:530px; height: 75px;
    border-top:1px solid #9FB6C4;
    background-color: #FFFFFF; }

.textkopfmuseum {
    font: 22px arial, helvetica; font-weight:600; color: #000000;
    margin-left: 10px;
    margin-top: 1px;
    }

.textkopfub {
    font: 13px arial, helvetica; color: #808080;
    margin-left: 10px; margin-top: -4px;
    }

.textkopftu {
    font: 16px arial, helvetica; font-weight:600; color: #808080;
    margin-left: 10px; margin-top: 8px;
    }

.navigationsstatus {
    position:absolute; top:170px; left:260px; width:720px; height: 10px;
    font-size: 9px; font-weight:300;
    font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    text-align:left;
    margin-left: 5px;
    }

.kopf_login {
    position:absolute; top:25px; left:790px; width:200px; height: 75px;
    border-top:1px solid #9FB6C4;
    border-left:1px solid #9FB6C4;
    line-height: 15px;
    background-color: #FFFFFF;
    }

.kopf_warenkorb {
    position:absolute; top:10px; left:790px; width:214px; height: 75px;
    border-top:1px solid #9FB6C4;
    border-left:1px solid #9FB6C4;
    line-height: 15px;
    background-color: #FFFFFF;
    }

.textkopf_login {
    margin-top: 5px; margin-left: 5px;
    font-size: 11px; color: #000000;
    }

.druebergelegt{
    position:absolute; top:-180px; left:-200px; width:900px; height: 600px;
    padding: 15px 15px 15px 15px;
    border: 2px solid red;
    background-color: #DCDCDC; display:inline;
    font-size: 12px; line-height: 15px; z-index:12;
    z-index:6;}


.kopf_menuintern {
    position:absolute; top:143px; left:260px; width:730px; height: 22px;
    border-top:1px solid #FFFFFF;
    border-left:1px solid #FFFFFF;
    border-right:1px solid #FFFFFF;
    background-color: #c50e1f; color: #FFFFFF;
    line-height: 11px;
    font-size: 11px; font-weight:bold;
    }

.navigation {
    position:absolute; top:200px; left:15px; width:190px;
    font-size: 11px;
    }

    .content{
        width:900px;
        margin:0 auto;
    }
    #searchid
    {
        width:500px;
        border:solid 1px #000;
        padding:10px;
        font-size:14px;
    }
    #result
    {
        position:absolute;
        width:500px;
        padding:10px;
        display:none;
        margin-top:-1px;
        border-top:0px;
        overflow:hidden;
        border:1px #CCC solid;
        background-color: white;
    }
    .show
    {
        padding:10px;
        border-bottom:1px #999 dashed;
        font-size:15px;
        height:50px;
    }
    .show:hover
    {
        background:#4c66a4;
        color:#FFF;
        cursor:pointer;
    }




.content2 {
    position:absolute; top:200px; left:260px; width:700px;
    font-size: 11px;
    }

.marginalie {
    position:absolute; top:200px; left:790px; width:200px;
    }

.Dieter {
    position:absolute; top:200px; left:1040px; width:200px; z-index:4;
    }

.Benutzer {
    position:absolute; top:5px; left:1040px; z-index:10;
    }


.admin {
    position:absolute; top:0px; left:0px; width:245px; height: 165px;
    padding-left: 15px; font-size: 11px; background: #eaeaea;
    }


p {
  text-align: left;
  font-size: 10px;
  margin-right: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;}

.fliesstext {
  text-align: left !important;
    font-size: 11px;
    color: #5B4B4B;
    line-height: 15px;
    margin-top: 5px; }

.fliesstextrechts {
    text-align: right;
    font-size: 11px;
    color: #5B4B4B;
    line-height: 17px;
    margin-top: 5px; }

.fliesstextein {
    text-indent: -20px;
        padding-left: 20px;
    font-size: 11px;
    color: #5B4B4B;
    line-height: 17px;
    margin-top: 5px; }

.introtext {
    font-size: 13px;
    line-height: 18px;
    color: #5B4B4B;
    margin-top: 5px; }

.kleintext {
    font-size: 11px;
    line-height:14px;
    color: #5B4B4B;
    margin-top: 5px; }

.kleintextrechts {
    text-align: right;
    font-size: 11px;
    color: #5B4B4B;
    margin-top: 5px; }

.kleintext_eng {
    font-size: 11px;
    color: #5B4B4B;
    margin-top: 2px; }

.workflow  {
    font-size: 13px;
    text-align: center;
    color: #5B4B4B;
    margin: 5px; }

h1 {
    font: bold 22px arial, geneva, helvetica, verdana, tahoma, sans-serif;
    text-align: left;
    color: #333333;
    margin: 0 0 10px 0;
    padding: 18px 0 5px 0;
    background: url(dotted.gif) 0 100% repeat-x;
     /* ANTI-IE-BUG background */}

h2 {
    font: bold 16px arial, geneva, helvetica, verdana, tahoma, sans-serif;
    text-align: left;

    margin: 8px 0;
    padding-bottom:2px;
    border-bottom: 1px solid #ccc; }



h3	{text-align: left; font-size: 13px; font-family: Arial, Helvetica, verdana; margin-bottom: 0px;}


h4 {
    font-size: 12px; font-weight: 300; font-family: Arial, Helvetica, verdana;
    margin-top: 20px; margin-bottom: 0px;
    padding: 1px 0px 2px 3px; background: #eaeaea;
    text-align: left;
    }

h5 {
    font: bold 11px verdana, tahoma, arial, helvetica, sans-serif; color: #333333;
    margin-top: 20px; margin-bottom: 0px;
    padding: 2px 0px 2px 3px; background: #eaeaea;
    text-align: left;
    }


.inline {
    font-size: 12px; font-weight: 300; font-family: Arial, Helvetica, verdana; margin-bottom: 0px;
    margin: 5px 0px 0px 0px;
    padding: 1px 0px 2px 3px; background: #eaeaea;}


.marginalie {
    position:absolute; top:200px; left:790px; width:200px;
    }




select.kopf,input.kopf {
    font-family: Arial, Helvetica, Serif;
    color: #333333;
    outline:none;
    height:25px;
    line-height: 18px;
    background-color: #ffffff;
    font-size: 12px;
    margin: 0;
    border: 1px solid #999999;
    vertical-align: middle;}

textarea.kopf {
    font-family: Arial, Helvetica, Serif;
    color: #333333;
    outline:none;
    background-color: #ffffff;
    font-size: 11px;
    margin: 0;
    border: 1px solid #999999;
    vertical-align: middle;}

select.marg,input.marg,textarea.marg {
    font-family: Arial, Helvetica, Serif;
    color: #333333;
    line-height: 18px;
    outline:none;
    background-color: #ffffff;
    font-size: 11px;
    top: -10px;
    border: 1px solid #999999; }

.button {
    width: 21px;
    height: 17px;
    vertical-align: middle;
    margin: 0 0 1px 0;
    border: none;
    -webkit-appearance: none;
}


.button2 {
    width: 72px;
    height: 17px;
    vertical-align: middle;
    margin: 0 0 1px 0;
    border: none; }

.button3 {
    height: 20px;
    color: #333333;
    vertical-align: middle;
    background-color: #F9F7F7;
    color: #000000;
    border: 1px solid #999999; }

.button4 {
    font-family: Arial,sans;
    background: url(linkn.gif) left top no-repeat;
    height: 16px;
    text-align:left;
    font-size:12px;
    color: #c50e1f;
    border: none;
    padding-left: 20px;
    width: 200px; }

.button5 {
    font-family: Arial,sans; }

.butt {
    font-family: Arial,sans;
    font-size:11px;
    color: #FFFFFF;
    font-weight: bold;
    border: none;
    background-color: #c50e1f;
    width:120px; }

.geobutt {
    font-family: Arial,sans;
    font-size:10px;
    color: #c50e1f;

    background-color: #FFFFFF;
    width:100px;
    height: 20px; }

.bild {
    margin-top:5px;
    margin-bottom:5px;
    font-size: 10px;
    float: right;
    color: #5B4B4B;
    padding: 0px 0px 10px 20px;
    display: block;
    width: 220px;}

.bildbreit {
    margin-top:5px;
    margin-bottom:5px;
    font-size: 10px;
    float: left;
    color: #5B4B4B;
    padding: 17px 0px 10px 0px;
    display: block;
    width: 500px;}

.bildlinks {
    margin-top:5px;
    margin-bottom:5px;
    text-align: left;
    font-size: 10px;
    float: left;
    color: #5B4B4B;
    padding: 0px 20px 10px 0px;
    display: block;
    width: 220px;}

.thumb {
    font-size: 10px;
    float: right;
    color: #5B4B4B;
    padding: 5px 5px 5px 5px;
    display: inline;
    width: 120px; }

.fuss {
    position:relative; bottom:0px; left:260px; width:530px; height: 25px;
    text-align: left;
    background-color: #EAEAEA; color: #000000;
    font-size: 12px; }

.fuss1 {
    text-align: left;
    font-size: 11px;
    padding-top: 4px; padding-right: 5px;
    background: #F9F7F7;
    height: 20px; text-align: right;
    margin-top: 20px; margin-bottom: 2px;}

.fuss2 {
    text-align: left;
    font-size: 11px;
    padding-top: 4px; padding-right: 5px;
    background: #EAEAEA;
    height: 20px; text-align: right;}

.hauptinhalt {position:absolute; top:195px; left:260px; height: 100%;}


td.inhaltlinks {width: 500px; vertical-align:top; }
td.inhaltmitte {width: 20px; vertical-align:top; }
td.inhaltrechts {width: 200px; vertical-align:top; }

.boxgrau {
    float: left;
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    color: #5B4B4B;
    background-color: #EAEAEA ;
    display: block;
    margin-bottom: 20px;}


.boxkataloghead {
    float: left;
    padding-right: 10px;
    color: #F9F7F7;
    background-color: #CCCCCC;
    width: 480px;
    display: block;
    vertical-align: top;
    text-align: right;}

.boxkatalog {
    float: left;
    padding: 10px 10px 10px 10px;
    color: #5B4B4B;
    background-color: #EAEAEA ;
    width: 480px;
    display: block;
    border-bottom: 1px solid #CCCCCC;}



.boxkatalog2 {
    float: left;
    padding: 10px 10px 10px 10px;
    color: #5B4B4B;
    background-color: #F9F7F7;
    width: 480px;
    display: block;
    border-bottom: 1px solid #CCCCCC;}


address {
    border-left: 5px solid #c50e1f;
    font-style:normal;
    padding-left: 8px; }

form {float: left;}

li {text-align: left; }

ul {text-align: left; }

li.disc {
    text-align: left;
    font-size: 11px;
    color: #5B4B4B;
    list-style-type: disc;
    margin-left: -25px;
    line-height: 17px;
    list-style-position: outside;
    margin-top: 5px; }

li.link {list-style-image: url(linkn.gif);
    margin-top: 5px;
    font-size: 11px;
    margin-left: -25px;
    list-style-position: outside;}

ul	{
    margin-top: 5px;
    margin-bottom: 5px;}



html.magnifying > body {
  overflow-x: hidden !important;
}
.magnify {
  position: relative;
  display: inline-block;
}
.magnify .magnify-lens {
  /* Create the magnifying lens */
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 100%;
  /* Multiple box shadows to achieve the glass lens effect */
  -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
    0 0 7px 7px rgba(0, 0, 0, 0.25),
    inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
    0 0 7px 7px rgba(0, 0, 0, 0.25),
    inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  /* Hide the mouse pointer */
  cursor: none;
  /* Hide the lens by default */
  display: none;
  /* Place the lens on top of other elements */
  z-index: 100;
}
.magnify .magnify-lens.loading {
  background: #333 !important;
  opacity: 0.75;
}
.magnify .magnify-lens.loading:after {
  /* Loading text */
  position: absolute;
  top: 45%;
  left: 0;
  width: 100%;
  color: #fff;
  content: 'Loading...';
  font: italic normal 16px/1 Calibri, sans-serif;
  text-align: center;
  text-shadow: 0 0 2px rgba(51, 51, 51, 0.8);
  text-transform: none;
}


        .tooltip {
            border-bottom: 1px dotted #c50e1f; outline: none;
            color:#5B4B4B;
            cursor: help; text-decoration: none;
            position: relative;
        }
        .tooltip span {
            margin-left: -999em;
            position: absolute;
        }
        .tooltip:hover span {
            border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
            box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
            position: absolute; left: 1em; top: 2em; z-index: 99;
            margin-left: 0; width: 250px;
        }
        .tooltip:hover img {
            border: 0; margin: -10px 0 0 -55px;
            float: left; position: absolute;
        }
        .tooltip:hover em {
            font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
            display: block; padding: 0.2em 0 0.6em 0;
        }
        .classic { padding: 0.8em 1em; background:#FAFAFA;font-size:10px;}