* {
   padding:0;
   margin:0;
}

html,body{
   font: 12px arial,sans-serif;
   text-align:center;
   /*height: 100%; */
   color:#333333;
   line-height:1.3em;
   background-color:#FFFFFF;
}

pre, 
label, 
dl, 
fieldset, 
address { 
   margin:1em 5%; 
}
blockquote{
   margin:0 50px;
}
dd { 
   margin-left:5%; 
}
fieldset { 
   padding: .5em; 
}
a:link, 
a:visited, 
a:active, 
a:focus {
   text-decoration:none;
   color:#114C99;
}
a:hover{
   text-decoration:none;
   color:#89B537;
}
#content ul, 
#content ol{
   margin:1em 10px;
}
#content li{
   margin:0 0 0 15px;
}
#content_stat ul, 
#content_stat ol {
   margin:1em 10px;
}
#content_stat li{
   margin:0 0 0 15px;
}

/*   LAYOUT   -----------------------------------------   */

div#header {
   height:30px;
   vertical-align:bottom;
   padding:113px 0 10px 10px;
   background:url(../images/header.gif) no-repeat 10px;
   color: #79B30B; 
   text-align:right;
   position:relative;
}
div#container, 
div#container_stat{
   text-align:left;
}


div#content p,
div#content_stat p{

}

div#navigation{
   background:#FFF;
}

div#footer{
   background:#333; 
   color: #FFF
}
div#footer p{
   margin:0;
   padding:5px 10px;
}

div#container, 
div#container_stat {
   width:800px;
   /*height:100%;*/
   margin:0 auto;
   position:relative;
}

div#container_stat{
   background:url(../images/container_stat_bg.gif) repeat-y;
}
div#container{
   background:url(../images/container_bg.gif) repeat-y;
}

div#containerbg{
   position:relative; 
   left:0;
   overflow:auto;
   width:780px;
   height:100%;
}

div#content, 
div#content_stat{
   width:auto;
   overflow:auto; 
   margin-bottom:20px;
} 
div#content{
   /*padding:0px 20px 0px 220px;*/
   width:780px;
   min-height:358px;

}
div#content_stat{
   padding:0 10px;
   background:url(../images/container_stat_bg.gif) repeat-y;
   height:auto;
} 
#home div#content_stat{
   padding:0 10px;
   height:395px;
   margin-bottom:0;
} 

#home .home_de {
   background:url(../images/home_bg.jpg) repeat-y 0px 90px;

}
#home .home_en {
   background:url(../images/home_bg_en.jpg) repeat-y 0px 90px;

}
 /* position:relative;top:0px;overflow:auto;}*/

div#navigation{
   float:left;
   width:200px;
   background:transparent;
   position:absolute; 
   top:176px;
   left:10px;
}



div#extra, 
div#extra_stat{
   clear:both;
   width:800px;
   height:10px;
   overflow:hidden;
   
   padding:0 0;
   border-bottom:20px solid #FFF;
}

div#extra {
   background:url(../images/footer.gif) no-repeat 0px 22px;height:32px;color:#DDDDDD;
} 
#home div#extra {
   background:url(../images/footer.gif) no-repeat 0px 2px;height:12px;
} 
div#extra p{
   margin:0 0 0 30px;overflow:visible;font-weight:bold; 
} 
div#extra p a:link, div#extra p a:visited {
   color:#BBBBBB;
  
} 

div#extra p a:hover, div#extra p a:active {
   color:#89B537;
} 
div#extra_stat {
   background:url(../images/footer_stat.gif) no-repeat;
} 

.language {
   position:absolute;
   top:12px;
   right:38px;
}
.language a {
   color:white;
   font-weight:bold;
   outline:none;
}
.language a:hover {
   color:#114C99;
}

/*   NAVIGATION   -----------------------------------------   */

#footernav {
   width: 750px;
   float:left;
   font-size: 11px; /*could be specified at a higher level*/
   font-weight:bold;	
   margin: 0;
   padding:10px 30px 0 0;
   border-top:10px solid #EAEAEA;
}

#footernav li {
   float: right;
   margin: 0; 
   padding: 0;
   display: inline;
   list-style: none;
}
	
#footernav a:link, 
#footernav a:visited {
   float: left;
   font-size: 11px;
   line-height: 20px;
   font-weight: normal;
   margin: 0 0 0 10px;
   text-decoration: none;
   text-transform:uppercase;
   color: #114C99;
   outline: none;
}

#footernav a.aktiv:link, 
#footernav a.aktiv:visited {
   border-bottom: 10px solid #EAEAEA;
   padding-bottom: 2px;
   color: #89B537;
   outline: none;
}
#footernav a:hover {
   outline: none;
   color: #89B537;
}

/* +++ */
/* +++ */

#header ul {
   width: 760px;
   float:left;
   font-size: 14px; /* could be specified at a higher level */
   font-weight:bold;	
   margin: 0;
}

#header ul li {
   float: right;
   margin: 0; 
   padding: 0;
   display: inline;
   list-style: none;
}
	
#header ul a:link, 
#header ul a:visited {
   float: left;
   font-size: 14px;
   line-height: 20px;
   font-weight: bold;
   margin: 0 0 0 10px;
   text-decoration: none;
   text-transform:uppercase;
   color: #114C99;
   outline: none;
}

#header ul li.aktiv a:link, 
#header ul li.aktiv a:visited {
   border-bottom: 10px solid #EBEBEB;

   padding-bottom: 2px;
   color: #89B537;
   outline: none;
}
#header ul a:hover {
   outline: none;
   color: #89B537;
}

/*
#nav{color:#114C99;margin:0 30px 0 0;height:30px;}
#nav li{display:inline;font:bold 14px arial, helvetica, verdana, sans-serif;line-height:10px;text-transform:uppercase;}
#nav li a:link, 
#nav li a:visited {background-color:#FFF;color:#114C99;text-decoration:none; padding:3px 5px 7px 5px;}
#nav li a:hover{color:#89B537;}
#nav li a.aktiv {background-color:#89B537;color:#FFF;}
*/

#navigation ul{
   color:#114C99;
   margin:20px 20px 0 0;
}
#navigation ul li{
   font:bold 11px arial, helvetica, verdana, sans-serif;
   text-transform:uppercase;
   list-style-type:none;
   margin:0 0 10px 0
}
#navigation ul li a:link, 
#navigation ul li a:visited {
   background-color:#FFF;
   color:#114C99;
   text-decoration:none;
   padding:0 10px 0 20px; 
   display:block;
   outline: none;
}
#navigation ul li a:hover{
   color:#89B537;
   outline: none;

}

#navigation ul li.aktiv a:link,
#navigation ul li.aktiv a:visited{
   border-left:10px solid #EAEAEA;
   padding:0 10px 0 10px;
   color:#89B537;
   outline: none;

}

/*   CONTENT   -----------------------------------------   */

h1{
  color:#FFF;
  font:20px arial, helvetica, verdana, sans-serif;
  letter-spacing:.05em;
  height:40px;
  padding:50px 20px 0 20px;
   
}
#home h1{
  background:url(../images/green2.jpg) no-repeat;
}
#wissenswertes h1,
#worth-knowing h1,
#druckbeispiele h1,
#examples-pressure h1 {
  background:url(../images/green1.jpg) no-repeat;
}
#agbs h1,
#terms-and-conditions h1{
  background:url(../images/green5.jpg) no-repeat;
}
#kontakt h1,
#contact h1{
  background:url(../images/green4.jpg) no-repeat;
}
#impressum h1,
#imprint h1 {
  background:url(../images/green3.jpg) no-repeat;
}

div.static_content{
  width:400px;
  margin:40px 20px 10px 10px;
  padding:0 0 0 10px;
}
div.static_content_pk{
  width:400px;
  margin:40px 20px 10px 210px;
  padding:0 0 0 20px;
}
/*
------------------------------------------------ */
h2.ukat_hl{
  color:#89B537;
  font:20px arial, helvetica, verdana, sans-serif;
  clear:both;
  padding:35px 0 5px 0;
  margin-left:220px;
}



.ukat_sub{
  padding-left:220px;
  background-color:transparent;
}
.dline{
  border-top:1px solid #EEEEEE;
  height:3px;
  color:#FFF;
  margin:3px 10px 0 220px;
  padding:0;
}
.prodimage {
  float:left;
  padding-left:220px;
  margin-top:6px;
}

.test {
  background-color:red; 
  width:320px; 
  clear:right; 
  float:right; 
  margin:0; 
  padding:0;}

div.prodbox{
  width:320px;
  clear:right;
  float:right;
  background:url(../images/prod_bg.gif) no-repeat;
  margin-top:0;
  margin-bottom:0;
  padding:0 10px 0 20px;
  overflow:hidden;
}
div.prodbottom{
  height:11px;
  background:url(../images/prodbottom_bg.gif) no-repeat;
  margin:0 -10px 0 -20px;
  overflow:hidden;
}
div.txt {
  margin-top:15px;
  margin-left:8px;
  padding-right:10px;
}

.numcode {
  position:relative;
  margin:8px 1px 0 -9px;
  padding:2px 0 2px 18px;
  background-color:#EAEAEA;
}
.numcode span{}
.numcode span.artnum{
  /*margin-left:20px;*/
}
.numcode span.mcode{
  position:absolute;
  left:120px;
}
.penshape {
	width: 11px;
	height: 10px;
  position:absolute;
  top: 5px;
  left: 3px;
	cursor: pointer;
}
.shape {
  width: 0px;
  height: 0px;
}
.shapehexagonal {
  background: url(../images/shapehexagonal.gif) no-repeat;
}
.shaperund {
  background: url(../images/shaperund.gif) no-repeat;
}
.shapedreikant {
  background: url(../images/shapedreikant.gif) no-repeat;
}

/*   LOGIN   -----------------------------------------   */


.loginform {
  margin:0 21px;
}

.loginform tr td.br {
  border-top:10px solid #fff;
}

.loginform input.txt {
  border:1px solid #aaa;
  padding:2px 0;
  width:146px;
}

.loginform label {
  margin:0;
}

.logout {
  margin-left:20px;
  padding-left:20px;
  background:url(../images/logout.gif) no-repeat;
}


/*   DOWNLOAD   -----------------------------------------   */

.download table, .download div {
  margin:20px 20px 20px 250px;
}

.download table tr td {
  padding:2px 8px 2px 0px;
}


