@charset "utf-8";
/* CSS Document */

* {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
body { color:#000; margin:0; font-size:70%; padding:0 0 22px 0; background:#E6B13C url(_img/bg-body.gif) repeat-x top; text-align:center; }
h1 {margin:0; padding:12px 0px 12px 0px; color:#000; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:130%; background:url(_img/bg-heading-line.gif) no-repeat bottom; }
h2 {margin:0; padding:12px 0px 12px 0px; color:#000; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:130%; background:url(_img/bg-heading-line.gif) no-repeat bottom; }
h3 {color:#000; font-size: 120%; font-weight:bold; margin-top:30px; }
h4 {color:#000; font-size: 100%; font-weight:bold; margin-top:30px; }
img { border:0; padding:0; margin:0; background:none;}
p { line-height:normal; margin: 1.5em 0; }

/* Layout */
#print-header { display:none;}
#center {width: 1000px; margin: 0px auto; padding:0; text-align:left; }
#header { width:1000px; height:198px; background: url(_img/bg-header.gif) no-repeat 0% 0%; text-align:center;}
img.peking1 { width:80px; height:130px; float:left; margin-left:205px; margin-top:35px;}
img.logo-name { float:left; margin-left:145px; margin-top:15px; }
img.peking2 { width:80px; height:130px; float:right; margin-right:210px; margin-top:35px;}

#main { background: url(_img/bg-main.gif) repeat-y; }

#home-left { width:310px; float:left; background: url(_img/bg-home-left.gif) no-repeat 50% 10%; padding-left:27px; text-align:center;}
#home-center { width:325px; float:left; background: url(_img/bg-home-center.gif) repeat-y; text-align:center;}
#home-right { width:310px; float:left; background: url(_img/bg-home-left.gif) no-repeat 50% 10% ; text-align:center;}

#kali-left { width:277px; margin:205px 0 0 15px;}
#kali-left-top { width:277px; height:13px; background:url(_img/bg-kali-left-top.gif) no-repeat;}
#kali-left-address { width:277px; height:119px; background:url(_img/bg-kali-left-address.gif) repeat-y; text-align:center;}
#kali-left-address p{ text-align:center; color:#000;font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:130%; margin:0; padding:35px 0 0 0; }
#kali-left-pic { width:277px; height:138px; background:url(_img/bg-kali-left-pic.gif) repeat-y; text-align:center;}
#kali-left-pic img{text-align:center; margin:12px 0;  border-top:solid 10px #E4DBC8; border-bottom:solid 10px #E4DBC8;}
#kali-left-bottom { width:277px; background:url(_img/bg-kali-left-bottom.gif) no-repeat 0% 0%; text-align:center;}
#kali-left-bottom p{ margin:0; padding:40px 0 10px 0; color:#fff;  font-weight:bold;}
#kali-left-bottom a{ color:#fff; text-decoration:none; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#kali-left-bottom a:hover{ color:#fff; text-decoration:underline;}

#kali-right { width:277px; margin:205px 0 0 15px;}
#kali-right-top { width:277px; height:13px; background:url(_img/bg-kali-right-top.gif) no-repeat;}
#kali-right-address { width:277px; height:119px; background:url(_img/bg-kali-right-address.gif) repeat-y; text-align:center;}
#kali-right-address p{ text-align:center; color:#000;font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:130%; margin:0; padding:35px 0 0 0; }
#kali-right-pic { width:277px; height:138px; background:url(_img/bg-kali-right-pic.gif) repeat-y; text-align:center;}
#kali-right-pic img{text-align:center; margin:12px 0; border-top:solid 10px #E4DBC8; border-bottom:solid 10px #E4DBC8;}
#kali-right-bottom { width:277px; background:url(_img/bg-kali-right-bottom.gif) no-repeat 0% 0%; text-align:center;}
#kali-right-bottom p{ margin:0; padding:40px 0 10px 0; color:#fff;  font-weight:bold;}
#kali-right-bottom a{ color:#fff; text-decoration:none; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#kali-right-bottom a:hover{ color:#fff; text-decoration:underline;}

img.logo { float:left;}
.home-kaligrafie { margin:30px 0;}

p.home-lang-menu { width:325px; background:#E4000B; text-align:center; margin:0; padding:12px 0 5px 0; color:#E7B33E;}
p.home-lang-menu a{ color:#E7B33E; text-decoration:none;}
p.home-lang-menu a:hover{ color:#FFD985; text-decoration:underline;}

.red-line { width:325px; background:#E4000B; height:8px; position:relative; margin-top:-1px; margin-left:337px;}

/* Subpage */
#sub-left { width:310px; float:left; padding-left:27px; text-align:center;}
#sub-right { width:310px; float:left; text-align:center;}

.animation-left { position:relative; margin-top:-1px; margin-left:7px;}
.animation-right { position:relative; margin-top:-1px; margin-left:-6px;}

p.lang-menu { width:325px; background:url(_img/bg-lang-menu.gif) repeat-y; text-align:center; margin:0; padding:0px 0 12px 0; color:#E7B33E;}
p.lang-menu a{ color:#E7B33E; text-decoration:none;}
p.lang-menu a:hover{ color:#FFD985; text-decoration:underline;}

.heading { width:310px; background: url(_img/bg-heading.gif) no-repeat 0% 0%; border:solid 1px #BCA35A; border-bottom:none; margin-left:6px; text-align:center;}
.content { width:928px; margin-left:34px; border-left:solid 1px #BCA35A; border-right:solid 1px #BCA35A; background: url(_img/bg-content.gif) repeat-y 0% 0%;}

p.introduction-left { padding:25px; width:320px; text-align:left; float:left; line-height:1.5em;}
.dragon { float:left; margin:30px 0 25px 20px;}
p.introduction-right { padding:25px; width:320px; text-align:right; float:right; line-height:1.5em;}

.heading-container { background: url(_img/bg-heading-container.gif); border-left:solid 1px #BCA35A; border-right:solid 1px #BCA35A; padding-left:302px; margin-left:34px; margin-right:36px;}

img.photogallery { background: url(_img/bg-photogallery.gif) no-repeat; padding:18px; float:left; margin:5px;}

p.contact { width:250px; margin:25px; float:left; padding:0; line-height:1.5em;}
* html p.contact { width:270px; margin:25px 13px; }
.map { width:320px; float:right;}
.map img { background: url(_img/bg-map.gif) no-repeat; padding:18px; margin:5px; margin-top:10px;}

p.zoom { margin:0; padding: 0px;}
p.zoom a{ color:#000; text-decoration:underline; background:url(_img/bg-zoom.gif) no-repeat 0% 100%; padding-left:20px; white-space:nowrap; margin-left:15px;}
p.zoom a:hover { color:#000; text-decoration: none;}

/* List */
ul.list { background:none; margin:20px 0 0 0; padding:0;}
ul.list li { background-image:  url("_img/bullet-list.gif"); background-repeat: no-repeat; background-position: 0 .35em;  list-style: none; padding-left:15px; margin-bottom:8px; line-height: 1.1em; }


/* Footer */
#footer { background:url(_img/bg-footer.gif) no-repeat 0% 0%; width:1000px; height:35px; }
#copyright { text-align:center; }

p.copyright { text-align:center; color:#9D3801; margin:0; padding:5px 0;}
.created { color:#B76D45; text-decoration:none;}
.created a{ color:#B76D45; text-decoration:none;}
.created a:hover{ color:#B76D45; text-decoration:underline;}

/* Others */
.left { float:left;}
.right { float:right;}
.clear { clear:both; margin:0; padding:0; font-size:1px; height:1px;}
.hidden { display:none;}
.skipmenu { position: absolute; top: -10000px; left: 0; height: 1px; overflow: hidden; }

.colored-bluegrey { color:#8DA1BC;}
.colored-bluegrey a { color:#8DA1BC; text-decoration:underline;}
.colored-bluegrey a:hover { color:#8DA1BC; text-decoration: none;}

.colored-wine { color:#B30028;}
.colored-wine a { color:#B30028; text-decoration:underline;}
.colored-wine a:hover { color:#B30028; text-decoration: none;}

img.img-left { float:left; margin:10px 17px 5px 0; padding:2px; border:solid 1px #D1D6D6; }
img.img-right { float:right; margin:10px  0 5px 20px; padding:2px; border:solid 1px #D1D6D6; }

img.img-left-noborder { float:left; margin:5px 17px 5px 0; }
img.img-right-noborder { float:right; margin:5px  0 5px 20px;}

.clear-top-line { clear:both; margin:0; margin-left:34px; padding:0; font-size:1px; height:1px; background: url(_img/bg-content-top-line.gif) no-repeat 0% 0%;}

a { color:#000; text-decoration:underline;}
a:hover { color:#000; text-decoration: none;}


a.link{ color:#CDCDCD; text-decoration:underline; background:url(_img/bg-link.gif) no-repeat 0% 100%; padding-left:12px; white-space:nowrap;}
a.link:hover { color:#CDCDCD; text-decoration: none;}

a.top{ color:#B30028; text-decoration:underline; background:url(_img/bg-top.gif) no-repeat 0% 50%; padding-left:12px; white-space:nowrap;}
a.top:hover { color:#B30028; text-decoration: none;}