* {
  margin: 0;
  padding: 0;
  border:none;
}
html{
  background-color:#2c2c2c;
}
body {
  font-family:Arial,Helvetica,sans-serif;
  font-weight:normal;
  font-size:.75em;
  text-align: center;
}
/*html td {font-size:.8em;}*/

/* text colors */
.white {
  color:#ffffff;
}
.darkgrey {
  color:#4c4c4c;
}
.green {
  color:#697a29;
}
.bold {
  font-weight:bold;
}
.small {
  font-size:.9em;
}

/* text */
/* headers */

h1 {
  font-size: 1.6em;
  font-weight:bold;
  margin: 0 0 20px 0;
}

h2 {
  font-size: 1.2em;
  font-weight:bold;
  margin: 20px 0 10px 0;
}

h3 {
  font-size: 1em;
  font-weight:bold;
  margin: 0;
}
h4 {  
  font-size: 1em;
  font-weight:bold;
  margin: 20px 0 0 0;
}

/* paragraph, list */
p  { margin: 10px 0 10px 0; }

ul { margin: 0 0 10px 20px; }
li { list-style-type: square; }

li li {
 list-style-type: square;
}
li li li {
 list-style-type: square;
}

/* image */
img {
  border:0;
}
img.imgLeft {
  float:left;
	margin-right:20px;
	margin-bottom:10px;
}
img.imgRight {
  float.left;
	margin-left:20px;
	margin-bottom:20px;
}

img.demo {
	float:right;
	text-align:right;
	margin-left:20px;
	margin-bottom:20px;
}


/* floating */
.clearright { clear:right; }
.clearleft  { clear:left; }
.clearboth  { clear:both; }
div.clear   { clear: both; height: 0;line-height:0; }

/* table */
table      { border-collapse:collapse; }
.bottom    { vertical-align:bottom; }
.middle    { vertical-align:middle; }
.center    { text-align:center; }
.right     { text-align:right; }

/* links */
a,a:link,a:visited
{ text-decoration:none; color:#000; }

a:focus,a:hover,a:active
{ text-decoration:underline; color:#000; }

a.white,a.white:link,a.white:visited
{ text-decoration:none; color:#fff; }

a.headline,a.headline:link,a.headline:visited
{ text-decoration:none; color:#697a29; }

a.white:focus,a.white:hover,a.white:active
{ text-decoration:underline; color:#fff; }

a.text,a.text:link,a.text:visited
{ text-decoration:underline; color:#000; }

a.text:focus,a.text:hover,a.text:active
{ text-decoration:underline; color:#000;}

a.green:focus,a.green:hover,a.green:active
{ text-decoration:none; color:#697a29;}

a.arrowGreen { 
  display:block;
	padding-left:12px;
}
a.back {
	background: url(../img/link-back-arrow-green.gif) no-repeat 2px 5px;
}
a.to {
	background: url(../img/link-arrow-green.gif) no-repeat 2px 5px;
}
a.arrowGreen,a.arrowGreen:link,a.arrowGreen:visited{ 
  text-decoration:none; 
	color:#697a29; 
}

a.arrowGreen:focus,a.arrowGreen:hover,a.arrowGreen:active{ 
  text-decoration:underline; 
	color:#697a29; 
}


/* container */
div#demoBlack {
  position:relative;
  width:900px;
	margin-top:22px;
  margin-left:auto;
  margin-right:auto;
	margin-bottom:auto;

  background-color:#000;
}
div#demoMain {
  width:800px;
	margin:0 50px 0 50px;
  background-color:#fff;
  text-align: left;
}
#closeDemo {
	height:45px;
}
#closeDemo img{
  float:right;
  width:160px;
	height:45px;
}
#closeBook {
	height:32px;
}
#closeBook img {
  float:right;
	height:27px;
  width:134px;
	margin-right:30px;
}

#closeAni {
	height:32px;
}
#closeAni img {
  float:right;
	height:27px;
  width:177px;
	margin-right:30px;
}

div#main {
  position:relative;
  width:800px;
	margin-top:22px;
  margin-left:auto;
  margin-right:auto;
	margin-bottom:auto;
  text-align: left;
  background-color:#fff;
}
/* head */
div#head {
  padding:14px 10px 10px 10px;
}
#logo {
  float:left;
	width:213px;
}
#logo img{
  width:213px;
	height:54px;
	display:block;
}
ul#headMenu {
  float:right;
	margin:33px 0 0 0;
	width:150px;
	padding:0;
}
ul#headMenu li {
  list-style-type:none;
	float:right;
	margin:0;
	padding:0;
}
#headMenu img {
  width:54px;
	height:17px;
 /* width:75px;
	height:21px;*/
	display:block;
}
/* banner */
div#banner {
  margin:0 10px 10px 10px;
}
div#banner img {
  width:780px;
}
div#banner img.h150 {
  height:151px;  
}
/* mainBody */
div#mainBody {
  margin:0 10px 10px 10px;
	background: url(../img/bg-left.gif) repeat-y top left;
}

div#mainBody_weiss {
  margin:0 10px 10px 10px;
	
}

div#mainBodyDemo {
  margin:0 10px 10px 10px;
	background: #000;
	padding: 5px 0 20px 30px;
}
/* left column */
#left {
  float:left;
	width: 200px;
}
/* menu left column */
ul#menu {
  width:200px;
	border-top:1px solid #c4c4c4;
	margin:0;
	padding:0;
}
ul#menu li {
  list-style-type:none;
	border-bottom:1px solid #c4c4c4;
	margin:0;
	padding:0;
	width:200px;
	float:left;
}
ul#menu li a { display:block; cursor:pointer;}
ul#menu li a,ul#menu li a:link,ul#menu li a:visited{ 
  background: url(../img/bg-menu.gif);
}
ul#menu li a:focus,ul#menu li a:hover,ul#menu li a:active{ 
  background: url(../img/bg-menu-hover.gif);
}
ul#menu li a.active {
  background: url(../img/bg-menu-this.gif) !important;
}
ul#menu li a img.w150 {
  width:150px;
}
ul#menu li a img.w115 {
  width:115px;
}
ul#menu li a img {
	margin-left:23px;
	height:25px;
  width:115px;
}
/* submenu left column */
ul#submenu {
  width:200px;
	margin:0;
	background-color:#434343;
	padding:0;
}
ul#submenu li {
  list-style-type:none;
	margin:0;
	padding:0;
	border:none;
	width:200px;
	float:left;
}
ul#submenu li a { display:block; cursor:pointer;}
ul#submenu li a,ul#submenu li a:link,ul#submenu li a:visited{
  background-image:none; 
  background-color:#434343;
}
ul#submenu li a:focus,ul#submenu li a:hover,ul#submenu li a:active{
  background-image:none;  
  background-color:#434343;
}
ul#submenu li a img {
	margin-left:0;
  width:200px;
	height:20px;
}
/* news box in left column */
#news {
  margin: 35px 25px 10px 25px;
	
}
#news h1 {
  margin: 0 0 10px 7px;
	display:block;
}
#news h1 img {
	height:20px;
}
#news .newsImg {
  border:1px solid #c4c4c4;
	display:block;
	margin: 0 0 10px 0;
  width:148px;
	height:90px;
}
/* address box in left column */
#address {
  margin: 35px 25px 10px 25px;
	
}
#address h2 {
  margin: 0;
	font-size:1em;
}
#address p {
  margin: 0 0 10px 0;
}


/* right column */
#right {
  float:left;
  margin:15px 0 0 30px;
	width: 520px;
}
#rightdemo {
  float:left;
  margin:0 0 0 30px;
	width: 520px;
	height: 520px;
}
#right h1 {
  margin: 0 0 10px 0;
	display:block;
}
#right h1 img {
	height:20px;
}
/* products */
div.productlistLeft {
  float:left;
	width:155px;
}
div.productlistRight {
  float:left;
	width:365px;
}
div.productlistRight h2 {
  font-size: 1em;
  margin: 0 0 10px 0;
}
/*download*/
table#download {

}
table#download td,th {
  border-top:1px solid #c2ea24;
  border-bottom:1px solid #c2ea24;
  padding-top:5px;
  padding-bottom:5px;
}
table#download .c1 {
  padding-left:0;
  padding-right:20px;
}
table#download .c2 {
  padding-left:10px;
  padding-right:5px;
  border-left:1px solid #c2ea24;
  border-right:1px solid #c2ea24;
}
table#download .c3 {
  padding-left:10px;
  padding-right:5px;
  width:180px;
}
table#download .c3 span {
  line-height:32px;
	display:block;
}
#pdficon {
	width: 33px;
	height: 35px;
	margin-right:10px;
	float:left;
	text-align:middle;
}
#flipicon {
	width: 44px;
	height: 34px;
}


#flashicon {
	width: 33px;
	height: 29px;
	margin-right:10px;
	float:left;
	text-align:middle;
}

/* news overview */
.newsThumbnail {
	width: 130px;
	height: 98px;
	/*border:1px solid #c4c4c4;*/
}
table#news {
  width:528px;
	margin:10px 0 0 0;
}
table#news td {
  border-top:1px solid #c2ea24;
  padding-top:5px;
  padding-bottom:5px;
}
table#news td.c1 {
  width:395px;
}
table#news p {
  margin:10px 30px 10px 0;
}
table#news h2 {
  margin:10px 30px 10px 0;
	font-size:1.1em;
}
/*news article*/

div#newsArticle {
  width:500px;
}
div#newsArticle h1 {
  font-size:1em;
	margin:15px 0 15px 0;
}
.newsDetail {
 float:right;
 padding:0 0 20px 20px;
}
.newsDetail img {
 width:200px;
 height:150px; 
}
#open {
   cursor:pointer;
}
/* news article image resized */
#bigNewsImg {
  width:780px;
  position:absolute;
  top:78px;
	left:10px;
  background-color:#000;
  /*display: none;*/
}
#bigNewsImg p {
    margin: 0 0 0 40px;
}
#bigNewsImg div#close {
  height:50px;
  cursor:pointer;
}
#bigNewsImg div#close img {
 width:173px;
 height:50px; 
}
#bigNewsImg div#close p {
  float:right;
  color:#fff;
}
p.lupe {
  float:left;
	margin:0;
}
p.lupe img {
	border:1px solid #c4c4c4;;
}
/* contact form */
textarea {
  font-family:Arial,Helvetica,sans-serif;
}
form .rahmen {
	border: 1px solid #c2eb25;
}
.formLeftCol {
  width:298px;
	float:left;
}
.formLeftCol label {
  width:72px;
	float:left;
	padding-bottom:4px;
}
.formLeftCol .feld {
  margin-left:5px;
	float:left;
	margin-bottom:5px;
}
.formLeftCol .w1 {
  width:197px;
}
.formLeftCol .h1 {
  height:19px;
}
.formRightCol {
  width:220px;
	float:left;
}
.formRightCol .par {
  display:block;
	margin-bottom:10px;
}
.formRightCol .w2 {
  width:220px;
}
.formRightCol .h2 {
  height:35px;
}
.formRightCol .h3 {
  height:75px;
}
.submit {
  border:1px solid #abcb2a;
	background-color: #ddd;
	margin-top:5px;
}


/* foot */
div#foot {
  background: url(../img/bg-foot.gif) repeat-x top left;
  width:800px;
	height:30px;
}
ul#footMenu {
  float:right;
	margin:8px 12px 0 0;
}
ul#footMenu li {
  list-style-type:none;
	float:right;
	padding:0 10px 0 10px;
	border-right:1px solid #4c4c4c;
	line-height:1em;
}
ul#footMenu li.last {
	border-right:none;
}
ul#footMenu li a,ul#footMenu li a:link,a:visited
{ text-decoration:none; color:#4c4c4c; }

ul#footMenu li a:focus,ul#footMenu li a:hover,a:active
{ text-decoration:underline; color:#4c4c4c; }