*{padding:0; margin:0;}

html {
  height:100%;
 /* overflow-y:scroll;*/
  }
  
/*html>/**\/body, x:-moz-any-link, x:default { position:relative; left:-0.1px; }*/
  
body {
  margin: 0 auto;
	background-color:rgb(235,235,235); 
	background-image:url(../images/page_bg.png);
	background-position:center;
	background-repeat:repeat-y;
 	font-size:62.5%; 
	font-family:verdana,arial,sans-serif;} 

img {
  border:none;}

.page-container {
  margin:0 auto;
  visibility: visible;
  width:990px; 
  height:100%;
  background-color:#FFFFFF;
  background-repeat:no-repeat;
  font-size:1.0em;}
  
.header {
  width:990px;
  height:120px; 
  font-family:verdana,arial,sans-serif;}

.nav1 {
  position:absolute;
  margin:8px 0 0 0;
  margin-left:10px !important/*Non-IE6*/; margin-left:33px /*IE6*/;
  width:350px; 
  height: 30px; 
  font-size:120%;}
  
.nav1 a, .nav1 a:visited {
  text-decoration:none; 
  color:rgb(0,0,0);}
  
.nav1 a:hover, .nav1 a:hover {
  text-decoration:underline;}  
   
.nav_flag {
  position:absolute;
  margin:100px 0 0 0;
  margin-left:35px !important; 
  width:150px;}

.main {
  clear:both;
  width:990px;
  min-height:500px;
  margin-bottom:20px;}

.main-navigation {
  margin:0 0 0 0;
  margin-left:30px;
  display:inline;
  float:left;
  width:170px;
  overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
    
.nav-top {
  display:block;
  background-image:url(../images/nav-top.gif);
  background-repeat:repeat-x;
  min-height:21px /*Non-IE6*/; 
  line-height:21px; 
  height:auto !important; height:21px /*IE6*/; 
  width: 168px;
  border-top: solid 1px rgb(180,180,180);
  border-left: solid 1px rgb(180,180,180);
  border-right: solid 1px rgb(180,180,180); 
  font-weight:bold; 
  font-size:120%;
  text-decoration:none; color:rgb(50,50,50); 
  text-align:center;}

.nav2 {
  background-color:rgb(247,247,247);
  width:168px;
  border-bottom:solid 1px rgb(180,180,180);
  border-left:solid 1px rgb(180,180,180);
  border-right:solid 1px rgb(180,180,180);}

.nav2 li{
  list-style-type: none;}

.nav2 li.submenu1 a, .nav2 li.submenu1 a:visited {
  display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; 
  height:2.0em /*IE6*/; line-height:2.0em; padding:0px 10px 0px 20px;  
  border-top: solid 1px rgb(180,180,180); text-decoration:none; color:rgb(100,100,100); 
  font-weight:bold; font-size:120%;}
  
.nav2 ul li.submenu2 a, .nav2 li.submenu2 a:visited {
  display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; 
  height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 40px; 
  border:none; font-weight:normal; text-decoration:none; 
  color:rgb(100,100,100); font-size:120%;}
  
.nav2 ul li.submenu3 a, .nav2 li.submenu3 a:visited {
  display:block; min-height:1.5em /*Non-IE6*/; height:auto !important; 
  height:1.5em /*IE6*/; line-height:1.5em; padding:0px 5px 0px 60px;  
  border: none; text-decoration:none;font-weight:normal;
  color:rgb(100,100,100); text-decoration: none; font-size:100%;}
  
.nav2 li.submenu1-act a {
  display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; 
  height:2.0em /*IE6*/; line-height:2.0em; padding:0px 10px 0px 20px;  
  border-top: solid 1px rgb(180,180,180); text-decoration:underline; color:rgb(200,0,0); 
  font-weight:bold; font-size:120%;}
  
.nav2 li.submenu2-act a {
  display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; 
  height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 40px; 
  border:none; font-weight:normal; text-decoration:underline; 
  color:rgb(200,0,0); font-size:120%;}
  
.nav2 li.submenu3-act a {
  display:block; min-height:1.5em /*Non-IE6*/; height:auto !important; 
  height:1.5em /*IE6*/; line-height:1.5em; padding:0px 5px 0px 60px;  
  border: none; text-decoration:none; font-weight:normal;
  color:rgb(200,0,0); text-decoration:underline; font-size:100%;}
  
.nav2 a:hover, .nav2 a:hover {
  background-color:rgb(225,225,225); color:rgb(100,100,100); text-decoration:none;}
    
.news {
  background-color:rgb(247,247,247);
  width:168px;
  border: solid 1px rgb(180,180,180);
  margin-bottom:20px;}
  
.news-top {
  display:block;
  background-image:url(../images/nav-top.gif);
  background-repeat:repeat-x;
  min-height:21px /*Non-IE6*/; 
  line-height:21px; 
  height:auto !important; height:21px /*IE6*/; 
  border-bottom: solid 1px rgb(180,180,180); 
  font-weight:bold; 
  font-size:120%;
  text-decoration:none; color:rgb(50,50,50); 
  text-align:center;}
  
.news p {
  display:block; 
  width:139px;
  min-height:2.0em /*Non-IE6*/; 
  height:auto !important; height:2.0em /*IE6*/; 
  line-height:1.3em; 
  padding:5px 10px 5px 10px;  
  text-decoration:none; color:rgb(100,100,100); 
  font-size:110%;}
  
.news .imgbox {
  text-align:center;
  padding: 5px 0 5px 0;
  border-top:1px dashed rgb(200,200,200);
  text-decoration:none; color:rgb(100,100,100);}

.main-content {
  display:inline; /*Fix IE floating margin bug*/; 
  float:left; 
  width:700px; 
  margin:0 0 0 30px;
  overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;
  border:solid 1px rgb(180,180,180);}
  
/* keine Naviation */
.main-content-no-nav{
 -width:700px;
 width:900px;}

.main-content ul {
  margin:0 0 0 30px;
  list-style-position:outside;}
  
.main-content h1.pagetitle {
  display:block; 
  background-image:url(../images/nav-top.gif);
  background-repeat:repeat-x;
  min-height:21px /*Non-IE6*/;
  height:auto !important;  
  height:21px /*IE6*/; 
  line-height:21px; 
  padding:0px 2px 0px 2px; 
  background-color:rgb(247,247,247);
  border-bottom:solid 1px rgb(180,180,180);
  font-weight:bold;
  font-size:120%;}

.pagetitle img { vertical-align: middle; }  

.main-column1 {
  width:660px;
  margin: 10px 15px 0 15px;
  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;
  font-family:verdana,arial,sans-serif; }

/* keine Navigation */ 
.main-column1-no-nav{
 -width:660px;
 width:860px;
}

.main-column1 h1 {
  margin:0 0 0 0; 
  color:rgb(80,80,80); 
  padding:0 0 5px 0;
  font-weight:normal; 
  font-size:210%;}

.main-column1 h2 {
  margin:1.0em 0 0.5em 0;
  color:rgb(80,80,80);
  padding:0 0 5px 0; 
  font-weight:normal; 
  font-size:170%;}
  
.main-column1 h3 {
  margin:-7px 0 0.5em 0; 
  padding:0 0 5px 0;
  color:rgb(125,125,125); 
  font-weight:normal; 
  font-size:130%;}

.main-column1 h4 {
  margin:1.5em 0 1.0em 0; 
  padding:0 0 5px 0;
  color:rgb(80,80,80); 
  font-weight:normal; 
  font-size:170%;}
  
.main-column1 h5 {
  margin:1.5em 0 1.0em 0; 
  padding:0 0 5px 0;
  color:rgb(80,80,80); 
  font-size:140%;}

.main-column1 h6 {
  margin:1.2em 0 0.2em 0; 
  color:rgb(80,80,80); 
  font-weight:bold; 
  font-size:120%;}

.main-column1 p {
  margin:0 0 1.0em 0; 
  line-height:1.5em; 
  color:rgb(80,80,80);
  font-size:120%;}

.main-column1 ul {
 color:rgb(80,80,80);
  font-size:120%;}

.main-column1 ul li ul {
  font-size:100%;}

.main-column1 p.align-center {text-align:center;}
  
.main-column1 p.align-right {text-align:right;}

.main-column1 p.details {
  clear:both; 
  margin:-0.25em 0 1.0em 0; 
  line-height:1.0em; 
  font-size:110%;}
    
.main-column1 a, .main-column1 a:visited {
  text-decoration:none;
  color:rgb(80,80,80);}

.main-column1 a:hover{
  text-decoration:underline;}
  
.main-column1 blockquote {
  clear:both; 
  margin:0 30px 0.6em 30px; 
  font-size:90%;}
    
a.internal-link, a.internal-link:visited  {
  text-decoration:none; 
  color:rgb(80,80,80);}
  
a.internal-link:hover, a.internal-link:hover {
  text-decoration:underline;}
  
  
.footer {
  clear: both; 
  width: 990px; 
  padding: 0; 
  position: fixed; /*nicht fixieren, da das mit mobilen Browsern nicht funktioniert */
  bottom: 0; 
  z-index: 89;
  background:rgb(247,247,247) url(../images/nav-top.gif) repeat-x;}
 
.footer-text {
  padding:5px 50px 5px 50px;
  text-align:center;}

.footer-text a, .footer-text a:visited {
  text-decoration:none; 
  color:rgb(0,0,0);}

.footer-text a:hover, .footer-text a:hover {
  text-decoration:underline;}
  
.tx-felogin-pi1 {
  font-family:verdana,arial,sans-serif;
  padding:15px;
}
  
.tx-felogin-pi1-field label {
  width:150px;
  float:left;
}


/***************** Styles fuer das zweispaltige Layout **********************/
.col_wrap {
  border:1px solid #ddd;
  padding:5px;
}

.col1 { float:left; width:48%; padding:5px; }
.col2 { float:left; width:48%; padding:5px; }

/***************** Styles fuer die Produkt Listen **********************/

.listitem a:link {
	text-decoration: none;
}
.listitem a:visited {
	text-decoration: none;
}
.listitem a:hover {
	text-decoration: underline;
}
.listitem a:active {
	text-decoration: none;
}

.listitem {
  margin:5px;
  margin-left:10px;
  position:relative;
	width: 650px;
}

.product_image {
  position:relative;
  width:150px;
  float:left;
}

.product_description {
  color:rgb(100,100,100);
  float:left;
  width:500px;
  font-family:verdana,arial,sans-serif;
}

.product_title {
  padding:10px 5px 0 5px;
  height:18px;
  line-height:18px;
  font-size: 140%;
}

.product_subheader {
  color:rgb(200,50,50);
  padding-left:10px;
  margin-top: -8px;
  height:13px;
  line-height:13px;
  font-size: 110%;
}

.product_note {
  padding: 5px;
  height: auto;
  font-size: 1.2em;
}

/***************** FE Loginbox  ******************/


/***************** Sprachen  ******************/

.de {
display:block;
width:16px;
height:11px;
background-image:url('../images/flags.jpg');
background-position:0px -11px;
float:left;
margin-right:2px;
font-size:0px;
}

.de:hover {
background-position:0px 0px;
cursor:pointer;
}

.en {
display:block;
width:16px;
height:11px;
background-image:url('../images/flags.jpg');
background-position:64px -11px;
float:left;
margin-right:2px;
font-size:0px;
}

.en:hover {
background-position:64px 0px;
cursor:pointer;
}

.nl {
display:block;
width:16px;
height:11px;
background-image:url('../images/flags.jpg');
background-position:48px -11px;
float:left;
margin-right:2px;
font-size:0px;
}

.nl:hover {
background-position:48px 0px;
cursor:pointer;
}

.cn {
display:block;
width:16px;
height:11px;
background-image:url('../images/flags.jpg');
background-position:32px -11px;
float:left;
margin-right:2px;
font-size:0px;
}

.cn:hover {
background-position:32px 0px;
cursor:pointer;
}


.pl {
display:block;
width:16px;
height:11px;
background-image:url('../images/flags.jpg');
background-position:16px -11px;
float:left;
margin-right:2px;
font-size:0px;
}

.pl:hover {
background-position:16px 0px;
cursor:pointer;
}


/***************** Contentname  ******************/
.contentname a, .contentname a:visited {
	text-decoration:none; 
	color:rgb(0,0,0);
}

/***************** tt_news LATEST view  ******************/

.news-latest-container {
	padding:10px;
}

.news-latest-gotoarchive {
	padding:3px;
	margin:3px;
	background-color:#f3f3f3;
}


.news-latest-container H2 {
  padding: 0 0 2px 0;
  margin:0;
}

.news-latest-item {
	padding:3px;
	margin:0;
}

.news-latest-item a, .news-latest-item a:visited {
	text-decoration:none; 
	color:rgb(0,0,0);
}

.news-latest-item a:hover {
	text-decoration: underline;
}

.news-latest-item h2 {
  font-size: 120%;
  margin-bottom:10px;
}

.news-latest-item IMG {
	margin: 0 5px 5px 0;
	float:left;
	border: none;
}

.news-latest-category IMG {
	float: none;
	border:none;
	margin:0px;
}

.news-latest-item > p {
	margin:0;
	padding:0;
}




/****************** tt_news LIST view  ******************/
.news-list-container {
	padding: 10px 0;

}
.news-list-item {
	padding: 0 0 10px 0;
	clear:both;
}

.news-list-container H2 {
	margin: 0px;
}

.news-list-date {
	display:block;
	width:126px;
	font-size:14px;
	letter-spacing:2px;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	background-color:#C1121C;
	color:#FFFFFF;
	margin-left:-2px;
	padding-left:24px;
	padding-top:2px;
	padding-bottom:2px;
}

.news-list-imgcaption {
	padding:3px 3px 0 0;

}

.news-list-container IMG {
	float: right;
	margin:0 0px 25px 5px;
	border: none;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
	width:150px;
	height:130px;

}

.news-list-category IMG {
	float: none;
	border:none;
	margin:0px;
}

.news-list-morelink  {
	padding-left:5px;
}

.news-title-h2 {
margin-bottom:10px;
}

.news-subheader {
}

.news-links {
float:left;
width:165px;
}

.news-rechts {
margin-right:25px;
}

.container-rechts {
box-shadow: 2px 2px 2px #333;
border-radius:7px;
width:148px;
height:150px;
}

/******************* tt_news SINGLE view   *******************/


.news-single-item {
	padding:5px;
	margin-bottom:5px;


}

.news-single-img {
	float: right;
	margin:10px 0 0 10px;
	padding:0;
}

.news-single-img img {
	border:none;
}

.news-single-imgcaption {
	padding: 1px 0 3px 0;
	margin:0;
}

.news-single-rightbox {
	float: right;
	width:160px;
	text-align:right;
	clear:both;
}
.news-single-backlink {
	padding: 10px;
}



.news-single-additional-info {
	margin-top: 15px;
	padding:3px;
	clear:both;
}

.news-single-related,
.news-single-files,
.news-single-links  {
	margin: 0;
	margin-bottom: 3px;
	padding: 3px;
}

.news-single-related DD,
.news-single-links DD,
.news-single-files DD {
	margin-left: 20px;
}

.news-single-related DT,
.news-single-links DT,
.news-single-files DT {
	font-weight: bold;
	margin-left: 5px;
}

.news-single-files DD A {
	padding:0 3px;
}


/*******************  tt_news Page-Browser *******************/

.news-list-browse {
	text-align:center;
	margin-bottom:0px;
	margin-top:50px;
}

.activeLinkWrap {
	font-weight:bold;
}
.disabledLinkWrap {
	color: #999;
}
.disabledLinkWrap,
.browseLinksWrap a,
.activeLinkWrap {
	padding:0 1px;
}

/******************** tt_news clearer  ********************/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-latest-container HR.clearer,
.news-list-container HR.clearer,
.news-list2-container HR.clearer,
.news-list3-container HR.clearer,
.news-single-item HR.cl-left,
.news-single-item HR.cl-right
 {
	clear:right;
	height:1px;
	border:none;
	padding:0;
	margin:0;
}
.news-list2-container HR.clearer,
.news-list3-container HR.clearer {
	clear:both;
}

.news-single-item HR.cl-left {
	clear:left;
}

/******************** fe login box  ********************/
div.tx-felogin-pi1 div {
  margin:0 0 1.0em 0; 
  line-height:1.5em; 
  color:rgb(80,80,80);
  font-size:120%;
}
div.tx-felogin-pi1 h3 {
  margin:0 0 0 0; 
  color:rgb(80,80,80); 
  padding:0 0 5px 0;
  font-weight:normal; 
  font-size:210%;
}

div.tx-felogin-pi1 ol,
div.tx-felogin-pi1 ol li {
	margin: 0;
	padding: 0;
}

div.tx-felogin-pi1 ol li {
	overflow: hidden;
}

div.tx-felogin-pi1 fieldset {
	margin: 0;
	padding: 0;
	position: relative;
}

div.tx-felogin-pi1 legend {
	margin-left: 1em;
	color: #000000;
	font-weight: bold;
}

div.tx-felogin-pi1 fieldset ol {
	padding: 1em 1em 0 1em;
}

div.tx-felogin-pi1 fieldset li {
	padding: 0.5em;
	margin-bottom: 0.5em;
	list-style: none;
}

div.tx-felogin-pi1 fieldset.submit {
	border-style: none;
}

div.tx-felogin-pi1 li label {
	float: left;
	width: 13em;
	margin-right: 1em;
	vertical-align: baseline;
	font-size:120%;
	color:rgb(80,80,80); 
}

div.tx-felogin-pi1 li input + label,
div.tx-felogin-pi1 li textarea + label,
div.tx-felogin-pi1 li select + label {
	float: none;
	width: auto;
	margin-right: 0;
	margin-left: 1em;
}

div.tx-felogin-pi1 li textarea + label {
	vertical-align: top;
}


