
/*Main Settings*/
body  { color: #333; font: 11px/14px Verdana; margin-top: 0; background: white;  margin: 0 }
#wrapper     { background-color: white; width: 966px; height: 100%; }
#inner { background-color: white }

.ssubm {font-size: 10px;}

.searchbutton  { vertical-align: bottom }

 #StaCutterEU   { color: white; font-size: 12px; font-weight: bold; background-color: #303887; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; display:none; }

#headspace { }

.headnav {background-color: maroon;}

/*#left  { background-color: #8b9fb0 }*/

#searchbox   { font-size: 11px; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; border-bottom: 1px solid #fff }
#searchbox td { font-size: 11px }


.tx-indexedsearch-searchbox td { padding: 3px }

.tx-macinasearchbox-pi1 input  { background-color: #f0efef }
#searchform .searchbutton {background-color: white;}

/*#sidenav    { background-color: #8b9fb0 }*/

#breadcrumb     { color: #696969; font-size: 11px; font-weight: normal; text-decoration: none; margin-top: 10px; margin-bottom: 5px }
#breadcrumb a   { color: #696969; font-size: 11px; font-weight: normal; text-decoration: none;  }
#breadcrumb a:hover   { color: #303887; font-size: 11px; font-weight: normal; text-decoration: none }


#main, #main td  {background-color: #ffffff;
font:11px/14px Verdana;color:#333; }
#main a, main a:visited        { color: #303887; text-decoration: none }
#main a:hover    { color: #303887; font-weight: normal; text-decoration: underline }

#main h1        { color: #343434 !important; font-size: 16px; font-weight: bold; line-height: 120% }
#main h2        { color: #343434 !important; font-size: 14px; font-weight: bold; line-height: 120% }
#main h3        { color: #343434 !important; font-size: 12px; font-weight: bold; line-height: 120% }

#main   { margin-bottom: 8px }

#main .contenttable td {vertical-align: top;}

#main .csc-uploads   { width: 515px }

#main .csc-uploads td    { line-height: 100%; border-bottom: 1px solid gray }

#main .tr-even td   { background-color: #eaeff7 }

#main .csc-uploads-icon {vertical-align: top;width:20px}
#main .csc-uploads-fileSize {vertical-align: top; width:70px;}

#main .csc-linkToTop  { font-size: 9px; text-align: right }


#right hr, #right.bodytext hr  { height: 1px; border-top: 1px solid #666 }

#right ul   { background-color: #eaeff7; list-style-type: none; margin: 0; padding: 0; width: 100% }
#right li { line-height: 30px; margin: 0; border-top: 1px solid white }
#right ul li a
		       { color: #333; font-size: 12px; text-decoration: none;  padding-left: 20px; width: 158px }
#right ul li a { color: #333; font-size: 12px; font-weight: normal; }

#right, #right td, #right .bodytext    { color: #343434; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff; margin: 0; padding: 0 }

#right .bodytext, #right .csc-uploads-icon     { background-color: #f0efef; padding: 5px 8px 5px 15px }

#right .tx-loginboxmacmade-pi1-loginTable td  { border: 0; padding:2px }


#right a:link, #right a:visited        { color: #303887; font-weight: normal; text-decoration: underline }
#right a:hover    { color: #303887; font-weight: normal; text-decoration: underline }


#right h1            { color: #eee !important; font-size: 11px; font-weight: bold; line-height: 100%; background-color: #aaa; margin-bottom: 0; padding: 3px 8px 3px 15px }
#right h2          { color: #eee !important; font-size: 11px; font-weight: normal; line-height: 100%; background-color: #aaa; padding-right: 8px; padding-left: 15px }
#right h3          { color: #eee !important; font-size: 11px; font-weight: bold; line-height: 100%; background-color: #aaa; padding-right: 8px; padding-left: 15px }

#right .tx-loginboxmacmade-pi1-header { color: #eee !important; font-size: 11px; font-weight: bold; line-height: 100%; background-color: #aaa; margin-bottom: 0; padding: 3px 8px 3px 15px }

#right .csc-uploads, right.csc-textpic  { background-color: white }
#right .csc-uploads-icon {vertical-align: top;}

#right    { margin-top:40px  }

/*
#right .tx-newloginbox-pi1, #right.tx-newloginbox-pi1 p  { background-color: white; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; adding-right: 8px }

.tx-newloginbox-pi1 th { text-align:right; white-space:nowrap; width:25%; }

#right .tx-newloginbox-pi1 p {margin:0; padding:0 }
#right  .tx-newloginbox-pi1-submit {margin-top:3px;}

#right .tx-newloginbox-pi1-username td {width:1px }
#right .tx-newloginbox-pi1-username  { font-size:0pt; visibility: hidden }
*/
#footer  { padding-top: 5px; padding-bottom: 10px;border-top: 1px solid #707070 }
#footer    { color: #333; font-size: 10px; font-weight: normal; text-decoration: none }
#footer a    { color: #333; font-size: 10px; font-weight: normal; text-decoration: underline }
#footer a:hover    { color: #333; font-size: 10px; font-weight: normal; text-decoration: underline }


.white, .topborder, .leftborder, .headspace, .spc  { background-color: white }
.rightborder    { background-image: url("../img/c_right.gif"); background-repeat: repeat-y; background-position: left top }
/*Auszeichnung*/
/*Topnav Settings*/

#topnav    { color: #696969; font-size: 14px; font-weight: normal; text-decoration: none; text-transform: lowercase }
#topnav a      { color: #696969; font-size: 14px; font-weight: normal; text-decoration: none; text-transform: lowercase; padding-top: 4px; padding-right: 10px; padding-left: 10px; border-top: 1px solid #707070 }
#topnav a:hover  { color: #f07b00; font-size: 14px; font-weight: normal; text-decoration: none; text-transform: lowercase }


/*** Seitliche Navigation ***/

#navcontainer
		     { font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0; width: 192px }

#navcontainer li
		      { margin: 0 }

 #navcontainer ul
		  { list-style-type: none; margin: 0; padding: 0; width: 100% }

 #navcontainer a
       { color: #333; font-size: 11px; display: block; padding: 4px 3px 4px 15px; width: 174px !important; border-bottom: 1px solid #EBEBEB }



/* #navcontainer  #subnavlistli, .mainMenu  { background-image: url("../img/arrow.gif"); background-repeat: no-repeat; background-position: 15px 8px }

*/

 #navcontainer #subnavlist a
        { color: #333; font-size: 11px; display: block; padding: 4px 3px 4px 24px; width: 165px !important; 
     width: 192px; border-bottom: 1px solid #EBEBEB }


 #navcontainer #subsubnavlist a
        { color: #333; font-size: 11px; display: block; padding: 4px 3px 4px 34px; width: 155px !important ;
     width: 182px; border-bottom: 1px solid #EBEBEB }


 #navcontainer a:link, #navlist a:visited
  { color: #333; text-decoration: none }

 #navcontainer a:hover
    { color: #333; font-weight: normal; background:#eee; }

 #navcontainer #subnavlist a:hover
    { color: #333; font-weight: normal; background:#eee; }
  

  
 #navcontainer a#current
     { color: #303887 !important; font-weight: bold; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 } 
   
   
   #navcontainer a#subcurrent
      { color: #303887 !important; font-weight: bold; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 } 




.grey  {  }


/*******************************************
* TYPO3 Mailformular
********************************************/
.csc-mailform   { padding: 0; border-top: 1px solid #929bad; border-right: none; border-bottom: 1px solid #929bad; border-left: none }
.csc-mailform-field     { background: #ececec; padding-right: 10px; padding-left: 10px }

.csc-mailform-field label    { color: #454545; display: block; margin-top: 3px }

.csc-mailform-radio legend, .csc-mailform-check legend  {
  display:none;
}

.csc-mailform-field.csc-mailform check { margin-left:0.3em; display: inline; }



.csc-mailform-submit  { margin-top: 1em; margin-bottom: 1em }


 a img {border:0 none}
 
.csc-textpic-caption    { color: #2b2e21; font-size: 10px; line-height: 120%; padding-top: 5px } 

 
dl .csc-textpic-imagewrap dt {background-color: green}
 
 table.typo3-editPanel { border: none; background-color: #fff; width: auto;}
 table.typo3-editPanel TD.typo3-editPanel-controls { border: 1px solid #ccc; background-color: #fff;}


DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; } 
.smalltext{font-size: 10px}

p.smalltext {
	font-size: 0.9em;
}

p.box   { color: #000; font-size: 1em; background: #ececec; display: block; padding: 0.5em; border-left: 8px solid #003c84 }




td.zelleGrau  { font-size: 12px; background-color: #e2e2e2; border-bottom: 1px solid white }

td.zelleHellblau, table.tabelle th   { color: white; font-size: 12px; font-weight: bold; background-color: #8b9fb0; border-bottom: 1px solid white }

table.tabelle {
	width:auto;
	border-collapse: collapse;
	
}

table.tabelle td {
	background-color: #e2e2e2;
	border-bottom: 1px solid white;
	vertical-align: top;
	text-align: left;
	padding: 5px;
}

table.tabelle th {
color: white; font-size: 12px; font-weight: bold;
	background-color: #8b9fb0;;
	border-bottom: 1px solid white;
	vertical-align: top;
	text-align: left;
	padding: 5px;
}


#main thead td { color: white; font-weight: bold; background-color: #8b9fb0 }


#tx-srfeuserregister-pi1-fe_users_form fieldset  { margin-bottom: 10px; height: 100%; border: solid 1px #738492 }
    
 #tx-srfeuserregister-pi1-comments  { width: 340px }
 .tx-srfeuserregister-pi1-required  { color: red }
 
 
 
 
 
#right a, #right a:link, right a:visited      { color: #2b2e21;  font-weight: normal; text-decoration: none;  }
#right a:hover   { color: #003c84; font-weight: normal; text-decoration: underline }


/*List_View*/
#right .tx-ttproducts-pi1  {vertical-align: top;  }

.listitem   { background-color: #e2e2e2; margin: 0; padding: 0; vertical-align: top; border: solid 1px #8b9fb0 }

.listitem_header  { color: white; font-size: 14px; font-weight: bold; background-color: #8b9fb0; margin: 0; padding: 5px }


.listitem_subheader   { font-weight: bold; padding-right: 5px; padding-left: 5px }
.listitem_image     { padding-right: 8px; padding-left: 0; float: left }


.listitem.product_note     { padding-right: 5px; padding-left: 5px; }
.listitem.product_note .bodytext  { margin: 0; padding: 0; line-height: 100%}



.price { padding-right: 5px; padding-left: 5px }
.pricered {color:red; font-weight: bold;}

.order_form  { text-align: right; padding-bottom: 5px }


/*Catlist*/
#right .tt_products_item_catlist {background-color: #e2e2e2;  width: 100%; color: #333; font-size: 12px; }

.catlistitem a  { display: block; padding: 8px 8px 8px 15px; border-bottom: 1px solid white;  }

.catlistitem a:link, .catlistitem a:visited { color: #333; font-size: 12px; text-decoration: none; font-weight: normal;}


.catlistitem a:link, .catlistitem a:visited
  { color: white; text-decoration: none }
  
  
  /*Minibasket*/
.tt_products_minibasket  { background-color: #e2e2e2; margin: 0; padding: 3px 8px 5px 15px; vertical-align: top }

.basketitem, tx-ttproducts-pi1        { color: #e2e2e2;  font-weight: normal; text-decoration: none;  }

/*Single View*/
 .tt_products_item_single_display.listitem.product_note  { padding-right: 0px; padding-left: 0px; }
 .tt_products_item_single_display.listitem.product_note .bodytext  { margin: 0; padding: 20px; line-height: 120%}
 
/*Warenkorb*/
.basket_items caption   { color: #181818; font-size: 12px; padding: 3px } 
.basket_items thead  { color: white; font-size: 14px; background-color: #8b9fb0;  } 
.basket_items th, .basket_items td  { padding: 3px  }

.basket_header   { color: white; font-size: 14px; font-weight: bold; background-color: #8b9fb0; margin: 0; padding: 2px 10px }

.delivery, .payment, .price_summary   { background-color: #e2e2e2; padding-right: 10px; padding-left: 10px }

/*Billing Address*/
.delivery_address_labels label, .notes_labels label {
  float:left;
  clear:both;
  display:block;
  width:100px;
  margin-bottom:10px;
  padding-left:10px;
}


.delivery_address_labels input, .notes_labels textarea {
  float:left;
  display:block;
  width:250px;



  font-size: 12px;
  margin-bottom:10px;
  padding:1px;
}


/*BASKET_PAYMENT_TEMPLATE*/
.delivery-payment,
.invoice_address,
.delivery_address,
.notes,
.order_data,
.shop_address
 {
	background-color: #e2e2e2;
   padding-right: 10px; padding-left: 10px;
   line-height: 25px;
   }

.delivery-payment DD,
.invoice_address DD,
.delivery_address DD,
.notes DD,
.order_data DD
 {
   margin: -25px 0 0 120px;
   padding: 0;
   }


/* Linkimages */
a.external-link {display:block; background-image: url("../img/icons/external_link.gif"); background-repeat: no-repeat; padding: 0 0 0 14px}

a.external-link-new-window {display:block; background-image: url("../img/icons/external_link_new_window.gif"); background-repeat: no-repeat; padding: 0 0 0 14px}

a.internal-link  { background-image: url("../img/icons/internal_link.gif"); background-repeat: no-repeat; background-position: left 4px; display: block; padding: 0 0 0 14px }

a.internal-link-new-window {display:block; background-image: url("../img/icons/internal_link_new_window.gif"); background-repeat: no-repeat; padding: 0 0 0 14px}

a.download {display:block; background-image: url("../img/icons/download.gif"); background-repeat: no-repeat; padding: 0 0 0 14px}

a.mail   { display:block; background-image: url("../img/icons/mail.gif"); background-repeat: no-repeat; background-position: left 0px; padding: 0 0 0 22px }

/* Modern FAQ */
.tx-irfaq-pi1 ul.tx-irfaq-questions-list { margin-bottom: 75px; }
.tx-irfaq-pi1 {border-bottom:1px solid #999999}
        .tx-irfaq-pi1 ul li a p.bodytext { margin: 0px; display: inline; font-weight: bold; }
        .tx-irfaq-pi1 ul li a { color: #000; text-decoration: none; }
        .tx-irfaq-pi1 ul li a:hover { color: #000; text-decoration: underline; }
        .tx-irfaq-pi1 .tx-irfaq-answer { margin-bottom: 10px; }
        .tx-irfaq-pi1 .tx-irfaq-answer h4 p.bodytext { margin: 0px; display: inline; font-weight: bold; }
        .tx-irfaq-pi1 dt  { padding-top:3px;padding-bottom:3px;border-top:1px solid #999999 }
        .tx-irfaq-pi1 dt p { font-weight: bold; margin: 0px; display: inline; }
        .tx-irfaq-pi1 dd { margin-left: 0px; }
        .tx-irfaq-pi1 dd p { margin-top: 0px;    }
        .tx-irfaq-pi1 .additional-info { border-top: 2px solid #e6e6e6; margin-bottom: 10px; }
        .tx-irfaq-pi1 .irfaq-related-faq, .tx-irfaq-pi1 .irfaq-related-links { padding-top: 0px; padding-bottom: 0px; margin-top: 3px; margin-bottom: 15px; }


input  { background-color: #f0efef }
        
/* styles for extension "tx_fdfx3cols_pi1" */
/* Layout 1 */

.c3l1-left { white-space: normal; padding-right: 5px; width: 33%; vertical-align: top; border-right: 1px solid #999 }

.c3l1-middle { white-space: normal; padding-right: 5px; padding-left: 5px; width: 33%; vertical-align: top; border-right: 1px solid #999 }

.c3l1-right { white-space: normal; padding-left: 5px; width: 33%; vertical-align: top }

/* Layout 2 */

.c3l2-left{

   border-right: 1px solid #FFEDA8;

   padding-right: 5px;

   width:25%;

   white-space:normal;

}

.c3l2-middle{

   border-right: 1px solid #FFEDA8;

   padding-left: 5px;

   padding-right: 5px;

   width:50%;

   white-space:normal;

}

.c3l2-right{

   padding-left: 5px;

   width:25%;

   white-space:normal;

}

/* Layout 3 */

.c3l3-left{

   border-right: 1px solid #FFEDA8;

   padding-right: 5px;

   width:40%;

   white-space:normal;

}

.c3l3-middle{

   border-right: 1px solid #FFEDA8;

   padding-left: 5px;

   padding-right: 5px;

   width:40%;

   white-space:normal;

}

.c3l3-right{

   padding-left: 5px;

   width:20%;

   white-space:normal;

   background-color:#FFEDA8;

}


/* Tabellen */

.tx-irfaq-pi1 dt {font-weight: bold}

.tx-irfaq-pi1 dd table tbody td   { border-bottom: 1px solid #999 }

.tx-irfaq-pi1 dd table thead td p { margin:0; padding:0; line-height: 100%}
.tx-irfaq-pi1 dd table tbody td p { margin:0; padding:0; line-height: 100%}



/* 2fdfx 2col layout */
/* default styles for extension "tx_fdfx2cols_pi1" */
/*  Layout 1 */

.tx-fdfx2cols-pi1 {background-color: green;}

.c2l1-left{

   border-right: 1px solid #FFEDA8;

   padding-right: 5px;

   width:50%;

   white-space:normal;

}

.c2l1-middle{

   padding-left: 5px;

   width:50%;

   white-space:normal;

}

/*  Layout 2 */

.c2l2-left  { white-space: normal; padding-left: 5px; width: 50%; border-right: 1px solid silver }


.c2l2-middle {

   background-color:yellow;

   padding-left: 5px;

   width:50%;

   white-space:normal;

}

/* Layout 3 */

.c2l3-left{

   border-right: 1px solid #FFEDA8;

   padding-right: 5px;

   width:70%;

   white-space:normal;

}

.c2l3-middle{

   background-color:#FFEDA8;

   border: 1px solid blue;

   padding-left: 5px;

   width:30%;

   white-space:normal;

}

