#my-content {
	margin: 10px auto 10px auto;
	max-width: 1024px;
	min-width: 540px;
	padding:0;
	border:0;
	text-align:center;
}

#my-content-left-plus-right {
	display:block;
  min-width:620px;
  max-width:1024px;
/*   clear:both;*/
}

#my-content-left {
	display:inline-block;
  	max-width:374px;
/* 	border:1px solid #4c4c4c;*/
}

#my-content-right {
	float:right;
	display:inline-block;
}


.posText_top_left {
	position:absolute;
	text-align:left;
} 
.posText_top_right {
	text-align:right;
} 
.posText_bottom {
	position:absolute;
	top: 330px;
	text-align:center;
/* 	background-color: #f2f5f7;*/
} 


h3 {margin: 8px 0 8px 0;}

p.mytxt {
	font-family:'Trebuchet MS','Microsoft Sans Serif',Arial,Verdana,Tahoma,'Courier New',Helvetica,sans-serif; 
	font-size: 12pt;
	color:#222;
	font-weight:600;
	text-align:center;
	line-height: 1.6em;
	margin: 20px 0 10px 0;
	padding: 1px 3px 1px 3px;
} 

div.mytxtbox {
	font-family:'Trebuchet MS','Microsoft Sans Serif',Arial,Verdana,Tahoma,'Courier New',Helvetica,sans-serif; 
	font-size: 12pt;
	color:#222;
	font-weight:300;
	line-height: 1.6em;
	text-align:center;
	max-width:770px;

	margin: 0 0 10px 0;
	padding: 1px 3px 1px 3px;
	border: 1px solid #dfe6eb;
	border-width: 1px 1px 1px 1px;
	background-color: #f2f5f7;

	-moz-border-radius: 5px; /* mozilla Firefox prefix */
	-webkit-border-radius: 5px; /* Google Chrome, safari prefix */
	border-radius: 5px; /* IE 9? */
	-khtml-border-radius: 5px; /* Konqueror */

	-moz-box-shadow: 2px 2px 5px #ddd; /* mozilla Firefox prefix */
	-webkit-box-shadow: 2px 2px 8px #ddd; /* Google Chrome, safari prefix */
	box-shadow: 2px 2px 5px #ddd; /* IE 9? */
	-khtml-shadow: 2px 2px 3px #ddd; /* Konqueror */

    -ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#e9eef1, offx=2, offy=2)"; /* IE */
    filter:progid:DXImageTransform.Microsoft.DropShadow(color=#e9eef1, offx=2, offy=2); /* IE */
} 
p.mytxtboxinner  {
	/* text-align:justify; */
	margin: 3px 2px 3px 2px;
	padding: 3px 3px  3px 3px;
	border: 1px solid #e8eef2;
	border-width: 1px 1px 1px 1px;
	background-color:#fff;
}
p.mytxtboxinner:hover  {
	background-color:#e9eef1;
	padding: 3px 3px  3px 3px;
}


div.outside {
	margin-top: 0;
	margin-bottom: 5px;
} 
div.inside {
	background-color:#fff;
	list-style-type:none;
	padding: 2px 4px 2px 4px;
	font-size: 9pt;
	line-height: 1.2em
} 
div.inside:hover {
	background-color:#e9eef1;
	padding: 2px 4px 2px 4px;
} 

img.img_box {
	margin:3px 5px 0 0;
	}

.my-box {
  margin: 0 0 15px 0;
  padding: 0 15px 5px 15px;
  border: 1px solid #dfe6eb;
  border-width: 2px 1px 1px 1px;
  background-color: #f2f5f7;
  position: relative;
  min-width:180px;
  max-width:200px;
  top: 0;
  right: 5px;
}
.my-box .schleife {
  position: absolute;
  width: 156px;
  height: 80px;
  top: -5px;
  right: -5px;
}
#box1 .schleife {background: url(../images/news-schleife.png) 0 0 no-repeat}
#box2 .schleife {background: url(../images/rss-schleife.png) 0 0 no-repeat}
#box3 .schleife {background: url(../images/webslice-schleife.png) 0 0 no-repeat}

.myopacity {
  filter:alpha(opacity=85);
  -moz-opacity:.85;
  opacity:.85;
}
.myfirstletter:first-letter  {
	font-size: 130%;
} 

a:link.sw8 {color:#222;font-size:8pt;font-weight:300;text-decoration:none}
a:visited.sw8 {color:#222;font-size:8pt;font-weight:300;text-decoration:none}
a:focus.sw8 {color:#222;font-size:8pt;font-weight:300;text-decoration:none}
a:hover.sw8 {color:#222;font-size:8pt;font-weight:300;text-decoration:none}
a:hover:visited.sw8 {color:#222;font-size:8pt;font-weight:300;text-decoration:none}
a:active.sw8 {color:#222;font-size:8pt;font-weight:300;text-decoration:none}

a:link			{font-family:'Trebuchet MS','Microsoft Sans Serif',Arial,Verdana,Tahoma,'Courier New',Helvetica,sans-serif;font-weight:600;color:#bc6e34;text-decoration:none}
a:visited		{font-family:'Trebuchet MS','Microsoft Sans Serif',Arial,Verdana,Tahoma,'Courier New',Helvetica,sans-serif;font-weight:600;color:#bc6e34;text-decoration:none}
a:focus			{font-family:'Trebuchet MS','Microsoft Sans Serif',Arial,Verdana,Tahoma,'Courier New',Helvetica,sans-serif;font-weight:600;color:#222;text-decoration:none}
a:hover			{font-family:'Trebuchet MS','Microsoft Sans Serif',Arial,Verdana,Tahoma,'Courier New',Helvetica,sans-serif;font-weight:600;color:#222;text-decoration:none}
a:hover:visited	{font-family:'Trebuchet MS','Microsoft Sans Serif',Arial,Verdana,Tahoma,'Courier New',Helvetica,sans-serif;font-weight:600;color:#222;text-decoration:none}
a:active		{font-family:'Trebuchet MS','Microsoft Sans Serif',Arial,Verdana,Tahoma,'Courier New',Helvetica,sans-serif;font-size:100%;font-weight:600;color:#222;text-decoration:none}

a:link.my		{font-family:'Trebuchet MS','Microsoft Sans Serif',Arial,Verdana,Tahoma,'Courier New',Helvetica,sans-serif;font-weight:600;color:#222;text-decoration:none}
a:visited.my		{font-family:'Trebuchet MS','Microsoft Sans Serif',Arial,Verdana,Tahoma,'Courier New',Helvetica,sans-serif;font-weight:600;color:#222;text-decoration:none}
a:focus.my		{font-family:'Trebuchet MS','Microsoft Sans Serif',Arial,Verdana,Tahoma,'Courier New',Helvetica,sans-serif;font-weight:600;color:#0066b3;text-decoration:none}
a:hover.my		{font-family:'Trebuchet MS','Microsoft Sans Serif',Arial,Verdana,Tahoma,'Courier New',Helvetica,sans-serif;font-weight:600;color:#0066b3;text-decoration:none}
a:hover:visited.my	{font-family:'Trebuchet MS','Microsoft Sans Serif',Arial,Verdana,Tahoma,'Courier New',Helvetica,sans-serif;font-weight:600;color:#0066b3;text-decoration:none}
a:active.my		{font-family:'Trebuchet MS','Microsoft Sans Serif',Arial,Verdana,Tahoma,'Courier New',Helvetica,sans-serif;font-weight:600;color:#0066b3;text-decoration:none}


/* img.responsive_image {display: block; min-width: 80px; max-width: 100%; height:auto;}*/
/* Examble: <img class="responsive_image" src="grafik/anim/schleif/schleifmaschine-367x373.jpg" border="0" width="100%" alt="Info Image: Bernd Gail GmbH Werkzeugmaschinen"> */

/* table td * {margin:0; padding:0; border:1px red solid;}*/ /* CSS-Diagnostics */
/* table.schleifmaschine_anim {width: 274px; height: 268px;background: transparent url(../grafik/anim/schleif/schleif-274x268.png) 0 0 no-repeat;}*/
/* table.schleifmaschine_anim {width: 500px; height: 452px;background: transparent url(../grafik/flachschleifmaschine-history.png) 0 0 no-repeat;}*/
table.schleifmaschine_anim {border:none !important; border-spacing:0 !important; border-collapse:collapse !important; empty-cells: hide; display:inline-table; table-layout:fixed;}
table.schleifmaschine_anim td {margin:0; padding:0;}

.schleifmaschine_anim td{font-family:Arial, sans-serif;font-size:14px;padding:0 5px;border-style:dotted;border-width:0;overflow:hidden;word-break:normal;}
.schleifmaschine_anim th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:0 5px;border-style:solid;border-width:0;overflow:hidden;word-break:normal;}