/* ************************************************************************* */
  /*  Grundlayout  - geordnet von oben nach unten */
  /* ************************************************************************* */
	

    html * {
      font-size: 100.01%;
      line-height: 1.35em;
    }
    
    body {
      padding: 0px;
      text-align: center;
      background: #FFFFFF url("") repeat-x top left fixed; 

      font-family: 'Trebuchet MS', Arial, sans-serif, Helvetica ;
      
      /* font-family: Helvetica, Arial; */
      /* font-size: 75.00%; */
      color: #000000; 
      font-size: 9pt;
    }
  
    #page_margins {
      border: 0px #FF6600 solid;
      min-width: 740px;
      max-width: 100%;
      margin: 0 auto;
      text-align:left;
      padding: 0px;
    }
    
    
    #page{
      /* background: #fff; */
      /* background: #000000 url("") repeat-x top left fixed; */
      
      background: none;
      border: 0px #fff solid;
      padding: 0px;
     
    }
    
    #header_small {
	width:100%;
	vertical-align:top;
	margin:0px auto;
	background-color: #FFFFFF; 
	border-bottom: 2px solid black;
	padding:0px;
	height:75px;
	background-color:#EEEEEE; 
      /* background: none; */
      
      }
      
      #openMiniNav {
	
	position:absolute;
	z-index:10;
	border:1px solid black;
	width:250px;
	left: 687px;
	top: 36px;
	
	background-color: #FFFFFF; 
	border: 1px dotted #CACBCC;
      }

  #footer_small {
	width:100%;
	vertical-align:top;
	margin:0px auto;
	background-color: #FFFFFF; 
	border-top: 2px solid black;
	padding:0px;
	
	background-color:#EEEEEE; 
      /* background: none; */
      
      }
    
    
    #header_out {
     /* color: #000000; */
      vertical-align:top;
      margin:0px auto;
      background-color: #FFFFFF; 
      border-bottom: 1px dotted #CACBCC;
      padding:0px;
      height:150px;
      background:transparent url(background_gradient.jpg) repeat-x scroll center top; 
      /* background: none; */
      
    }
    
   
    #header {
      /* color: #000000; */
      vertical-align:top;
      margin: 0px auto;
      border-bottom: 0px solid #CACBCC;
      padding:0px;
      width:1000px;
      height:150px;
    }
    
    
  
    #header_top {

      text-align:left;
      margin:0px auto;
      height:30px;
      
      font-size:100%;
      /* color: #000000; */
      padding:5px 0px 0px 10px;
      border-bottom: 1px dotted #CACBCC;
      
    }
  
    #header_top form {
       padding:0px 25px 0px 0px; 
      
    }
    #header_top form input {
       padding:2px 2px 2px 2px;
       margin:0px 5px 0px 5px;
      
    }
    #header_top  a {
      
     
    }
    #header_top p {
      position: relative;
      top: px;
    }
    
    #header_left {
      
      background-image:url("header_logo_transparent.png");
      height:110px;
      width:300px;
      border:0px solid black;
      padding:0px 0px 0px 0px;
      margin:0px 0px 0px 0px;
      cursor:pointer;
    }
   
    #header_middle {
	width:250px;
	height:100px;
	border:0px solid black;
	float:left;
	position:relative;
	left:320px;
	cursor:pointer;
    }
    
    #header_middle2 {
	width:150px;
	height:100px;
	border:0px solid black;
	float:left;
	position:relative;
	left:320px;
	cursor:pointer;
    }
    
    #header_right {
      text-align:right;
      float:right;
      height:100px;
      margin:0px 10px 0px 0px;
      width:250px;
    }
  
    #header_promo {
      text-align:left;
      width:200px;
      height:110px;
      float:right;
      
      
      margin:10px 25px 0px 0px;
      
    }
    
    #header h1 {
      font-size:2.5em;
      letter-spacing:-2px;
      line-height:65%;
      color:#000;
    }
  
    #header span {
      /* color:#999; */
    }
  

    
    #content_out {
      background:#FFF; 
      
      margin: 0px auto;
      max-width: 100%;
      padding: 0px;
      
      color: #000000;  
      min-height:380px;
    }
     #content {
     
      
      margin: 0px auto;
      max-width: 1000px;
      padding: 0px;
      background:#FFF;

     
      color: #000000;  
      min-height:380px;
    }
    

    #content a {
      color: #4D87C7;
    }
    #content a:focus, 
    #content a:hover,
    #content a:active {
      color:#182E7A;
    
    }
  
    #content h1,h2,h3,h4,h5,h6 {
      
      color:#000000 !important;
      
    }


    #col {
     
      width:auto;
      margin:0px;
      padding: 0px;
    
    }
    
    #col_content {
      background:none;
     
      padding: 10px;
      margin:0px 0px 0px 0px;
    }



    #content_navtext {
      
      min-height:40px; 
      width:42%;
      float:right;
      text-align:right;
      /* background-color:#fff; */
      padding:5px 0px 2px 0px;
       
    }
    #content_breadcrumbs {
      padding:5px 0px 2px 0px;
      float:left;
      width:55%;
   
    }
    
    #content_warenkorb {
      position:relative;
      float:right;
      width:150px; 
      margin-left:10px;
      top:15px;
      right:-10px;
      border:1px solid grey;
      text-align:right;
      
    }
    
    
    #footer_out {
      
      background:#FFFFFF url(background_gradient_footer.jpg) no-repeat; 
      /* color: #8E2800; */
      border-top: 1px dotted #CACBCC;
      width:100%;
      font-weight: normal;
      font-size:100%;
      
    }
  
    #footer {
      margin:0px auto;
      padding: 15px;
      width:960px;
      
    }
  
    #footer a {
      /* color: #000000;*/ 
      background:transparent;
    }
    #footer a:focus, 
    #footer a:hover,
    #footer a:active {
      /* color: #111111; */
      background-color:transparent;
      text-decoration:underline;
    }

      #social { }
      #social ul {margin:2px; list-style: none; float:left;}
      #social li {margin:2px; list-style: none; float:left;  width:100px;}
      #social img {padding:0 3px;  }
 
 
    .box {
	
	border:1px solid #D1D3D4;
        padding:0px; 
        color:#000000;

	-moz-border-radius: 10px 10px 10px 10px;
        background-color: rgb(237, 237, 237);
        background-color: rgba(237, 237, 237, 0.8);
  
  
    }
    
    .padding {
      
      padding:10px; 
      
    }
    
    .smallbox {
	padding:10px; 
	margin:5px 5px 5px 5px;
	border:1px solid #D1D3D4;
        color:#000000;
    }
    .smallbox2 {
	padding:10px; 
	margin:5px 5px 5px 5px;
        color:#000000;
    }
    
   
    .clear {
      
      clear:both;
    }
 
    .border {
      
      border:1px solid #D1D3D4;
    
    }
 
  /* ************************************************************************* */
  /* allgemeine Formatierungen */
  /* ************************************************************************* */
  
    * { margin:0; padding: 0 }    

    fieldset, img { border: 0 solid}

    h1,h2,h3,h4,h5,h6 { 
          /* font-family: Helvetica, Arial; */
           font-family: 'Trebuchet MS', Arial, sans-serif, Helvetica ;
	  
          font-weight:normal; 
          /* color:#666; */
	  /* color:#000; */ 
          margin: 0 0 0.25em 0; 
    }
  
    h1 { font-size: 200% }                        /* 24px */
    h2 { font-size: 200%;}          /* 24px 182E7A */
    h3 { font-size: 150% }                        /* 18px */
    h4 { font-size: 133.33% }                     /* 16px */
    h5 { font-size: 116.67% }                     /* 14px */
    h6 { font-size: 116.67%; font-style:italic }  /* 14px */

    p { line-height: 1.5em; margin: 0 0 1em 0; }
  
    /* ### Lists | Listen  #### */
  
    ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
    li { margin-left: 1.5em; line-height: 1.5em }
  
    dt { font-weight: bold }
    dd { margin: 0 0 1em 2em }

    /* ### text formatting | Textauszeichnung ### */
  
    cite, blockquote { font-style:italic }
    blockquote { margin: 0 0 1em 1.5em }
  
    strong,b { font-weight: bold }
    em,i { font-style:italic }
  
    pre, code { font-family: monospace; font-size: 1.1em; }
  
    acronym, abbr {
      letter-spacing: .07em;
      border-bottom: .1em dashed #c00;
      cursor: help;
    }
    

    textarea {
        font-size:10px;
        padding:2px;
        font-family:verdana;
        border: 1px solid #8B8B8B;
        background-color:#ffffff;
        scrollbar-face-color:#ffffff;
        scrollbar-shadow-color:#70ba56;
        scrollbar-highlight-color:#70ba56;
        scrollbar-3dlight-color:#ffffff;
        scrollbar-darkshadow-color:#ffffff;
        scrollbar-track-color:#ffffff;
        scrollbar-arrow-color:#70ba56;
      
      
    }
    textarea:hover{
      background-color: #F6F6F6;
      border: 1px solid #000000;
    
    }
    
    button {
      cursor:pointer;
      padding:0px;
      overflow:visible;
      text-align:left;
    }
    
    input.important,
    button.important {
      
      cursor:pointer;
      padding:1px 3px 1px 3px;
      overflow:visible;
      background-color:#c42809;
      border: 1px ridge #561103;
      color: #FFFFFF;
      font-weight: normal;
    }
    
    button.small {
      
      cursor:pointer;
      padding:1px 3px 1px 3px;
      overflow:visible;
      
      font-size: 75%;
    }
    
    button.medium {
      
      cursor:pointer;
      padding:1px 3px 1px 3px;
      overflow:visible;
      
      font-size: 150%;
    }
     button.large {
      
      cursor:pointer;
      padding:1px 3px 1px 3px;
      overflow:visible;
      
      font-size: 200%;
    }
    
    
    input.important:hover,
    button.important:hover {
      cursor:pointer;
      padding:1px 3px 1px 3px;
      overflow:visible;
      background-color:#8d1d07;
      border: 1px ridge #561103;
      color: #FFFFFF;
      font-weight: normal;
    }
    
    input.hinweis,
    button.hinweis {
      
      cursor:pointer;
      padding:1px 3px 1px 3px;
      overflow:visible;
      background-color:#0419e1;
      border: 1px ridge #3d4de7;
      color: #FFFFFF;
      font-weight: normal;
    }
    
    input.hinweis:hover,
    button.hinweis:hover {
      cursor:pointer;
      padding:1px 3px 1px 3px;
      overflow:visible;
      background-color:#0816a4;
      border: 1px ridge #3d4de7;
      color: #FFFFFF;
      font-weight: normal;
    }
    
    
    .li_point {
      
      font-size:16px;
      font-weight:bold;
      padding-left:15px;
      margin-right:10px;
    }
    
    
    
    
    a { color: #4D87C7; text-decoration:none; cursor:pointer;  }
    a:focus, 
    a:hover,
    a:active {color:#182E7A; text-decoration:underline; cursor:pointer;}


    .warenkorb a { color: #FFFFFF; text-decoration:none; }
    .warenkorb a:focus,
    .warenkorb a:hover,
    .warenkorb a:active {color:#FFFFFF; text-decoration:underline;}

   
    
    hr {
      color: #fff;
      background:transparent;
      margin: 0 0 0.5em 0;
      padding: 0 0 0.5em 0;
      border:0;
      border-bottom: 1px #eee solid;
    }

  
    table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
    table.full { width: 100%; }
    table.fixed { table-layout:fixed }
  
    th  { padding: 0.5em;  text-align:left; vertical-align:top; }
  
    td { padding: 0.5em; vertical-align:top; }
    
    td.nospace { padding: 0px; margin:0px; }
    
    thead th { background: #E9E9E9; color: #000000; text-align:left; }
    
    tbody th { background: #E9E9E9; color: #333 }
    tbody th.sub { background: #ddd; color: #333 }
  
    
 
  .ueberschrift {
    font-size: 22px;
    font-weight: bolder;

  }
  .ueberschrift a {
    text-decoration:none;
  }
  .ueberschrift a:hover {
     text-decoration:none;
 
  }
  .kontrast {
     background-color:#F3F3F3;
  }

  .container_20_out {
      width:20%;
      float:left;
    
  }

  .container_33_out {
      width:33%;
      float:left;
    
  }
  
 
  .container_50_out {
      width:50%;
      float:left;
    
  }
  
  .container_66_out {
      width:66%;
      float:left;
    
  }
  .container_80_out {
      width:80%;
      float:left;
    
  }
  .container_100_out {
      width:100%;
      float:left;
    
  }
  
  .container_50_in {
      
      padding:5px;
      margin:5px;
      
    
  }
  
  .container_100_in {
      
      padding:5px;
      margin:5px;
      
    
  }
  .container_in {
      
      padding:5px;
      margin:5px;
      
    
  }

  .contentcontainer_without_nav {

   
    width:100%;
    padding: 0px 10px 10px 10px;
    min-height:500px;
    display:block
  }
  
  .contentcontainer_with_nav {

    float:left;
    width:700px;
    padding: 0px 10px 10px 10px;
    min-height:500px;
    display:block
  }   
 
  .contentnav {
    
    width:200px;
    float:left;
    height:100%;
  }
  
  .warenkorb_step_aktuell {
      background:#010137;
      color:#fff;
      text-weight:bold;
    
  }
  
  
  
  
  
/*
#########################################################################################################
#########################################################################################################
#########################################################################################################
*/


#contenttab {
    margin:0px auto;
    padding:10px 0px 10px 0px;
    
    float:left;
    width:200px;

  }
  
  #contenttab li {
    display:inline;
    padding:0;
    margin:0;
    min-width:200px; 
  }
    
  #contenttab a:link,
  #contenttab a:visited {
    color:#000;
    background:#8EBEFF;
    padding:15px 20px 5px 10px;
    float:left;
    
    min-width:120px; 
    border:1px solid #42432d;
    text-decoration:none;
    font:bold 1em/1em Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    text-shadow: 2px 2px 2px #555;
  }
  
  #contenttab li:first-child a {
    border-left:1px solid #42432d;
  }
  #contenttab a:hover {
    color:#fff;
    background:#010137;
  }
    
  
  #contenttab_0 a,
  #contenttab_1 a,
  #contenttab_2 a,
  #contenttab_3 a,
  #contenttab_4 a,
  #contenttab_5 a,
  #contenttab_6 a,
  #contenttab_7 a,
  #contenttab_8 a,
  #contenttab_9 a {
    background:#010137;
    color:#fff;
    text-shadow:none;
  }
  #contenttab_0 a:hover,
  #contenttab_1 a:hover,
  #contenttab_2 a:hover,
  #contenttab_3 a:hover,
  #contenttab_4 a:hover,
  #contenttab_5 a:hover,
  #contenttab_6 a:hover,
  #contenttab_7 a:hover,
  #contenttab_8 a:hover,
  #contenttab_9 a:hover {
    background:#010137;
  }
  #contenttab a:active {
    background:#010137;
    color:#fff;
  }

  .contenttab_active {
    background:#000000;
    color:#fff;
  }






/*- Menu Tabs--------------------------- */ 


    #tabs {
      position:relative;
      float:right;
      width:99%;
      text-align:right;
      font-size:90%;
      line-height:normal;
     
      margin-top: -30px;
      right:0px;
      }
    #tabs ul {
      float:right;
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
      
    
      
      
      
    #tabs a {
      float:left;
      background:url("tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FF9834;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }
    #tabs span.current_tab {
	
	color: #000000;
	
    }