/*<![CDATA[*/

html.start {
  width: 100%; height: 100%; background: #fff url(../img/strahlen_s.jpg) 180px 100px no-repeat;
  background-attachment: fixed;
}
html.follow {
  width: 100%; height: 100%; background: #fff url(../img/strahlen.jpg) 180px 100px no-repeat;
  background-attachment: fixed;
}

body { /* spec */
 width: 100%; margin: 0; padding: 0; color: #333;
 background: url(../img/lines_header2.gif) 0 0px repeat-x;
 font: normal small "Palatino Linotype", georgia, times, serif; }

a { color: #285547; text-decoration: none; }
a:hover { color: #319375; text-decoration: none; }
a:visited { color: #285547;text-decoration: none; }
a.anker { width: 0px; height: 0px; font-size: 0; line-height: 0; display: none; }

h1 {
 font: bold 101%/120% verdana, arial, helvetica, sans-serif; color: #000; margin: 0;
 padding: 15px 0 15px 0; }

/*** Funktionsgruppen ************************************************************/
.cleaner {
  clear: both; height: 0px; font-size: 0px; line-height: 0px; }
#footspacer {
  clear: both; height: 10px; font-size: 0px; line-height: 0px; }
#footcleaner {
  clear: both; height: 2px; font-size: 2px; line-height: 2px;
  background-color: #7BBFAB; }

/*** Absolute Positionen *********************************************************/
#mainnavi {
  position: absolute; left: 200px; top: 0px;  z-index: 5;}
#mainnavi ul {
  list-style-type: none; margin: 18px 0 0 18px; padding: 0;
  font: bold 91%/120% verdana, arial, helvetica, sans-serif; }
#mainnavi ul li { display: inline; padding: 0 6px}
#mainnavi ul li a { text-decoration: none; color: #0A2747; padding-right: 4px; }
#mainnavi ul li a:hover { color: #319375; }
#mainnavi ul li a#current { color: #319375; }

#subnavi {
  position: absolute; left: 200px; top: 41px; width: 538px; padding: 3px 10px 3px 0;
  font: bold 11px verdana, arial, helvetica, sans-serif; text-align: right; color: #fff;
  background: #0A2747 url(../img/bg_head2.gif) top left no-repeat; font-style: italic;}

#tg {
  position: absolute; left: 0px; top: 0px; font-size: 0px; line-height: 1px;
  color: #fff; }

#whitefix {
  position: absolute; width: 10px; height: 60px; top: 0; left: 200px; z-index: 4;
  background: #fff;}

/*** Layout **********************************************************************/
#header {
  width: 100%; height: 85px; }
#headerLeft {
  float: left; width: 190px; padding: 15px 0 0px 10px; background-color: #fff; }
#headerRight {
  float: left; width: 24px; height: 95px;
   }
#main { width: 771px;}
#main ul { list-style-type: none; margin: 10px 0px; padding: 0px; }
#main ul li {
  padding-left: 20px; margin-left: 10px;
  background: url(../img/list_icon1.gif) 0 0.6em no-repeat; }

#mainfirst {
  width: 771px; background:  url(../img/bg_head3.gif) right top no-repeat;
  padding: 0; }

/*ProductTMP*/
#mainfirst2 {
  width: 1041px; background:  url(../img/bg_head3.gif) right top no-repeat;
  padding: 0; }

p#catview {
  margin: 0; padding: 3px 20px 4px 20px; font: bold 91% verdana, arial, helvetica, sans-serif;
  background: #7CBFAB url(../img/bg_head4.gif) right top no-repeat; width: 179px}

#mainLeft {
  float: left; width: 197px; margin-right: 13px;
  font: normal 100% "Palatino Linotype", georgia, times, serif; }



#mainLeft ul {
  list-style-type: none; margin: 0px 0 0 0 ; padding: 0; border-top: 1px solid #fff; }

#mainLeft ul li {
  margin: 0; padding: 3px 0; background: #D7EAE5 none; border-bottom: 1px solid #fff; }
#mainLeft ul li a {
  padding-left: 20px; display: block; width: 145px; overflow: hidden;
  text-decoration: none; color: #285547; font-weight: bold; }
#mainLeft ul li a:hover {
  text-decoration: underline; color: #319375;}
#mainLeft ul li.hide, #mainLeft ul ul li.hide{display: none;}


#mainLeft ul li.sub {
  margin: 0; padding: 3px 0; background: #D7EAE5 none; border-bottom: 1px solid #fff; }
#mainLeft ul li.sub a {
  padding-left: 40px; display: block; width: 125px; overflow: hidden;
  text-decoration: none; color: #285547; font-weight: normal }
#mainLeft ul li.sub a:hover {
  text-decoration: underline; color: #319375;}

#mainLeft ul li.rest {
  margin: 0; padding: 3px 0; background: #7CBFAB none; border-bottom: 1px solid #fff; }
#mainLeft ul li.rest a {
  padding-left: 20px; display: block; width: 145px; overflow: hidden;
  text-decoration: none; color: #285547; font-weight: normal }
#mainLeft ul li.rest a:hover {
  text-decoration: underline; color: #319375;}


#mainLeft ul li.rest2 {
  margin: 0; padding: 3px 0; background: #0A2747 none; border-bottom: 1px solid #fff; }
#mainLeft ul li.rest2 a {
  padding-left: 20px; display: block; width: 145px; overflow: hidden;
  text-decoration: none; color: #fff; font-weight: normal }
#mainLeft ul li.rest2 a:hover {
  text-decoration: underline; color: #fff;}


#mainLeft ul li.login {
  margin: 0; padding: 3px 0; background: #D7EAE5 url(../img/bg_head5.gif) right bottom no-repeat; border-bottom: 1px solid #fff; }
#mainLeft ul li.login a {
  padding-left: 20px; display: block; width: 145px; overflow: hidden;
  text-decoration: none; color: #285547; font-weight: normal }
#mainLeft ul li.rest a:hover {
  text-decoration: underline; color: #319375;}
#mainLeft ul li a#leftcurrent, #mainLeft ul li a#subcurrent { color: #319375; }

#mainRight {
  float: left; width: 550px; padding-left: 10px; border-right: 1px solid #D7EAE5;
  font: normal 106%/150% "Palatino Linotype", georgia, times, serif; }

#mainRight2 {
  float: left; width: 820px; padding-left: 10px; border-right: 1px solid #D7EAE5;
  font: normal 106%/150% "Palatino Linotype", georgia, times, serif; }

#navtop {
  margin: 0 0 0 187px; width: 550px; border-right: 1px solid #D7EAE5;
  padding: 20px 0 10px 33px; font: normal 91% "Palatino Linotype", georgia, times, serif; }
#navtop a#print { margin-left: 20px; }
#footer {
  padding: 5px 0 5px 220px;
  font: normal 91%/150% "Palatino Linotype", georgia, times, serif; }

.pos{height: 35%;}

#xtra_content{
font: normal 100%/150% "Palatino Linotype", georgia, times, serif;
margin-left: 10px;
padding:  25px 4px 4px 15px;
position: absolute;
left: 772px;
top: 98px;
width: 178px;
background: url(../img/bg_xtra.gif) right top no-repeat;
}
/*** Content Templates ***********************************************************/

/* Einspalter Standard */
.ctOne { margin: 0 20px 2em 0; }
.ctOne p { margin: 0; padding: 0; }
/* Zweispalter Standard */
.ctTwo { }
.ctTwo p { margin: 0; padding: 0; }
.ctTwoLeft { float: left; width: 350px; }
.ctTwoRight { float: left; margin-left: 20px; width: 180px; }

.shopcenter .ctTwoLeft {float: left; width: 265px;}
.shopcenter .ctTwoRight {float: left; width: 265px;}

.fxo_usr{margin-left: 20px;}
.fxo_usr_input{margin-bottom: 10px;}
.fxo_usr_desc{font-weight: bold;}
.fxo_usr_check{float: left; margin-right: 5px;}
.fxo_usr_descChk{ margin-bottom: 10px;}
.fxo_usr_submit input{
float: right; 
margin: 0 30px; 
border: none; 
background: transparent; 
text-decoration: underline;
font: normal 106%/150% "Palatino Linotype", georgia, times, serif;
cursor: pointer;
}


/*** Formulare *******************************************************************/
#leftsearch {
  padding: 0;  background: #D7EAE5; margin-top: 30px;}
#leftsearch form { margin: 0; padding: 0; }
#leftsearchTitle {
  font: bold 100% "Palatino Linotype", georgia, times, serif; border-bottom: 1px solid #fff;
  display: block; background: #7CBFAB; padding: 3px 0 4px 20px; margin-bottom: 8px; }
#leftsearch a { color: #333; text-decoration: none; }
#leftsearch a:hover { color: #333; text-decoration: underline }
#leftsearch input { width: 155px; font-size: 86%; padding: 3px; background: #fff; border: 1px solid #ccc; margin-left: 15px; }
#leftsearch input#leftsearchSend {
  text-align: left; width: 44px; font-size: 10px; border: 0px solid #ccc; color: #285547;
  cursor: hand; padding-left: 2px; margin-left: 18px;  background: #D7EAE5; }
/*** Schriftformatierungen cycro *************************************************/


/* Überschrift 2.Ordnung */
span.headline2 {
  font: bold 86% verdana, arial, helvetica, sans-serif; color: #333; }

/* CI: microfluidic */
span.ci1 {
  font: bold 100% "Futura Md BT", verdana, helvetica, sans-serif; color: #7abeaa; }

/* CI: ChipShop */
span.ci2 {
  font: bold 100% "Futura Md BT", verdana, helvetica, sans-serif; color: #0a2645; }

.newsDate_s{font-weight: bold;}
.newsHeadDesc_s{padding: 2px 0;}
.newsHeadline_s{font-weight: bold;}
.newsDesc_s{padding: 2px 0;}

/*** Shopformatierung *************************************************/

#mainRight2{width: 606px;}

#mainRight2 table{
width: 740px;
}

#mainRight2 td{
padding: 0.1em 0.05em;
font: normal 90% "Palatino Linotype", georgia, times, serif; color: #0a2645;
}

#mainRight2 td.shople{
font-weight: bold;
width: 80px;
vertical-align: top;
border-left:1px solid #D7EAE5;
border-bottom:1px solid #D7EAE5;
border-right:1px solid #D7EAE5;
}

td.td_empty, td.shop, td.shop1, td.shop2{
border-bottom:1px solid #D7EAE5;
border-right:1px solid #D7EAE5;

}


input.inputfeld{
border: 1px solid #ccc;
background: #D7EAE5;
width:30px;
height: 16px;
text-align:right;
}

input.koerbchen{
width: 24px;
height: 20px;
cursor: pointer;
background: transparent url(../img/basket_to.gif) 1px 1px no-repeat;
border: 1px solid #ccc;
}

input.delkoerbchen{
width: 24px;
height: 20px;
cursor: pointer;
background: transparent url(../img/basket_out.gif) 1px 1px no-repeat;
border: 1px solid #ccc;
}

* html input.koerbchen,* html input.delkoerbchen{
width: 26px; height: 22px; }

input.form_button{
cursor: pointer;
border:1px solid #7CBFAB;
background: #7CBFAB;
color: #000;
}
input.form_button:hover{
background: #D7EAE5;
}

/* Ho: Buttons-Links im Warenkorb */
span.bbutton { background-color:#7CBFAB;padding:3px;color:black;font-size:10px; }
span.bbutton a { text-decoration:none; }
span.bbutton:hover { background-color: #D7EAE5; }

/*]]>*/