html{ height: 100%; background: url(images/background_white.gif) right 580px #ECE8C5 no-repeat; }
body{ background: url(https://www.artway.eu/images/background_home.jpg) no-repeat; margin: 0; padding: 0; height: 100%; font: 78%/1.3em "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #56595C; }

#intro {} 
#meditations{margin: 0; padding: 0; background: url('https://www.artway.eu/images/frontpage/image-meditations.jpg')}
#meditations_nl{margin: 0; padding: 0; background: url('https://www.artway.eu/images/frontpage/image-meditations_nl.jpg')}
#meditations_en{margin: 0; padding: 0; background: url('https://www.artway.eu/images/frontpage/image-meditations_en.jpg')}
#meditations_detail{margin: 0; padding: 0; background: url('https://www.artway.eu/userfiles/Soichi Watanabe The-bamboo-emptiness-flexibility-and-the-holy-spirit.jpg')}

img, img a{ border: none; }
a{ text-decoration: none; color: #A19501; }
a:hover{ text-decoration: underline; color: #A19501; }
a.more{ background: url(https://www.artway.eu/images/arrow_leesmeer.gif) left 0.45em no-repeat; padding: 0 0 0 10px; margin: 0 0 0.5em 0; clear: both; display: block; }
a.more2{ 0.45em no-repeat; padding: 0 0 0 0px; margin: 0 0 0.5em 0; clear: both; display: block; }
p{ padding: 0; margin: 0.2em 0 1em 0; }

h1, h2, h3, h4, h5{ font-family: Georgia; }
h1{ font-size: 150%; }
h2{ font-size: 130%; }
h3{ font-size: 105%; letter-spacing: 0px; font-weight: bold; text-transform: uppercase;  }
h3 a:hover{ text-decoration:none; }
h4{ font-size: 110%; }
h4 a{ text-decoration: none; color: #646965; }
h4 a:hover{ color: #646965; }
h5{ font-size: 110%; }

.center{ margin: auto auto; }
.centerdiv{ width: 960px; margin: auto auto; }
.centertxt{ text-align: center; }
.clear{ clear: both !important; display: block; width: 100%; }
.desc{ font-size: 92%; color: #A19501; font-style: normal; }
.bigger{ font-size: 120%; }
.date{ color: #A19501; }
.left{ float: left;}
.leftimg{ margin: 4px 26px 8px 0; float: left; }
.lefttxt { text-align: left; }
.padding{ padding: 10px; }
.cont_padding{ padding: 20px 0 20px 20px; }
.fpadding{ padding: 0 6px 6px 6px; }
.rbox{ margin: 0 0 12px 12px; }
.lbox{ margin: 0 12px 12px 0; }
.paddingtxt{ padding: 0 12px 0 0; }
.right{ float: right; }
.rightimg{ float: right; margin: 4px 0 8px 26px; }
.righttxt{ text-align: right; }
.block{ display: block; }
.wrap{ width: auto; }
.nowrap{ white-space: nowrap }
.hide{ display: none; }
.show {display:block !important;}
.auto{ width: auto; }
.third{ width: 30%;  }
.twothird{ width: 60%;  }
.stretch{ width: 100% !important; }
.half{ width: 46%; }
.noclear{ clear: none; display: inline; }
.nobgimg{ background-image: none !important; }
.nobg{ background: none !important; }

#framework{ background: url(xximages/background_home_logo.jpg) no-repeat; width: 960px; margin: auto auto; }
#container{ background: #FFF; width: 921px; margin: 0 0 0 39px; } 
#header { margin: 0; padding: 0; height: 254px; width: 921px; float: left; background: url(../images/header_home.gif);}
#header_short { margin: 0; padding: 0; height: 180px; width: 921px; float: left; background: url(../images/header_home.gif);}
#manage { background: #DEDA9E; margin: 0; padding: 0; width: 921px; float: left}
#artway{ background:#383D0E; color: #FFFFFF; height: 40px; float: left; width: 100%; font-size:24pt; font-family:Georgia; text-align:center; line-height:130%; vertical-align:top; font-weight:bold; padding-top:3px; padding-bottom:5px }
#quote_of_the_week{ background: #938B31; height: 60x; color: #1F2107; float: left; width: 100%; font-style:normal; font-variant:normal; font-size:11pt; font-family:Georgia; text-align:center; line-height:130%; vertical-align:top; padding-top:10px; padding-bottom:0px }

#footer{ background: #C7BF5A; height: 25px; color: #383D0E; float: left; width: 100%; font-style:italic; font-variant:normal; font-size:12pt; font-family:Georgia; text-align:center }

#navigation{ background: #C7BF5A; height: 37px; color: #383D0E; font: normal 115% Georgia; float: left; width: 100%;}
ul#nav { padding: 0; margin: 0; float: left; position: relative; z-index: 200; }
#nav a { color: #383D0E; margin: 0; padding: 0 25px 10px 0px; }
#nav a:hover{ color: #000; margin: 0; padding: 0 25px 10px 0px; }
#nav li { float: left; width: auto; min-height: 1em; cursor: pointer; }
#nav li ul { width: 159px; top: 27px; padding: 10px; cursor: default; background: url(https://www.artway.eu/images/nav_shadow.png) top left #302C27 repeat-x; position: absolute; left: -999em; -moz-opacity: 0.95; opacity: 0.95; z-index: 200;  }
#nav li:hover ul, #nav li.active ul { left: auto; margin: 0 0 0 -10px; z-index: 200; }
#nav ul { padding: 0; margin: 0; list-style: none;}
#nav li, #nav li a{ color: #383D0E; text-decoration: none; display: block; }
#nav ul li, #nav ul li a{ margin: 0 !important; padding: 0 !important; font: normal 92% "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; display: block; clear: left; width: 100%; letter-spacing: normal !important;}
#nav ul li a{ color: #FFFFFF !important; margin: 0.3em 0 !important; padding: 0em 0.2em; width: 154px; text-decoration: none;}
#nav ul li a:hover{ border: none; color: #FFF !important; text-decoration: underline;}
#nav li.active a, #nav li:hover a, #nav a.active {color: #000; /*padding: 0 23px 10px 13px;*/ }
#nav li.active li a, #nav li:hover li a, #nav li a.active{ background: none; margin: 0; padding: 0; font-weight: normal; }
#nav li.active li a:hover, #nav li:hover li a:hover, #nav li a:hover.active{ background: none; margin: 0; padding: 0; font-weight: normal; text-decoration: underline;   }
#nav li.selected, #nav li.selected span, #nav li.selected a:hover{ color: #000; }


#subnavigation{ background: url(../images/background_subnavigation.jpg) #EBE8C5 top left repeat-x; height: 100%; width: 225px; float: left; margin: 0; padding: 0; }
ul.subnav{ list-style: none; margin: 0; padding: 0; float: left; }
ul.subnav li{ margin: 0; padding: 0; float: left; }
ul.subnav li img{ margin: 2px 0; padding: 0; float: left; }
ul.subnav.options { margin: 20px 0; padding: 0; float: left; }

#content{  background: url(../images/background_home.gif) #FFF repeat-y; width: 921px; float: left;}
#contentmain{  width: 696px; float: right; }

.row{ display: block; width: 100%; margin: 0 0 2.5em 0; float: left; }
.row h3{ display: block; color: #B5A80D; padding:0; margin: 0 0 5px 0;} 
.row h4{ color: #646965; margin: 0 0 8px 0; padding: 0 0 0 0; }
.row img { padding-bottom: 0.5em; }
.row .art_third{ width: 210px; float: left; overflow: hidden; }
.row .artleft{ margin: 0 21px 0 0; }
.row .artright{ margin: 0 0 0 21px; }
.row .art_twothird{ width: 443px; float: left; overflow: hidden; }
.row .art_threethird{ width: 600px; float: left; overflow: hidden; line-height: 1.4;}
.roooow .aaaaart_threeeeeethird{ width: 600px; float: left; overflow: hidden; line-height: 1.9;}
.row .readspeaker { margin: 0 0 8px 0; padding: 0 0 8px 0; border-bottom: #A19501 1px solid; }

#blok1-1-1 { border-style: solid; border-width: 0px;background-color: #FFFF00;}
#blok1-1-2 { border-style: solid; border-width: 0px;background-color: #FFFF00;}
#blok1-1-3 { border-style: solid; border-width: 0px;background-color: #FFFF00;}

#blok1-2-1 { border-style: solid; border-width: 0px;background-color: #FFFF00; margin-top: 10px;}
#blok1-2-2 { border-style: solid; border-width: 0px;background-color: #FFFF00; margin-top: 10px;}
#blok1-2-3 { border-style: solid; border-width: 0px;background-color: #FFFF00; margin-top: 10px;}

#blok2-1-1 { border-style: solid; border-width: 0px;background-color: #FFFF00;}
#blok2-1-2 { border-style: solid; border-width: 0px;background-color: #FFFF00;}
#blok2-1-3 { border-style: solid; border-width: 0px;background-color: #FFFF00;}

#blok2-2-1 { border-style: solid; border-width: 0px;background-color: #FFFF00; margin-top: 10px;}
#blok2-2-2 { border-style: solid; border-width: 0px;background-color: #FFFF00; margin-top: 10px;}
#blok2-2-3 { border-style: solid; border-width: 0px;background-color: #FFFF00; margin-top: 10px;}

#blok3-1-1 { border-style: solid; border-width: 0px;background-color: #FFFF00;}
#blok3-1-2 { border-style: solid; border-width: 0px;background-color: #FFFF00;}
#blok3-1-3 { border-style: solid; border-width: 0px;background-color: #FFFF00;}

#blok3-2-1 { border-style: solid; border-width: 0px;background-color: #FFFF00; margin-top: 10px;}
#blok3-2-2 { border-style: solid; border-width: 0px;background-color: #FFFF00; margin-top: 10px;}
#blok3-2-3 { border-style: solid; border-width: 0px;background-color: #FFFF00; margin-top: 10px;}

#opennav{ display: none; }
#generic{ margin: 25px 0 0 11px; }
#generic div{ margin: 0 0 0px 0; float: left; width: 100%; display: block; }
#generic div img{ margin: 0; padding: 0; float: left;}