/* css style für die domain festivaldesostens.de */

/* mvander, 11:55 15.06.2010 */

/* basic styles */
* {
color:black; font-family:Arial,Helvetica,sans-serif; }
/* margin: 0;
padding: 0;
border: 0;
} */
body 
{background-color:#E7E7E7; width:842px;  margin-left:auto; margin-right:auto; margin-top:0px;  } /* does not work with ie7 and vista overflw-y scrll enforce vertical scrollbar  */




h1,h2,h3,h4,h5,h6 {
color:green; 
}
h4{padding-top: 8pt; margin-bottom:0pt;}

/* paragraphs */
p {font-size:12pt; line-height:120%; margin-left:auto; margin-right:auto;}
p.small {font-size:10pt; line-height:120%; margin-left:auto; margin-right:auto;}
p.x-small {font-size:8pt; line-height:120%; margin-left:auto; margin-right:auto;}
p.note {padding: 0px 16px 16px 16px; font-size:8pt; }
p.note-line{padding: 0px 16px 0px 16px; font-size:8pt;}

.italic {font-style:italic;}
/* .link {color:darkgreen; font-weight:normal; font-style:italic; text-decoration:underline; line-height:100%;} */ /* subject to change */

/* .link-intern{
background-image: url(../img_domain/link-intern.gif);
background-repeat: no-repeat;
background-position: right top;
padding-right: 20px;

} */

/* .link-intern{
background-image: url(../img_domain/link-intern.gif);
background-repeat: no-repeat;
background-position: 0 5px; 
padding-left: 15px;
}
 */
	a.link:link { color: green; text-decoration: underline;} 
	a.link:hover { color: darkgreen; text-decoration: underline; background-color: #dddddd}
	a.link:active { text-decoration: underline; border-style: none}
	a.link:visited  { color: darkgreen; text-decoration: underline;}
	
	a.link-intern:link { color: green; text-decoration: underline;} 
	a.link-intern:hover { color: darkgreen; text-decoration: underline; background-color: #dddddd}
	a.link-intern:active { text-decoration: underline; border-style: none}
	a.link-intern:visited  { color: darkgreen; text-decoration: underline;}

/* a.link-intern:link { color: #990000; text-decoration: none;} 
	a.link-intern:hover { color: #cc0000; text-decoration: none; background-color: #dddddd}
	a.link-intern:active { text-decoration: none; border-style: none}
	a.link-intern:visited  { color: #660000; text-decoration: none;}
 */


/* .link-intern{color:orangered;font-weight:normal; font-style:italic; text-decoration:underline; line-height:100%;} */
 /* site internal links*/

/* image formats */
img {border-color:#CEFF6B;}
img.menu {width:842px; border-style:none; margin:0px; padding:0px;}
img.page {width:842px; border-style:none;}
img.small {width:152px; height:114px;}

div.frame {background-color:#CEFF6B; padding:16px 32px 16px 32px;} /* defines the frame around the canvas */
div.home-box {min-height:617px;} /* default size of a page*/
div.background-logos {background:url(../img_domain/background_aussteller_logos.jpg) repeat;}
div.background-wappen {background:url(../img_domain/background_wappen.jpg) repeat;}
div.canvas {background-color:ivory;}  /* the actual canvas to fill */
div.box {vertical-align:top; padding: 14px 16px 0px 16px; }
div.box-ivory {background-color:ivory; padding:32px 32px 32px 26px;} /* padding adapted to column of picture - heritage: medienecho entry, ul should be changed to a table*/

/* using a table as design grid  */
table.layout { width:100%; table-layout:fixed; border-spacing:0px;  background-color:none; }
td {vertical-align:top; overflow:hidden; padding:0px;}
td.anchor {width:206px; height: 89px; vertical-align:bottom; font-size:18pt; color:green; font-weight:bold; text-align:center;}
td.header {width:auto; vertical-align:bottom; padding:0px 0px 0px 16px; font-size:18pt; color:green; font-weight:bold;}
td.left {width:206px; vertical-align:top;   border:0px solid black; text-align:center; padding:0px 0px 0px 0px;}
td.right {width:auto; vertical-align:top; padding: 0px 0px 0px 0px; }


/* using a table for a column of pictures */
table.img_array {table-layout:fixed; background-color:none; width:174px; margin: 0px auto 16px auto;  }
td.left table.img_array {padding: 0px 0 8px 0; margin-top:28px;} 
table.img_array tr td { vertical-align:middle; height:152px} /* quadratische zelle */		
 			
/* keypad to item selection */

/* IE 6 has problems with position:fixed, use the work-around which is taken from selfhtml */			
/* for solution see work-around in head part of tht html files */	



/* td.left div.fxd {position:fixed; top:216px; left:auto; right:auto;} */
/* td.left div.fxd {position:fixed; top:216px; left:110px;} */

td.left div.fxd {position:fixed; top:216px; margin-left:27px;}

td.left div.keypad {padding: 34px 0px 0px 27px;}   /* 27px */
.object td.left div.keypad {padding: 49px 0px 0px 27px;}  /* 27px */

table.keypad { width:156px;  table-layout:fixed; border-spacing:0px; border:0px solid black; background-color:#CEFF6B;}

table.keypad td {color:green; background-color:ivory; vertical-align:middle; text-align:center; font: bold 10pt Arial, Helvetica, Verdana sans-serif;
	margin: 0;
	padding: 0px 0px 0px 0px;
	height: 20px;
	width: 20px;
	border: 0px solid red
	
	}
table.keypad td a{
	border: 3px solid #CEFF6B;
	height: 20px;
	margin: 1px;
	padding: 0;
	width: 20px;
}

table.keypad td a:link {
	background: ivory;
	color: green;
	display: block;
	height: 2em;
	padding: 0.75em 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 44px;
}

table.keypad td  a:visited {
	background: ivory;
	color: green;
	display: block;
	height: 2em;
	padding: 0.75em 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 44px;
}

table.keypad td a:hover {
	background: orange;
	color: white;
	text-decoration: underline;
}
			

/* barpad to item selection */

/* IE 6 has problems with position:fixed, use the work-around which is taken from selfhtml */			
/* for solution see work-around in head part of tht html files */	

td.left div.fxd {position:fixed; top:216px; left: 10%; margin-left:-3%}
td.left div.barpad {padding: 34px 0px 0px 27px;}
.object td.left div.barpad {padding: 49px 0px 0px 27px;}

table.barpad { width:150px;  table-layout:fixed; border-spacing:0px; border:0px solid black;}

table.barpad td {color:green; background-color:ivory; vertical-align:middle; text-align:center; font: bold 10pt Arial, Helvetica, Verdana sans-serif;
	margin: 0;
	padding: 0px 0px 0px 0px;
	height: 20px;
	width: 60px; 
	
}
table.barpad td a{
	border: 3px solid #CEFF6B;
	height: 20px;
	margin: 1px;
	padding: 0;
	width: 60px;
}


table.barpad td a:link {
	background: ivory;
	color: green;
	display: block;
	height: 2em;
	padding: 0.75em 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 138px;
}

table.barpad td  a:visited {
	background: ivory;
	color: green;
	display: block;
	height: 2em;
	padding: 0.75em 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 138px;
}


table.barpad td a:hover {
	background: orange;
	color: white;
	text-decoration: underline;
}

table.barpad td.bar-em a:link   {
	background: bisque;
	color: orangered;
	display: block;
	height: 2em;
	padding: 0.75em 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 138px;
}

table.barpad td.bar-em   a:visited {
	background: bisque;
	color: orangered;
	display: block;
	height: 2em;
	padding: 0.75em 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 138px;
}

table.barpad td.bar-em  a:hover  {
	background: orange;
	color: red;
	text-decoration: underline;
}

			
/* used for gallery objects, pages and images*/			
.objectFrame {width:100%; height:515px; text-align:center; vertical-align:top; }

body.object{background:none; width:auto; margin:0px; overflow:hidden}
.gallery {width:536px; height:470px; padding: 49px 0px 0px 16px;}
.gallery img {width:536px; height:402px; }
table.img-navi{table-layout:fixed; width:100%; border:none; background-color:none; padding-top: 0pt;}
tr.img-navi  {min-height:32px; color:green; font-size:8pt;  vertical-align:middle; }
td.caption { color:black}
td.previous {text-align:left; width:70px; vertical-align:top;}
td.next {text-align:right; width:70px; vertical-align:top;}
a.navi {text-decoration:none; color:green}
a.navi img {width:24px; height:24px; border:none;} 
a.navi:focus {outline:0;}
p.img-caption {vertical-align:middle; text-align:center; font-size:10pt; margin:0px; padding-top:4px; color:green; display:block;} /* block oder none */
p.img-author {vertical-align:middle;  text-align:center; font-size:8pt; margin:0px; padding:7px 0px 0px 0px; color:black; display:block;} /* block oder none */
			
		

/* styles for media quotes - medienecho.html*/

.quote-list-top {}
.quote-list {list-style: square outside; line-height:140%; color:black; }
.quote-list-date { font-size:10pt; font-family:Courier New,Courier; word-spacing:-0.4ex; color:black; }
.quote-list-media {font-size:10pt; font-family:Courier New,Courier; color:black; font-weight:bold;}
.quote-list-title {font-size:9pt; font-style:italic;  font-weight:bold; color:darkgreen;} 
li {}
.quote-text {font-style:italic; font-size:10pt; color:black; }
.quote-header {font-family:Courier New,Courier; font-size:13pt; color:green; font-weight:bold; }
.quote-date {font-family:Courier New,Courier; word-spacing:-0.4ex; color:black; font-weight:bold; }
.quote-media {font-family:Courier New,Courier; color:black; font-weight:bold; }
.quote-title {font-style:italic; font-weight:bold; font-size:10pt; color:green; }
.quote-author {font-style:italic; line-height:200%; font-weight:bold; font-size:8pt; color:green; }
.quote-link {font-family:Courier New,Courier; color:green; font-weight:bold; text-decoration:none; }
.quote-sub-header-line {color: orangered; font-family:Courier New,Courier; font-style:italic; font-weight:bold; font-size:8pt;}

			
/* little helpers */

.upward {font-size:10pt; font-style:italic; }
em {color:green; font-weight:normal; font-style:normal; font-variant:normal; font-size:100%;} /* substitute with css*/
.emphasis{color:green; font-weight:normal; font-style:normal; font-variant:normal; font-size:100%;}
.propername{color:green; font-weight:normal; font-style:normal; font-variant:normal; font-size:100%;}

.list {list-style: square outside; color:black; } /* subject to change */

.list li {padding-top:4pt; padding-bottom:4pt;}

.sub-header-line {color:black; text-align:right; margin-top:8pt; margin-bottom:18pt; margin-right:32px;}

/* end of currently used styles  */