/* Tapio Markula: taidesivujen CSS-aputiedosto */
/* peruselementit */
/* 
div#limit {border-top:1px solid #304300;}
*/
h1,h2,h3,h4,h5,h6 {color:#304300}/*
h3 {margin-left:0; width: 75%;border:outset #304300; border-width: 1px 0 2px 0; padding: 2px 0px 2px 40px;}*/
body.firstSection #bottomDoc {display:block !important}
body.subIndex div.next {margin-top:15px; margin-right:0 !important}
div#artVersion div, div#artVersion div span {border:none !important; background-color: transparent !important}
div.fi, div.en {color:#304300 !important; text-align:justify; margin-top:0; margin-bottom:0; padding-bottom:10px}
div.fi {padding-top:5px; background-color:white}
body.startPage div.fi {background-color:transparent}
div.en {background-color:#f6f6f6 !important; padding-top:5px; margin-bottom:-10px}
img.border {border:1px solid #304300}
img.border, img.noBorder {margin-top:20px}
#nextImage a {border:none !important; background: transparent url() !important;}

div.fi p, div.en p {padding-left:10px !important; padding-right:10px;}
#ArtSite a, #ArtSiteEn a {background-color:#ffd700 !important; color:#303400 !important}
#HTMLKitSite, #EnglishPages {display:none}
body {background-color:transparent; border:none !important}
body div.doc {background-color:white;}
body.startPage div.doc {background-image: url(./Kuvat/clipArt.png);}
div.section th a {float:none !important; display: inline !important}
div#shortcutMenu th.info div#services {font-size:10px !important}
div.section th a:link, div.section th a:visited {color:#f08200}
hr {background-color:transparent}
#inEnglish {display:inline; margin-top:0px}
#inEnglish a {font-size:1.0em}
.hr {margin-top:5px; margin-bottom:5px;}

.next {margin-right:20px}
.hr {color:#304300 !important; text-align:center}
div#adv, div#adv a, div#adv cite {font-weight:bold}
.menuHeader {background-color:#f6f6f6; border:1px solid #303400}
div#smallImages{background-color:white}
#smallImages div.en, #smallImages  div.fi{background-color: transparent; border-width:0 !important}
div#adv {padding:5px}
#Explanations,.explan {table-layout:fixed; width:100%; border-collapse:collapse;margin:0}
#Explanations td {vertical-align:top; width:35%}
#Explanations #TDEx {width:72px; margin:0; padding:0;}
#Explanations div.fi, #Explanations div.en {padding-left:30px; padding-right:30px;height:100%}
#Explanations td div.fi, #Explanations td div.en {height:100px}
div#adv{font-size:12px}
/*
span.buttons a {margin-top:2px !important; padding-top:2px !important}
*/

 
/*muut*/
object, embed {background-color:transparent}
.p55 {width:55%}
.p70 {width:70%}
.p75 {width:75%}
.p89 {width:89%}
.p95 {width:95%}
.p100 {width:100%}


/* listat */

ul li {list-style-image: url(../Css/Kuvat/palloCSSTummavioletti.gif);}
.container div.itemD {background-image: url(./Kuvat/palloCSSTummavioletti.gif);}
ul li ul li {list-style-image: url(../Css/Kuvat/palloCSSVaaleanvioletti.gif);}
.container .subItem div.itemD {background-image:url(../Css/Kuvat/palloCSSVaaleanvioletti.gif);}
/* navigointielementit */
.container {background-color:white !important}
div.section table.section a img {width:16px !important; height:16px !important; display:inline}
div.section table.section span.empty {font-size:1px;display:inline}
div.section table.section a {display:inline; margin:1px}
div.section table[class="section"] a {float:left}
.container div.images {height:45px; background-image:url(../Kuvat/buttons/spacer.gif); margin-left:11px}
div.linkNumbers img {width:16px !important; height:16px !important}
.container div.Header, .container div.Header div, .container div.Header a, .container div.Header a:hover {color:white !important; background-color:#304300 !important}
.sMenuL1 .itemD a:hover {color:#304300}


/* sivuryhmäkohtaiset määrittelyt */

/* art-sivuston yleisluonteiset sivut  */
body#commonPages{background: white url(./Kuvat/Collages.gif) fixed}
center.Start div#shortcutMenu .upper, center.Start div#shortcutMenu .lower,center.Start div#topMenu, center.Start div#findForm {background-image:url(../Css/Kuvat/naviArt.gif);}
center.Start div[id="shortcutMenu"] .upper, center.Start div[id="shortcutMenu"] .lower, center.Start div[id="topMenu"], center.Start div[id="findForm"] {background-image:url(../Css/Kuvat/naviArt.png) !important;}
center.Start .sMenuL1 .itemD a:hover, body#commonPages .itemB:hover {background-color:#fffc48}
#services {font-size:10px}
center.Start div#shortcutMenu td a, center.Start #findForm td.helpF a, div.next a:link, div.next a:visited, body#commonPages #topImageContainer a, body#commonPages #findForm input.find {background-image: url(./Kuvat/pohjaArt.png)}
body#commonPages .itemB, body#commonPages #mainMenu div.arrow {background-color: #E6E6D9;}


/* Väripiirrokseni */
body#colorImages {background: white url(./Kuvat/Bg388.jpg) fixed}
center.Color div#shortcutMenu .upper, center.Color div#shortcutMenu .lower, center.Color div#topMenu, center.Color div#findForm {background-image:url(../Css/Kuvat/naviColor.gif);}
center.Color div[id="shortcutMenu"] .upper, center.Color div[id="shortcutMenu"] .lower, center.Color div[id="topMenu"], center.Color div[id="findForm"] {background-image:url(../Css/Kuvat/naviColor.png) !important;}
center.Color .sMenuL1 .itemD a:hover, body#colorImages .itemB:hover {background-color: #cdd8fe} /* #632bfe#a82c98 #6062ff, #6062ff, #4237ff */
center.Color .info, center.Color div#mainMenu .menuHeader {color:white}
center.Color div#shortcutMenu a {background-color:}
center.Color div#shortcutMenu td a, center.Color #findForm td.helpF a, body#colorImages #topImageContainer a, body#colorImages #findForm input.find {background-image: url(./Kuvat/pohjaColor.png)}
body#colorImages .itemB, body#colorImages #mainMenu div.arrow {background-color: #E0E1EB;}


/* Harmaasävypiirrokset */
body#bwImages {background: #eee url(./Kuvat/Salonkko.gif) fixed}
body#bwImages div.doc {background-color:#fff}
center.BW div#shortcutMenu .upper, center.BW div#shortcutMenu .lower, center.BW div#topMenu, center.BW div#findForm {background-image:url(../Css/Kuvat/naviBW.gif);}
center.BW div[id="shortcutMenu"] .upper, center.BW div[id="shortcutMenu"] .lower, center.BW div[id="topMenu"], center.BW div[id="findForm"] {background-image:url(../Css/Kuvat/naviBW.png) !important;}
center.BW .info, center.BW div#mainMenu .menuHeader {color:white !important}
center.BW .sMenuL1 .itemD a:hover {background-color:#c8c7c7} /* #999898#5a5a5a, #b8b8b8, #bdbdbd, #989898, #989797 */ 
body#bwImages div#shortcutMenu td a, body#bwImages #findForm td.helpF a, body#bwImages #topImageContainer a:link, body#bwImages #topImageContainer a:visited, body#bwImages #findForm input.find {background-image:  url(./Kuvat/pohjaGrayscale.png)}
.container .normal a.itemB, .container .subItem a.itemB, .container .subItem2 a.itemB, #mainMenu div.arrow {background-color:#dedede}



/* Expression 2 + Flash */
#Expression {background: white url(./Kuvat/Bg390.jpg) fixed}
body#Expression div.doc {background:white url(.)}
center.E2 div#shortcutMenu .upper, center.E2 div#shortcutMenu .lower, center.E2 div#topMenu, center.E2 div#findForm, center.Flash div#topMenu, center.Flash div#shortcutMenu .upper, center.Flash div#shortcutMenu .lower, center.Flash div#findForm {background-image:url(../Css/Kuvat/naviE2.gif);}
center.E2 div[id="shortcutMenu"] .upper, center.E2 div[id="shortcutMenu"] .lower, center.E2 div[id="topMenu"], center.E2 div[id="findForm"] {background-image:url(../Css/Kuvat/naviE2.png) !important;}
center.Flash div[id="shortcutMenu"] .upper,center.Flash div[id="shortcutMenu"] .lower, center.Flash div[id="topMenu"], center.Flash div[id="findForm"] {background-image:url(../Css/Kuvat/naviE2.png) !important;}
body#Expression .sMenuL1 .itemD a:hover, body#Expression .itemB:hover {background-color:#a1c0d2}/*#83a2be#6884a0 */
center.E2 div#shortcutMenu td a, center.E2 #findForm td.helpF a, center.Flash div#shortcutMenu td a, center.Flash #findForm td.helpF a, body#Expression #topImageContainer a, body#Expression #findForm input.find {background-image: url(./Kuvat/pohjaE2.png)}
body#Expression .itemB, body#Expression #mainMenu div.arrow {background-color: #CBDAD9;}


/* Kristilliset piirrokset */
body#chImages {background: #efefef url(./Kuvat/kolmin.gif) fixed}
div#turkoosi {background-color:#d9f8ef} /*#e0fcf8,#e6f9f6*/
div.artChristian {background-color:white;}
center.ChristianDrawings div#shortcutMenu .upper, center.ChristianDrawings div#shortcutMenu .lower, center.ChristianDrawings div#topMenu, center.ChristianDrawings div#findForm {background-image:url(../Css/Kuvat/naviChristianDrawings.gif);}
center.ChristianDrawings div[id="shortcutMenu"] .upper,center.ChristianDrawings div[id="shortcutMenu"] .lower, center.ChristianDrawings div[id="topMenu"], center.ChristianDrawings div[id="findForm"] {background-image:url(../Css/Kuvat/naviChristianDrawings.png) !important;}
center.ChristianDrawings .sMenuL1 .itemD a:hover,body#chImages .itemB:hover {background-color:#b5f6f2} 
/* #50ece8valikko:#a6f3e1, #a6f3e1; tausta: #d9f8ef; muut:aqua */
center.ChristianDrawings div#shortcutMenu td a, center.ChristianDrawings #findForm td.helpF a, body#chImages #topImageContainer a, body#chImages #findForm input.find {background-image: url(./Kuvat/pohjaChristianDrawing.png)}
body#chImages .itemB, body#chImages #mainMenu div.arrow {background-color: #D0DCDD;}


/* joulu border-width:0 */
body#Christmas {background: #e2ad30 url(./Kuvat/joulukello.gif) fixed !important}
body#Christmas div.doc {background-color:#e2ad30;}
center.Christmas div#shortcutMenu .upper, center.Christmas div#shortcutMenu .lower, center.Christmas div#topMenu, center.Christmas div#findForm {background-image:url(../Css/Kuvat/naviChristmas.gif);}
center.Christmas div[id="shortcutMenu"] .upper, center.Christmas div[id="shortcutMenu"] .lower, center.Christmas div[id="topMenu"], center.Christmas div[id="findForm"] {background-image:url(../Css/Kuvat/naviChristmas.png) !important;}
center.Christmas div#shortcutMenu {background-color:#ffcd3c}
center.Christmas .sMenuL1 .itemD a:hover, body#Christmas .itemB:hover  {background-color:#ffe384} /* valikko:#ffd848 #ffd140, #e8b234; tausta: #e2ad30; muut:gold */
center.Christmas div#shortcutMenu td a, center.Christmas #findForm td.helpF a, body#Christmas #topImageContainer a, body#Christmas #findForm input.find {background-image: url(./Kuvat/pohjaChristmas.png)}
body#Christmas .itemB, body#Christmas #mainMenu div.arrow {background-color: #DAD9C5;}


/* vuodenajat */
body#Seasons {background: #f9f9f9 url(./Kuvat/joutsenet.gif) fixed}
center.Seasons div#shortcutMenu .upper, center.Seasons div#shortcutMenu .lower, center.Seasons div#topMenu, center.Seasons div#findForm {background-image:url(../Css/Kuvat/naviSea.gif);}
center.Seasons div[id="shortcutMenu"] .upper, center.Seasons div[id="shortcutMenu"] .lower, center.Seasons div[id="topMenu"], center.Seasons div[id="findForm"] {background-image:url(../Css/Kuvat/naviSea.png) !important;}
center.Seasons .sMenuL1 .itemD a:hover, body#Seasons .itemB:hover {background-color:#a1bdcb} /*#a1bdd5#79b3cb#97d1e9#valikko:#50bcd8,#c1ecff; muut: lightblue */ 
center.Seasons div#shortcutMenu td a, center.Seasons #findForm td.helpF a, body#Seasons #topImageContainer a, body#Seasons #findForm input.find {background-image: url(./Kuvat/pohjaSeasons.png)}
body#Seasons .itemB, body#Seasons #mainMenu div.arrow {background-color: #D7DFE3;}