html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,  article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; }

   /* html5 */
header, main, footer, menu, nav, section, article, aside, hgroup, details, figcaption, figure
 {display: block}

body   {background: #f6f6f6;
        color: #000000;
        font-family: Verdana, Geneva,  Roboto, Helvetica, sans-serif;
        font-size: 1.05em;
		line-height: 1.25em;
        }

header {height: 8em;
             background: #fff;
             margin-top:0.625em;
             width: 98%; max-width: 78.75em; min-width: 16em; 
             margin-left: auto;
             margin-right: auto;            
      }

       main { width: 98%;  max-width: 78.75em; min-width: 16em;
         margin-left: auto;
         margin-right: auto;
         background: #ffffff;
		 border: #D8D8D8 solid 1px; 
		 padding-left:20px;
		 padding-right:10px}

    article { padding-left:10px}

    aside { float: right; width:290px; padding:1em 0 0.9375em 0; }

    footer {width: 98%; max-width: 78.75em; min-width: 16em;
             margin-top:0.625em;
             margin-left: auto;
             margin-right: auto;
             padding:0.5em;
             color:#191970;
             font-size: 0.9em;
            font-weight:700;
            line-height: 1.5em;
            background:#DCDCDC;
            border: #000000 solid 1px;
         border-radius: 15px;
         box-shadow: 0 0 1px rgba(0,0,0,0.1), inset 0 0 25px rgba(0,0,0,0.1);
        }
    /* Footerbereich */
     .footer2 {text-align:center; border-top: #000000 solid 1px; font-size:0.8em  }
     footer a { color:#191970; text-decoration:none;}
     footer a:hover { color:#B22222;text-decoration:underline }
     .clear {  clear: both;}
     .center {  margin-left: auto; margin-right: auto; text-align: center; align-items: center; justify-content: center; }
     .line{clear:left; width:90%; border-bottom: #2F4F4F solid 1px;}
     h1  {font-weight:800; line-height: 1.2em; color: #000000 }
     h2   {font-weight:800; line-height: 1.2em; color:#000000 }
     h3    {font-weight:800; line-height: 1.2em; color:#000000 }
	 h4    {font-family: 'Trebuchet MS', Helvetica, sans-serif; line-height: 26px;
            font-weight: 700; font-style: normal; color: #002f5e; font-size: 25px; }
	strong {font-weight:800;}
      .line{ margin-left: auto; margin-right: auto; text-align: center ; width:90%;border-bottom: #2F4F4F solid 1px; }
      .span    {font-weight:600; line-height: 1.1em; color:#2F4F4F;}
    .group:after,[class*=colgroup]:after { content:"."; display:block;  clear:both; visibility:hidden }
    .col { position:relative;text-align:left}
    .col :first-child { margin-top:10px}
    .cont {list-style:none;}
    .cont_head {color:#B22222; margin-top:20px}

   @media only screen and ( max-width: 20em )   /* 320px */
         {
   header{min-width: 20em}
   footer{min-width: 20em}
   main{min-width: 20em}
 #head_s {display:block; width: 100%; margin: 0; padding: 0; text-align: center; border: #000000 solid 1px; border-bottom:0px; height:85px; background: url(https://kantensicherung.de/img/head_11_m.jpg) no-repeat; }
   #head_m {display: none;}
    #head_l {display: none;}
	#head_xl {display: none;}
      #head_xl {display: none;}
	  
  #slogan_l {display: none; }
  #slogan_xl {display: none;}  
  #slogan_xxl {display: none;}
    

   #top_menu {display: none;}
   #side {display: none;}
   #side_r {display: none;}
   #side_r_v {display: none;}
   #topwrap {display:block;  width: 100%; margin: 0; padding: 0; text-align: center;  border: #000000 solid 1px; height:31px; background: url(https:/kantensicherung.de/img/bg_1.jpg) repeat-x;  vertical-align: middle }
   #areal{padding-top:0.3125em; vertical-align:middle; text-align: center; font-size: 0.8em; color: #000000; font-weight:600 }
   #menue-weg:checked ~ #topwrap > #top_menu { display:none; }
   #top_menu {position:relative; margin-top: 0.3125em ; display:block; height:1.9375em; }
   #top_menu ul{list-style:none; position:relative;}
   #top_menu ul a{
        display:block;
        text-decoration:none;
        font-weight:bold;
        line-height:1.5em;
        padding:0 0.9375em;
        color:#1C1C1C;
        cursor:pointer;
        font-family: Verdana, Geneva,  Roboto, Helvetica, sans-serif;
        font-size: 1em;
        border: #000000 solid 1px;
        text-align:left;
        }
     #top_menu ul li{position:relative; background:#708090; }
     #top_menu ul li.current-menu-item{background:#ddd}
     #top_menu ul li a:hover{color:#B22222}
     #top_menu ul ul{left: 1.25em; text-align:left;}
     #top_menu ul ul li{float:none; width:12.5em }
     #top_menu ul ul a {line-height:0.3em; padding:0.75em 0.9375em; color:#2F4F4F; background:#B0C4DE;}
     #top_menu ul ul ul{left:1.05em}
     #top_menu ul li:hover > ul{display:block; color:#B22222;}
      .main_voll {margin:10px 10px 0 15px;     }
      .p_main      { margin:5px 10px 0 10px;     }
      .p_main_voll { margin:10px 10px 0 15px;     }
      .l_voll { margin:10px 10px 0 15px; float:left     }
      .ul_main_voll { margin:10px 10px 0 20px; font-size: 1em;     }
      .tab {  font-size:0.75em;  padding: 5px 3px 3px 2px;}

           #b2 {width:250px; height:228px; margin-right:15px; margin-bottom:15px;float:left}
           #b2r {width:250px; height:228px; margin-right:15px; margin-bottom:15px;float:left}
           #b2s {width:250px; height:169px; margin-right:15px; margin-bottom:15px;float:left}
           #b2g {width:250px; height:250px; margin-right:15px; margin-bottom:10px;float:left}
           #b1 {border:0;width:250px; height:210px; padding-right:5px; padding-bottom:5px;float:left}
           #b4 {border:0;width:250px; height:210px; padding-right:5px; padding-bottom:5px;float:left}
           #b1r {border:0;width:250px; height:168px; padding-right:5px; padding-bottom:5px;float:left}
           #b1s {border:0;width:250px; height:150px; padding-right:5px; padding-bottom:5px;float:left}
            #terra_linea_big {width:290px; height:140px; border:0; padding:20px 0 10px 2px}
            #b_size {width:290px; height:90px; border:0; padding: 2px}
            #aufbau {width:290px; height:115px; padding:5px}
			#aufbau_2 {width:290px; height:115px; padding:5px}
			  #terra_big{width:290px; height:140px; float:right}
            #block_a  { padding-left:10px;}
            #block_b  { padding-left:10px;}
          #bord_2 {float:left;width:290px; height:414px; padding-left:3px;}
         #bord_22 {width:290px; height:542px; padding-left:3px; }
          #alu_parcel {width:290px; height:53px; padding-left:8px;}
          #cut {width:300px; height:119px}
          #cut2 {width:300px; height:343px}
          #flex1 {width:170px; height:190px; margin:5px 15px 20px 25px; float:left}
          #flex2 {width:170px; height:190px; margin:5px 15px 20px 25px; float:left}
          #pal1 {width:220px; height:190px; margin:5px 15px 20px 25px; float:left}
          #pal2 {width:220px; height:190px; margin:5px 15px 20px 25px; float:left}
          #edg {width:220px; height:252px; margin:5px 15px 20px 25px; float:left}
          #bigb {width:220px; height:268px; margin:5px 15px 20px 25px; float:left}
          #steel {display: none;}
      }

   @media only screen and ( min-width: 20.01em ) and ( max-width: 30em ) /* 320 - 480px */
   {
  #head_s {display: none;}
   #head_m {display:block; width: 100%; margin: 0; padding: 0; text-align: center; border: #000000 solid 1px; border-bottom:0px; height:87px; background: url(https://kantensicherung.de/img/head_11_m.jpg) no-repeat; }
    #head_l {display: none;}
	#head_xl {display: none;}
      #head_xl {display: none;}
	
	main{margin-top:10px; padding:10px}
  
  #slogan_l {display: none; }
  #slogan_xl {display: none;}  
  #slogan_xxl {display: none;} 
	 
   
   #top_menu {display: none;}
   #side {display: none;}
   #side_r {display: none;}
    #side_r_v {display: none;}
   #topwrap {display:block;  width: 100%; margin: 0; padding: 0; text-align: center;  border: #000000 solid 1px; height:31px; background: url(https://kantensicherung.de/img/bg_1.jpg) repeat-x; vertical-align: middle  }
   #areal{padding-top:0.3125em; vertical-align:middle; text-align: center; font-size: 0.8em; #color: #000000; font-weight:600 }
   #menue-weg:checked ~ #topwrap > #top_menu { display:none; }
   #top_menu {position:relative; margin-top: 0.3125em ; display:block; height:1.9375em; }
   #top_menu ul{list-style:none; position:relative;}
   #top_menu ul a{
        display:block;
        text-decoration:none;
        font-weight:bold;
        line-height:1.5em;
        padding:0 0.9375em;
        color:#1C1C1C;
        cursor:pointer;
        font-family: Verdana, Geneva,  Roboto, Helvetica, sans-serif;
        font-size: 1em;
        border: #000000 solid 1px;
        text-align:left;
        }
     #top_menu ul li{position:relative; background:#708090; }
     #top_menu ul li.current-menu-item{background:#ddd}
     #top_menu ul li a:hover{color:#B22222}
     #top_menu ul ul{left: 1.25em; text-align:left;}
     #top_menu ul ul li{float:none; width:12.5em }
     #top_menu ul ul a {line-height:0.3em; padding:0.75em 0.9375em; color:#2F4F4F; background:#B0C4DE;}
     #top_menu ul ul ul{left:1.05em}
     #top_menu ul li:hover > ul{display:block; color:#B22222;}
      .main_voll {margin:10px 10px 0 15px;     }
      .p_main { margin:5px 10px 0 10px;  }
      .p_main_voll { margin:10px 10px 0 15px;     }
      .l_voll { margin:10px 10px 0 15px; float:left     }
      .ul_main_voll { margin:10px 10px 0 20px; font-size: 1em;     }
      .tab {  font-size:0.75em;  padding: 5px 3px 3px 2px;}
      #block_a  { padding-left:20px;}
      #block_b  { padding-left:20px;}
      #b2 {width:280px; height:255px; margin-right:5px; margin-bottom:5px;float:left}
      #b2r {width:280px; height:255px; margin-right:5px; margin-bottom:5px;float:left}
      #b2s {width:280px; height:189px; margin-right:5px; margin-bottom:5px;float:left}
      #b2g {width:250px; height:250px; margin-right:5px; margin-bottom:5px;float:left}
      #b1 {border:0;width:280px; height:235px; padding-right:5px; padding-bottom:5px;float:left}
      #b4 {border:0;width:280px; height:235px; padding-right:5px; padding-bottom:5px;float:left}
      #b1r {border:0;width:280px; height:188px; padding-right:5px; padding-bottom:5px;float:left}
      #b1s {border:0;width:280px; height:167px; padding-right:5px; padding-bottom:5px;float:left}
       #terra_linea_big {width:290px; height:140px; border:0; padding:20px 0 10px 10px}
        #b_size {width:290px; height:90px; border:0; padding:2px}
       #aufbau {width:290px; height:115px; padding:5px}
	   #aufbau_2 {width:290px; height:115px; padding:5px}
	     #terra_big{width:290px; height:140px; float:right}
        #bord_2 {float:left;width:290px; height:414px; padding-left:3px;}
         #bord_22 {width:290px; height:542px; padding-left:3px; }
          #alu_parcel {width:290px; height:53px; padding-left:3px;}
          #cut {width:300px; height:119px}
          #cut2 {width:300px; height:343px}
           #flex1 {width:170px; height:190px; margin:5px 15px 10px 45px; float:left}
          #flex2 {width:170px; height:190px; margin:5px 15px 10px 45px; float:left}
          #pal1 {width:220px; height:190px; margin:5px 15px 20px 25px; float:left}
          #pal2 {width:220px; height:190px; margin:5px 15px 20px 25px; float:left}
          #edg {width:220px; height:252px; margin:5px 15px 20px 25px; float:left}
          #bigb {width:220px; height:268px; margin:5px 15px 20px 25px; float:left}
           #steel {display: none;}
        }

  @media only screen and ( min-width: 30.01em ) and ( max-width: 48.125em ) /* 481 - 770px */
  {
  #head_s {display: none;}
   #head_m {display: none; }
    #head_l {display:block; width: 100%; margin: 0; padding: 0; text-align: center; border: #000000 solid 1px; border-bottom:0px; height:139px; background: url(https://kantensicherung.de/img/head_11_l.jpg) no-repeat;}
	#head_xl {display: none;}
      #head_xl {display: none;}
	  
	main{margin-top:50px; padding:10px}
  
  #slogan_l {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.75em;
    font-family: 'Courgette', cursive;
    font-size:  1.8em ;
    text-align:center
  }
  #slogan_xl {display: none;}  
  #slogan_xxl {display: none;} 
		
  #areal {display: none; }
  #icon_menue {display: none; }
  
  #side {display: none;}
  #side_r {display: none;}
  #side_r_v {display: none;}
  #topwrap {display:block;  width: 100%; margin: 0; padding: 0; text-align: center;  border: #000000 solid 1px; height:31px; background: url(https://kantensicherung.de/img/bg_1.jpg) repeat-x; vertical-align: middle  }
  #top_menu {
   position:relative;
   margin-top: 0 ;
   margin-bottom: 0 ;
   margin-left: auto;
   margin-right: auto;

   display:inline-block;
   height:1.9375em;
   }

  #top_menu ul{
        list-style:none;
        position:relative;
        float:left;


        }

  #top_menu ul a{
        display:block;
        text-decoration:none;
        font-weight:bold;
        line-height:1.5em;
        padding:0 0.9375em;
        color:#1C1C1C;
        vertical-align:middle;
        cursor:pointer;
        font-family: Verdana, Geneva,  Roboto, Helvetica, sans-serif;
        font-size: 0.9375em;
        border-left: #000000 solid 1px;
        border-right: #000000 solid 1px;
        }

  #top_menu ul li{
        position:relative;
        float:left;
        margin:0;
        padding:0
       }

  #top_menu ul li.current-menu-item{background:#ddd}
  #top_menu ul li a:hover{color:#708090}
  #top_menu ul ul{
        display:none;
        position:absolute;
        top:100%;
        left:0;
        background:#DCDCDC;
        padding:0;
        text-align:left;
        border: #000000 solid 1px;
        }

  #top_menu ul ul li{float:none; width:12.5em }
  #top_menu ul ul a {
        line-height:0.3em;
        padding:0.75em 0.9375em;
        color:#191970;
        border: #000000 solid 1px;
        }

  #top_menu ul ul ul{left:1.25em}
  #top_menu ul li:hover > ul{display:block; color:#B22222;}

    [class*=colgroup] .col {float:left; width:45.5%; margin-left:5%}
    [class*=colgroup] .col:nth-of-type(2n+1),.colspan-2+.col {clear:left; margin-left:0}
      .main_voll {margin:10px 10px 0 15px;     }
     .p_main { margin:5px 10px 0 10px;  }
     .p_main_voll { margin:10px 10px 0 15px;     }
     .l_voll { margin:10px 10px 0 15px; float:left     }
     .ul_main_voll { margin:10px 10px 0 20px; font-size: 1em; }
     #block_a  { padding-left:30px;}
     #block_b  { padding-left:30px;}
       .tab {  font-size:0.813em}
      #b2 {width:280px; height:255px; margin-right:15px; margin-bottom:15px;float:left}
      #b2r {width:280px; height:255px; margin-right:15px; margin-bottom:15px;float:left}
      #b2s {width:280px; height:189px; margin-right:15px; margin-bottom:15px;float:left}
      #b2g {width:220px; height:220px; margin-right:15px; margin-bottom:10px;float:left}
      #b1 {border:0;width:280px; height:235px; padding-right:5px; padding-bottom:5px;float:left}
      #b4 {border:0;width:280px; height:235px; padding-right:5px; padding-bottom:5px;float:left}
      #b1r {border:0;width:280px; height:188px; padding-right:5px; padding-bottom:5px;float:left}
      #b1s {border:0;width:280px; height:167px; padding-right:5px; padding-bottom:5px;float:left}
      #terra_linea_big {width:400px; height:193px; border:0; padding:20px 10px 10px 10px}
       #b_size {width:420px; height:130px; border:0; padding:2px}
      #aufbau {width:390px; height:154px; padding:5px }
	  #aufbau_2 {width:390px; height:154px; padding:5px }
	    #terra_big{width:430px; height:207px; float:right}
       #bord_2 {float:left;width:300px; height:561px;padding-left:50px}
        #bord_22 { width:300px; height:561px; padding-left:50px}
         #alu_parcel {width:440px; height:80px; padding-left:8px;}
         #cut {width:410px; height:154px}
         #cut2 {width:306px; height:350px}
         #flex1 {width:200px; height:233px; margin:5px 10px 10px 10px; float:left}
          #flex2 {width:200px; height:233px; margin:5px 10px 10px 5px; float:left}
          #pal1 {width:220px; height:190px; margin:5px 15px 20px 25px; float:left}
          #pal2 {width:220px; height:190px; margin:5px 15px 20px 25px; float:left}
          #edg {width:220px; height:252px; margin:5px 15px 20px 25px; float:left}
          #bigb {width:210px; height:256px; margin:5px 15px 20px 10px; float:left}
           #steel {display: none;}
 }

 @media only screen and ( min-width: 48.126em ) and ( max-width: 67.5em )  /* 771 - 1080px */
   {
 #head_s {display: none;}
   #head_m {display: none;}
    #head_l {display: none;}
	#head_xl {display:block; width: 100%; margin: 0; padding: 0; text-align: center; border: #000000 solid 1px; border-bottom:0px; height:174px; background: url(https://kantensicherung.de/img/head_11_xl.jpg) no-repeat; }
      #head_xxl {display: none;}
	  
	
    main{margin-top:100px; padding:10px}
  
  #slogan_xl {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.75em;
    font-family: 'Courgette', cursive;
    font-size:  1.8em ;
    text-align:center
  }
  #slogan_xxl {display: none;}
  #slogan_l {display: none;} 
 
 #icon_menue {display: none; }
 #areal {display: none; }
 
 
   #side_r {display: none;}
   #side_r_v {display: none;}
   .home_l {float: left;}
 #topwrap {display:block;  width: 100%; margin: 0; padding: 0; text-align: center;  border: #000000 solid 1px; height:31px; background: url(https://kantensicherung.de/img/bg_1.jpg) repeat-x; vertical-align: middle  }
 #top_menu {
   position:relative;
   margin-top: 0 ;
   margin-bottom: 0 ;
   margin-left: auto;
   margin-right: auto;
   padding: 0;
   display:inline-block;
   height:1.9375em;
   }

  #top_menu ul{
        list-style:none;
        position:relative;
        float:left;
        margin:0;
        }

  #top_menu ul a{
        display:block;
        text-decoration:none;
        font-weight:bold;
        line-height:1.5em;
        padding:0 0.9375em;
        color:#1C1C1C;
        vertical-align:middle;
        cursor:pointer;
        font-family: Verdana, Geneva,  Roboto, Helvetica, sans-serif;
        font-size: 1em;
        border-left: #000000 solid 1px;
        border-right: #000000 solid 1px;
        }

  #top_menu ul li{
        position:relative;
        float:left;
        margin:0;
        padding:0
       }

  #top_menu ul li.current-menu-item{background:#ddd}
  #top_menu ul li a:hover{color:#708090}
  #top_menu ul ul{
        display:none;
        position:absolute;
        top:100%;
        left:0;
        background:#DCDCDC;
        padding:0;
        text-align:left;
        border: #000000 solid 1px;
        }

  #top_menu ul ul li{float:none; width:12.5em }
  #top_menu ul ul a {
        line-height:0.3em;
        padding:0.75em 0.9375em;
        color:#191970;
        border: #000000 solid 1px;
        }

  #top_menu ul ul ul{left:1.25em}
  #top_menu ul li:hover > ul{display:block; color:#B22222;}
       [class*=colgroup] .col {margin-left:5%;float:left }
       [class*=colgroup] .col:first-of-type { margin-left:0 }
       .colgroup-4 .col { width:18% }
       .colgroup-4 .col:nth-of-type(4n+1) {clear:left; margin-left:0}
       .colgroup-4 .col.colspan-3 { width:80%}
       .colgroup-3 .col { width:30%}
        .colgroup-3 .col:nth-of-type(3n+1) {clear:left; margin-left:0}
        .main_voll {margin:10px 10px 0 15px;     }
        .p_main { margin:5px 10px 0 15px;  }
        .p_main_voll{ margin:10px 10px 0 195px;     }
        .l_voll { margin:10px 10px 0 35px; float:left     }
        .ul_main_voll { margin:10px 10px 0 100px;     }
        #block_a  { padding-left:40px;}
        #block_b  { padding-left:40px;}
           #b2 {width:350px; height:302px; margin-right:15px; margin-bottom:10px;float:left}
           #b2r {width:350px; height:302px; margin-right:15px; margin-bottom:10px;float:left}
           #b2s {width:350px; height:236px; margin-right:15px; margin-bottom:10px;float:left}
           #b2g {width:350px; height:350px; margin-right:15px; margin-bottom:10px;float:left}
           #b1 {border:0;width:350px; height:294px; padding-right:15px; padding-bottom:10px;float:left}
           #b4 {border:0;width:350px; height:294px; padding-right:15px; padding-bottom:10px;float:left}
           #b1r {border:0;width:350px; height:236px; padding-right:15px; padding-bottom:10px;float:left}
           #b1s {border:0;width:350px; height:209px; padding-right:15px; padding-bottom:10px;float:left}
           #terra_linea_big {width:450px; height:217px; border:0; padding:20px 0 10px 80px}
           #b_size {width:600px; height:187px; border:0; padding:2px}
           #aufbau {width:425px; height:168px; padding:5px }
		   #aufbau_2 {width:425px; height:168px; padding:5px }
		    #terra_big{width:500px; height:241px; float:right}
            #bord_2 {float:left;width:300px; height:561px}
            #bord_22 {float:left; width:300px; height:561px; padding-left:10px}
             #alu_parcel {width:650px; height:120px; padding-left:30px;}
             #cut {width:410px; height:154px}
             #cut2 {width:306px; height:350px}
          #flex1 {width:200px; height:233px; margin:0 15px 10px 10px; float:left}
          #flex2 {width:200px; height:233px; margin:0 10px 10px 10px; float:left}
          #pal1 {width:210px; height:180px; margin:5px 10px 20px 10px; float:left}
          #pal2 {width:210px; height:180px; margin:5px 15px 20px 0; float:left}
           #edg {width:220px; height:252px; margin:5px 10px 20px 120px; float:left}
           #bigb {width:210px; height:256px; margin:5px 10px 20px 10px; float:left}
            #steel {display: none;}
   }


   @media only screen and ( min-width: 67.6em ) /* 1080 und groesser */
    {
  #head_s {display: none;}
   #head_m {display: none;}
    #head_l {display: none;}
	  #head_xl {display: none;}
	   #head_xxl {display:block; width: 100%; margin: 0; padding: 0; text-align: center; border: #000000 solid 1px; border-bottom:0px; height:200px; background: url(https://kantensicherung.de/img/head_11_xxl.jpg) no-repeat; }
 
    main{margin-top:120px; padding:10px}
  
  #slogan_xxl {
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Courgette', cursive;
    font-size:  1.8em ;
    text-align:center
  }
  #slogan_xl {display: none;}
  #slogan_l {display: none;} 
  #areal {display: none; }
  
  
  .home_l {float: left;}
  #icon_menue {display: none; }
  #topwrap {display:block;  width: 100%; margin: 0; padding: 0; text-align: center;  border: #000000 solid 1px; height:31px; background: url(https://kantensicherung.de/img/bg_1.jpg) repeat-x; vertical-align: middle}
   #top_menu {
   position:relative;
   margin-top: 0 ;
   margin-bottom: 0 ;
   margin-left: auto;
   margin-right: auto;
   padding: 0;
   display:inline-block;
   height:1.9375em;
   vertical-align: middle
   }

  #top_menu ul{
        list-style:none;
        position:relative;
        float:left;
        margin:0;
		vertical-align: middle
        }

  #top_menu ul a{
        display:block;
        text-decoration:none;
        font-weight:bold;
        line-height:1.5em;
        padding:0 0.9375em;
        color:#1C1C1C;
        vertical-align:middle;
        cursor:pointer;
        font-family: Verdana, Geneva,  Roboto, Helvetica, sans-serif;
        font-size: 1em;
        border-left: #000000 solid 1px;
        border-right: #000000 solid 1px;
        }

  #top_menu ul li{
        position:relative;
        float:left;
        margin:0;
        padding-top:2px;
       }

  #top_menu ul li.current-menu-item{background:#ddd}
  #top_menu ul li a:hover{color:#B22222}
  #top_menu ul ul{
        display:none;
        position:absolute;
        top:100%;
        left:0;
        background:#DCDCDC;
        padding:0;
        text-align:left;
        border: #000000 solid 1px;
        }

  #top_menu ul ul li{float:none; width:12.5em }
  #top_menu ul ul a {
        line-height:0.3em;
        padding:0.75em 0.9375em;
        color:#191970;
        border: #000000 solid 1px;
        }

  #top_menu ul ul ul{left:1.25em}
  #top_menu ul li:hover > ul{display:block; color:#B22222;}

       [class*=colgroup] .col { margin:15px ; float:left; }
       [class*=colgroup] .col:first-of-type { margin:15px }
       .colgroup-5 .col { width:200px; }
       .colgroup-5 .col:nth-of-type(5n+1) { clear:left; margin-left:0}
       .colgroup-5 .col.colspan-5 { width:200px;}
       .colgroup-3 .col { width:30%; }
       .colgroup-3 .col:nth-of-type(3n+1) { clear:left; margin-left:0}
	   .colgroup-2 .col { width:440px;}
       .colgroup-2 .col:nth-of-type(2n+1) { clear:left; }
	   .colgroup-1 .col { width:300px;}
       .colgroup-1 .col:nth-of-type(3n+1) { clear:left; }
	   .colgroup-F .col { width:300px;}
       .colgroup-F .col:nth-of-type(3n+1) { clear:left; }
       .main_voll {margin:10px 10px 0 20px;     }
        .p_main { margin:5px 10px 0 15px;  }
        .p_main_voll { margin:10px 10px 0 185px;     }
         .l_voll { margin:10px 10px 0 35px; float:left     }
        .ul_main_voll { margin:10px 10px 0 100px;     }
         #block_a  { padding-left:100px;}
         #block_b  { padding-left:100px;}
          #b2 {width:350px; height:302px; margin-right:15px; margin-bottom:10px;float:left}
          #b2r {width:350px; height:302px; margin-right:15px; margin-bottom:10px;float:left}
          #b2s {width:350px; height:236px; margin-right:15px; margin-bottom:10px;float:left}
          #b2g {width:350px; height:350px; margin-right:15px; margin-bottom:10px;float:left}
          #b1 {border:0;width:400px; height:336px; padding-right:15px; padding-bottom:10px;float:left}
          #b4 {border:0;width:400px; height:336px; padding-right:15px; padding-bottom:10px;float:left}
          #b1r {border:0;width:400px; height:269px; padding-right:15px; margin-top:20px;margin-bottom:20px;float:left}
          #b1s {border:0;width:400px; height:256px; padding-right:15px; margin-top:20px;margin-bottom:20px;float:left}
          #terra_linea_big {width:500px; height:241px; border:0; padding:20px 10px 10px 100px}
           #b_size {width:600px; height:187px; border:0; padding:2px}
           #aufbau {width:425px; height:168px; padding:5px }
		   #aufbau_2 {width:425px; height:168px; padding:5px }
		   #terra_big{width:500px; height:241px; float:right}
           #bord_2 {float:left; width:400px; height:571px}
           #bord_22 {float:left; width:400px; height:748px; padding-left:180px}
           #alu_parcel {width:700px; height:129px;margin-left:200px}
           #cut {width:410px; height:154px}
           #cut2 {width:306px; height:350px}
          #flex1 {width:180px; height:209px; margin:0 5px 10px 5px; float:left}
          #flex2 {width:180px; height:209px; margin:0 10px 10px 0px; float:left}
          #pal1 {width:220px; height:190px; margin:5px 5px 15px 200px; float:left}
          #pal2 {width:220px; height:190px; margin:5px 15px 15px 15px; float:left}
          #edg {width:220px; height:252px; margin:5px 10px 20px 350px; float:left}
          #bigb {width:220px; height:213px; margin:5px 15px 20px 220px; float:left}
  }


#breadcrumb {
         margin:0 0 0 0;padding:0.375em 0 0 0.5em; background-color:#FFFFFF; height:0.75em;  font-size:0.8em;
}

#breadcrumb ul li {
    display:inline;padding-left: 0.75em;
}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrum a:hover, #breadcrumb a:active {text-decoration:none; font-weight:bold; cursor:pointer;color:#333333; }

#email{width:205px; height:21px}
#tele{margin-right:8px; margin-top:3px}

 .icon {
        height: 60px;
        width: 60px;
        background-color:#FFFFFF;
        margin: 18px 20px 10px  2px;
        border: 1px solid #cdcdcd;
        border-radius: 5px;
        box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
        line-height: 1.25em;
        text-align: center;
        float:right
     }
  .icon a {font-size: 1em; height: 50px; padding: 10px 0 0 0; display: block;}
  .icon a:hover {text-decoration: none; border: 1px solid #3f3a8c;}

   .icon_card {
        height: 60px;
        width: 60px;
        background-color:#FFFFFF;
        background: url('../img/shopping_cart.png') no-repeat 12px 30px;
        border: 1px solid #cdcdcd;
        border-radius: 5px;
       box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
        line-height: 1.25em;
         margin: 18px 20px 10px  2px;
        text-align: center;
        float:right
     }
  .icon_card a {font-size: 1em; height: 50px; padding: 10px 0 0 0;  display: block;}
  .icon_card a:hover {text-decoration: none; border: 1px solid #3f3a8c;}

   label.menue-weg {
        display:block;
        color:#666;
        top:8px;
        z-index:1;
        cursor:pointer;
        height: 60px;
        width: 60px;
        background-color:#FFFFFF;
        background: url('../img/menu2.png') no-repeat 15px 15px; background-position:center;
        border: 1px solid #cdcdcd;
        border-radius: 5px;
        box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
        margin: 18px 20px 10px 2px;
        font-size: 0.8em;
        line-height:1.5em;
        text-align: center;
        float:right
        }
   label.menue-weg:hover { text-decoration: none; border: 1px solid #3f3a8c; }
   label.menue-weg:after { content:"Off"; background-color:#FFFFFF;}
   #menue-weg {display:none;}
   #menue-weg:checked ~ label.menue-weg:after { content:"On"; background-color:#FFFFFF;}


   .side {float:left; width: 9.375em;
          border-radius: 15px;
          box-shadow: 0 0 1px rgba(0,0,0,0.1), inset 0 0 25px rgba(0,0,0,0.1);
         display: block;
          font-weight: bold;
          color:#191970;
        margin: 0.875em 0 0 0;
        background: #FFFFFF;
       }
   .side ul {padding: 0.3125em 0  0   0.3125em ; }
   .side li{list-style: none;font-size: 0.875em;}
   .side a { display: block;
        padding: 0.2em 0.625em;
        font-weight: bold;
        text-decoration: none;
         color:#191970;}
  .side a:hover{color:#708090;text-decoration:underline}




      .home_l {width:13.75em;
         text-align:center;
            font-size: 0.9em;
            font-weight:700;
            line-height: 1.5em;
        border-radius: 0.5em 0.5em 0 0 ;
        border: 1px #000000 solid;
        margin:  1.5625em 0 0.3125em 0.625em;
        background:#DCDCDC;
         padding:0 0 0.3125em 0
        }
        .home_l a {color:#191970;text-decoration:none}
        .home_l a:hover{color:#708090;text-decoration:underline}

        .h2_home{background:#B22222;
                 font-weight:700; line-height: 1.1em; color:#DCDCDC;
                 padding: 0.1875em 0.3125em 0.3125em 0.3125em ;
                 border-bottom: #000000 solid 1px;
                 border-radius: 0.5em 0.5em 0 0 ; }
        .inhalte-werden-zentriert {
  display: table;
  margin-left: auto;  margin-right: auto;
   }

  .zentriert  {display: table-cell;}
   img { border: 0; }
 .rund {border-radius: 8px; border: 1px #000000 solid;}
     .p_voll {padding-left:20px }
        .nav_side_head {font-size: 0.91em;
      background:#DCDCDC;
                 display: block;
                 font-weight:bold;
                 color:#000000;
                 padding: 0.1875em 0 0.1875em 0.9375em;
                 border: #000000 solid 1px;
                 border-radius: 15px 15px 0 0 ;
                 width: 9em; }
    .responsive_map {
   height: 0;
   overflow: hidden;
   padding-bottom: 56%;
   position: relative;
    border: #000000 solid 1px;
                 border-radius: 15px;
  }

  .responsive_map iframe {
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   }
    .ra_schicht{width:281px; height:207px;  border:0; padding:0 20px 0 0; float:left}
    .ra_schicht2{width:167px; height:207px;  border:0; padding:0 2px 0 10px; }
    .c5 {background-color: #CC6666; color: #FFFFFF; font-weight: 700;}
    #b3 {border:0;width:250px; height:145px; padding-right:15px; padding-bottom:10px;float:left}
    #side_r_v {float:right; padding-right:10px; padding-left:5px; }

 .anfrage {
  display: inline-block;
  margin: 0 0 0 -1px;
  padding: 5px 8px 5px 8px;
  font-weight: 500;
  border: 1px solid #000000;
   color: #f1f1f1;
   background: #B22222;
    border-radius: 5px;
    cursor: pointer;
    text-decoration:none
    }



.tab,.tab:before,.tab:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.tab_ua {
  display: inline-block;
  margin: 0 0 0 -1px;
  padding: 5px 8px 5px 8px;
  font-weight: 600;
  border: 1px solid #2F4F4F;
   color: #FFFFFF;
   background: #002f5e;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    text-decoration:none
    }

section.tab_u {
  display: none;
  padding: 20px 0 5px 0;
  }

input.tab {
  display: none;
}

.tab {
  display: inline-block;
  margin: 0 0 0 -1px;
  padding: 5px 10px 3px 5px;
  font-weight: 500;

  border: 1px solid #ccc;

   color: #404040;
   background: #f1f1f1;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    }

label.tab:before {
  margin-right: 5px;
}

label[for*='1']:before { content: ''; }
label[for*='2']:before { content: ''; }
label[for*='3']:before { content: ''; }
label[for*='4']:before { content: ''; }

label.tab:hover {
  color: #888;
  cursor: pointer;
}

input:checked + label.tab {
  color: #555;
  border: 1px solid #ddd;
  border-bottom: 1px solid #FFFFFF;  
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 { display: block;}
#trenn{width:250px; height:250px; float:left; padding-right:15px;}
#bord_d {width:150px; height:243px; float:right; padding-left:15px;}

.block_a  {min-width:200px;float:left;display:block }
#ebay {height:35px; width:85px; margin:3px; float:left}

#cookie-popup {
  text-align: center;
  background: #FFFFFF;
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  z-index: 9999;
  font-size:14px;
  line-height:20px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  }
  
  .container{
    margin-left: auto;
	margin-right: auto
}

.gallery { margin-left: auto;
	margin-right: auto}

.container .gallery a img {
  float: left;
  width: 20%;
  height: auto;
  border: 2px solid #FFFFFF;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
   margin-left: auto;
	margin-right: auto
}

.container .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}

.clear {
  clear: both;
  float: none;
  width: 100%;
}