/*all source copyright klaas bellemans, yaki.be*/
/* *{margin:0px;padding:0px;}*/
*{outline:none;}
body{margin:0px 0px 0px 200px;color:rgb(50,50,50);background-color:white;font-family:verdana,georgia,"trebuchet ms",arial;font-size:75%; letter-spacing:1px;line-height:200%;}
a:hover{text-decoration:none;}
h1,h2,h3{margin:0px;padding:0px;color:blue;text-transform:lowercase;}
h1{cursor:pointer;padding-bottom:10px;padding-top:40px;color:black;font-size:400%;}
h1 span{text-transform:uppercase;}
h2{margin-bottom:15px;/*font-size:300%;*/}
h3{font-size:100%;font-weight:bold;margin-bottom:15px;}
h4{font-size:100%;font-weight:bold;margin-bottom:5px;}
dt{font-weight:bold;}
ul{margin-top:0px;}
p{margin-top:0px;padding-top:0px;}
address{font-style:normal;margin-top:0px;letter-spacing:1px;}
/*address p{padding:25px;border:1px solid silver;background-color:rgb(245,245,245);font-size:90%;}*/
form{margin:0px;padding:0px;}
dl{font-size:85%;}
small{font-size:85%;}

br.clear{clear:both;height:0px;line-height:0px;}
.usability{display:none;}
.topper, .toTop{text-align:right;display:block;padding-right:10px;text-decoration:none;padding-bottom:10px;padding-top:5px;}
a.topper:hover, a.toTop:hover{padding-top:0px;padding-bottom:15px;font-weight:bold;}
.import{text-align:right;display:block;padding-right:10px;text-decoration:none;padding-bottom:10px;padding-top:5px;}
a.import:hover, a.import:hover{padding-right:5px;font-weight:bold;}

div.note{position:relative;margin:0px;padding:0px;display:block;}
div.note div{font-size:90%;position:absolute;margin:0px;padding:0px;top:25px;left:/*487*/514px;width:180px;border:1px solid black;background-color:white;background-image:url('../styles/icons/close2.gif');background-repeat:no-repeat;background-position:right top;}
div.note div.minimal{background-color:white;background-image:url('../styles/icons/open.gif');height:9px;width:9px;background-position:center center;}
div.note div.minimal p{display:none;}
div.note div p{margin:12px;line-height:15px;}
div.note div span{display:block;z-index:10;position:absolute;top:0px;right:0px;height:9px;width:9px;cursor:pointer;/*background-image:url('../styles/close2.gif');background-repeat:no-repeat;background-position:center center;*/}
div.note div span i{display:none;}
div.note div span a{display:none;}

textarea{width:450px;height:20px;}

#wrapper{position:relative;background-color:rgb(240,240,240);}
#header{position:absolute;left:0px;top:0px;height:125px;}
#header h1, #header p{padding-left:25px;}
#logo{background-image:url('../styles/logo/yaki-logo-whiteBg.png');/*yaki-logo-whiteBg.png*/display:block;width:200px;height:120px;position:absolute;top:0px;left:-200px;z-index:5;background-repeat:no-repeat;background-position:center 20px;background-color:transparent;}
/*body#home #logo{background-image:url('../styles/');}*/
#logo img{display:none;}


/*#header p{padding:0px 0px 25px 25px;margin:0px;}*/
#pagemenu{position:absolute;left:-200px;top:0px;width:200px;padding-top:165px;}
#pagemenu ul{list-style:none;margin:0px;padding:0px;}
#pagemenu ul li{margin:0px;padding:0px;text-align:center;}
#pagemenu a{padding-left:25px;padding-right:25px;display:block;height:25px;line-height:25px;}
/*#pagemenu a:hover{}*/

#pagemenu_bottom{/*border-top:1px solid silver;*/margin-top:0px;}
body #wrapper #pagemenu_bottom b{display:none;}
#pagemenu_bottom ul{list-style:none;height:70px;padding:0px;margin:0px;/*border-top:1px solid black;*/}
#pagemenu_bottom ul{margin-left:0px;}
div#wrapper div[id=pagemenu_bottom] ul{margin-left:0px;}
#wrapper div#pagemenu_bottom ul{margin-left:40px;padding:0px;}
body#home.blue #wrapper div[id=pagemenu_bottom] ul{margin-left:40px;padding:0px;}
#pagemenu_bottom ul li{margin:0px;padding:0px;text-align:center;width:84px;float:left;height:70px;}
#pagemenu_bottom a{display:block;height:70px;line-height:70px;text-align:center;background-color:rgb(240,240,240);margin:0px 14px 0px 0px;/*border:1px solid black;*/}
#pagemenu_bottom a:hover{background-color:white;text-decoration:none;}
body#home.blue #wrapper #pagemenu_bottom a:hover{background-color:white;text-decoration:none;}
#pagemenu_bottom ul li.selected a{background-color:white;/*border:1px solid white;*/}

#content{border-left:2px solid black;padding-top:125px;padding-left:25px;padding-bottom:25px;/*text-align:justify;*/}
#contentwrapper{width:465px;}
/*#content p{padding:0px 0px 25px 25px;margin:0px;}*/
#content div b{display:block;margin-bottom:5px;}

#keywords{height:250px;line-height:2em;}
#keywords b{display:block;height:25px;}
#keywords span{margin-left:40px;display:block;}
#keywords span i{font-style:normal;}

#sitemenu{position:absolute;top:0px;left:25px;z-index:2;}
#sitemenu a{text-decoration:none;}
#sitemenu a:hover{text-decoration:underline;}

#footer{color:rgb(200,200,200);font-size:0.8em;font-family:arial;position:absolute;right:10px;top:0px;width:100%;height:25px;text-align:right;line-height:25px;}

#textresizer{cursor:pointer;position:absolute;top:0px;right:90px;color:black;font-size:14px;}
#textresizer small, #textresizer big{font-size:14px;}

#status{display:none;}
/*page specific*/
body#home{background-color:white;background-image:url("backgrounds/SkylineRedWhiteBg.png");background-repeat:repeat-y;background-position:148px 300px;}
body#home h1{letter-spacing:20px;font-family:verdana;color:black;font-size:300%;font-weight:normal;text-transform:uppercase;}
body#home p.slogan{letter-spacing:2px;}
body#home a{color:/*#3399CC*/brown;}
body#home h2,body#home h3{color:/*#3399CC*/brown;}
body#home h3,body#home h4{margin-left:15px;}
/*body#home h1,body#home p.slogan{display:none;}*/
body#home #wrapper{background-color:/*#3D3D3D*/white;color:black;/*background-image:url('bgWhiteDropshadow.gif');background-repeat:repeat-y;background-position:500px 0px;*/}
body#home #content{border-left:1px solid white;padding-left:0px;background-image:url('backgrounds/bgWhiteDropshadow.gif');background-repeat:repeat-y;background-position:500px 0px;}
body#home #contentwrapper{background-image:url('backgrounds/pagetitlebg.gif');background-repeat:repeat-x;background-position:0px 125px;}
body#home #contentwrapper div.note{padding:0px;margin:0px;}
body#home #contentwrapper div.note div{padding:0px;margin:0px;background-color:lightyellow;border-color:rgb(80,80,80);border-left:0px solid white;left:513;}
body#home #contentwrapper div.note p{margin:12px;padding:0px;}
body#home textarea{width:404px;}
body#home #content{padding-top:0px;}

body#home #content div.page{padding-top:125px;}
body#home #content div{padding-left:25px;}
body#home #content form{margin-top:25px;}
body#home #contentwrapper{padding-left:0px;}
body#home #contentwrapper div{padding-left:0px;}
body#home #contentwrapper div div{padding-left:0px;}
body#home #wrapper #pagemenu a{text-decoration:none;}
body#home #wrapper #pagemenu a:hover{text-decoration:underline;border-left:10px solid brown;padding-left:15px;margin-left:0px;}
/*body#home #audience,body#home #about,body#home #examples,body#home #contact*/
body#home #content p b, body#home #content div b{font-variant:small-caps;}
body#home div#contentwrapper div a{text-decoration:none;}
body#home div#contentwrapper div a:hover{text-decoration:underline;}
body#home div#contentwrapper div{/*font-size:85%;*/margin-top:50px;margin-bottom:50px;}
body#home div#contentwrapper div p{margin-left:40px;}
body#home div#examples b{margin-left:15px;margin-top:15px;}
/*body#home #faq div{background-color:rgb(240,240,240);margin:25px -48px 25px -26px;padding:15px;}
body#home #faq div b{margin-left:40px;padding-bottom:10px;}
body#home #faq div ul{margin-left:40px;margin-right:25px;}*/
body#home a.toTop{padding-right:0px;}


/*body#home.blue #wrapper div.ly{background-color:lightyellow;}*/

body#home.blue{

				/*verkeerd blauwe stad fade-out:background-image:url("backgrounds/SkylineVerticalBlueWhiteBg.png");background-position:147px 300px;*/
				/*(gele band) background-image:url("backgrounds/skylineBlueVert.png");background-position:160px 300px;*/
				/*background-image:url("backgrounds/skylineBlueVert.png");background-position:-170px 100px;*/
				/*background-image:url("backgrounds/blueGradient.png");background-position:-80px 0px;*/
				/*background-image:url("backgrounds/blueGradientWhiteStripes.png");background-position:10px 0px;*/
				background-image:url("backgrounds/coolBlue.png");background-position:-45px -100px;
				/*background-image:url("backgrounds/skylinewhitebluegreen.png");background-position:-135px 300px;*/
				/*background-image:url("backgrounds/skylinewhiteflashy.png");background-position:-135px 300px;*/
				/*background-image:url("backgrounds/skylinewhiteflashy2.png");background-position:-140px 300px;*/
				/*background-image:url("backgrounds/skylineNightVert.png");background-position:-185px 300px;*/
				/*background-image:url("backgrounds/skylineSnowVert.png");background-position:-185px 300px;*/
				/* stripes 1 -> 5, verticaal & horizontaal background-image:url("backgrounds/stripes5.png");background-position:0px -30px;background-repeat:repeat;*/
				/*background-image:url("backgrounds/gradientBrownwhitegreen.png");background-position:0px 0px;*/
				/*of -400 background-image:url("backgrounds/orangeToGreenGradient.png");background-position:-300px 0px;*/
}
body#home.blue #header{/*background-color:white;*/width:539px;}
body#home.blue #wrapper div[id="header"]{width:540px;}
body#home.blue #logo{left:375px;}
/*
body#home.blue #header h1{padding-left:70px;}
body#home.blue #header p{padding-left:70px;}
body#home.blue #logo{left:330px;}
*/

body#home.blue h2,body#home.blue h3{color:#3399CC;font-variant:small-caps;}
body#home.blue h2{width:513px;margin-left:0px;padding-bottom:5px;padding-top:5px;padding-left:0px;margin-bottom:25px;font-size:160%;border-bottom:2px solid rgb(200,200,200);background-color:rgb(240,240,240);}
body[id=home] #wrapper h2{margin-left:-26px;padding-left:26px;border-bottom:2px solid rgb(200,200,200);/*border-top:2px solid #3399CC;*/padding-top:5px;padding-bottom:5px;width:514px;}
body#home.blue a{color:#3399CC;}
body#home.blue #content a.topper:hover, body#home.blue #content a.toTop:hover,body#home.blue #content a.import:hover{text-decoration:none;}
body#home.blue #wrapper #pagemenu{padding-top:190px;}
body#home.blue #wrapper #pagemenu li{margin-bottom:2px;}
body#home.blue #wrapper #pagemenu li a:hover{text-decoration:none;background-color:white;color:#3399CC;}
body#home.blue #wrapper #pagemenu li.selected{border-bottom:2px solid white;margin-bottom:0px;}
body#home.blue #wrapper #pagemenu a{color:white;font-weight:bold;}
body#home.blue #wrapper #pagemenu a:hover{border-left:10px solid /*#3399CC*/white;padding-left:15px;margin-left:0px;}
body#home.blue #wrapper div.atright#pagemenu{padding-top:190px;position:absolute;top:0px;left:540px;width:200px;}
body#home.blue #wrapper div.atright#pagemenu li.selected{border-bottom:2px solid rgb(200,200,200);}
body#home.blue #wrapper div.atright#pagemenu a{color:rgb(80,80,100);}
body#home.blue #audience li:hover{background-color:/*#3399CC*/lightyellow;padding-left:5px;}
body#home.blue a.external{padding-right:14px;background-image:url('icons/external.gif');background-repeat:no-repeat;background-position:right center;}
body#home.blue #wrapper div.tssdoor{background-color:white;margin:25px 0px 25px -26px;padding:40px 25px;width:538px;}
body#home.blue #wrapper div.tssdoor b{margin-left:15px;padding-bottom:10px;}
body#home.blue #wrapper div.tssdoor ul{padding-left:0px;/*25*/margin-right:25px;}
body#home.blue #wrapper div.tssdoor p{padding-left:0px;margin-right:25px;}
body#home.blue #wrapper div[class=tssdoor]{background-color:white;margin:25px 0px 25px -26px;padding:40px 0px;/*width:523px;*/width:540px;}
body#home.blue #wrapper div[class=tssdoor] b{margin-left:40px;padding-bottom:10px;}
body#home.blue #wrapper div[class=tssdoor] ul{margin-left:40px;padding-left:25px;/*25*/}
body#home.blue #wrapper div[class=tssdoor] p{padding-left:25px;}
body#home.blue dl{margin-bottom:25px;/*font-family:georgia;*/font-style:normal;line-height:135%;letter-spacing:0px;}
body#home.blue dl dt{color:rgb(80,80,80);padding-left:40px;margin-left:0px;}
body#home.blue dl dd{color:rgb(80,80,80);padding-left:60px;margin-left:0px;margin-right:0px;padding-right:40px;}
body#home.blue dl dd.aka{font-style:italic;margin-top:5px;margin-bottom:5px;padding-left:50px;}
body#home.blue address p{padding-left:150px;background-image:url('extra/contour.gif');background-repeat:no-repeat;background-position:left center;}
body#home.blue address p:hover{background-image:url('extra/contour2.gif');}
body#home.blue #keywords b, body#home.blue #audience b{padding-left:15px;}

body#home.green{background-image:url("backgrounds/greenCloudSkyline.png");background-position:-195px 300px;/*background-image:url("skylineNightVert.png");background-position:-185px 300px;*/}
body#home.green #logo{left:350px;}
body#home.green h2,body#home.green h3{color:rgb(128,176,73);font-variant:small-caps;}
body#home.green a{color:rgb(128,176,73);}
body#home.green #wrapper #pagemenu a{color:white;font-weight:bold;}
body#home.green #wrapper #pagemenu a:hover{border-left:10px solid white;padding-left:15px;margin-left:0px;}

#initscripts{font-color:rgb(200,200,200);}

/*#pageoptions,body#home.blue #pageoptions{background-color:white;position:absolute;top:500px;left:25px;width:450px;padding:15px;border:2px solid black;}*/
#pageoptions b, body#home.blue #pageoptions b{color:red;}
#pageoptions ul, body#home.blue #pageoptions ul{color:yellowgreen;}
#pageoptions a, body#home.blue #pageoptions a{color:red;text-decoration:none;}
#pageoptions a:hover, body#home.blue #pageoptions a:hover{text-decoration:underline;}


/* the image list */
body#home ul.imglist{margin-top:25px;margin-left:0px;width:420px;/*margin:0px;padding:0px;*/}
body#home div.tssdoor ul[class=imglist]{margin-left:0px;padding-left:0px;width:470px;/*margin:0px;padding:0px;*/}
body#home.blue #wrapper div.tssdoor ul.imglist{margin-left:40px;margin-right:0px;/*margin:0px;padding:0px;*/}
body#home ul.imglist li{position:relative;display:block;padding:0px;margin:0px;margin-right:9px;margin-bottom:9px;padding:2px;float:left;width:75px;height:75px;background-repeat:no-repeat; background-position:center center;background-color:white;border:1px solid rgb(200,200,200);}
body#home ul.imglist li a{display:none;text-decoration:none;cursor:default;color:black;}
body#home ul.imglist li a:hover{text-decoration:none;color:black;}
body#home.blue #wrapper ul.imglist li a{text-decoration:none;color:black;}
body#home.blue #wrapper ul.imglist li a:hover{text-decoration:none;color:black;}
body#home ul.imglist li a.zoomin{background-repeat:no-repeat;background-position:center center;text-decoration:none;display:block;height:150px;width:150px;position:absolute;top:-37px;left:-37px;background-color:white;border:3px solid rgb(200,200,200);}
body#home ul.imglist li a span{display:none;}
body#home ul.imglist li a.zoomin span{display:block;height:20px;line-height:20px;text-align:center;background-color:lightyellow;filter:alpha(opacity=80); opacity:.80;border-bottom:1px solid rgb(200,200,200);}