body { font-family:Arial,Helvetica,Verdana,sans-serif; color:#000000; background-image: url(/common/design/img/bg2.gif); font-size:12px; margin:0px; padding:0px;}

td { font-size:12px; }

.techdaten { font-size:12px; width:100%; margin:0px 0px 10px 0px; }
.techdaten th { background-color:#D8D8D3; font-weight:200; text-align:left; }
.techdaten td { background-color:#E9E9E4; }

.stab { font-size:11px; width:100%; }
.stab th { background-color:#93C9ED; font-weight:200; text-align:left; }
.stab td { background-color:#F4F4F1; }


#cnt img { border:0px solid #ccc; } /* Border nachträglich geändert: { border:0px; }*/
#cnt .tabbertab img { border:0px solid #ccc; } /* zusätzlich für die Bilder im Tab */


#cnt ul { margin-top:3px; margin-bottom:5px; list-style-type:square; list-style-position:outside;   }
#cnt li { margin:0px 0px 4px -20px; }

#cnt { position:absolute; left:224px; top:170px; width:542px; z-index:2; padding:0px; margin:0px; clear:both;}
/*#cnt p { clear:both;}*/

#prevLink:hover, #prevLink:visited:hover { background: url(/common/design/img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/common/design/img/nextlabel.gif) right 15% no-repeat; }

.tabbertab ul { padding-left:0px; margin-left:16px; list-style-type: square; list-style-position: inherit; width:auto;}
.tabbertab li { margin:0px 0px 4px 0px; font-size:12px; }

.flags {  font-size:12px; line-height:20px; }
.flags img { margin:3px 6px 0px 0px; border:1px solid #ccc; float:left;}

h1 { margin:19px 0px 14px 0px; padding:0px 0px 0px 0px; font-size:16px; color:#000000; font-weight:700; }
h1 img { margin:3px 8px 8px 0px; width:13px; height:13px; float:left; }
h2 { margin:10px 0px 3px 0px; padding:0px 0px 0px 0px; font-size:12px; color:#000000; font-weight:700; }
h2.arrow { color:#004C7D; }
h2 img { margin:0px 4px 0px 0px; }
p { margin:0px 0px 10px 0px; font-size:12px; line-height:16px;}
p.warenzeichen { font-size:11px; }

.arrow_sp { margin-right:4px; border:opx;}

.arrow_sp2 { margin:10px 4px 0px 0px; border:opx; }

h2.arrow a:link, h2.arrow a:visited, h2.arrow a:hover, h2.arrow a:active { color:#004C7D; text-decoration:none; font-weight:700; }
h2.arrow a:hover { color:#000000; text-decoration:none; font-weight:700; }

#top_standard, #top_dach, #top_mauer, #top_tibau, #top_planen, #top_garten, #top_pcm { position:absolute; left:0px; top:0px; width:990px; height:48px; }
#top_standard img, #top_dach img, #top_mauer img, #top_tibau img, #top_planen img, #top_garten img, #top_pcm img { position:absolute; left:13px; top:10px; }
#top_standard #e2, #top_dach #e2, #top_mauer #e2, #top_tibau #e2, #top_planen #e2, #top_garten #e2, #top_pcm #e2 { position:absolute; left:330px; top:0px; width:330px; height:48px; z-index:2; }
#top_standard #e3, #top_dach #e3, #top_mauer #e3, #top_tibau #e3, #top_planen #e3, #top_garten #e3, #top_pcm #e3 { position:absolute; left:660px; top:0px; width:330px; height:48px; z-index:0; }

#top_standard { background-color:#0072BC; }
#top_standard #e2 { background-color:#4A8ECC; }
#top_standard #e3 { background-color:#7DA7D9; }
h2.standard { background-color:#0072BC; color:#ffffff; }

#top_dach { background-color:#FFE14F; }
#top_dach #e2 { background-color:#FFE989; }
#top_dach #e3 { background-color:#FFEFAA; }
h2.dach { background-color:#FFE14F; color:#000000; }

#top_mauer { background-color:#5F433A; }
#top_mauer #e2 { background-color:#825F49; }
#top_mauer #e3 { background-color:#A48570; }
h2.mauer { background-color:#5F433A; color:#ffffff; }

#top_tibau { background-color:#5F433A; }
#top_tibau #e2 { background-color:#825F49; }
#top_tibau #e3 { background-color:#A48570; }
h2.tibau { background-color:#5F433A; color:#ffffff; }

#top_planen { background-color:#00AEEF; }
#top_planen #e2 { background-color:#00C0F3; }
#top_planen #e3 { background-color:#6DCFF6; }
h2.planen { background-color:#00AEEF; color:#ffffff; }

#top_garten { background-color:#23AA4A; }
#top_garten #e2 { background-color:#79BC78; }
#top_garten #e3 { background-color:#9ECD9A; }
h2.garten { background-color:#23AA4A; color:#ffffff; }

#top_pcm { background-color:#F7934C; }
#top_pcm #e2 { background-color:#F9A454; }
#top_pcm #e3 { background-color:#FCB55E; }
h2.pcm { background-color:#F7934C; color:#ffffff; }

/* geändert am 22.06.2009
ul { margin-top:3px; margin-bottom:5px; list-style-type:square; list-style-position:outside;  }
li { margin:0px 0px 4px -20px; font-size:12px; }
*/


#navtop { position:absolute; left:0px; top:48px; width:990px; background-color:#004C7D; }
#navtop ul { padding:0px; margin:0px; border-width:1px 0px 1px 0px; border-style:solid; border-color:#ffffff; float:left; width:100%; }
#navtop ul li { font-size: 11px; display:inline; }
#navtop ul li a { padding:3px 13px 3px 13px; background-color:#004C7D; color:#ffffff; font-weight:700; text-decoration:none; float:left; border-right:1px solid #ffffff; height:14px;}
#navtop ul li a:hover { background-color:#68A2D0; color:#000000; }
#navtop ul li #s { background-color:#68A2D0; color:#000000; }

#navlft { position:absolute; left:0px; top:70px; width:200px; z-index:0; background-color:#c9def6; font-size:11px; }
#navlft img { border:0px; }

.nav3 a:link, .nav3 a:visited, .nav3 .nav3 a:active {
background-image:url(/common/design/img/arrow3.gif);
background-repeat:no-repeat;
display:block; border-bottom:1px solid #ffffff; padding:3px 0px 3px 24px; text-decoration:none;
}
.nav3 a:hover { background-color:#68A2D0; }

.nav3s a:link, .nav3s a:visited, .nav3s a:hover, .nav3s a:active { 
background-image:url(/common/design/img/square3.gif);
background-repeat:no-repeat;
display:block; border-bottom:1px solid #ffffff; padding:3px 0px 3px 24px; text-decoration:none; background-color:#68A2D0;
}

.nav3d a:link, .nav3d a:visited, .nav3d a:hover, .nav3d a:active { 
background-image:url(/common/design/img/arrowd3.gif);
background-repeat:no-repeat;
display:block; border-bottom:1px solid #ffffff; padding:3px 0px 3px 24px; text-decoration:none; background-color:#68A2D0;
}

.nav4 a:link, .nav4 a:visited, .nav4 a:hover, .nav4 a:active { 
background-image:url(/common/design/img/arrow4.gif);
background-repeat:no-repeat;
display:block; border-bottom:1px solid #ffffff; padding:3px 0px 3px 34px; background-color:#ddedff; text-decoration:none; text-decoration:none;
}
.nav4 a:hover { background-color:#93C9ED; }

.nav4s a:link, .nav4s a:visited, .nav4s a:hover, .nav4s a:active {
background-image:url(/common/design/img/square4.gif);
background-repeat:no-repeat;
display:block; border-bottom:1px solid #ffffff; padding:3px 0px 3px 34px; background-color:#93C9ED; text-decoration:none;
}

.nav4d a:link, .nav4d a:visited, .nav4d a:hover, .nav4d a:active { 
background-image:url(/common/design/img/arrowd4.gif);
background-repeat:no-repeat;
display:block; border-bottom:1px solid #ffffff; padding:3px 0px 3px 34px; background-color:#93C9ED; text-decoration:none;
}

.nav5 a:link, .nav5 a:visited, .nav5 a:hover, .nav5 a:active {
background-image:url(/common/design/img/arrow5.gif);
background-repeat:no-repeat;
display:block; border-bottom:1px solid #ffffff; padding:3px 0px 3px 44px; background-color:#eef6ff; text-decoration:none; }
.nav5 a:hover { background-color:#93C9ED; }



.nav5s a:link, .nav5s a:visited, .nav5s a:hover, .nav5s a:active {
background-image:url(/common/design/img/square5.gif);
background-repeat:no-repeat;
display:block; border-bottom:1px solid #ffffff; padding:3px 0px 3px 44px; background-color:#93C9ED; text-decoration:none;
}

#botlft { margin:30px 0px 0px 13px; font-size:10px; z-index:1; }
#botlft p { font-size:11px; line-height:14px;}

#cnttop { position:absolute; left:201px; top:70px; z-index:1;  clear:both;}
#cnttop #s { position:absolute; left:0px; top:83px; z-index:2; }

/* Logo Canada wegen Navigations-Dropdown */
#rgttoplogo { position:absolute; left:950px; top:9px;  z-index:50; }

#rgttop { position:absolute; left:790px; top:68px; width:200px; }
#rgttop #doerken { position:absolute; left:160px; top:-59px; }
#rgttop #imgtop { margin:2px 0px 0px 0px; }


/* rgtcnt */
#rgtcnt { position:absolute; left:790px; top:169px; width:200px; margin:0px; padding:0px; }

#rgtcnt h2 { font-weight:200; font-size:11px; padding:3px 3px 3px 6px; margin:0px; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; }
#rgtcnt p { padding:0px 0px 2px 12px; margin:0px 0px 0px 2px; font-size:11px; line-height:13px; }
#rgtcnt .text2 { padding:4px 0px 4px 6px; margin:0px; font-size:11px; line-height:13px; }
#rgtcnt .in { padding:0px 0px 3px -4px; font-size:11px; line-height:13px; }
#rgtcnt .img { float:left; margin:2px 4px 0px 1px; border:0px; width:8px; height:8px; }
#rgtcnt p a:link, #rgtcnt p a:visited, #rgtcnt p a:hover, #rgtcnt p a:active { text-decoration:none; margin:0px; padding:0px; }

#rgtcnt .news { padding:0px; margin: 0; font-size:11px; line-height:13px; }
#rgtcnt .news2 { display:block; clear:both; padding:4px 6px; margin: 0; font-size:11px; line-height:13px; }

#rgtcnt img { margin-top:0px; padding:0px; vertical-align:top}


#rgtcnt .abstand { margin:40px 0px 0px 0px; }
#rgtcnt .abst7 { margin:4px 0px 0px 0px; }

.blue a:link, .blue a:visited, .blue a:active { color:#004C7D; text-decoration:none; font-weight:700; }
.blue a:hover { color:#000000; text-decoration:none; }

/* cnt fline */
#cnt #fline { border:0px solid #f00; margin:20px 0px 0px 0px; clear:both; display:inline-block; }
#cnt #fline #t, #cnt #fline #m, #cnt #fline #b { font-size:11px; }
#cnt #fline #t A { font-weight:200; text-decoration:none; margin:0px 8px 0px 0px; }
#cnt #fline #t A:hover { color:#0072BC; }
#cnt #fline #m A { font-weight:200; text-decoration:none; }
#cnt #fline #m A:hover { color:#0072BC; }
#cnt #fline #b { margin-top:20px; margin-bottom:18px; }
#cnt #fline img { border:0px; width:7px; height:7px; margin:0px 5px 0px 0px; }
#cnt #fline hr { width:542px; height:1px; background-color:#E9E9E4; color:#E9E9E4; border:#E9E9E4; }

.formular { font-size:11px; }
.formular th { width:80px; font-weight:200; text-align:left; }

form { margin:0px; padding:0px; }

select { height:17px; font-size:11px; color:#000; font-family:Arial,Helvetica,Verdana,sans-serif; background-color:#E9E9E4; } 

.i50, .i78, .i102, .i205, .i260, .textfeld, .textfeld2 { height:17px; border:1px solid #A4A0A0;	font-size:11px;	font-family:Arial,Helvetica,Verdana,sans-serif;	color:#000;	background-color:#E9E9E4;	padding-left:3px; }

.i50 { width:50px; }
.i78 { width:78px; }
.i102 { width:102px; }
.i205 { width:205px; }
.i260 { width:260px; }
.textfeld { width:260px; height:150px; }
.textfeld2 { width:260px; height:80px; }

.fbt { height:17px;	padding:0px; border:1px solid #A4A0A0; font-size:11px; color:#000; font-family:Arial,Helvetica,Verdana,sans-serif; background-color:#E9E9E4; }


#navlft #navlft2 { background-color:#0072BC; height:99px; }
#navlft #search { height:16px; padding:9px 0px 9px 13px; border-bottom:1px solid #ffffff; }
#navlft #country { height:53px; padding:9px 0px 9px 13px; }
#navlft #country select { width:159px; }
#navlft #country a { color:#ffffff; font-weight:700; text-decoration:none; font-size:11px; }
#navlft #country a:hover { color:#68A2D0; }
#navlft #country p { margin:7px 0px 0px -3px; }
#country2 { color:#fff; margin:0px 0px 5px 0px; }

.overvimg { min-height:45px; margin:17px 0px 25px 0px; }
.overvimg .img { margin:2px 10px 0px 0px; position:absolute; left:-23px; }
.overvimg h2 { margin:0px 0px 0px 89px; padding:0px; }
.overvimg p { margin:0px 0px 0px 88px; }

/* geändert am 22.06.2009
.abbildung { margin:0px 0px 0px 0px; }
.abbildung img { position:relative; left:-23px; margin:3px -8px 8px 0px; float:left; }
*/

#cnt .image_left_float { float:left; margin:3px 8px 6px 0px; border:1px solid #ccc;}
#cnt .image_right_float { float:right; margin:3px 0px 6px 8px; border:1px solid #ccc; }

/* sitemap */
#sitemap hr { width:542px; height:1px; background-color:#E9E9E4; color:#E9E9E4; border:#E9E9E4; }
#sitemap p { margin:0px 0px 6px 0px; font-size:12px; }
#sitemap .l2 { margin-left:8px; }
#sitemap .l3 { margin-left:16px; }
#sitemap .l4 { margin-left:24px; }
#sitemap .l5 { margin-left:32px; }
#sitemap a:link, #sitemap a:visited, #sitemap a:hover, #sitemap a:active { color:#000000; text-decoration:none; }
#sitemap a:hover { color:#0072BC; text-decoration:none; }

.box_headline { font-size:12px; font-weight:700; background-color:#93C9ED; padding:1px 5px 1px 5px; margin:15px 0px 0px 0px; }
.box_body { background-color:#F4F4F1; padding:5px; }
.box_body h2 { margin:4px 0px 4px 0px; padding:0px; font-size:16px; font-weight:700; }


a:link, a:visited, a:active { color:#000000; text-decoration:underline; }
a:hover { color:#000000; text-decoration:none; }
hr { width:542px; height:1px; background-color:#E9E9E4; color:#E9E9E4; border:#E9E9E4; clear:both; }
.rcd { height:70px; }
.rds { height:41px; }

.icon_list p { margin:4px 0px 5px 0px; }
.icon_list img { margin:0px 5px 0px 0px; }
.icon_list a:link, .icon_list a:visited, .icon_list a:hover, .icon_list a:active { margin-left:15px; text-decoration:none; }
.icon_list a:hover { color:#0072BC; text-decoration:none; }

.icon { margin:4px 0px 5px 0px; }
.icon img { margin:-3px 5px 0px 0px; }
.icon a:link, .icon a:visited, .icon a:hover, .icon a:active { text-decoration:none; }
.icon a:hover { color:#0072BC; text-decoration:none; }

.tab_img_link  { float:left; margin:0px 15px 15px 0px; }
.tab_img_link img { margin:0px 0px 5px 0px; }

.box { background-color:#E8E9E4; width:267px; margin:8px 8px 0px 0px; float:left; display:inline; }
.box_img { float:left; margin:0px 8px 0px 0px; }
.box_p { padding:4px;  }

.boxR { width:267px; margin:8px 8px 0px 0px; float:left; }
.boxR p { margin:4px 0px 8px 0px; padding:0; font-size:11px; line-height:14px; }


.none { display:none; }
.block { display:block; }

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
#cnt .tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
#cnt .tabber {
}
#cnt .tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
#cnt ul.tabbernav
{
 margin:0;
 padding: 2px 0;
 border-bottom: 1px solid #ccc;
 
}

#cnt ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

#cnt ul.tabbernav li a
{
 padding: 2px 0.25em;
 margin-left: 2px;
 border: 1px solid #ccc;
 border-bottom: none;
 background: #e9e9e4;
 text-decoration: none;
}

#cnt ul.tabbernav li a:link { color: #000; }
#cnt ul.tabbernav li a:visited { color: #000; }

#cnt ul.tabbernav li a:hover
{
 color: #000;
 background: #d6e4f4;
 border-color: #d6e4f4;
}

#cnt ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

#cnt ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
#cnt .tabberlive .tabbertab {
 padding:8px;
 border:1px solid #ccc;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
#cnt .tabberlive .tabbertab h2 {
 display:none;
}
#cnt .tabberlive .tabbertab h3 {
 display:none;
}

#cnt .tabberlive .tabbertab img {
 border:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
#cnt .tabberlive#tab1 {
}
#cnt .tabberlive#tab2 {
}
#cnt .tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}