/* CSS-Styles */
/* ----- LAYOUT ----------------------------------------------------------------------------------------------------------------------------------- */

body { margin: 0; padding: 0; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; color: #474242; font-size: 13px; background: #d3e8eb url(/images/bgmain0.png) repeat; } /*background-color: #99cccc; }*/
form { margin: 0; padding: 0; }

div#mainframe {margin: -358px 0 0 0; padding: 0; background: #d3e8eb url(/images/bgmain0.png) repeat; height: 716px; width: 100%; position: absolute; top: 50%; }

div#top {position:absolute; top:0; left:0; width:100%; height:156px; margin: 0; padding: 0; background: #00acb6 url(/images/d/top1.png) repeat-x; }
div#top table {width:1170px; height:116px; margin: 0 auto; }
div#top table tr td a img {border: none; }

div#top table tr td ul { margin: 0; padding: 13px 0 5px 0; position: absolute; background: transparent url(/images/bgtm1.png) repeat; }
div#top table tr td ul { list-style: none; display:none; text-align:center; }
div#top table tr td:hover ul { display:block; }
div#top table tr td ul li { padding: 2px 2px; }
div#top table tr td ul li a { color: white; text-transform:uppercase; }
div#top table tr td ul li:hover { opacity: 0.7; filter: alpha(opacity=70); }
div#top table tr td ul li:hover a { text-decoration:none; }

div#maintop {height: 40px; margin: 0; padding: 0; background: #cde8e9 url(/images/bgmain1.png) repeat-x; }

div#main { min-height: 480px; margin: 0; padding: 0; background: #d3e8eb url(/images/bgmain0.png) repeat; overflow: hidden; }

div#mainbot {height: 40px; margin: 0; padding: 0; background: #cde8e9 url(/images/bgmain2.png) repeat-x; }


body{
  margin:0;
  padding:156px 0 80px 0;
 }

 @media screen {
  body>div#footer{
   position: fixed;
  }
 }
 @media screen {
  body>div#top{
   position: fixed;
   z-index:8;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#main{
  height:100%;
  overflow:auto;
 }



div#footer { position:absolute; bottom:0; left:0; width:100%; height: 80px; margin: 0; padding: 0; background: #cde8e9 url(/images/bgfooter.png) repeat-x; }
div#footer { color: #00acb6; }
div#footer div.m { width: 988px; margin: 0 auto; }
div#footer div ul { list-style: none; margin: 0; padding: 10px 0; float:left; }
div#footer div ul li { padding: 0 5px; margin:0; line-height: 20px; float:left; }
div#footer div ul li a { color: #00acb6; }
div#footer div ul li.myacc { border-left: 1px solid #00acb6; border-right: 1px solid #00acb6; }

div#footer div ul#fr { float:right; }
div#footer div ul#fr li.lang ul { position: absolute; display:none; list-style: none; padding: 0 0 20px 4px; float: none; text-align:center; margin: -66px 0 0 0; }
div#footer div ul#fr li.lang ul li { padding: 0; margin:0; float:none; border: none; line-height: 18px; }
div#footer div ul#fr li.lang ul li img { width: 22px; height: 12px; margin: 4px 10px; border: none; }
div#footer div ul#fr li.lang ul li a { }

div#footer div ul#fr li.lang ul li:hover { background-color: #cde8e9; }

div#footer div ul#fr li.lang { }
div#footer div ul#fr li.lang:hover ul { display:block; }


div#footer div ul#fr li form input.t { width: 111px; height: 17px; color: #00acb6; border:none; background-color:#def0f1; }

div#teaser { margin: 0 30px 0 37px; padding: 0; width: 723px; height: 230px; float: left;}

div#mainwindow { width: 1150px; margin: 0 auto; min-height: 400px; }
div#mainwindow div#mwstart { margin: 0 auto; padding-top: 10px; width: 1019px; }
div#mainwindow div#mwstart a { display:block; float:left; margin: 0 41px 0 0; }
div#mainwindow div#mwstart a img { width: 160px; height: 395px; margin: 12px 5px 13px 5px; }
div#mainwindow div#mwstart a:hover img { width: 170px; height: 420px; margin: 0px; }
div#mainwindow div#mwstart a span { display:block; line-height:20px; margin-top:-90px; text-align:center; width:170px; color: #323232; font-size: 12px; text-decoration:none; }
div#mainwindow div#mwstart a:hover { text-decoration:none; }

/* ----- HAUPTBEREICH---------------------------------------------------------------------------------------------------------- */

div#mainwindow div#menu { width: 158px; margin: 0 3px 0 71px; min-height: 400px; height: 400px; float: left; } /*background: transparent url(/images/bg_menu.png) 5px 0 no-repeat; }*/
div#mainwindow div#menu strong { display: block; width: 120px; height: 15px; margin: 30px auto 10px; text-align:center; border-bottom: 1px solid #58585a; text-transform:uppercase; }
div#mainwindow div#menu ul { list-style: none; width: 110px; padding: 0; margin: 20px auto; }
div#mainwindow div#menu ul li { width: 110px; margin: 0; padding: 0 0 0 2px; line-height: 20px;  }
div#mainwindow div#menu ul li a { color: #58585a; }
div#mainwindow div#menu ul li a:hover { color: #212121; }
div#mainwindow div#menu ul li.active a { color: #323232; }
div#mainwindow div#menu ul li.active { background: transparent url(/images/liactive.png) no-repeat; padding-left: 9px; }

div#mainwindow div#menu ul li.active ul { list-style: none; width: 110px; padding: 0; margin: 0 auto; }
div#mainwindow div#menu ul li.active ul li { width: 107px; margin: 0 0 0 -2px; padding: 0; line-height: 15px; text-transform: none; }
div#mainwindow div#menu ul li.active ul li a { color: #606060; font-size: 10px; }
div#mainwindow div#menu ul li.active ul li a:hover { color: #212121; }
div#mainwindow div#menu ul li.active ul li.active a { color: #13B0B9; }
div#mainwindow div#menu ul li.active ul li.active { background: transparent url(/images/liactive1.png) no-repeat; margin-left:-5px; padding-left: 9px; }

div#mainwindow div#mw { width: 765px; padding: 40px 50px 10px 50px; margin: 0; min-height: 440px; float: left; } /*background: transparent url(/images/bg_main.png) no-repeat; }*/

h1,h2,h3 { color: #0c8e99; }

div#mainwindow.mw  { background: transparent url(/images/bg_mw0.png) no-repeat 4px 0; }
div#mwb  { width: 1150px; margin: 0 auto; height: 70px; background: transparent url(/images/bg_mwb1.png) no-repeat 4px 0; }

div#mainwindow h1 {font-weight: bold; font-size: 18px; margin: 0 0 10px 0; line-height: 22px; text-decoration: none; text-transform: uppercase; }
div#mainwindow h2 {font-weight: normal; font-size: 15px; margin: 20px 0 2px 0; line-height: 20px; text-decoration: none;}
div#mainwindow h3 {font-weight: normal; font-size: 13px; margin: 20px 0 1px 0; line-height: 18px; text-decoration: none;}

div#mainwindow h1 { display:block; height: 32px; padding-right: 5px; float: left; width: auto; }
div#mainwindow div.line { height: 18px; background: transparent url(/images/bgline.png) no-repeat 0 12px; }

/*div#mainwindow div { text-align:justify;  }*/

div#mainwindow p { margin: 0; padding: 10px 0;  }

div#mainwindow div.cl {clear:both;}

div.standardcontent { } /*height: 400px; overflow: hidden; }*/

/* ----- BILDER MIT SCHATTEN -------------------------------------------------------------------------------------------------- */
div#mainwindow div.picshdw { margin: 0 10px 10px 0; }
div#mainwindow div.picshdw a { display:block; float: left; }
div#mainwindow div.picshdw div.r { width: 10px; float: left; background: transparent url(/images/picshdwr.png) repeat-y; }
div#mainwindow div.picshdw div.u { height: 10px; float: left; background: transparent url(/images/picshdwu.png) repeat-x;}
div#mainwindow div.picshdw div.ru { width: 10px; height: 10px; float: left; background: transparent url(/images/picshdwru.png) no-repeat;}
div#mainwindow div.picshdw {  }



/* ----- UNTERNEHMEN---------------------------------------------------------------------------------------------------------- */
div#mainwindow div#mainstart { margin: 0 auto; width: 982px; color: #575759; }
div#mainwindow div#mainstart div.c1 { min-height: 40px; background: #cde8e9 url(/images/u_bg1.png) no-repeat; padding: 30px 33px 0 33px; }
div#mainwindow div#mainstart div.c2 { width: 982px; min-height: 100px; float: left; background: #cde8e9 url(/images/u_bg2.png) repeat-y; padding: 0; }
div#mainwindow div#mainstart div.c3 { height: 110px; width: 982px; clear:both; background: #cde8e9 url(/images/u_bg3.png) bottom no-repeat; }
div#mainwindow div#mainstart h1 { }
div#mainwindow div#mainstart div div { width: 260px; margin: 0 33px; float: left; }
div#mainwindow div#mainstart div.pic { width: 260px; margin: 0; padding: 0; height: 190px; background: transparent url(/images/u_bgpic1.png) no-repeat; }
div#mainwindow div#mainstart div.pic img { margin: 1px 9px 9px 1px; width: 250px; height: 180px; }
div#mainwindow div#mainstart a { color: #0c8e99;  }
div#mainwindow div#mainstart a:hover { color: #ffffff; text-decoration: none; }


/* -------------- NAV  -----------------------------------------------------------*/
div#mainwindow div.nav { }
div#mainwindow div.nav a { margin: 0 5px; }
/* -------------- TEMPLATES KNY -----------------------------------------------------------*/
div#mainwindow div.KNYDYN { margin: 0; }
div#mainwindow div.KNYDYN1 { height: 300px; }
div#mainwindow div.KNYDYN img.d1 { margin: -36px 0 0 -48px; }

div#mainwindow div.KNYDYN div.left { width: 500px; margin:0; height: 200px; }
div#mainwindow div.KNYDYN div.dyn { clear: both; margin: 0; background-color: #77ccd0; }
div#mainwindow div.KNYDYN div.dyn ul { margin: 0; padding: 0; margin: 0; list-style: none; }
div#mainwindow div.KNYDYN div.dyn li { display: block; padding: 10px 15px; }
div#mainwindow div.KNYDYN div.dyn a { display: block; text-decoration: none; }

div#mainwindow div.KNYDYN div.dyn a img {}
div#mainwindow div.KNYDYN div.dyn a:hover img { filter:alpha(opacity=50); opacity: 0.5; }

div#mainwindow div.KNYDYN div.pn { width: 864px; height: 104px; margin: -104px 0 0 -50px;  }
div#mainwindow div.KNYDYN a.dynprev {display:block; cursor:pointer; float:left; width: 50px; height: 104px; background: transparent url(/images/knydynb1.png) no-repeat;}
div#mainwindow div.KNYDYN a.dynnext {display:block; cursor:pointer; float: right; width: 50px; height: 104px; background: transparent url(/images/knydynb2.png) no-repeat;}

/* -------------- TEMPLATES KNY -----------------------------------------------------------*/
div#mainwindow div.KNYT2B h1 { float: left; text-transform:uppercase; }
div#mainwindow div.KNYT2B div.left { width: 300px; float: left; margin: 0 0 0 0; }
div#mainwindow div.KNYT2B div.left img {  }
div#mainwindow div.KNYT2B div.right { width: 465px; float: right; margin: 0 0 0 0; }
div#mainwindow div.KNYT2B div hr { color: transparent; border-top: 1px dotted #00acb6; }

/* -------------- TEMPLATES KNY -----------------------------------------------------------*/

div#mainwindow div.T2BKNY h2, div#mainwindow div.T2BKNY h3 { margin: 0; }

div#mainwindow div.T2BKNY div.left { width: 290px; height: auto; float: left; margin: 0; }
div#mainwindow div.T2BKNY div.right { width: 435px; float: left; margin: 0; }
div#mainwindow div.T2BKNY div.right div.line { margin-top: 10px; }

div#mainwindow div.T2BKNY div.scrollpane { height: 370px; }

/*div#mainwindow .jScrollPaneTrack { background: url(/images/osx_track.gif) repeat-y; }
div#mainwindow .jScrollPaneDrag { background: url(/images/osx_drag_middle.gif) repeat-y; }
div#mainwindow .jScrollPaneDragTop { background: url(/images/osx_drag_top.gif) no-repeat; height: 6px; }
div#mainwindow .jScrollPaneDragBottom { background: url(/images/osx_drag_bottom.gif) no-repeat; height: 7px; }
div#mainwindow a.jScrollArrowUp { height: 24px; background: url(/images/osx_arrow_up.png) no-repeat 0 -30px; }
div#mainwindow a.jScrollArrowUp:hover { background-position: 0 0; }
div#mainwindow a.jScrollArrowDown { height: 24px; background: url(/images/osx_arrow_down.png) no-repeat 0 -30px; }
div#mainwindow a.jScrollArrowDown:hover { background-position: 0 0; }
*/

/* -------------- PRODUKT KATALOG ---------------------------------------------------------*/

div#mainwindow div.produkt { margin: 0 auto; width: 884px; padding: 20px 50px 10px 50px; min-height: 430px; height: auto; background: transparent url(/images/bg_mainp.png) right top no-repeat; }

div#mainwindow div.produkt div.content { clear: both; padding-top: 20px; height: 30px; overflow: hidden; }
div#mainwindow div.produkt div.kataloge { margin: 10px auto 0 auto; }

div#mainwindow div.produkt div.kataloge a { display: block; float: left; }
div#mainwindow div.produkt div.kataloge a img { opacity: 0.7; width: 195px; height: 171px; margin: 4px 5px 5px 5px; }
div#mainwindow div.produkt div.kataloge a:hover { text-decoration:none; }
div#mainwindow div.produkt div.kataloge a:hover img { width: 205px; height: 180px; opacity: 1; filter: none; margin: 0px; }
div#mainwindow div.produkt div.kataloge a span { display:block; line-height:20px; text-align:center; width:205px; color: #666699; font-weight: bold; font-size: 14px; text-decoration:none; }


/*
div#mainwindow div.produkte {}
div#mainwindow div.produkte h1 { font-family: "Times New Roman", Times, serif; font-style: italic; }
div#mainwindow div.produkte h1 { height: 32px; padding-right: 5px; float: left; background: transparent url(/images/bg_main.png) no-repeat scroll -60px -20px; }
div#mainwindow div.produkte div.line { height: 20px; background: transparent url(/images/bgline.png) no-repeat 0 15px; }
div#mainwindow div.produkte div.content { clear: both; }
div#mainwindow div.produkte div.kataloge { margin: 0 auto; }
div#mainwindow div.produkte div.kataloge a { padding: 5px; display: block; float: left; }
div#mainwindow div.produkte div.kataloge a img { opacity: 0.7; filter: alpha(opacity=70); }
div#mainwindow div.produkte div.kataloge a:hover { padding: 0px; }
div#mainwindow div.produkte div.kataloge a:hover img { width: 95px; height: 180px; opacity: 1; filter: none; }
*/

/* PRODUKTE MAIN UBERSICHT */
div#mainwindow div.pmain div.content {  }
div#mainwindow div.pmain div.kataloge { margin: 0 auto; }
div#mainwindow div.pmain div.kataloge a { display: block; float: left; }
div#mainwindow div.pmain div.kataloge a img { opacity: 0.7; filter: alpha(opacity=70); }
div#mainwindow div.pmain div.kataloge a:hover { }
div#mainwindow div.pmain div.kataloge a:hover img { opacity: 1; filter: none; }

div#mainwindow div.pmain div.pn { width: 760px; height: 30px; margin: -30px 0 0 0; z-index:10; position: relative; }
div#mainwindow div.pmain a.dynprev {display:block; cursor:pointer; float:left; width: 30px; height: 30px; background: transparent url(/images/ppmal.png) no-repeat;}
div#mainwindow div.pmain a.dynnext {display:block; cursor:pointer; float: right; width: 30px; height: 30px; background: transparent url(/images/ppmar.png) no-repeat;}

/*contentflow*/
div#mainwindow div.pmain div#pcFlow div.scrollbar { margin-top: 30px; }
div#mainwindow div.pmain div#pcFlow div.scrollbar .preButton {display:block; cursor:pointer; float:left; margin: -1px 0 0 -50px; width: 20px; height: 20px; background: transparent url(/images/ppmal.png) no-repeat;}
div#mainwindow div.pmain div#pcFlow div.scrollbar .nextButton {display:block; cursor:pointer; float: right; margin: -1px -50px 0 0; width: 20px; height: 20px; background: transparent url(/images/ppmar.png) no-repeat;}

div#mainwindow div.pmain div#pcFlow div.flow a { border:none; }
div#mainwindow div.pmain div#pcFlow div.flow a canvas { border:none; }
div#mainwindow div.pmain div#pcFlow div.flow a img { border:none; }
div#mainwindow div.pmain div#pcFlow div.flow a.item {  }
div#mainwindow div.pmain div#pcFlow div.flow a.item { opacity: 0.7; filter: alpha(opacity=70); }
div#mainwindow div.pmain div#pcFlow div.flow a.item:hover { opacity: 1; filter: none; }

div#mainwindow div.pmain { height: 400px; width: 765px; overflow: hidden; position: relative;}
div#mainwindow div.pmain ul#pcFlow { height: 300px; width: 765px; margin: 0 0 40px 0; padding:0; }
div#mainwindow div.pmain ul#pcFlow .ui-jcoverflip--title { position: absolute; bottom: 10px; width: 100%; text-align: center; color: #474242; }
div#mainwindow div.pmain ul#pcFlow img { display: block; border: 0; outline: none; }
div#mainwindow div.pmain ul#pcFlow a { outline: none; }

div#mainwindow div.pmain ul#pcFlow .ui-jcoverflip { position: relative; }
div#mainwindow div.pmain ul#pcFlow .ui-jcoverflip--item { position: absolute; display: block; margin-bottom: 30px; }

div#mainwindow div.scrollbar { width: 765px; margin: -20px 0 0 0; position: relative;}
div#mainwindow div.scrollbar .preButton {display:block; cursor:pointer; float:left; margin: 0 0 0 50px; width: 20px; height: 20px; background: transparent url(/images/ppmal.png) no-repeat;}
div#mainwindow div.scrollbar .nextButton {display:block; cursor:pointer; float: right; margin: 0 50px 0 0; width: 20px; height: 20px; background: transparent url(/images/ppmar.png) no-repeat;}

div#mainwindow div.pmain div.dyn { width: 760px; height: 240px; margin: 0; overflow:hidden; position: relative; }
div#mainwindow div.pmain div.dyn div.items { width: 30000px; position: absolute; }
div#mainwindow div.pmain div.dyn div.items a { padding: 0 30px; float: left; height: 240px; }
div#mainwindow div.pmain div.dyn div.items a img { border: none; width: 140px; height: 240px; margin: 0; opacity: 0.7; filter: alpha(opacity=70); }
div#mainwindow div.pmain div.dyn div.items a:hover img { opacity: 1; filter: none; }

div#mainwindow div.pmain div.dyn1 { display:none;width: 665px; height: 180px; margin: -180px 0 0 50px; z-index:10; position: relative; background: transparent url(/images/ppmain1.png) no-repeat; }
div#mainwindow div.pmain div.dyn1a { width: 282px; height: 240px; margin: -240px 0 0 -2px;  position: relative; background: transparent url(/images/ppmain1.png) no-repeat 0 0; }
div#mainwindow div.pmain div.dyn1b { width: 282px; height: 240px; margin: -240px 0 0 480px; position: relative; background: transparent url(/images/ppmain1.png) no-repeat right 0; }


div#mainwindow div#produkte { width: 830px; padding: 15px 15px 15px 15px; margin: 3px 0 0 0; min-height: 430px; float: left; }

div#mainwindow div#produkte marquee { height: 90px; margin: 40px 10px 20px 10px; background:url("/images/bgmarquee.png") repeat-y center center transparent; }
div#mainwindow div#produkte marquee a {}
div#mainwindow div#produkte marquee a img {margin: 5px 10px; width: 80px; height: 80px; border:none; }

/*div#mainwindow div#produkte h1 { display:block; text-transform:uppercase; }
div#mainwindow div#produkte h1 { font-family: "Times New Roman", Times, serif; font-style: italic; }
div#mainwindow div#produkte h1 { height: 32px; padding-right: 3px; float: left; background-color: #b9e0e2; }*/

div#mainwindow div#produkte h2 { margin: 0; padding: 3px; color: #ffffff; }
div#mainwindow div#produkte h2 { font-family: "Times New Roman", Times, serif; font-style: italic; }
div#mainwindow div#produkte h2 { background-color: #4AC1C8; }


/*div#mainwindow div#produkte div.line { height: 20px; background: transparent url(/images/dot.gif) 0 13px repeat-x; }*/
/*div#mainwindow div#produkte div.line { height: 28px; width: 830px; margin-left: -1px; background: transparent url(/images/dot.gif) 0 21px repeat-x; }*/

div#mainwindow div#produkte div.ptr { float: right; }
div#mainwindow div#produkte div.ptr a { margin: 3px 10px; }

div#mainwindow div#produkte div.jScrollPaneContainer {float:left;}
div#mainwindow div#produkte div.p { width: 600px; min-height: 400px; float:left; }
div#mainwindow div#produkte div.liste { width: 205px; float:right; }
div#mainwindow div#produkte div.liste div.l1 { height: 18px; text-align:center; background-color: #4ac1c8; color: #ffffff; margin: 0 0 2px 0; cursor:pointer; line-height: 18px; }
div#mainwindow div#produkte div.liste div.l1 img { width: 15px; height: 15px; float: right; margin: 0 5px; }
div#mainwindow div#produkte div.liste div.table { height: 380px; }

div#mainwindow div#produkte div.p div.l { width: 300px; height: 320px;float:right; background-color: #000000; color: #ffffff; }
div#mainwindow div#produkte div.p div.pc { width: 300px; height: 300px; }
div#mainwindow div#produkte div.p div.r { width: 300px; height: 320px;float:left; background-color: #000000; color: #ffffff; }
div#mainwindow div#produkte div.p div.r img { width: 300px; height: 320px; border:none; }

div#mainwindow div#produkte div.p div.l div#picnav { position:absolute; margin-top: -20px; background: transparent url(/images/bgpicnav.png) repeat; }

div#mainwindow div#produkte div.p div.l a.l { display: block; width: 30px; height: 20px; line-height: 20px; float: left; text-align: center; opacity: 0.7; filter: alpha(opacity=70); }
div#mainwindow div#produkte div.p div.l a.r { display: block; width: 30px; height: 20px; line-height: 20px; float: right; text-align: center; opacity: 0.7; filter: alpha(opacity=70); }
div#mainwindow div#produkte div.p div.l a.l img, div#mainwindow div#produkte div.p div.l a.r img { margin: 2px 0; border:none; width: 8px; height:15px; }

div#mainwindow div#produkte div.p div.l div.m { width: 240px; height: 20px; line-height: 20px; float: left; text-align: center; opacity: 0.7; filter: alpha(opacity=70); }
div#mainwindow div#produkte div.p div.l div.m1 { text-align: center; width: 295px; padding-right: 5px; position: relative; background: #50bec7 url(/images/p_dd.png); color: #ffffff; clear:both; height: 20px; line-height: 20px; }
div#mainwindow div#produkte div.p div.l div.m1 img { margin: -1px 0 0 5px; }

div#mainwindow div#produkte div.p div.l a.l:hover, div#mainwindow div#produkte div.p div.l a.r:hover { opacity: 1; filter: none; }

div#mainwindow div#produkte div.p div.nav { width:580px; height: 40px; clear: both; margin: 0; padding: 0; background: transparent url(/images/bgpnav.png) center center no-repeat; }
div#mainwindow div#produkte div.p div.nav a.l { display:block; float: left; }
div#mainwindow div#produkte div.p div.nav a.r { display:block; float: right; }
div#mainwindow div#produkte div.p div.nav a img { margin: 12px 5px; }
div#mainwindow div#produkte div.p div.nav a.c { color: #ffffff; display:block; width: 420px; margin: 12px auto; line-height: 15px; height: 15px; text-align: center; float: left; }
div#mainwindow div#produkte div.p div.nav a { opacity: 0.7; filter: alpha(opacity=70); }
div#mainwindow div#produkte div.p div.nav a:hover { opacity: 1; filter: none; }

div#mainwindow div#produkte table.p { float: left; width: 390px; }
div#mainwindow div#produkte table.l { float: right; width: 190px; }
div#mainwindow div#produkte table.m { width: 100%; margin: 10px 0 0 0; }
div#mainwindow div#produkte table td { padding: 0px 10px; text-align: center; margin: 1px; line-height: 20px; height:20px; }
div#mainwindow div#produkte table.l td { padding:0; }
div#mainwindow div#produkte table td.l { text-align: left; padding-left: 2px; }
div#mainwindow div#produkte table tr.c1 td { background-color:#4ac1c8; color: #ffffff; } /*blue*/
div#mainwindow div#produkte table tr.c2 td { background-color:#ddecd0; color: #1a171b; } /*light yellow*/
div#mainwindow div#produkte table tr.c3 td { background-color:#d58a7b; color: #ffffff; } /*red*/
div#mainwindow div#produkte table tr.c4 td { background-color:#e2f2f0; color: #1a171b; } /*white*/
div#mainwindow div#produkte table tr.c5 td { background-color:#76a397; color: #ffffff; } /*greenblue*/
div#mainwindow div#produkte table tr.c6 td { background-color:#3a3f43; color: #ffffff; } /*darkgrey*/

div#mainwindow div#produkte table.p td.l { width: 86px; }
div#mainwindow div#produkte table.p td { width: 55px; }

div#mainwindow div#produkte table.liste { width: 100%; margin: 0; }
div#mainwindow div#produkte table.liste td { padding: 0; line-height: 18px; height:18px; }
div#mainwindow div#produkte table.liste tr td.img { background-color:#000000; width: 60px; height:60px; }
div#mainwindow div#produkte table.liste tr td.mdr {  }
div#mainwindow div#produkte table.liste tr td.stk { width: 40px; }
div#mainwindow div#produkte table.liste tr td.n { height: 10px; }
div#mainwindow div#produkte table.liste tr td input { text-align:center; background-color:#e2f2f0; }
div#mainwindow div#produkte table.liste a { color: #3a3f43; }
div#mainwindow div#produkte table.liste tr.c6 a { color: #ffffff; }

div#mainwindow div#produkte table input { width: 100%; border:none; }

div#mainwindow div#produkte div.scroll {height: 400px;}

div#mainwindow div#produkte div.pli { margin: 0 0 10px 0; }
div#mainwindow div#produkte div.pli img { margin: 2px 0; float:left; }
div#mainwindow div#produkte div.pli table.p { margin: 0 20px; }
div#mainwindow div#produkte div.pli textarea { width:200px; height: 180px; margin: 1px 0; background-color: #ffffff; color: #4ac1c8; border:none; }
div#mainwindow div#produkte div.pli div.cl { height: 10px; }
div#mainwindow div#produkte div.pli table img { float: none; margin: 0; }


div#mainwindow div#produkte form#notizform table tr.c2 td { padding: 0 1px; }
div#mainwindow div#produkte form#notizform div.pli table.p { margin: 1px 20px; height: 180px; }
div#mainwindow div#produkte form#notizform input { width: 50px; border:none; background-color: transparent; }

/* PRODUKTE ÜBERSICHT */
div#mainwindow div#produkte div.dyn { clear: both; margin: 0 0 0 70px; background-color: #77ccd0; }
/*div#mainwindow div#produkte div.dyn ul { margin: 0; padding: 0; margin: 0; list-style: none; }
div#mainwindow div#produkte div.dyn li { display: block; padding: 2px 2px; float: left; }*/
div#mainwindow div#produkte div.dyn a { display: block; text-decoration: none; }

div#mainwindow div#produkte div.dyn a img {}
div#mainwindow div#produkte div.dyn a:hover img { filter:alpha(opacity=50); opacity: 0.5; }

div#mainwindow div#produkte div.pn { width: 776px; height: 104px; margin: -104px 0 0 20px;  }
div#mainwindow div#produkte a.dynprev {display:block; cursor:pointer; float:left; width: 50px; height: 104px; background: transparent url(/images/knydynb1.png) no-repeat;}
div#mainwindow div#produkte a.dynnext {display:block; cursor:pointer; float: right; width: 50px; height: 104px; background: transparent url(/images/knydynb2.png) no-repeat;}


div#mainwindow div#produkte div.dyn { width: 676px; height: 104px; overflow:hidden; position: relative; }
div#mainwindow div#produkte div.dyn div.items { width: 30000px; position: absolute; }
div#mainwindow div#produkte div.dyn div.items a { padding: 2px 2px; float: left; }


div#mainwindow div#produkte div.form { width: 676px; margin: 30px auto; }
div#mainwindow div#produkte div.form h3 {  }
div#mainwindow div#produkte div.form b { width: 120px; display:block; float: left; line-height: 20px; font-weight: normal;}
div#mainwindow div#produkte div.form select { width: 150px; line-height: 20px; }
div#mainwindow div#produkte div.form input { width: 150px; line-height: 20px; border: 1px solid #13b0b9; background-color: #77ccd0; cursor: pointer; }


div#mainwindow div#produkte div.suche { width: 205px; float:right; }
div#mainwindow div#produkte div.suche div.l1 { height: 18px; text-align:center; background-color: #4ac1c8; color: #ffffff; margin: 0 0 2px 0; cursor:pointer; line-height: 18px; }
div#mainwindow div#produkte div.suche div.l1 img { width: 15px; height: 15px; float: right; margin: 0 5px; }
div#mainwindow div#produkte div.suche form { height: 160px; }
div#mainwindow div#produkte div.suche form b { width: 120px; display:block; float: left; line-height: 20px; font-weight: normal;}
div#mainwindow div#produkte div.suche form select { width: 150px; line-height: 20px; }
div#mainwindow div#produkte div.suche form input { width: 150px; line-height: 20px; border: 1px solid #13b0b9; background-color: #77ccd0; cursor: pointer; }

div#mainwindow form#sucheform b { width: 120px; display:block; float: left; line-height: 20px; font-weight: normal;}
div#mainwindow form#sucheform select { width: 150px; line-height: 20px; }
div#mainwindow form#sucheform input { width: 150px; line-height: 20px; border: 1px solid #13b0b9; background-color: #77ccd0; cursor: pointer; }
div#mainwindow form#sucheform input.n { background-color: #ffffff; cursor: text; }
br.br {line-height:20px;}

/* PRODUKTE PRINT */

@media print, screen {
body.print { background: #ffffff none; padding: 10mm; font-size: 12pt; }
body.print div#mainwindow { background-color: #ffffff; }
body.print div#mainwindow div#produkte { background-color: #ffffff; width: 100%; }
body.print div#mainwindow div#produkte h1 { float: none; background-color: #ffffff; font-size: 16pt; }
body.print div#mainwindow div#produkte h2 { background-color: #ffffff; color: #0C8E99; font-size: 12pt; }
body.print div#mainwindow div#produkte table.p { width: 120mm; border-collapse: collapse; margin: 0; float: none; }
body.print div#mainwindow div#produkte table tr td { background-color:#ffffff; color: #323232; border: 1px solid #000000; padding: 2px 20px; width: auto; }
body.print div#mainwindow div#produkte table.p td.l { width: auto; }
body.print div#mainwindow div#produkte div.notiz { margin: 10px 0; }
body.print div#mainwindow div#produkte div.pli img { margin: 0 20px 5px 0; float:left; width: 80mm; height: 80mm; }
body.print div#mainwindow div#produkte div.pli table img { float: none; margin: 0; width: auto; height: auto; }
body.print img.logo { float: left; margin: 10px 50px; width:156px; height:140px; border: none; }
body.print div#ptop { height: auto; margin: 10px 100px; float: right; }
}

/* -------------- PROJEKTE KATALOG ---------------------------------------------------------*/

form.anfrage div.left {width: 320px; float: left; }
form.anfrage b { width: 100px; display:block; float: left; line-height: 16px; font-weight: normal; }
form.anfrage input { width: 200px; line-height: 20px; border: 1px solid #13b0b9; background-color: #d7e4ed; margin: 1px 0; }
form.anfrage input.err { background-color: #ffb5b5; }
form.anfrage div.right {width: 500px; float: right; margin: 0 10px 0 0; }
form.anfrage textarea {width: 500px; height: 200px; border: 1px solid #13b0b9; background-color: #d7e4ed; }

div.contact h1 { padding-left: 10px; }
/*div.contact div.line { height: 5px; background: transparent url(/images/bgline.png) no-repeat 0 0; margin: -5px 0 30px 0; }*/
div.contact p { margin-left: 10px; }
div.contact form { margin-left: 10px; }
div.contact form b { line-height: 22px; }
div.contact form input { line-height: 24px; margin: 3px 0; }
div.contact form div.right {width: 420px; margin: 20px 0 0 0; }
div.contact form textarea {width: 420px; height: 148px; margin-top: 9px; }
div.contact form div.cl.c { padding-top: 20px; }
/* -------------- PROJEKTE KATALOG ---------------------------------------------------------*/

div#mainwindow div.projekte { margin: 0 auto; width: 884px; padding: 20px 50px 10px 50px; min-height: 430px; height: auto; background: transparent url(/images/bg_mainp.png) right top no-repeat; }


div#mainwindow div.projekte div.content { clear: both; padding-top: 20px; height: 80px; overflow: hidden; }
div#mainwindow div.projekte div.kataloge { margin: 20px auto 0 auto; }
div#mainwindow div.projekte div.kataloge a { padding:0; margin:0; display: block; float: left; }
div#mainwindow div.projekte div.kataloge a img { width: 110px; height: 165px; margin: 5px 30px 10px 5px; opacity: 0.7; }
div#mainwindow div.projekte div.kataloge a:hover { text-decoration:none; }
div#mainwindow div.projekte div.kataloge a:hover img { margin: 0 25px 0 0; width: 120px; height: 180px; opacity: 1; filter: none; }
div#mainwindow div.projekte div.kataloge a span { width: 120px; display: block; text-align:center; margin: -40px 0 0 0; color: #666699; text-transform: uppercase; font-weight:bold; }

div#projekt {width: 640px; padding: 5px 30px 30px 30px; background-color: #52bec4; border: 5px solid #585557;}
div#projekt h1, div#projekt h2 { font-family: "Times New Roman", Times, serif; font-style: italic; color: #ffffff; margin: 5px 0; }
div#projekt div#p1, div#projekt div#p2 { border: 2px solid #377075; margin:0; width: auto; min-height: 450px; background-color: #89d1d5; padding: 15px; }
div#projekt div#p1 img#pic0 { width: 120px; height: 100px; float: left; }
div#projekt div#p1 img#logo { width: 80px; height: 71px; float: right; }
div#projekt div#p1 h2 { display: block; margin: 0 0 0 120px; padding: 0 10px; color: #ffffff; padding-top: 75px; line-height: 25px; background: transparent url(/images/proj_h2.png) 0 75px no-repeat;  }
div#projekt div#p1 table.t { margin: 15px 0; border-collapse: collapse; }
div#projekt div#p1 table.t td { border: 1px solid #ffffff; padding: 4px 8px; background-color: #18b5bd; color: #ffffff; }
div#projekt a.pics { display:block; text-align:center; color: #ffffff; line-height: 25px; background: transparent url(/images/bgpics1.png) center center no-repeat; }
div#projekt a.pics:hover { opacity: 0.7; filter: alpha(opacity=70); }

div#projekt div.dpics { width: 607px; height: 93px; background: transparent url(/images/dpics1.png) center top no-repeat;}
div#projekt div.dyn { margin: 10px 0 0 41px; padding: 8px 0 0 0; height: 75px; }
div#projekt div.dyn ul { margin: 0 0 0 0; padding: 0; list-style: none; }
div#projekt div.dyn li { display: block; padding: 5px 5px; float:left; }
div#projekt div.dyn a { text-decoration: none; }

div#projekt div.dyn a img {}
div#projekt div.dyn a:hover img { filter:alpha(opacity=50); opacity: 0.5; }

div#projekt a.dynprev {display:block; cursor:pointer; float:left; width: 41px; height: 75px; }
div#projekt a.dynnext {display:block; cursor:pointer; float: right; width: 41px; height: 75px; }

div#projekt div#p2 h2 { display: block; margin: 0; padding: 0 10px; color: #ffffff; line-height: 25px; background: transparent url(/images/bgpics1.png) center center no-repeat; text-align:center;  }
div#projekt div#p2 div.pics { height: 299px;}
div#projekt div#p2 div.pics a img { margin: 10px 20px; filter:alpha(opacity=70); opacity: 0.7;}
div#projekt div#p2 div.pics a:hover img { filter:none; opacity: 1;}

/* PRIVATE */

div#mainwindow div#mw div#priv0 div.line {display:none; }
div#mainwindow div#mw div#priv0 input.b1 {float: right; margin: 10px 30px; border: 1px solid #13b0b9; background-color: #d7e4ed; width: 200px; line-height: 20px; cursor: pointer; }
div#mainwindow div#mw div#priv0 h1 { font-family: "Times New Roman", Times, serif; font-style: italic; }
div#mainwindow div#mw div#priv0 h1 { margin: 10px 0 20 0px; padding: 0 50px 0 50px; background: transparent url(/images/bgline.png) no-repeat 0px 22px; height: 28px; }
div#mainwindow div#mw div#priv0 form { margin: 20px 0 0 50px; }
div#mainwindow div#mw div#priv0 form b { width: 100px; display:block; float: left; line-height: 20px; font-weight: normal; }
div#mainwindow div#mw div#priv0 form input { width: 200px; line-height: 20px; border: 1px solid #13b0b9; background-color: #d7e4ed; margin: 1px 0; }
div#mainwindow div#mw div#priv0 form.r b { width: 180px; }
div#mainwindow div#mw div#priv0 form.r b.c { width: 420px; }
div#mainwindow div#mw div#priv0 form.r input { width: 300px; }
div#mainwindow div#mw div#priv0 form.r input.b { width: auto;  }
div#mainwindow div#mw div#priv0 form input.err { background-color: #ffb5b5; }
div#mainwindow div#mw div#priv0 form.r b.err { color: #ff2525; }


/* -------------- TEMPLATES ---------------------------------------------------------------*/

div#mainwindow div.main1 { width: 260px;float:left; margin: 0 10px 0 10px; padding:0 }
div#mainwindow div.main2 { width: 260px;float:left; margin: 0 10px 0 10px; padding:0}
div#mainwindow div.main3 { width: 120px;float:right; margin: 0 10px 0 10px; padding:0}
div#mainwindow div p {margin: 0 0 20px 0;padding:0;}
div#mainwindow div.main3 a img { margin-bottom: 1px; }
div#mainwindow div.main3 a img {border: 1px solid black; opacity: 0.7; filter: alpha(opacity=70);}
div#mainwindow div.main3 a:hover img {opacity: 1; filter: none;}
div#mainwindow h1.main1 { margin: 20px 0 3px 20px; }

div#mainwindow div.normal1 { width: 320px;float:right; margin: 0; padding:0 20px; }
div#mainwindow div.normal1 p { margin: 0 0 20px 0; }
div#mainwindow div.normal2 { width: 300px;float:left; margin: 0; padding:0 10px; }
div#mainwindow div.normal1 h1 {margin: 0 0 20px 0; }
div#mainwindow div.normal1 div.nav { width: 80px; margin: 0 10px; float:left; }


div#mainwindow div.normalbilder1 { width: 314px; float:left; margin: 0; padding:0 }
div#mainwindow div.normalbilder1 p { margin: 10px 0 20px 0; }
div#mainwindow div.normalbilder2 { width: 366px;float:right; margin: -20px 0 0 20px; padding:0; }
div#mainwindow div.normalbilder2 a img { float:left; border: 1px solid #d6d7d3;opacity: 0.7; filter: alpha(opacity=70); }
div#mainwindow div.normalbilder2 a:hover img { opacity: 1; filter: none; }


div#mainwindow div.tbdyn1 { margin: 20px; width: 360px; float: left; }
div#mainwindow div.tbdyn1 h1 { margin: 0 0 3px 0; text-transform:uppercase; }
div#mainwindow div.tbdyn2 { margin: 20px;  width: 260px; float: right; }
div#mainwindow div.tbdyn3 { margin: 0 20px;  width: 260px; height: 80px; float: right; }
div#mainwindow div.tbdyn3 ul { margin: 0; display: block; height: 80px; width: 1500px; padding: 0; margin: 0; list-style: none; }
div#mainwindow div.tbdyn3 li { display: block; float: left; padding: 0 2px; }
div#mainwindow div.tbdyn3 a { display: block; text-decoration: none; }
div#mainwindow div.tbdyn3 a img {}
div#mainwindow div.tbdyn3 a:hover img { filter:alpha(opacity=50); opacity: 0.5; }


div#mainwindow div.tbbdyb1 { width: 355px; float: left; }
div#mainwindow div.tbbdyb1 h1 { margin: 0 0 3px 0; text-transform:uppercase; }
div#mainwindow div.tbbdyb2 { width: 400px; float: right; }

div#mainwindow div.tbbdyb3a { margin: 0 0 0 -282px; width: 815px; height: 95px; padding: 20px 0 0 282px; }
div#mainwindow div.tbbdyb3 { width: 765px; }
div#mainwindow div.tbbdyb3 ul { margin: 0; display: block; height: 75px; width: 1500px; padding: 0; margin: 0; list-style: none; }
div#mainwindow div.tbbdyb3 li { display: block; float: left; padding: 0 10px; }
div#mainwindow div.tbbdyb3 a { display: block; text-decoration: none; }
div#mainwindow div.tbbdyb3 a img {}
div#mainwindow div.tbbdyb3 a:hover img { filter:alpha(opacity=50); opacity: 0.5; }

/* -------------- LINKS -------------------------------------------------------------------*/
a, a:link, a:visited { color: #00acb6; text-decoration: none; }
a:hover, a:active, a:focus { color: #212121; text-decoration:underline; }


/* -------------- FORMS ---------------------------------------------------------------------*/
div#mainwindow input, div#mainwindow textarea { border: 1px solid black;  }

/* -----------------------------------------------------------------------------------*/

/* ---- FLOATBOX -------------------------------------------------------------------------------------*/
div#infobox {padding: 10px; }

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

div#galerie { padding: 0 20px; }
div#galerie div.pic { width: 110px; height: 110px; padding: 0; margin: 5px; border: 1px dotted #7f7f7f; float: left; }
div#galerie div.pic a img { margin: 5px; }
div#galerie div.pic a:hover img { filter:alpha(opacity=50); opacity: 0.5; }



div.clear { clear: both; height: 1px; }


div#link_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	display: none;
	z-index: 30;
	filter:alpha(opacity=55); opacity: 0.55;
}




div#uebersicht { background-color: #d3e8eb; width: 660px; height: 450px; overflow:hidden; padding: 20px 20px 20px 50px; }
div#uebersicht a { margin: 20px; display: block; float: left; }
div#uebersicht a img { margin: 5px; width: 90px; height: 90px; opacity: 0.7; filter: alpha(opacity=70); border:none; }
div#uebersicht a:hover img { opacity: 1; filter: none; margin: 0; width: 100px; height: 100px; }
div#uebersicht div.cl { clear: both; }


#overlay { position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8); *background: #fff; *filter: alpha(opacity=80); display: none; z-index:9999; }
#lightbox { position: fixed; _position: absolute; top: 50%; left: 50%; padding: 0; background: #52BEC4; width: 600px; height: 400px; margin: -200px 0 0 -300px; display: none; z-index:10000; border:5px solid #585557; }


#lightbox.loading { background: #fff url('/images/loading.gif') no-repeat 50% 50%; }
#lightbox a.close { position: absolute; display: block; z-index: 5;
width: 32px; height: 32px; 
display: inline; background-image: url(/images/fancy_close1.png); right: 5px; top: 10px;
}
#lightbox a.prev, #lightbox a.next { position: absolute; top: 50%; left: 0; padding: 5px; background: #fff; margin-top: -0.5em; width: 6em; text-align: center; opacity: 0.5; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
#lightbox a.next { left: auto; right: 0; }
#lightbox a:hover.prev, #lightbox a:hover.next { opacity: 1; }

div#fancybox-inner { background-color: #d3e8eb; }