/*
 * Style sheet file: default.css
 * Franz Pfluegl: Fotostudio Web + Galerien Web
 */

/*
 * NOTE: The // pattern as comment is NOT allowed! MS IE doesn't like it.
 * NOTE: The _ character is NOT allowed in style names! Netscape ignores all styles with _ in the name!
 *
 * The styles in this file are sorted by name/alphabetically.
 */

/******************************************* a *********************************************/

a { 
	color: 				blue; 
	text-decoration: 	none; 			/* text-decoration: underline; */
}

a:active  { 
	color: 				red;  
	text-decoration: 	none; 
}

a:hover   { 
	color: 				red;  
	text-decoration: 	none; 
	background: 		#ffff00; 
} 

a:link    { 
	color: 				blue; 
	text-decoration: 	none; 
}

a:visited { 
	text-decoration: 	none; 
}

a.hide , a.hide:active , a.hide:hover , a.hide:link , a.hide:visited { 
	color: 				#C9C4B3;
	text-decoration: 	none; 			/* text-decoration: underline; */
	font-size: 			1px; 			/* Netscape does not allow 0px */
	margin: 			0px;			/* Netscape permits to set it to 0 */
	line-height: 		0px;			/* 80%, 10px, 8 pt */
}

a.level1 {   /* used in left.htm files: there are level1, level2, and level3 */
	font-size: 			12px;   		/* pt, px, x-small */
	line-height: 		12px;			/* 80%, 10px, 8 pt */
	color:				blue;
	margin-top:			1px;
	margin-bottom:		0px; 
}

/*
a.level1:hover   { 
	color: 				red;  
	text-decoration: 	none; 
	background: 		#ffff00; 
}
*/

a.level2 {   /* used in left.htm files: there are level1, level2, and level3 */
	font-size: 			11px;   		/* pt, px, x-small */
	line-height: 		10px;			/* 80%, 10px, 8 pt */
	margin-left: 		15px; 
	color:				darkblue;
	margin-top:			1px;
}

/*
a.level2:hover   { 
	color: 			red;  
	text-decoration: 	none; 
	background:		#ffff00; 
}
*/

a.level3 {   /* used in left.htm files: there are level1, level2, and level3 */
	font-size: 			11px;   		/* pt, px, x-small */
    line-height: 		10px;			/* 80%, 10px, 8 pt */
	margin-left: 		5px; 
	margin-top: 		-1px; 
	margin-bottom: 		-1px; 
	color:				black;
}

a.xsmall { /* used in gallary photos*/
	margin: 			5px;
	font-size: 			8pt;   			/* pt, px, x-small */
}

a.photo-xsmall {
	margin: 			5px;
	font-size: 			8pt;   			/* pt, px, x-small */
}

a.photo {
	font-size: 			10pt;   		/* pt, px, x-small */
    line-height: 		10pt;			/* 80%, 10px, 8 pt */
	margin-top:			1px;
}

a.photo-pagenumbers { /* used in gallary photos*/
	font-size: 			10px;   		/* pt, px, x-small */
    line-height: 		10px;			/* 80%, 10px, 8 pt */
	color:				blue;
	margin-top:			1px;
}

/******************************************* body *********************************************/

/* parent body + body of Studio Right */
body { 
	background-image: 	url(""); 		/* ../images/bg_right.gif */
	background-repeat: 	no-repeat;			/* no-repeat, repeat */
	background-color: 	#C9C4B3;		/* mb */
	color: 			black;			/* mb */
	font-family: 		Arial,Helvetica;	/* mb */
/*
	font-family: 		Verdana, Arial, Helvetica, Courier 
    font-family: 		Verdana, Arial, Helvetica, sans-serif;
    font-family: 		MS Sans Serif;
    font-family: 		Trebuchet MS;
    font-family: 		Univers, Arial;
	font-family: 		Courier New;
	font-family: 		Tahoma;	
	font-family: 		NewCenturySchlbk, Garamond, Times, serif;
*/
	font-size: 			10pt;   		/* pt, px, x-small */
	font-style: 		normal; 		/* normal, italic */
	font-weight: 		normal;  		/* none, normal, bold */
	text-decoration: 	none;  			/* none, underline */
    margin: 			10px;
	/* margin-top:		0px; */
	/* margin-bottom: 	0px; */
	margin-left: 		25px;
	/* margin-right: 	0px; */
	text-align: 		left;
	/* vertical-align: 	middle; */
}

/* body of Studio Coverpage */
body.coverpage {
	background-image: 	url("../images/start.jpg"); 	/* ../images/bg_left.gif */
	background-repeat: 	no-repeat;			/* no-repeat, repeat */
	background-color: 	#C9C4B3;				/*  */
	color: 			black;
	font-family: 		Arial,Helvetica;	/* mb */  
	font-size: 			10pt;   		/* pt, px, x-small */
/*	text-align: 		center; */
	margin-left: 		10px;
}

/* body of Galleries Coverpage */
body.coverpage-galerien {
	background-image: 	url("");		/* ../images/bg_left.gif */
	background-color: 	#C9C4B3;		/* mb */
	color: 				black;
	font-family: 		Arial,Helvetica;	/* mb */  
	font-size: 			10pt;   		/* pt, px, x-small */
	text-align: 		center;
	margin-left: 		10px;
}

/* body of Studio Left */
body.left { 
	background-image: 	url("");		/* ../images/bg_left.gif */
	background-repeat: 	repeat;			/* no-repeat, repeat */
	background-color: 	#C9C4B3;
	font-family: 		Arial,Helvetica;	/* mb */  
	font-size: 			10pt;   		/* pt, px, x-small */
	margin-left: 		10px;
}

/* body of Galleries Left */
body.left-galerien { 
	background-image: 	url("");
	background-repeat: 	repeat;			/* no-repeat, repeat */
	background-color: 	#C9C4B3;
	font-family: 		Arial,Helvetica;	/* mb */  
	font-size: 			10pt;   		/* pt, px, x-small */
	margin-left: 		10px;
}

/* body of Galleries Right Photos */
body.photo {
	background-image: 	url(""); 		/* ../images/bg_right.gif */
	background-color: 	#C9C4B3;		/* mb */
	color: 				black;
	text-align: 		left;
	/* margin:			0px; */
	font-family: 		Arial,Helvetica;	/* mb */  
	font-size: 			10pt;   		/* pt, px, x-small */
	margin-left: 		25px;
}

/* body of Galleries Right Text */
body.right-galerien {
	background-image: 	url(""); 		/* ../images/bg_right.gif */
	background-color: 	#C9C4B3;		/* mb */
	color: 				black;
	text-align: 		left;
	/* margin:			0px; */
	font-family: 		Arial,Helvetica;	/* mb */  
	font-size: 			10pt;   		/* pt, px, x-small */
	margin-left: 		25px;
}

/******************************************* div *********************************************/

div {
	margin-left: 		0px; 
	margin-bottom: 		0px; 
	margin-top: 		0px; 
	margin: 			0px; 
	padding:			0px; 
	/* background-color:	#FFFFCC; */
	border-style:		solid;			/* solid, groove, inset */  /* Careful! Not all options are equally nice displayed by Netscape */
	border-width:		1;
	border-color:		#666666;
}

/******************************************* font *********************************************/

font.tabletitle { /* is designed to be similar to p.tabletitle */
	color:				black;
	font-weight: 		bold;
}

font.photo-hidden { /* color should be identical to body.photo bg;; size must be same as a.photo */
	font-size: 			10pt;   		/* pt, px, x-small */
    line-height: 		10pt;			/* 80%, 10px, 8 pt */
	color:				#C9C4B3;
	margin-top:			1px;
}

font.photo-pagenumbers { /* used in gallary photos*/
	font-size: 			10px;   		/* pt, px, x-small */
    line-height: 		10px;			/* 80%, 10px, 8 pt */
	color:				black;
	margin-top:			1px;
}

/******************************************* h1-h5 *********************************************/

H1, H2, H3, H4, H5 {
	text-align: 		center;
}

H1 {
	font-size: 			13pt;   		/* pt, px, x-small */
	font-weight:		bold;
}

H2 {
	font-size: 			12pt;   		/* pt, px, x-small */
	font-weight:		bold;
}

H3 {
	font-size: 			11pt;   		/* pt, px, x-small */
	font-weight:		bold;
}

H1.photo { /* used */
/*	margin-top:			30px;		*/
	font-weight:		bold;
	font-size: 			13pt;   		/* pt, px, x-small */
	text-align: 		center;
	color:				black;
}

H1.xsmall {
    margin: 			5px;
	font-size: 			x-small;   		/* pt, px, x-small */
}

H2.photo {  /* used */
	font-size: 			12pt;   		/* pt, px, x-small */
	font-weight:		normal;
	text-align: 		left;
	color:				darkblue;
	margin:				0px;
	margin-top:			5px;
	margin-left:		10px;
}

H3.photo { /* used */
	font-size: 			11pt;   		/* pt, px, x-small */
	font-weight:		bold;
	text-align: 		left;
	color:				darkblue;
	margin:				0px;
	margin-top:			5px;
	margin-left:		10px;
}

/******************************************* hr *********************************************/

hr { 
	width:			100%;
	color:			darkgray;			/* is NOT supported in Netscape */
}

hr.photo { 
	width:			95%;
	color:			darkgray;			/* is NOT supported in Netscape */
}

/******************************************* iframe *********************************************/

iframe {
	width: 			100%;			/* works */
	/* height: 		50%; */			/* works: based on width % */
	border: 		0px  inset;
}

/******************************************* img *********************************************/

img {
	/* width: 		50%;  */
	/* margin: 		10px; */
	/* margin-top:		0px; */
	/* margin-bottom: 	0px; */
	/* margin-left: 	0px; */
	/* margin-right: 	0px; */
	border: 		none;			/* solid, none */
	border-width: 		0;
	vertical-align: 	middle;			/* top, middle */
	/* position:		absolute;  */
	/* top: 		5; */			/* goes with position */
	/* left: 		0; */			/* goes with position */
	/* padding: 		0px; */
	/* cursor: 		pointer; */ 		/* hand, pointer */
	/* float:		left; */		/* left, right */
}

img.bullet {
	width:			15px;
}

img.photo-center {
	vertical-align: 	top;			/* top, middle */
	/* width:			100%; */
}

img.photo-left {
	vertical-align: 	top;			/* top, middle */
	margin: 		10px;
	/* width: 			100px; */
	float: 			left;			/* left, right */
}

img.photo-right {
	vertical-align: 	top;			/* top, middle */
	margin: 		10px;
	/* width: 			50%; */
	float: 			right;			/* left, right */
}

img.left {
	vertical-align: 	top;			/* top, middle */
	margin: 		10px;
	/* width: 			100px; */
	float: 			left;			/* left, right */
}

img.right {
	vertical-align: 	top;			/* top, middle */
	margin: 		10px;
	width: 			50%; 
	float: 			right;			/* left, right */
}

img.studio-cover {
	border: 		solid;			/* solid, none */
	border-width: 		1;
	border-color:		black;
}

/******************************************* object *********************************************/

object {
	border-style:		solid;			/* solid, groove, inset */  /* Careful! Not all options are equally nice displayed by Netscape */
	border-width:		1;
	border-color:		black;
}

/******************************************* ol *********************************************/

ol {
	margin-top:			0px;
	margin-bottom:		0px;
}

/******************************************* p *********************************************/

p {
	font-size: 			10pt; 
}

p.coverpage {
	text-align: 		center; 		/* left, center, right */
	font-size: 			12pt; 
	font-weight: 		bold; 
	margin: 			0px;
/*	margin-top:			5px; 		*/
/*	text-align: 		center;		*/
/*	text-style:	 		italic;  	*/	/* none, underline */
/*	font-weight: 		bold;  		*/	/* none, normal, bold */
}

p.hide {
	color:				#C9C4B3; 		/* #f0f0f0; */
	font-size: 			1px; 			/* Netscape does not permit to set it to 0 */
	margin: 			0px;			/* Netscape permits to set it to 0 */
	line-height: 		0px;			/* 80%, 10px, 8 pt */
}

p.left-title { /* on left pages "Fotostudio Pfluegl" */
	color:				darkblue; 
	margin-top:			-3px; 
	margin-bottom:		1px; 
	line-height:		10px; 
	font-weight:		bold; 
	font-size:			12px;
}

p.left-subtitle { /* on left pages "Portraits" or "Galerien", etc. */
	color:			darkblue;	
	margin-top:		1px; 
	margin-bottom:		-3px; 
	line-height:		10px; 
	font-weight:		bold; 
	font-size:		12px;
}

p.level1 {   /* used in left.htm files: there are level1, level2, and level3 */
	font-size: 		12px;   		/* pt, px, x-small */
        line-height: 		10px;			/* 80%, 10px, 8 pt */
	color:			blue;
	margin-top:		1px;
	margin-bottom:		1px;			/* needed for Netscape */
}

p.level2 {   /* used in left.htm files: there are level1, level2, and level3 */
	font-size: 		11px;   		/* pt, px, x-small */
        line-height: 		10px;			/* 80%, 10px, 8 pt */
	margin-left: 		15px; 
	color:			darkblue;
	margin-top:		1px;
}

p.level3 {   /* used in left.htm files: there are level1, level2, and level3 */
	font-size: 			11px;   		/* pt, px, x-small */
    line-height: 		10px;			/* 80%, 10px, 8 pt */
	margin-left: 		5px; 
	margin-top: 		-1px; 
	margin-bottom: 		-1px; 
	color:			black;
}

p.photo { /* used */
	margin:				1px;
	margin-top:			1px;
	margin-left:		10px;
	color:				black;
	text-align: 		left;
    line-height: 		16px;			/* 80%, 10px, 8 pt */
}

p.photo-left { /* used */
	margin:				1px;
	margin-top:			1px;
	margin-left:		10px;
	color:				black;
	text-align: 		left;
    line-height: 		16px;			/* 80%, 10px, 8 pt */
}

p.photo-hidden { /* should be identical to body.photo */
	color:			#C9C4B3;
}

p.photo-right { /* used */
	margin:				1px;
	margin-top:			1px;
	margin-right:		10px;
	color:				black;
	text-align: 		right;
    line-height: 		16px;			/* 80%, 10px, 8 pt */
}

p.photo-xsmall {
    margin: 		5px;
	font-size: 		8pt;   			/* pt, px, x-small */
}

p.photo-xxsmall {
    margin: 		2px;
	font-size: 		6pt;   			/* pt, px, x-small */
}

p.right {
	text-align: 		right; 
}

p.tabletitle {
	color:				black;
	font-weight: 		bold;
	/* font-family: 		"Comic Sans MS"; */
}

p.xsmall {
	margin: 		5px;
	font-size: 		8pt;   			/* pt, px, x-small */
}

/******************************************* table *********************************************/

table.lasth {
	width:				80%;			/* thin */
/*
	border-width:		4px;			
	border-color:		gray;
	border-style:		groove;		 /* Careful! Not all options are equally nice displayed by Netscape */
*/
	padding:		5px;
	cellpadding:		2px;
/*	border-spacing:		12px; 
	border-collapse:	separate;
	font-family: 		Verdana, Arial, Helvetica, MS Sans Serif;			
	background-color: 	#FFFFFF;						
	margin-top: 		0em; 							
	margin-bottom: 		0em;
	margin-left: 		-.8em;					
	padding-left: 		0em;							
	padding-right: 		0em; 
*/
}

table.lastv {
/*
	width:			80%;		
	border-width:		4px;			
	border-color:		gray;
	border-style:		groove;		 /* Careful! Not all options are equally nice displayed by Netscape */
*/
	padding:		5px;
	cellpadding:		2px;
/*	border-spacing:		12px; 
	border-collapse:	separate;
	font-family: 		Verdana, Arial, Helvetica, MS Sans Serif;			
	background-color: 	#FFFFFF;						
	margin-top: 		0em; 							
	margin-bottom: 		0em;
	margin-left: 		-.8em;					
	padding-left: 		0em;							
	padding-right: 		0em; 
*/
}

table.photo {
	width:				80%;			/* thin */
/*
	border-width:		4px;			
	border-color:		gray;
	border-style:		groove;		 /* Careful! Not all options are equally nice displayed by Netscape */
	padding:			15px;
	cellpadding:		115px;
	border-spacing:		12px; 
	border-collapse:	separate;
	font-family: 		Verdana, Arial, Helvetica, MS Sans Serif;			
	background-color: 	#FFFFFF;						
	margin-top: 		0em; 							
	margin-bottom: 		0em;
	margin-left: 		-.8em;					
	padding-left: 		0em;							
	padding-right: 		0em; 
*/
}

table.photo-pagenumbers {
	border-width:		1px;
	border-style:		solid;   	/* solid, groove, inset */ /* Careful! Not all options are equally nice displayed by Netscape */
	border-color:		white;
}

table.std {
	border-width:		0px;
	cellpadding:		1px;
	border-spacing:		2px;
}

/******************************************* td *********************************************/

td.lasth {
	vertical-align:		center;
	text-align:		center;
}

td.lastv {
	vertical-align:		center;
	text-align:		left;
}

td.photo {
	vertical-align:		top;
	text-align:		center;
}

td.photo-pagenumbers {
	text-align:		center;
}

td.copyright  {
	vertical-align:		top;
	text-align:		right;
}

td.bullet {
	width:			50px;
	vertical-align:		top;
	text-align:		center;
}

td.language {
	vertical-align:		top;
	text-align:		left;
}

td.std-image {
	width:				100px;
	vertical-align:		top;
	text-align:			right;
}

td.std-text {
	width:				500px;
	vertical-align:		top;
	text-align:			left;
	font-size: 			10pt; 
}

td.std-small {
	width:				500px;
	vertical-align:		top;
	text-align:			left;
	font-size: 			8pt; 
}

td.std-header {
	width:				500px;
	vertical-align:		top;
	text-align:			left;
	font-size: 			11pt; 
	font-weight: 		bold;
}

/******************************************* ul *********************************************/

ul {
	font-size: 			10pt;   		/* pt, px, x-small */
	margin-top:			0px;
	margin-bottom:		0px;
}

/********************************************* end of file **************************************/