body {font-family:arial; font-size:14px; background:#000 url(images/bg.jpg) top center no-repeat; line-height:140%; }
* {margin:0px; padding:0px; font-family:arial; }
ul li {list-style:none;}
.clear {clear:both;}
table {border:none;}
textarea {font-family:arial;}
a img {border:none;}
p {margin-bottom:8px;}
td {vertical-align:top;}

ul[type=square] li {margin-left:40px; line-height:200%; padding-left: 0px; list-style-type:square;}

#container { }
#overpage {height:20px;}
#page {width:960px; border-right:10px solid #1b5be3; background:#f1f1f1; margin:20px auto; margin-bottom:20px;}
#links {width:230px; float:left; padding:10px; background:#f1f1f1; }
#rechts {width:700px; float:right; background:#fff;}
#content {margin-top:10px; padding:10px;   min-height:690px;  }

ul.menu {margin-top:30px;}
ul.menu  li { margin-bottom:2px;}
ul.menu  li a {display:block; color:#fff /* 1b5be3 */ ; background:#515151; font-size:20px; line-height:40px; text-decoration:none; padding-left:10px; border-left:5px solid #1b5be3;}
ul.menu li#menu5 a {background:#515151 url(images/pfeil.png) 190px 4px no-repeat;}

ul.menu li ul {margin-top:2px; display:none;}
ul.menu li ul li {border-left:5px solid #515151;}
ul.menu li ul li a {background:#1b5be3 !important; }

ul.menu li.current a {background:#1B5BE3 !important;}

a.zoom2 img {/* margin:2px; padding:2px; border:1px solid #dcdcdc; */}


h1,h2,h3 {margin-bottom:10px;}

a {color:#1b5be3;}
a:hover {}
h1 {font-size:25px; color:#1b5be3;}
h2 {font-size:20px; color:#1b5be3; }
h3 {font-size:18px; padding-left: 22px; background:url(images/bluedot.jpg) center left no-repeat;}


input[type=submit] {background:#1b5be3; color:#fff;border:none; border-left:5px solid #515151; cursor:pointer;  padding:4px 20px; font-weight:bold;}
input[type=text], textarea {line-height:140%; padding:4px;}


 
body {}
#page {}
 
#menuleiste {}
ul#menulist {}
ul#menulist li {}
ul#menulist li a {}
ul#menulist li a:hover {}
ul#menulist li .menuaktiv {}
 
#content {}
 
.blockdivRechts {}
.blocktitleRechts {}
.blockcontentRechts {}








.jcarousel-skin-tango .jcarousel-container {border-top:1px solid #1b5be3; border-bottom:1px solid #1b5be3; padding:10px 0px;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 560px ; padding:10px 80px; padding-right:50px; }
.jcarousel-skin-tango .jcarousel-clip {overflow: hidden;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:  600px;height: 165px;}
.jcarousel-skin-tango .jcarousel-item {width: 240px;height: 180px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 0; margin-right: 10px;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 10px;margin-right: 0;}
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000;}

.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top: 90px;right: 5px;width: 32px;height: 32px;cursor: pointer;background: url(images/next.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {left: 5px;right: auto; background-image:url(images/prev.png);}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 90px;left: 5px;width: 32px;height: 32px;cursor: pointer;background:url(images/prev.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {left: auto;right: 5px;background-image:  url(images/next.png);}




#footer {text-align:left; padding-bottom:5px; padding-left:5px;}



.galbild {width:150px !important; height:auto !important;   margin:3px; padding:3px; border:1px solid #dcdcdc;}
.zoom2 {width:150px !important; height:auto !important; border:1px solid #dcdcdc; }


a.button {width:90%;  margin:0px auto; color:#fff; background:#1b5be3; padding:6px; border-radius:3px; text-align:center; display:block; font-weight:bold; text-decoration:none;}




		
/* ═══════════════════════════════════════════════════════════
   Адаптивный слой (28.09). Макет 2013 г. жёстко 960px:
   #page 960, #rechts 700, #content 680 — на телефоне давало
   перелив 580px. Ниже 1000px переводим на резиновую ширину,
   не трогая исходные стили.
   ═══════════════════════════════════════════════════════════ */
@media screen and (max-width: 1000px) {
  html, body { max-width: 100%; overflow-x: hidden; }

  #page, #rechts, #content, #links {
    width: auto !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box;
  }
  #page { padding: 0 12px; }

  /* меню из боковой колонки — горизонтальной лентой сверху */
  #links { margin: 0 0 16px; }
  #links ul { display: flex; flex-wrap: wrap; gap: 4px; padding: 0; margin: 0; list-style: none; }
  #links li { width: auto !important; margin: 0 !important; }
  #links li a {
    display: block;
    padding: 11px 14px !important;   /* цель нажатия ≥44px */
    width: auto !important;
    white-space: nowrap;
  }

  /* содержимое и картинки по ширине экрана */
  #content, #content * { max-width: 100% !important; }
  #content img { width: auto !important; height: auto !important; }
  table { display: block; overflow-x: auto; max-width: 100%; }

  /* галерея референций — сеткой вместо фиксированных рядов */
  #content ul li img { width: 100% !important; }
}

@media screen and (max-width: 640px) {
  #content ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; padding: 0; list-style: none; }
  #content ul li { width: auto !important; margin: 0 !important; float: none !important; }
  #links li a { padding: 12px 12px !important; font-size: 15px; }
}