/* 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: 3100px;  
    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;
}

.page-frame2 {
    width: 685px;
	height: 700px; 
	padding: 25px 0 0 0; 
    margin: 0 auto;			/* standardkonforme horizontale Zentrierung */
    text-align: left;		/* Seiteninhalt wieder Links ausrichten */		
	overflow: visible;
}

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

.page-frame4 {
    width: 580px;
	height: 420px; 
	padding: 25px 0 0 0; 
    margin: 0 auto;			/* standardkonforme horizontale Zentrierung */
    text-align: left;		/* Seiteninhalt wieder Links ausrichten */		
	overflow: visible;
}

.page-frame5 {
    width: 690px;
	height: 520px; 
	padding: 25px 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;
}

hr {
	height: 2px;
	margin: 20px 0 20px 0;
	border-width: 0 0 1px 0;	
	border-style: dotted;	
	border-color: #666666;
}	

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; 
}

.float-left { 
	float: left; 
}

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

.text-hidden {
	color: #FFFFFF;
}

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

.text-grey {
	color: #CC0000;
	background-color: #EEEEEE;  
}

.text-underline {
	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;	  				 
}

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

.wrap-head h1 {
	font-family: "Courier New", "Couriernew", monospace, Courier;
	width: 285px;	
	font-size: 14px;
	font-style: italic;
	font-weight: normal; 
	color: #333333;	
	text-transform: uppercase;
	float: right;						
	margin: 0 10px 0 0;
	padding: 5px 5px 2px 5px;	
}


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

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

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

.wrap-titles h1,
.wrap-titles-examples h1,
.wrap-titles h2,
.wrap-titles-examples h2,
.wrap-titles p, 
.wrap-titles-examples 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; 				 	
}

/* MINI VIEWS /////////////////////////////////////////////////////////////////// */

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

.wrap-miniviews p {
	float: left;
	width: 295px; 
	overflow: hidden;
	padding: 10px 10px 12px 0;
}

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

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

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

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

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

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

/* EXAMPLES ////////////////////////////////////////////////////////////////// */

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

.wrap-examples p,
.examples-text {	
	border: none;
	font-size: 12px;
	line-height: 20px;
	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;						 	
	height: 80px;
}

.examples-text {
	float: left;
}

.examples-text h3 {	
	font-size: 12px;
	line-height: 20px;
	font-style: normal;
	font-weight: bold; 
	color: #333333;	
	padding: 0;
	margin: 0;	
	display: inline;	
}

.exampleimg {	
	margin: 10px 10px 0 0;
	width: 295px;
	background-color: transparent;
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: #999999;  				 	
	float: left;	
	height: 88px;	
}

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

.exampleimg-bar {
	width: 295px;
	background-color: #EEEEEE;	
	height: 55px;
	float: left;	
}

.exampleimg-bar img {	
	height: 55px;
}

/* 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-2 h3,
.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;						 	
}

.wrap-caption h3,
.wrap-caption-2 h3 {	
	font-weight: bold; 
}

#back_link a,
#back_link a:visited,
#back_link a:hover,
#back_link a:active {	
	border: none;
	font-size: 12px;	
	font-style: normal;
	font-weight: bold;
	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;						 	
}

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

.caption a,
.caption a:visited,
.caption a:hover,
.caption a:active {	
	border: none;
	font-size: 12px;	
	font-style: normal;
	font-weight: bold; 
	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;							 	
}

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

/* fuer js */
.caption-2 a,
.caption-2 a:visited,
.caption-2 a:hover,
.caption-2 a:active {	
	border: none;
	font-size: 12px;	
	font-style: normal;
	font-weight: bold; 
	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; 							 	
}

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

.wrap-media,
.wrap-media-2, 
.wrap-media-3,
.wrap-media-4,
.wrap-media-5,
.wrap-media-6 {
	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 version ≤ 6 */
* html .wrap-media,
* html .wrap-media-2, 
* html .wrap-media-3,
* html .wrap-media-4,
* html .wrap-media-5,
* html .wrap-media-6 {
	left: -65px;
}

/* fuer IE version ≤ 6 */
* html .wrap-media-6 {
	left: -74px;
}

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

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

/* fuer icons */
.wrap-media-3 {
	padding: 0;
}	

/* fuer icons */
.wrap-media-3 img {
	margin: 0 0 60px 0;
}	

/* fuer modified icons */
.wrap-media-4 {
	padding: 0 0 10px 0;
}

/* fuer modified icons */
.wrap-media-4 img {
	margin: 0 0 20px 0;
}

/* fuer holiday pictures japan */
.wrap-media-5 p {
	height: 225px;
	margin: 0 0 1px 0;
}	

/* fuer holiday pictures japan */
.wrap-media-5 img {
	height: 225px;
	margin: 0 1px 0 0;
}

/* fuer mobilephonephotos japan */
.wrap-media-6 {
	margin: 25px 0 0 74px;
}	

/* fuer mobilephonephotos japan */
.wrap-media-6 p {
	height: 225px;
	margin: 0 0 15px 0;
}	

/* fuer mobilephonephotos japan */
.wrap-media-6 img {
	height: 225px;
	margin: 0 15px 0 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;		
	font-weight: bold; 
	padding: 0 0 1px 0;
	margin: 8px 18px 9px 0;	
}	
	
/* BLAETTERN, SPEZIAL IVP FULL VIEW ///////////////////////////////////////////////////////////// */

.wrap-blaettern2 {
	float: left;
	width: 800px;
	padding: 0;	
}

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

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

.wrap-blaettern2 .change-linkstyle a,
.wrap-blaettern2 .change-linkstyle a:visited,
.wrap-blaettern2 .change-linkstyle a:hover,
.wrap-blaettern2 .change-linkstyle a:active {
	text-align: center;
	display: block;		
	font-weight: bold; 
	padding: 0 0 1px 0;
	margin: 8px 18px 9px 0;	
}	

/* TEXT ABOUT /////////////////////////////////////////////////////////////////// */

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

.wrap-text-leftcolumn {
	float: left;
	width: 295px;
	padding: 0 10px 0 65px;
}

.wrap-text-rightcolumn {
	float: left;
	width: 295px;
	padding: 0 10px 0 0;
}

.miniviews-about {
	float: left;			
	width: 295px; 
	overflow: hidden;
	padding: 25px 0 10px 0;	
}

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

.miniviews-about img {
	height: 110px;
	width: 295px;
	overflow: hidden;		
}

.wrap-text-leftcolumn h1,
.wrap-text-rightcolumn h1,
.wrap-text-leftcolumn h2,
.wrap-text-rightcolumn h2 {
	font-family: "Courier New", "Couriernew", monospace, Courier;	
	font-size: 14px;
	font-style: italic;
	font-weight: normal; 
	color: #333333;	
	text-transform: uppercase;					
	width: 285px;  
	float: left;
	margin: 30px 0 0 0;
	padding: 2px 5px 2px 5px;	
	border-width: 1px 0 1px 0;
	border-style: solid; 	
	border-color: #999999; 				 	
}

.about-text {	
	border: none;
	font-size: 12px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal; 
	color: #333333;	
	display: block;	
	width: 285px;
	padding: 8px 5px 10px 5px;	
	background-color: transparent;	
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: #999999;  				 	
	float: left;						 	
}

.about-text h3 {	
	font-size: 12px;
	line-height: 20px;
	font-style: normal;
	font-weight: bold; 
	color: #333333;	
	padding: 0;
	margin: 0;	
	display: inline;	
}

/* 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;
	background-color: #FFFFFF;
}

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

.clear {
	clear: both;
}

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