/* HTML GENERELL /////////////////////////////////////////////////////////////////// */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal; 
	margin: 0;
    padding: 0;
	color: #333333;
	text-align: center;		/* Zentrierung im Internet Explorer */
}

.page {
	position: relative;	
    width: 980px;
	height: 1500px;  
    margin: 0 auto;			/* standardkonforme horizontale Zentrierung */
    text-align: left;		/* Seiteninhalt wieder Links ausrichten */		
	overflow: visible;
}

.page-frame {
    width: 800px;
	height: 1500px; 
	padding: 15px 0 0 0; 
    margin: 0 auto;			/* standardkonforme horizontale Zentrierung */
    text-align: left;		/* Seiteninhalt wieder Links ausrichten */		
	overflow: visible;
}

table {
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-width: 0;
	border: none;
}

tbody {
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-width: 0;
	border: none;
}

tr {
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-width: 0;
	border: none;
}

td {
	margin: 0;
	padding: 0;
	width: 16px;
	height: 16px;
	border-spacing: 0;
	border-width: 0;
	border: none;
	vertical-align: bottom;
}

p {
	margin: 0;
	padding: 0;
}

span {
	margin: 0;
	padding: 0;
}

img {
	border: none;
	border-width: 0;
	margin: 0;
	padding: 0;
}

a,
a:visited,
a:hover,
a:active {
	color: #333333; 
	text-decoration: none;
	margin: 0;	
	padding: 0 0 1px 0;
	border-width: 0 0 1px 0;	
	border-style: dotted;	
	border-color: #666666;
}

a:hover { 
	background-color: #EEEEEE; 
}

/* TYPO GENERELL /////////////////////////////////////////////////////////////////// */

.text-hidden {
	color: #FFFFFF;
}

.text-red {
	color: #CC0000;
	background-color: #FFFF99; 
}

.text-underline {
	padding: 0 0 1px 0;
	border-width: 0 0 1px 0;	
	border-style: dotted;	
	border-color: #666666;
}

.text-red-underline {
	color: #CC0000;
	background-color: #FFFF99; 
	padding: 0 0 1px 0;
	border-width: 0 0 1px 0;	
	border-style: dotted;	
	border-color: #666666;
}

/* HEADER /////////////////////////////////////////////////////////////////// */

.wrap-head {
	float: left;
	width: 980px;
	padding: 30px 0 0 0;	
}

.wrap-head a,
.wrap-head a:visited,
.wrap-head a:hover,
.wrap-head a:active {
	display: block;	
	margin: 5px 10px 5px 5px ;						
	background-color: transparent;
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: #666666;
	float: left;	  				 
}

.text-red a,
.text-red a:visited,
.text-red a:hover,
.text-red a:active {
	color: #CC0000;
	background-color: #FFFF99; 
}

.wrap-head a:hover { 
	color: #333333;	
	background-color: #EEEEEE; 
}

.wrap-head h1 {
	font-family: "Courier New", "Couriernew", monospace, Courier;
		
/*	alternativen PC und MAC:
	font-family: "Andale Mono", "Andalemono", "Lucida Console", Sylfaen, monaco;	*/
/*	ideal und am schonetsen fuer mac, aber zu starker linen-versatz:
	font-family: "Letter Gothic", "Letter Gothic Std", "Lettergothic";	*/	
	
	font-size: 14px;
	font-style: italic;
	font-weight: normal; 
	color: #333333;	
	text-transform: uppercase;
	float: right;						
	margin: 0 10px 0 0;
	
/*	fuer letter gothic:
	padding: 5px 5px 1px 5px; */
	
	padding: 5px 5px 2px 5px;	
}


/* TITLES /////////////////////////////////////////////////////////////////// */

.wrap-titles {
	float: left;
	width: 915px;
	padding: 30px 0 0 65px;	
}

.wrap-titles h1,
.wrap-titles h2,
.wrap-titles p {
	font-family: "Courier New", "Couriernew", monospace, Courier;
		
/*	alternativen PC und MAC:
	font-family: "Andale Mono", "Andalemono", "Lucida Console", Sylfaen, monaco;	*/
/*	ideal und am schonetsen fuer mac, aber zu starker linen-versatz:
	font-family: "Letter Gothic", "Letter Gothic Std", "Lettergothic";	*/	
	
	font-size: 14px;
	font-style: italic;
	font-weight: normal; 
	color: #333333;	
	text-transform: uppercase;
	float: left;						
	width: 285px;  
	margin: 0 10px 0 0;
	
/*	fuer letter gothic:
	padding: 5px 5px 1px 5px; */
	
	padding: 2px 5px 2px 5px;	
	border-width: 1px 0 1px 0;
	border-style: solid; 	
	border-color: #999999; 				 	
}

/* PREVIEWS /////////////////////////////////////////////////////////////////// */

.wrap-previews {
	float: left;
	width: 915px;
	padding: 20px 0 20px 65px;	
}

.wrap-previews div {
	float: left;			
	width: 295px; 
	margin: 0 10px 0 0;		 	
}

.wrap-previews a,
.wrap-previews a:visited,
.wrap-previews a:hover,
.wrap-previews a:active {
	display: block;	
	width: 285px;
	padding: 8px 5px 10px 5px;						
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: #999999;  				 
}

.change-preview a,
.change-preview a:visited,
.change-preview a:hover,
.change-preview a:active {					
	background-color: transparent;				 
}

.change-preview a:hover { 
	background-color: #EEEEEE; 
}

/* fuer js */
.change-preview-2 a,
.change-preview-2 a:visited,
.change-preview-2 a:hover,
.change-preview-2 a:active {					
	background-color: #EEEEEE; 				 
}

.wrap-previews p {
	width: 295px; 
	overflow: hidden;
	text-align: center;
	padding: 10px 0 20px 0;
}

.wrap-previews p a,
.wrap-previews p a:visited,
.wrap-previews p a:hover,
.wrap-previews p a:active {
	border: none;
	background-color: transparent;
	font-size: 1px;
	line-height: 1px;
	padding: 0;	
}

.wrap-previews img {
	height: 110px;
	width: 295px;
	overflow: hidden;		
}

/* CAPTIONS /////////////////////////////////////////////////////////////////// */

.wrap-caption {
	float: left;
	width: 980px;
}

.wrap-caption-2 {
	float: left;
	width: 915px;
	padding: 0 0 0 65px;	
}

.wrap-caption h2,
.wrap-caption-2 h2,
.wrap-caption p,
.wrap-caption-2 p {	
	border: none;
	font-size: 12px;	
	font-style: normal;
	font-weight: normal; 
	color: #333333;	
	display: block;	
	width: 285px;
	padding: 8px 5px 10px 5px;
	margin: 0 10px 0 0;							
	background-color: transparent;	
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: #999999;  				 	
	float: left;						 	
}

#replace_backlink a,
#replace_backlink a:visited,
#replace_backlink a:hover,
#replace_backlink a:active {	
	border: none;
	font-size: 12px;	
	font-style: normal;
	font-weight: normal; 
	color: #333333;	
	display: block;	
	width: 285px;
	padding: 8px 5px 10px 5px;
	margin: 0 10px 0 0;							
	background-color: transparent;	
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: #999999;  				 	
	float: left;						 	
}

#replace_backlink a:hover { 
	background-color: #EEEEEE; 
}

.change-caption a,
.change-caption a:visited,
.change-caption a:hover,
.change-caption a:active {	
	border: none;
	font-size: 12px;	
	font-style: normal;
	font-weight: normal; 
	color: #333333;	
	display: block;	
	width: 285px;
	padding: 8px 5px 10px 5px;
	margin: 0 10px 0 0;							
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: #999999;  				 	
	float: left;
	background-color: transparent;							 	
}

.change-caption a:hover { 
	background-color: #EEEEEE; 
}

/* fuer js */
.change-caption-2 a,
.change-caption-2 a:visited,
.change-caption-2 a:hover,
.change-caption-2 a:active {	
	border: none;
	font-size: 12px;	
	font-style: normal;
	font-weight: normal; 
	color: #333333;	
	display: block;	
	width: 285px;
	padding: 8px 5px 10px 5px;
	margin: 0 10px 0 0;							
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: #999999;  				 	
	float: left;
	background-color: #EEEEEE; 							 	
}

a:hover .text-red-underline { 
	color: #333333;	
	background-color: #EEEEEE; 
}

/* CONTENT /////////////////////////////////////////////////////////////////// */

.wrap-media,
.wrap-media-2,
.wrap-media-3, 
.wrap-media-4,
.wrap-media-5 {
	position: relative; 
	float: left;	
	width: 905px; 
	text-align: center;
	white-space: nowrap;	
	margin: 25px 0 0 65px;
	padding: 0 0 30px 0;
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: #999999;  				 	
}

/* fuer IE vs. ≤ 6 */
* html .wrap-media,
* html .wrap-media-2,
* html .wrap-media-3, 
* html .wrap-media-4,
* html .wrap-media-5 {
	left: -65px;
}

.wrap-media {
	height: 323px; /* wegen FF bild-height-bug */
}

/* fuer metal forming IVP */
.wrap-media-2 {	
	height: 335px;
}

/* fuer metal forming IVP */
.media-2 {
	position: relative; 
	left: -55px;
}

.wrap-media-3,
.wrap-media-4,
.wrap-media-5 {
	white-space: normal;
}	

.wrap-media-4 {
	padding: 0;
}	

.wrap-media-4 img {
	margin: 0 0 60px 0;
}	

.wrap-media-5 {
	padding: 0 0 10px 0;
}

.wrap-media-5 img {
	margin: 0 0 20px 0;
}	

/* BLAETTERN, SUB-CAPTION /////////////////////////////////////////////////////////////////// */

.wrap-blaettern {
	float: left;
	width: 915px;
	padding: 0 0 0 65px;	
}

.wrap-blaettern p,
.wrap-blaettern p {	
	border: none;
	color: #333333;	
	display: block;	
	width: 700px;
	padding: 8px 5px 10px 5px;
	margin: 0 10px 0 0;							
	float: left;						 	
}

.wrap-blaettern .change-linkstyle {
	float: right;	
}

.wrap-blaettern .change-linkstyle a,
.wrap-blaettern .change-linkstyle a:visited,
.wrap-blaettern .change-linkstyle a:hover,
.wrap-blaettern .change-linkstyle a:active {
	text-align: center;
	display: block;		
	color: #CC0000;
	background-color: #FFFF99; 
	padding: 0 0 1px 0;
	margin: 8px 18px 9px 0;	
	border-width: 0 0 1px 0;	
	border-style: dotted;	
	border-color: #666666;
}	
	
.wrap-blaettern .change-linkstyle a:hover { 
	color: #333333;	
	background-color: #EEEEEE; 
}

/* TEXT /////////////////////////////////////////////////////////////////// */

.wrap-text {
	float: left;
	width: 545px;
	padding: 30px 0 0 65px;	
}

.wrap-text-2 {
	float: right;
	width: 370px;
	padding: 30px 0 0 0;	
}

.wrap-text-3 {
	float: left;
	width: 915px;
	padding: 30px 0 0 65px;	
}

.wrap-text h1,
.wrap-text-2 h1,
.wrap-text-3 h1 {
	font-family: "Courier New", "Couriernew", monospace, Courier;
		
/*	alternativen PC und MAC:
	font-family: "Andale Mono", "Andalemono", "Lucida Console", Sylfaen, monaco;	*/
/*	ideal und am schonetsen fuer mac, aber zu starker linen-versatz:
	font-family: "Letter Gothic", "Letter Gothic Std", "Lettergothic";	*/	
	
	font-size: 14px;
	font-style: italic;
	font-weight: normal; 
	color: #333333;	
	text-transform: uppercase;					 
	margin: 0 10px 0 0;
	
/*	fuer letter gothic:
	padding: 5px 5px 1px 5px; */
	
	padding: 2px 5px 2px 5px;	
	border-width: 1px 0 1px 0;
	border-style: solid; 	
	border-color: #999999; 				 	
}

.wrap-text h1 {
	width: 525px;
}	

.wrap-text-2 h1 {
	margin: 0;	
	width: 350px;  
}	

.wrap-text-3 h1 {						
	width: 285px;  
}

.wrap-text p {
	margin: 5px 10px 0 0;	
	width: 525px; 
	padding: 5px;
	line-height: 20px;		
}	

.wrap-text-2 p {
	margin: 5px 0 0 0;	
	width: 350px; 
	padding: 5px;
	line-height: 20px;			 
}

.wrap-text-3 p {
	margin: 5px 10px 0 0;	
	width: 275px; 
	padding: 5px;
	line-height: 20px;			 
}

.wrap-text-3 div {
	float: left;			
	width: 295px; 
	margin: 0 10px 0 0;		 	
}	

.wrap-text img {
	margin: 15px 0 0 0;
	height: 63px;
	width: 526px;;
}

/* IMAGES /////////////////////////////////////////////////////////////////// */

.icon {
	width: 65px; 
	height: 28px; 
	overflow: hidden;
	float: left;
}

.icon img {
	width: 65px; 
	height: 28px; 
}

.icon a,
.icon a:visited,
.icon a:hover,
.icon a:active {
	line-height: 1px;
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;
}

.img-1 {
	width: 259px; 
	height: 248px;
}

.img-2 {
	width: 228px; 
	height: 323px;
}

.img-3 {
	width: 178px; 
	height: 116px;
}

.img-4 {
	width: 179px; 
	height: 116px;
}

.img-5 {
	width: 282px; 
	height: 191px;
}

.img-6 {
	width: 385px; 
	height: 385px;
}

.img-7 {
	width: 179px; 
	height: 179px;
}

.img-8 {
	width: 27px; 
	height: 27px;
}


/* SPACERS, CLEAR /////////////////////////////////////////////////////////////////// */

.clear {
	clear: both;
}

.spacer-height30px {
	height: 30px;
	font-size: 1px;
	line-height: 1px;
}