/*
  Style Index
 
  $0 - Imported Styles
  $1 - Common Elements
  $2 - Layer Menue
  $3 - Startpage
  $4 - News
  $5 - Sitemap
  $6 - Pages
  $7 - Products
  $8 - Recommend form
  $9 - Contact form
*/
 
/* $0 - Imported Styles //////////////////////////////////////////////////////*/

  @import url(reset.css);
  
/* $1 - Common Elements //////////////////////////////////////////////////////*/

body 
{
  font-family:Verdana, Arial;
  margin:auto;
  padding:auto;
  text-align:center;
  font-size:x-small;
}
  
a
{
  text-decoration:none;
  color:#000;
}
  
a:hover
{
  text-decoration:underline;
}
  
.arrow a,
.arrow ul li a    
{
  background:transparent url(../img/arrow.gif) left center no-repeat;
  padding-left:15px; 
}
  
.error
{
  color:#f00;
}

input,
select,
textarea
{
  border:1px solid #ccc;
}               

h1, h2, h3, h4, h5, h6
{
  line-height:1.3em;
}
  
* html body
{
  f\ont-size:small; /* Hack für andere IE Versionen */
  font-size:x-small; /* Hack für IE5/Win */
}

.clear
{ /* break floating elements (MUST used after a floating element) <br class="clear" /> */
  clear:both;
  font-size:0px;
  height:0px;
  line-height:0px;
  margin:0px;
  padding:0px;
}

/* set in outer element to clear after this element */
html* .clearfix { /* if ie */
  zoom:1;
} .clearfix:after {
  clear:both;
  content:".";
  display:block;
  font-size:0px;
  height:0px;
  visibility:hidden;
}

#page
{
  margin:0px auto;
  position:relative;
  text-align:left;
  width:954px;
}

#header
{
  background:#3860a5 url(../img/header.jpg) no-repeat;  
  float:left;
  height:125px;
  /* Safari (win) */
  min-width:954px;
}
  
#header_menu,
#language
{
  float:right;
}
  
#header_menu ul
{
  background-color:#000;
  color:#fff;
  padding:5px 25px 5px 5px;
}
  
#header_menu ul a 
{
  color:#fff;
  display:block;
  padding-bottom:1px;
}
  
#header_menu ul li,
#header_menu ul    
{
  float:left;
}
  
#header_menu ul li
{
  padding:0 5px 0 5px; /*oben, rechts, unten, links*/      
}

#language
{
  padding:5px;
  color:#fff;     
}
  
#language .tx-srlanguagemenu-pi1 ul li
{
  float:left;
}
  
#language .tx-srlanguagemenu-pi1 ul li div
{
  display:inline;
}
  
#language a 
{
  color:#fff;
}  
  
#header_top_text
{ 
  float:left;
  padding:5px 0 0 10px; /*oben, rechts, unten, links*/
  color:#fff;
}
  
#header_bottom_text
{
  clear:both;
  float:right;
  padding:65px 25px 0px 0px; /*oben, rechts, unten, links*/
  color:#fff;
  /*width:100%;*/
}
  
#header_top_text,
#header_bottom_text
{
  font-size:2em;
}          
  
#top
{
  float:left;
  /* Safari (win) */
  min-width:954px;
  position:relative;
}        
  
#top .container
{
  background:#ffffff;
  float:left;
  height:31px;
  width:954px;
}        
  
#nela_logo
{
  float:left;
  width:88px;
  height:58px;
  background:#3860a5 url(../img/logo.jpg) no-repeat;
  position:absolute;
  left:-17px;
  top:-13px;
  z-index:10;
}
 
#searchbox
{
  float:right;
  background:#fff url(../img/search.jpg) left center no-repeat;
  border-top:6px solid #fff;
}

#searchbox input
{
  border:none;
}

#searchbox .searchbox
{
  width:145px;
  background-color:transparent;    
  padding-left:5px;  
  padding-right:5px;
  font-size:0.9em;
}        

#searchbox .searchbtn
{
  background:#fff url(../img/searchbtn.jpg) center center no-repeat;
  width:24px;
  height:18px;
}
  
#bread_crump
{
  padding:9px 0 0px 175px; /*oben, rechts, unten, links*/
  color:#3860a5; /*blau*/
  background:#fff url(../img/navigation.jpg) top left no-repeat;
  height:18px;
  width:779px;
}
  
#bread_crump span
{ 
  float:left;
  padding-right:5px;
}        

#bread_crump ul li
{
  float:left;
  padding-right:5px;
}        
  
#bread_crump a
{
  color:#3860a5;
}
  
#col_left,
#col_center,
#shader_right,
#col_right
{
  float:left;
}

#col_left
{    
  width:163px;
}
  
#col_right 
{
  width:209px;
}

/* IE6 HACK */
* html #col_right
{
  margin-right:-10px;
}

#col_center_top
{
  left:686px;
  position:absolute;
  text-align:right;
  top:190px;
  width:50px;
}

#col_center_top a
{
  float:right;
  display:block;
  padding-left:5px;
  text-decoration:none;
}        
  
#col_center_top .print
{
  background:#ffffff url(../img/printer.png) no-repeat;
  width:16px;
  height:16px;    
}
  
#col_center 
{
  background:#ffffff;
  line-height:1.2em;
  padding:20px 15px 15px;
  width:552px;
}

#content
{
  background:transparent url(../img/contentback.png) left top repeat-y;
  display:inline-block;
}
  
#col_center h1
{
  font-size:2em;
  color:#ff7e00; /*orange*/
  padding-top: 10px;
  padding-bottom:15px;
  line-height:1.3em;
}

#news
{
  background:#3860a5 url(../img/news.jpg) left top no-repeat;
  padding:10px;
}

* html body #news
{
  /* ie 6 fix */
  width:199px;
}        

#ifra_search
{
  background:#cbcbcb url(../img/ifraback.jpg) left top no-repeat;
  padding-left:10px;
  border:1px solid #b7c0c9;
  border-left:none;
  height:81px;
  width:198px;
}
  
#ifrabox
{
  background:transparent url(../img/ifrabox.jpg) left center no-repeat;
  font-family:Verdana,arial,sans-serif;
  font-size:11px;
}

.tx-macinasearchbox-pi1
{
  font-family:Verdana,arial,sans-serif;
  font-size:11px;
}

#ifrabox input
{
  border:none;
} html* #ifrabox input { /* IE6 & IE7 HACK */
  margin-right:-10px;
}

#ifrabox .searchbox
{
  width:150px;
  background-color:transparent;   
  padding-left:5px;  
  padding-right:5px;
  font-size:0.9em;
}       

#ifrabox .searchbtn
{
  background:#fff url(../img/ifrabutton.jpg) center center no-repeat;
  width:24px;
  height:18px;
}         
  
#ifra_search h1
{
  font-size:1.4em;
  color:#da9237; /*orange*/
  padding:10px 0 5px 0; /*oben, rechts, unten, links*/
  font-weight:bold;
}
  
#ifra_search span
{
  color:#515151; /*grau*/
  padding-bottom:10px; 
  display:block;
}   

#quick_links,
#contact
{
  padding-left:10px; 
}
  
#quick_links h1 
{
  color:#3860a5;
  font-size:1.4em;
  padding:11px 0 10px 0;/*oben, rechts, unten, links*/
  font-weight:bold;
}
  
#quick_links ul li a
{
  color:#5b7aa1;
}        
  
#contact h1
{
  color:#749fd5;
  font-size:1.4em;
  padding:17px 0 10px 0;/*oben, rechts, unten, links*/
  font-weight:bold;
}
  
#contact p
{
  color:#5b7aa1;
  padding-bottom:17px;
}  
  
#footer
{
  clear:both;
  background:#ffffff url(../img/footer.jpg) no-repeat;
  padding-bottom:50px;
}
  
*+html #footer
{
  /* ie 7 fix */
  _height:0; 
  zoom:1;
}        

#bottom_menu 
{
  overflow:hidden;
  padding:10px 0 0 13px;/*oben, rechts, unten, links*/
}  
        
  
#bottom_menu ul,
#bottom_menu ul li
{
  float:left;
}
  
#bottom_menu ul li
{
  padding:0 5px 0 5px;/*oben, rechts, unten, links*/
  color:#3860a5;
}        
  
#bottom_menu ul li a
{
  color:#3860a5;
}
  
#bottom_menu ul li .spc
{
  padding-right:10px;
}        
  
#copyright  
{
  float:right;
  padding-right:220px;
  color:#70a4ff;
}
  
#copyright a
{
  color:#70a4ff;
}        
  
.csc-sword 
{
  background-color:#FFF000;
}


/* $2 - Layer Menue //////////////////////////////////////////////////////////*/

/* TOP (main) MENU ---------------------------------------------------------- */
#top_menue
{
  padding-left:71px;
  z-index:1000
}

#top_menue .menu ul.level1 li.current a
{
  color:#da9237; /*orange*/
}
#top_menue .menu ul.level1 li.current ul.level2 li a
{
  color:#1a2e4f;
}
#top_menue .menu ul.level1 li.current ul.level2 li a:hover
{
  color:#0084fb;
}

#top_menue .menu 
{
  font-family:verdana, sans-serif;
  position:absolute;
  margin-top:10px;
  z-index:100;
}
  
#top_menue .menu ul 
{
  padding:0;
  margin:0;
  list-style-type:none;
}
  
#top_menue .menu ul li 
{
  float:left;
  position:relative;
}
  
#top_menue .menu ul li a, 
#top_menue .menu ul li a:active, 
#top_menue .menu ul li a:visited 
{
  text-decoration:none;
  height:21px;
  color:#1a2e4f; /* dunkel blau */
  border-width:0;
  background:transparent; /* bghead menu */
  padding-left:35px;
  line-height:1em;
  font-size:10px;
  display:block;
  float:left;
  font-weight:bold;
}
  
#top_menue .menu ul li ul 
{
  background:#fff;
  display:none;
  position:relative;
}

 
#top_menue table 
{
  border-collapse:collapse;
  font-size:1em;
}


/* SPECIFIC TO NON IE BROWSERS */
#top_menue .menu ul li:hover a,
#top_menue .menu ul li a:hover 
{
  color:#0084ff; /* hell blau */
  background:#fff;
}

#top_menue .menu ul li:hover ul,
#top_menue .menu ul li a:hover ul 
{
  display:block;
  position:absolute;
  top:1.8em;
  margin-top:3px;
  left:3em;
  border:1px solid #5f769d; /*blau*/
}

#top_menue .menu ul li:hover ul li ul,
#top_menue .menu ul li a:hover ul li a ul 
{
  visibility:hidden;
  position:absolute;
  height:0;
  width:0;
}

#top_menue .menu ul li:hover ul li a,
#top_menue .menu ul li a:hover ul li a 
{
  display:block;
  border:0px solid #fff;
  color:#1a2e4f;
  height:auto;
  line-height:1em;
  width:100px;
  background:#fff url(../img/menuarrow.jpg) left center no-repeat;
  padding:5px 0px 5px 10px; /*oben, rechts, unten, links*/
  margin:0 10px 0 10px;
  font-weight:normal;
}
  
#top_menue .menu ul li:hover ul li.level2 a,
#top_menue .menu ul li a:hover ul li.level2 a
{
  border-bottom:1px solid #bababa;
}
  
#top_menue .menu ul li:hover ul li.last a,
#top_menue .menu ul li a:hover ul li.last a 
{
  border-bottom:none;
}   

#top_menue .menu ul li:hover ul li a:hover,
#top_menue .menu ul li a:hover ul li a:hover 
{
  background:#fff url(../img/menuarrow.jpg) left center no-repeat;
  padding:5px 0px 5px 10px; /*oben, rechts, unten, links*/
  color:#0084ff;
}
  
#top_menue .menu ul li:hover ul li:hover ul,
#top_menue .menu ul li a:hover ul li a:hover ul 
{
  visibility:visible;
  position:absolute;
  top:0;
}

#top_menue .menu ul li.active a
{
  color:#DB9742;
}
/* -------------------------------------------------------------------------- */


/* LEVEL 1 (left menu) ------------------------------------------------------ */
#left_menue
{
  font-family:Verdana, Arial, sans-serif;
}

#left_menue ul
{
  position:relative;
  z-index:500;
  padding:0;
  margin:0;
  list-style-type:none;
}

#left_menue ul li
{
  background: #003E7B;
  border-bottom:1px solid #004d9b;
  width:163px !important;
}

#left_menue ul li a
{
  color: #fff;
  display: block;
  font-size: 10px;
  font-weight: bold;
  padding: 5px;
  text-decoration: none;
}

#left_menue ul li a:hover
{
  color:#0084ff;
}

#left_menue ul li:hover
{
  position:relative;
}

#left_menue ul li:hover > a
{
  color:#006BD1;
}

#left_menue ul li:hover > ul
{
  visibility:visible;
}
/* -------------------------------------------------------------------------- */


/* LEVEL 2 ------------------------------------------------------------------ */
#left_menue ul li ul
{
  background:#ffffff;
  border:1px solid #003e7b;
  visibility:hidden;
  position:absolute;
  top:0px;
  left:163px;
}

/* LEVEL 2 IE 6 HACKS    ---------------------------------------------------- */

/* li tags */
* html #left_menue ul li ul {
  margin-top:29px;
  margin-bottom:-22px !important;
  padding-bottom:0px !important;
}
* html #left_menue ul li ul li {
  margin-left:-5px !important;
  margin-right:-5px !important;
}

* html ul.level_1 li.current ul.level_2 li,
* html ul.level_1 li.active ul.level_2 li
{
  margin-bottom:1px !important;
}


/* a tags */
* html #left_menue ul li ul li a {
  width:143px !important;
}
* html #left_menue ul li ul li.first a
{
  background-position:20px 10px !important;
  margin-top:-5px !important;
  padding-left:29px !important;
  width:144px !important;
}
* html #left_menue ul li ul li.last a
{
  margin-bottom:0px !important;
}
/* -------------------------------------------------------------------------- */


#left_menue ul li ul li
{
  background:#ffffff;
  border:none;
  position:relative;
}

#left_menue ul li:hover ul li a
{
  background:#ffffff url(../img/menuarrow.jpg) 2px 6px no-repeat;
  border-bottom:1px solid #cccccc;
  color:#00458b;
  font-weight:normal;
  margin:0px 2px 0px 7px;
  padding:5px 0px 5px 10px;
  width:136px;
}
#left_menue ul li:hover ul li a:hover
{
  color:#0084fd;
}
#left_menue ul li:hover ul li.last a
{
  border:none;
}

ul.level_1 li:hover ul.level_2
{
  border:1px solid #003e7b;
}
/* -------------------------------------------------------------------------- */


/* LEVEL 3 ------------------------------------------------------------------ */
#left_menue ul.level_1 li:hover ul.level_2 li:hover ul.level_3 li a
{
  color:#00458b;
  font-weight:normal;
  background:#DCE0E3;
  border-bottom:1px solid #ccc;
  margin:0px 7px;
  width:139px;
}
#left_menue ul.level_1 li:hover ul.level_2 li:hover ul.level_3 li a:hover
{
  color:#0084fd;
}

#left_menue ul.level_1 li:hover ul.level_2 li:hover ul.level_3 li.last a
{
  border:none;
}

#left_menue ul.level_1 li:hover ul.level_2 li:hover ul.level_3 li
{
  background:#DCE0E3;
}

ul.level_1 li:hover ul.level_2 li:hover ul.level_3
{
  border:1px solid #003e7b;
}*+ html ul.level_1 li:hover ul.level_2 li:hover ul.level_3 { /* IE7 HACK */
  background:#DCE0E3 !important;
}
/* -------------------------------------------------------------------------- */


/* LEVEL 3 IE 6 HACKS    ---------------------------------------------------- */

/* li tags */
* html #left_menue ul li ul li ul {
  background:#BDD5EF !important;
  margin-top:2px !important;
}
* html #left_menue ul li ul li ul li {
  margin-left:0px !important;
  margin-right:0px !important;
}
* html #left_menue ul li ul li ul li.first
{
  margin-bottom:-2px !important;
}


/* a tags */
* html #left_menue ul li ul li ul li a {
  width:128px !important;
}
* html #left_menue ul li ul li ul li.first a
{
  background-position:20px 15px !important;
  padding-top:10px !important;
  width:129px !important;
}
* html #left_menue ul li ul li ul li.last a
{
  background-position:20px 10px !important;
}
/* -------------------------------------------------------------------------- */



/* CURRENT - ACTIVE --------------------------------------------------------- */

/* LEVEL 1 */
ul.level_1 li.current a,
ul.level_1 li.active a
{
  color:#db9742 !important;
}

ul.level_1 li:hover ul.level_2
{
  border:none;
}


/* LEVEL 2 */
ul.level_1 li.current ul.level_2,
ul.level_1 li.active ul.level_2
{
  background-color:#94bbe4 !important;
  border:none !important;
  left:0px !important;
  position:relative !important;
  top:0px !important;
  visibility:visible !important;
}

ul.level_1 li.current ul.level_2 li,
ul.level_1 li.active ul.level_2 li
{
  background-color:#94bbe4 !important;
  width:163px;
}

ul.level_1 li.current ul.level_2 li a,
ul.level_1 li.active ul.level_2 li a
{
  background:transparent url(../img/strich.gif) 11px 10px no-repeat !important;
  color:#00478c !important;
  margin:0px !important;
  padding:5px 0px 5px 20px !important;
  border:none !important;
  font-weight:normal !important;
}
ul.level_1 li.current ul.level_2 li a:hover,
ul.level_1 li.active ul.level_2 li a:hover
{
  color:#0084fd !important;
}

ul.level_1 li.active ul.level_2 li.current:hover ul.level_3,
ul.level_1 li.active ul.level_2 li.active:hover ul.level_3
{
  border:none !important;
  display:block !important;
  visibility:visible !important;
  position:relative !important;
  left:0px !important;
  top:0px !important;
}

ul.level_1 li.current ul.level_2 li:hover ul.level_3,
ul.level_1 li.active ul.level_2 li:hover ul.level_3
{
  display:none !important;
}
  
ul.level_1 li.active ul.level_2 li.current a,
ul.level_1 li.active ul.level_2 li.active a
{
  color:#00468b !important;
  font-weight:bold !important;
}


/* LEVEL 3 */
ul.level_1 li.active ul.level_2 li.current ul.level_3,
ul.level_1 li.active ul.level_2 li.active ul.level_3
{
  border:none !important;
  left:0px !important;
  position:relative !important;
  top:0px !important;
  visibility:visible !important;
} *+ html ul.level_1 li.active ul.level_2 li.current ul.level_3,
ul.level_1 li.active ul.level_2 li.active ul.level_3 { /* IE7 HACK */
  background:#BDD5EF !important;
}
 *+ html ul.level_1 li.active ul.level_2 li.current ul.level_3:hover,
ul.level_1 li.active ul.level_2 li.active ul.level_3:hover { /* IE7 HACK */
  background:#BDD5EF !important;
}

ul.level_1 li.active ul.level_2 li.current ul.level_3 li
{
  background-color:#bdd5ef !important;
  width:163px !important;
}

ul.level_1 li.active ul.level_2 li.current ul.level_3 li:hover
{
  background:none !important;
  background-color:#bdd5ef !important;
  width:143px !important;
}

ul.level_1 li.active ul.level_2 li.current ul.level_3 li a,
ul.level_1 li.active ul.level_2 li.active ul.level_3 li a
{
  background:#bdd5ef url(../img/strich.gif) 21px 10px no-repeat !important;
  color:#00478c !important;
  margin:0px !important;
  padding:5px 5px 5px 30px !important;
  border:none !important;
  font-weight:normal !important;
  width:128px !important;
}
ul.level_1 li.active ul.level_2 li.current ul.level_3 li a:hover,
ul.level_1 li.active ul.level_2 li.active ul.level_3 li a:hover
{
  color:#0084fd !important;
}

ul.level_1 li.active ul.level_2 li.active ul.level_3 li.current a,
ul.level_1 li.active ul.level_2 li.active ul.level_3 li.active a
{
  color:#00468B !important;
  font-weight:bold !important;
}

ul.level_1 li.active ul.level_2 li.active:hover ul.level_3,
ul.level_1 li.active ul.level_2 li.active:hover ul.level_3
{
  background:#BDD5EF !important;
}
/* -------------------------------------------------------------------------- */

  
/* $3 - Startpage ////////////////////////////////////////////////////////////*/

.startpage .container #col_center img
{
  padding: 0 5px 0 0;
}

.startpage #col_center h2
{
  clear:both;
  font-size:1.8em;
  color:#3860a5; /*blau*/
  padding:25px 0 15px 0;
}

.startpage #col_center table tr.border td
{
  border-right:1px solid #ccc;
}

.startpage #col_center .col
{
  float:left;
  width:132px;
  border-right:1px solid #9fb2d1;
  margin-right:6px; 
}
  
* html .startpage #col_center .col
{
  /* IE 6 fix */
  overflow-x:hidden;  
}

.startpage #col_center .col p,
.startpage #col_center .col h3
{
  margin-right:6px;
}
  
.startpage #col_center .col img
{
  padding-bottom:5px;
}        
  
.startpage #col_center .col h3,
.startpage #col_center .col h3 a    
{
  color:#3860a5;
  font-size:1em;
  font-weight:bold;
  padding-bottom:5px;
  text-decoration:none;
}        
  
.startpage #col_center .last   
{
  border:none;
  margin-right:0px;
}
.startpage #col_center .link a,
.startpage #col_center .col h3 a,      
.startpage #col_center .link
{
  display:block;
}

.startpage #col_center .link
{      
  padding-top:3px;
}

.startpage #col_center a.link_arrow
{
  background:transparent url(../img/arrow.gif) left center no-repeat;
  display:block;
  margin-top:7px;
  padding-left:15px;
}

/* $4 - News /////////////////////////////////////////////////////////////////*/

#news h1
{
  color:#fff;
  font-size:1.5em;
  padding-bottom:10px;
  padding-top:30px;
}

#col_right #news span.rss
{
  float:right;
  display:block;
  padding-top:30px;
}
  
#news .item .content
{
  display:block;
  padding-bottom:5px;
  width:145px;
  font-weight:bold;
}
  
#news .item .content a,
#news .item .more a,
#news .archive a        
{
  color:#fff;
}
  
#news .item .more
{
  text-align:right;
  display:block;
}

#col_right #news .item .date
{
  color:#bbb;
  display:block;
  padding-bottom:5px;
}
  
* html body #col_right #news span.rss,
* html body #col_right #news .item .more     
{
  /* ie 6 hack */
  padding-right:10px;
}   

#col_center .news-list-container
{
  padding-top: 15px;
}
  
#col_center .news-list-container .news-list-item
{
  float:left;
}        
  
#col_center .news-list-container h3 a
{
  color:#0071E1;
  font-weight:bold;
  padding:2px 0px 7px 0px;
  display:block;
}
  
#col_center .news-list-container .image
{
  width:190px;
  float:left;
}
  
#col_center .news-list-container .container
{
  float:right;
  width:345px;
  line-height:1.3em;
}  
  
#col_center .news-list-container .image img
{
  padding:0;
  margin:0; 
}
  
#col_center .news-list-container .image .imagetitle
{
  display:block;
  width:200px; 
  color:#999999;
}
  
#col_center .news-list-container .news-list-morelink
{
  padding-top:10px;
  padding-bottom: 20px;
}      
 
#col_center .news-single-item .news-single-timedata
{
  color:#ccc;
}
  
#col_center .news-single-item h2
{
  color:#3860A5;
  padding:10px 0pt;
}
  
#col_center .news-single-item .images
{
  float:left;
  width:150px;
}
  
#col_center .news-single-item .images .imagetitle
{
  color:#999999;
  width:140px;
  display:block;
  padding-bottom: 10px;
}
  
#col_center .news-single-item .images img
{
  padding-bottom: 3px;
}        
  
#col_center .news-single-item .container
{
  float:right;
  width:345px;
  line-height:1.3em;
}
  
#col_center .news-single-item .container a
{
  font-style: italic;
}

#col_center .news-single-item .container .subheader
{
  font-weight: bold;
}        
  
#col_center .news-single-item .container .content
{
  padding:5px 0 5px 0; 
  display:block;
}      
    
#col_center .news-single-item .container .information a
{
  font-style: normal;
  color:#5B7AA1;
}

#col_center .news-single-item .container .information .news-single-related
{
  padding:0px 0 10px 0; 
}        
  
#col_center .news-single-item .container .information .news-single-related strong
{
  display:block;
  font-weight: bold;
  padding-bottom:2px;
}        
  
#col_center .news-single-backlink,
#col_center .news-single-backlink a    
{
  clear:both;
  color:#5B7AA1;
}        
  
/* $5 - Sitemap //////////////////////////////////////////////////////////////*/

.tx-flseositemap-pi1 .deep0 li
{
  padding-bottom:3px;
}  

.tx-flseositemap-pi1 .deep1 li
{
  padding:3px 0 1px 17px;/*oben, rechts, unten, links*/
}

.tx-flseositemap-pi1 .list li a
{
  background:transparent url(../img/arrow.gif) left center no-repeat;
  padding-left:15px; 
}   

/* $5 - Pages ////////////////////////////////////////////////////////////////*/
  
.pages #card
{
  background:#e1e1e1 url(../img/card.jpg) left top no-repeat;
  padding:33px 0 0 0; /*oben, rechts, unten, links*/
}
  
* html body .pages #card
{
  /* ie 6 fix */
  width:199px;
}
  
.pages #card .back
{
  background:transparent url(../img/cardbg.jpg) left top repeat-y;
  padding:10px;
  padding-top:0px;
  border:1px solid #adc1d9;
  border-left:none;
} * html .pages #card .back { /* IE6 HACK */
  
}

.pages #card h1
{
  font-size:1.4em;
  color:#da9237; /*orange*/
  padding:10px 0 10px 30px; /*oben, rechts, unten, links*/
  font-weight:bold;
  background:#e1e1e1 url(../img/bigcardicon.png) left center no-repeat;
  width:168px;
}

.pages #card span
{
  color:#717171; /*grau*/
  display:block;
  padding-bottom:10px;
}

.pages #card .item
{ 
  padding-bottom:1px;
}        
  
.pages #card .item a
{
  color:#405f95;
} 

.pages #card div.links
{
  padding-top:20px; 
}  

.pages #card div.links .manual
{
  color:#717171; /*grau*/
  text-decoration:underline;
  float:left;
  display:block;
}

.pages #card div.links .card
{
  float:right;
  display:block;
  color:#405f95;
  text-decoration:underline;
  font-weight:bold;
}

/* $7 - Products /////////////////////////////////////////////////////////////*/

/* CONTENT NAVIGATION ------------------------------------------------------- */
#col_center ul.content_nav
{
  border-bottom:1px solid #e4e3e3;
  display:block;
  margin:23px 0px 33px 0px;
  padding-top:2px;
}

#col_center ul.content_nav li
{
  background:transparent url(../img/content_nav_left_corner.gif) no-repeat left top;
  display:inline;
  float:left;
  margin-right:2px;
}

#col_center ul.content_nav li.first
{
  margin-left:10px;
}

#col_center ul.content_nav li.last
{
  margin-right:0px;
}

#col_center ul.content_nav li a
{
  background:transparent url(../img/content_nav_right_corner.gif) no-repeat right top;
  color:#191919;
  display:block;
  float:left;
  height:19px;
  line-height:19px;
  padding:0px 19px 0px 19px;
}

/* current node */
#col_center ul.content_nav li.current
{
  background:transparent url(../img/content_nav_left_corner_current.gif) no-repeat left top;
  height:22px;
  margin-bottom:-1px;
  margin-top:-2px;
}

#col_center ul.content_nav li.current a
{
  background:transparent url(../img/content_nav_right_corner_current.gif) no-repeat right top;
  height:22px;
  line-height:22px;
}
/* -------------------------------------------------------------------------- */


/* THUMBNAIL ---------------------------------------------------------------- */
.thumbnail 
{
  float:left;
  height:120px;
  margin:5px;
  width:100px;
}
  
.thumbnail p
{
  height:25px;
  width:100px;   
}
/* -------------------------------------------------------------------------- */


#col_center .tx-ttproducts-pi1-list .category_subtitle h1,
#col_center .tx-ttproducts-pi1-list .category_subtitle h2
{
  font-size:1.3em;
  color:#515151;
  padding-bottom:15px;
  font-weight:bold;
  line-height: 1.3em;
}

#col_center .tx-ttproducts-pi1-list div.image
{
  float:left;
  width:210px;
}
  
#col_center .tx-ttproducts-pi1-list div.teaser
{
  width:340px;
  float:right;
}        

#col_center .tx-ttproducts-pi1-list .teaser h1,  
#col_center .tx-ttproducts-pi1-list .teaser h2
{
  font-weight:bold;
  color:#0071e1;/*hellblau*/
  padding:0 0 7px 0;
}
#col_center .tx-ttproducts-pi1-list div.teaser div.link
{
  padding:7px 0 10px 0;
}
#col_center .tx-ttproducts-pi1-list div.teaser div.link a
{
  color:#5a7aa1;
}
  
#additionalproductinfo h1
{
  display:none;
}

#col_right .tx-ttproducts-pi1-single .technical,
#col_right .tx-ttproducts-pi1-single .related,
#col_right .tx-ttproducts-pi1-single #downloads
{
  padding-left:10px; 
}  
  
#col_right .tx-ttproducts-pi1-single h1
{
  display:block;
}

#col_right .tx-ttproducts-pi1-single .technical h1
{
  color:#3561a2;
  font-size:1.3em;
  padding:11px 0 10px 0;/*oben, rechts, unten, links*/
  font-weight:bold;
}

#col_right .tx-ttproducts-pi1-single .technical .content
{
  display:block;
  line-height:1.2em;
}

#col_right .tx-ttproducts-pi1-single .technical .content ul
{
  padding-left:15px;
}        
  
#col_right .tx-ttproducts-pi1-single .technical .content ul li
{
  font-weight:bold;
  color:#5c7aa0;
  list-style:square;
}        

#col_right .tx-ttproducts-pi1-single .related h1
{
  color:#dc9337;
  font-size:1.3em;
  padding:11px 0 10px 0;/*oben, rechts, unten, links*/
  font-weight:bold;
}

#col_right .tx-ttproducts-pi1-single .related ul li
{
  background:transparent url(../img/arrow.gif) left 3px no-repeat;
  padding-left:15px;
}

#col_right .tx-ttproducts-pi1-single .related ul li span   
{
  display:block;
  color:#597ba0;
  line-height:1.2em;
}

#col_right .tx-ttproducts-pi1-single .related ul li span.title
{
  font-weight:bold;
}

#col_right .tx-ttproducts-pi1-single .related ul li span a  
{
  color:#597ba0;
  line-height:1.2em;
  text-decoration:underline;
  padding-bottom:15px;
  display:block;
}

#col_right #downloads h1, 
#col_right .tx-ttproducts-pi1-single #downloads h1    
{
  color:#3561a2;
  font-size:1.3em;
  font-weight:bold;
}    

#col_right #downloads h1 
{
  padding:11px 0 10px 10px;
}    
  
#col_right .tx-ttproducts-pi1-single #downloads h1
{
  padding:11px 0 10px 0;/*oben, rechts, unten, links*/
}

#col_right .tx-ttproducts-pi1-single #downloads ul.datasheets li
{
  display:block;
  float:left;
}        
  
#col_right .tx-ttproducts-pi1-single #downloads .datasheets li a.datasheet,
#col_right #downloads ul.download li.item a.item
{
  display:block;
  padding:3px 0px 3px 0;
  height:16px;
  background:#fff url(../img/downicon.png) right center no-repeat;
  width:197px;
  color:#597ba0;
}

#col_right #downloads ul.download li.item a.item  
{
  padding:0px;
}
  
#col_right #downloads ul.download li.item
{
  padding:0px 0px 0px 10px;
}  

* html #col_right .tx-ttproducts-pi1-single #downloads .datasheets li a.datasheet
{
  /* ie6 hack*/
  width: 185px;
}
*+ html #col_right .tx-ttproducts-pi1-single #downloads .datasheets li a.datasheet
{
  /* ie7 hack*/
  width: 187px;
}   

#col_right .tx-ttproducts-pi1-single #downloads .datasheets li a img
{ 
  float:right;
  padding-right:20px;
}  

#col_right .tx-ttproducts-pi1-single #downloads .datasheets li a span
{
  float:left;
}
  
#col_right .tx-ttproducts-pi1-single #downloads .datasheets li span.itemization
{
  padding-right:3px;
  float:left;
  display:block;
  padding-top:4px;
  color:#597ba0;
}        

#col_right .tx-ttproducts-pi1-single #downloads a.products_update
{
  background:#fff url(../img/smalcardicon.png) left center no-repeat;
  padding:10px 0px 10px 15px;
  display:block;
  color:#597ba0;
  text-decoration:underline;
}

#col_center #zipfile h1,
#col_center #shopping_card h1       
{
  font-size:1.8em;
  color:#d79235;
  padding-bottom:15px;
}

#col_center .tx-ttproducts-pi1-single .productdetail h2
{
  font-size:1.3em;
  color:#515151;
  padding-bottom:15px;
  font-weight:bold;
}

#col_center .tx-ttproducts-pi1-single .productdetail .image
{
  float:left;
  padding-right:17px;
}

#col_center .tx-ttproducts-pi1-single .productdetail .note
{
  width:330px;
  float:right;
}
  
#col_center #zipfile div.download
{
  padding-bottom: 15px;
}
  
#col_center #zipfile div.download a,
#col_center #shopping_card table.carditems tr td.title a,
#col_center #shopping_card table.carditems tr td.datasheet a        
{  
  color:#5B7AA1;
}
  
#col_center #zipfile div.link span
{
  display:block;
}
  
#col_center #zipfile div.link input
{
  width:100%;  
}      

#col_center #shopping_card table.carditems
{
  width: 100%;
  border-collapse: collapse;
  margin-bottom:15px;
}

#col_center #shopping_card table.carditems tr:hover
{
  background-color: #eee;
}        
  
#col_center #shopping_card table.carditems tr td
{
  border: 1px solid #ccc; 
}      
      
#col_center #shopping_card table.carditems tr td
{
  vertical-align: middle;
}
  
#col_center #shopping_card table.carditems tr td.datasheet a
{
  display:block;
}

#col_center #shopping_card table.carditems tr td.actions input
{
  border:none;
  /*todo*/
  background:#fff url(../img/smalcardicon.png) left center no-repeat;
  cursor:pointer;
}

/* $8 - Recommend form ///////////////////////////////////////////////////////*/

#recommend .url
{
  display:block;
  padding:10px;
  padding-left:15px;
  color:#5B7AA1;
}

#recommend div.clear
{
  padding:2px 0 2px 0; /*oben, rechts, unten, links*/
}
  
#recommend .error    
{
  padding-bottom:10px;
}   
  
#recommend label
{
  width:150px;
  display:block;
  float:left;
} 

#recommend input, 
#recommend textarea
{
  width: 200px;
}
#recommend textarea
{
  height:75px;
}        

#recommend input.submit
{
  width:auto;
}
  
#recommend_success a
{
  display:block;
  padding: 15px 0 15px 15px; 
}        

/* $9 - Contact form /////////////////////////////////////////////////////////*/

#contactform
{
  border-collapse:collapse;
}      
#contactform td
{
  padding: 0 5px 5px 0; /*oben, rechts, unten, links*/
  vertical-align:middle;
}        
#contactform td.col1
{
  width:125px;
}
#contactform td input,
#contactform td textarea
{
  width:250px;
}
#contactform td select
{
  width:100px;
}

#contactform .submit
{
  width: auto;
}

#col_center p
{
  clear:both;
  display:block;
  float:none;
  padding:5px 0;
}

.note h5
{
  padding:0 !important;
}