/* reset */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}
/* global */
a:link{color:blue}
a:visited{color:blue}
a:hover{color:red}
html, body{margin:0;padding:0}
html{background:#E8E8E8 url(../img/bg.jpg) repeat-x top center;overflow-y:scroll}
body{text-align:center;font-family:tahoma,geneva,verdana,sans-serif;font-size:95%;line-height:1.125em;color:#555;background:url(../img/bg_top.png) no-repeat top center}
div#container{text-align:left;width:840px;margin:0 auto}
div#content{float:left;width:600px}
div#right{float:right;width:200px}
#wrapper{clear:both}
#content #middle{min-height:25em;background:#fff;border:1px solid #ccc;padding:20px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;font-size:90%}
#content #middle p{margin:12px 0}
#content #middle h1{font-size:150%;margin:10px 0;color:#000}
#content #middle h2{font-size:110%;margin:10px 0 4px 0;color:#000;font-weight:bold}
#content #middle h2+p{margin-top:4px}
#content #middle h3{font-size:100%;color:#000}
#content #middle h3+p{margin-top:4px}
#content #middle h4{font-size:80%;font-weight:bold;margin-top:1em}
#content #middle h4+p{margin-top:4px}
body#references #content #middle ul{margin-left:50px}
#content #middle ul li{list-style-type:disc;margin:.4em 0 .4em 1.2em}
#header .logo{padding:10px}
.pbox{position:relative;min-height:220px;float:left;overflow:auto;width:40%;margin:10px;padding:10px;border:2px solid #ddd;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}
.pbox img{float:right;padding-left:6px}
.pbox h2{font-size:180%!important;line-height:120%;margin-top:0!important}
.pbox p{font-size:90%;margin:0!important}
.pbox ul li{font-size:100%;margin:.2em 0 .2em 1.2em!important}
.pbox div{position:absolute;bottom:10px;right:10px;color:#F77C00;font-weight:bold;font-size:120%;text-align:right;width:100%}
.pbox span{font-weight:lighter}
.pboxfull{width:88%}
.pboxfull div{font-size:200%;padding:6px 0}
.pboxfull div#start{bottom:40px;font-size:80%;color:#555}
#content #middle .contact{font-size:105%}
#content #intro{font-style:italic;font-weight:lighter;font-family:bodonitown,Georgia,Trebuchet MS,serif;margin:0 15px;line-height:1.1em;padding:10px;color:#000;letter-spacing:1px;font-size:140%;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
#content pre {font-family: monaco, monospace;font-size:80%;overflow: auto;line-height: 1.1em;border: 1px solid #CCC;background-color: #DDD;color: #000;padding: 10px; margin-bottom: 10px}
#content #middle #bookimg img {padding: 0 6px}
/* flags */
#header #language{text-align:right;float:right;margin-right: 6px}
#header #language a{margin-left:4px}
/* footer */
#content #footer{text-align:right;background:url(../img/footer_bg.png) no-repeat top right;margin-right:20px;padding-right:10px;color:#fff;font-size:60%}
#content #footer a{text-decoration:none;color:#fff}
/* copyright */
#copyright{width:100%;clear:both;font-size:60%;margin:10px 6px;text-align:center}
/* menu */
#menu{margin:0 0 8px 0;background:url(../img/menubar.png) no-repeat top left}
#menu ul{padding:12px 0 0 12px}
#menu ul li{padding:0 2px}
#menu ul, #menu ul li{float:left}
#menu ul li a{width:79px;display:block}
#menu ul li div{position:relative;top:0;z-index:-1}
#menu #menusub{clear:both;height:17px}
#menu #menusub.products, #menu #menusub.support{line-height:.9em;background:url(../img/menusub.png) no-repeat center left}
#menu #menusub.products{margin-left:97px}
#menu #menusub.support{margin-left:345px}
#menu #menusub.products a, #menu #menusub.support a{color:#fff;font-size:70%;margin-left:15px;text-decoration:none}
#menu #menusub.products a:hover, #menu #menusub.support a:hover{text-decoration:underline}
#menu #menusub .active{font-weight:bold}
/* utils */
.clr{clear:both}
strong{font-weight:bold}
#nav-access{display:none}
/* factbox */
#right #factbox{clear:both;background:url(../img/fact_box.png) no-repeat top left;padding:30px 0 0 40px;width:249px;height:174px;color:#000}
#right #factbox h2{font-weight:bold;font-size:80%;margin-bottom:10px}
#right #factbox ul li{font-size:80%;background:url(../img/fact_bullet.png) no-repeat center left;padding-left:20px}
/* front page */
#index #wrapper #content{width:840px}
#index #wrapper #content #boxes{margin:2em auto; text-align:center; overflow:hidden; clear:both}
#index #wrapper #content #boxes a{text-decoration:none}
#index #wrapper #content #boxes h3{font-size:90%;font-weight:bold;color:#555}
#index #wrapper #content #boxes p{font-size:75%;color:#555}
#index #wrapper #content #boxes .box1:hover *, #index #wrapper #content #boxes .box2:hover *, #index #wrapper #content #boxes .box3:hover *{color:#000!important}
#index #wrapper #content #boxes .box1, #index #wrapper #content .box2, #index #wrapper #content .box3{float:left;width:280px;background:url(../img/box_bg.png) no-repeat center center; height:234px}
#index #wrapper #content #boxes .box1 div, #index #wrapper #content .box2 div, #index #wrapper #content .box3 div{text-align:left;position:relative;height:159px;padding:12em 0 0 2em;height:20px;cursor:pointer}
#index #wrapper #content #boxes .box1 div{background:url(../img/box_pic_01.jpg) no-repeat 20px 20px}
/* NOTE: pic_02 is located in the language CSS files */
#index #wrapper #content #boxes .box3 div{background:url(../img/box_pic_03.jpg) no-repeat 20px 20px}
#index #wrapper #content #sitemap{clear:both;margin:2em auto 1em auto;overflow:auto;text-align:center}
#index #wrapper #content #sitemap #box{text-align:center;margin:auto;width:80%;overflow:auto}
#index #wrapper #content #sitemap #box a{color:#000}
#index #wrapper #content #sitemap #box h2{font-weight:bold;color:#1F5C9B;text-align:left}
#index #wrapper #content #sitemap #box div{float:left;text-align:left}
#index #wrapper #content #sitemap #box div ul.sub3{margin-right:12em}
#index #wrapper #content #sitemap #box div ul.sub6{margin-right:11em}
#index #wrapper #content #sitemap #box div ul.sub{text-align:left}
#index #wrapper #content #sitemap #box div ul li{font-size:80%;padding:2px 0}
#index #quick {margin:auto;margin-left:130px;font-size:110%;color:#000}
#index #quick a {color:#000;height:30px}
#index #teamviewer {float:left}
#index #teamviewer a {background:url(../img/teamviewer.png) no-repeat left center;padding:10px 70px 10px 40px}
#index #facebook a {background:url(../img/facebook.gif) no-repeat left center;padding:10px 10px 10px 150px;margin-left:30px}
/* print */
#content #print{clear:both;float:right}
#content #print a{background:url(../img/print.png) no-repeat 3px;color:#000;padding:4px 4px 4px 16px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;font-size:70%}
/* quotes */
#content #quotes blockquote:hover, #right #quotes blockquote:hover{color:#000}
#content #quotes blockquote, #right #quotes blockquote{padding:0 0 20px 30px;line-height:1.5em;font-family:bodonitown,Georgia,Trebuchet MS,serif;font-size:140%;font-style:italic;font-weight:lighter}
#content #quotes div, #right #quotes div{float:right;font-size:80%;line-height:1.2em;font-weight:bold}
#content #quotes div{margin-right:140px}
#content #quotes blockquote{margin:1em 0 0 0;padding:0 1em}
/* table */
table{width:90%; border-top:1px solid #ccc; border-right:1px solid #ccc; margin:1em auto; border-collapse:collapse}
tr.odd td{background:#E8E8E8}
tbody tr.odd th{background:#E8E8E8}
td{border-bottom:1px solid #ccc;border-left:1px solid #ccc;padding:.3em 1em;text-align:center}
th{font-weight:normal;text-align:left;border-bottom:1px solid #ccc;border-left:1px solid #ccc;padding:.3em 1em}
thead th{text-align:center;font-size:1.1em}
/* print */
@media print{
html,body{background:none}
#content #middle {margin:0;padding:0}
#content #middle h1 {margin-top:0}
div#container{margin:0;width:600px}
#content #middle{border:none}
#header, #right, #print, #footer{display:none}
#copyright:after{content:"Printed from DinnerBooking - http://dinnerbooking.com/";display:block;font-weight:bold}
}