/* CSS Document */

body, html {
  font-family:Arial, Helvetica, Verdana, sans-serif, Tahoma;
  font-size:11px; font-style:normal;
  font-weight:normal; line-height:19px;
  color:#555555; background-color:#f0f0f0;
  margin-top:0px;
}
html { overflow:scroll; }

a:link, a:active, a:visited  { color:#555555; text-decoration:underline; }
a:hover            { color:#ee8800; text-decoration:underline; }

a.dplink    { color:#555555; text-decoration:none; }
a.dplink:hover  { color:#555555; text-decoration:none; }





/* ----- structure div ----- */

#container  { width:920px; margin:auto; background-color:#5f5f5f; background-image:url(../images/bg_container.gif); }
#bottom    { width:901px; height:53px; margin:auto; background-image:url(../images/bg_bot.gif); padding-left:19px; }

#dplink    { width:930px; height:15px; margin:auto; text-align:right; padding-right:10px; }
#dplink a:link, #dplink a:active, #dplink a:visited { color:#999999; font-size:10px; text-decoration:none; }
#dplink a:hover { color:#666666; }

#left    { width:19px; border-right:1px solid #888888; float:left; }
#centre    { width:647px; float:left; }
#right    { width:253px; float:left; }

#left-top    { width:19px; height:100px; background-image:url(../images/bg_top.jpg); }
#centre-top    { width:647px; height:134px; background-color:#ffce4a;
        background-image:url(../images/bg_topright.gif); background-position:right; background-repeat:no-repeat; }
#right-top    { width:233px; height:68px; background-image:url(../images/bg_top.jpg); margin-bottom:11px; text-align:right;
        padding:32px 20px 0px 0px; color:#555555; font-size:10px; }

.content    { width:520px; background-color:#FFFFFF; padding:40px 50px 15px 70px; border-top:1px solid #181818; }



.product-intro  { width:520px; background-color:#FFFFFF; padding:40px 50px 15px 70px; }
.product    { width:520px; background-color:#FFFFFF; padding:10px 50px 0px 70px; clear:both; }
.productlarge  { width:550px; background-color:#FFFFFF; padding:100px 20px 20px 70px; text-align:right;}

.product-largeleft    { width:330px; padding:10px 0px 0px 70px; float:left; }
.product-smallright    { width:210px; padding:80px 0px 0px 0px; float:left; text-align:right;  }
.product-slideright    { width:250px; padding:0px; float:left; text-align:right; }
.fillspace        { width:520px; height:100px; background-color:#FFFFFF; }

.partner        { width:260px; height:220px; float:left; text-align:left; }

.move-info    { width:200px; background-color:#FFFFFF; padding:20px 0px 7px 0px; border-top:1px solid #181818; float:left; text-align:center; }
.backward    { width:100px; background-color:#FFFFFF; padding:20px 50px 7px 70px; border-top:1px solid #181818; float:left; }
.forward    { width:100px; background-color:#FFFFFF; padding:20px 50px 7px 70px; border-top:1px solid #181818; float:left; text-align:right; }



/* ----- navigation ----- */

#menu      { width:640px; height:43px; background-image:url(../images/bg_menu.gif); margin-right:7px; }
li.choose      { list-style:none; float:left; padding:2px 0px 2px 13px; }


a.clicklink:link, a.clicklink:active, a.clicklink:visited { color: #555555; font-size:12px; font-weight:bold; text-decoration: none; display:block; padding:11px 7px 0px 7px; height:28px; float:left; }

a.clicklink:hover  { color: #000000; font-size:12px; font-weight:bold; text-decoration: none; display:block; height:28px; float:left; background-color:#fedf8c; }

a.clicklink-on:link, a.clicklink-on:active, a.clicklink-on:visited { color: #000000; font-size:12px; font-weight:bold; text-decoration: none; display:block; padding:11px 7px 0px 7px; height:28px; float:left; background-color:#fedf8c; }

a.submenu:link, a.submenu:active, a.submenu:visited { color:#555555; line-height:22px; text-decoration:none; padding-left:25px; display:block; font-weight:bold; }
a.submenu:hover    { color:#000000; text-decoration:underline; font-weight:bold; }
a.submenu-on:link, a.submenu-on:active, a.submenu-on:visited { color:#000000; font-weight:bold; text-decoration:none; display:block; background-image:url(/images/marker_submenu.gif); background-position:left; background-repeat:no-repeat; padding-left:25px; line-height:22px; font-weight:bold; }

a.sub-back:link, a.sub-back:active, a.sub-back:visited { font-size:12px; color:#000000; font-weight:bold; text-decoration:none; }
a.sub-back:hover { font-size:12px; color:#666666; font-weight:bold; text-decoration:none; }

a.moveback:link, a.moveback:active, a.moveback:visited { font-size:11px; color:#999999; text-decoration:none; }
a.moveback:hover { font-size:11px; color:#000000; text-decoration:underline; }

h2 a:link, h2 a:visited, h2 a:active, h2 a:hover { font-size:11px; font-weight:bold; color:#ee8800; text-decoration:none; }

/*li.nonlist {list-style: none;}*/

.marklink {padding: 0px;}


/* ----- teaser ----- */

.teaser-main  { width:647px; height:165px; }



/* ----- text and pictures ----- */

h1        { display:inline; font-size:11px; font-weight:bold; line-height:25px; }
h2        { display:inline; font-size:11px; font-weight:bold; color:#ee8800;}
h3        { display:inline; font-size:11px; font-weight:bold; color:#000000; padding-left:10px; line-height:normal; }
h4        { display:inline; font-size:11px; font-weight:bold; }
h5        { display:block; font-size:11px; font-weight:bold; line-height:normal; margin:0; padding:0px 0px 5px 0px;  }

#centre p    { display:block; padding:0px 0px 10px 0px; margin:0px; }
.smalltext    { font-size:10px; color:#888888; line-height:10px; }

img.pbc-right  { display:block; float:right; margin:5px 0px 15px 15px; }
img.pbc-left  { display:block; float:left; margin:0px 25px 5px 0px; }
img.pbc-large  { display:block; margin:30px 0px 15px 0px; }





label       { font-family:Arial, Helvetica, Verdana, sans-serif, Tahoma; font-size:11px; float:left; width:120px; }
input       { font-family:Arial, Helvetica, Verdana, sans-serif, Tahoma; font-size:11px; border:1px solid #454776; }
.form       { margin-bottom:6px; margin-right:10px;  width:155px; height:14px; }
textarea     { font-family:Arial, Helvetica, Verdana, sans-serif, Tahoma; font-size:10px; border:1px solid #454776; }
.message     { margin-bottom:6px; margin-right:10px;  width:245px; height:95px; font-size:11px; }
.button      { float:left; color:#FFFFFF; font-weight:bold; background-color:#ee8800; border:1px solid #454776; width:150px; height: 20px; }
.check       { margin-bottom:0px; margin-right:7px; border:none; }

.Kontaktformular_error {background-color: #f9d57d;}
select.kontakt {
 width: 157px;
}

.product ul { display:block; list-style-type:square; margin:15px 0px 10px 10px; float:left; padding:0; line-height:normal; }
.product li { margin:0px 0px 0px 0px; }


/* ----- shopping part ----- */

.shop-product  { width:210px; float:left; }
.shop-pic    { width:300px; height:235px; float:left; text-align:right; }

.shop a:link, .shop a:active, .shop a:visited  { color:#ee8800; font-weight:bold; text-decoration:none; }
.shop a:hover  { color:#ee8800; font-weight:bold; text-decoration:underline; }




/* ----- right content ----- */

.navbox      { width:228px; border:#FFFFFF 3px solid; margin-bottom:7px; background-color:#e8e8e8; color:#000000; padding-bottom:10px; }
.navbox h2    { display:block; font-size:12px; color:#000000; font-weight:bold; background-image:url(../images/bg_menuhead.gif); /*background-color:#FFFFFF;*/ margin:0px; margin-bottom:12px; padding:5px 0px 5px 15px; }
.navbox p    { padding:0px 10px 0px 10px; }


.infobox    { width:239px; /*border:#FFFFFF 3px solid; margin-bottom:7px; background-color:#e8e8e8;*/ background-image:url(/images/infobox-bg.jpg); background-position:top right; background-repeat:no-repeat; color:#000000; padding-bottom:25px; }
.infobox h2    { display:block; font-size:12px; color:#000000; font-weight:bold; /*background-color:#FFFFFF;*/ margin:0px; margin-bottom:14px; padding:7px 0px 5px 15px; }
.infobox h3    { display:inline; font-size:11px; font-weight:bold; color:#000000; padding-left:13px; line-height:normal; }
.infobox p    { padding:0px 13px 0px 16px; }



.teasebox    { width:228px; /*height:180px;*/ border:#FFFFFF 3px solid; margin-bottom:7px; background-color:#e8e8e8; color:#000000; line-height:normal; }
.teasebox img  { margin-bottom:12px; }
.teasebox p    { padding:0px 10px 10px 10px; }
.teasebox a:link, .teasebox a:active, .teasebox a:visited    { text-decoration:none; }


.linkbox    { width:228px; border:#FFFFFF 3px solid; margin-bottom:7px; background-color:#e8e8e8; color:#000000; line-height:normal; }
.linkbox p    { padding:0px 10px 0px 10px; }
.linkbox a:link, .linkbox a:active, .linkbox a:visited  { text-decoration:none; }
.linkbox strong  { display:block; font-size:11px; font-weight:bold; color:#000000; margin-bottom:12px; padding:10px 0px 5px 10px; }


/* ----- table-like divs ----- */

div.product-overview, div.po-large, div.po-small { float:left;text-align:center; width:104px;height:110px;font-size:10px; line-height:normal; }
.product-overview a:link, .product-overview a:active, .product-overview a:visited,
.po-large a:link, .po-large a:active, .po-large a:visited { text-decoration:none; }

div.po-large { width:130px; height:125px; }
div.po-small { width:104px; height:64px; }


/* ----- bautec und sonder-sachen ----- */

.fullwidth    { width:600px; background-color:#FFFFFF; padding:10px 10px 0px 30px; }
/*.quarter    { width:150px; float:left; }*/
.quarter    { width:500px; height:130px; padding:0px 0px 0px 40px; }
.quarter img  { display:block; float:left; width:116px; padding-right:10px; }
.quarter p    { display:block; width:350px; line-height:normal; margin:0px 0px 10px 0px; padding: 0px 10px 0px 0px; float:left; }

#slideshow {float: left; height: 300px; width: 500px; margin-bottom: 20px;}
#slideshow img {z-index: 9; position: absolute; }
#slideshow img.active {z-index: 10; }
.deskarticleimage {cursor: pointer;}