body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; line-height: 24px; background-color: #efefef; margin:0;}
#outer { position: relative; min-height: 400px; z-index: 1; background: url("images/bg.png") repeat-x scroll top left #ededed; }
#inner {width: 1024px; background-color:#FFFFFF; margin: 0 auto; }
#body-txt {padding: 15px 15px 136px 25px; }
#header{}
#top-logo {height:145px;}
img.logo { position: relative; top: 15px; border:0; }
#LogOff{background: url("images/logout.png") no-repeat scroll top left transparent; cursor:pointer; width:23px; height:23px;}


#topmenu { height:27px; padding: 5px 5px 0 0; border:solid 1px #ff9900; background: #ffb032;  background-color: #ffb032; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb032', endColorstr='#ffc709'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb032), to(#ffc709)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ffb032,  #ffc709); /* for firefox 3.6+ */ }
#topmenu a { color: #666666; text-decoration: none; }
.topmenubt { float:right;}

.top-username {background: url("images/user.png") no-repeat scroll 0px 0px transparent; display: inline-block; padding: 0 15px 0 30px; margin-left:20px; text-transform:uppercase;}
.top-usercode {background: url("images/bron.png") no-repeat scroll 0px 0px transparent; display: inline-block;  padding: 0 25px 0 30px; text-transform:uppercase;}
span.uitloggen {background: url("images/logout.png") no-repeat scroll 20px 0px transparent; width:50px; height:25px; float:right; }

#gebruikergegevens { float:right; text-align:right; font-size:14px; color: #ff8c3f; padding:35px 20px 0 0;}
#gebruikergegevens span { font-weight:bold;}

#footer {width: 1024px; min-height:80px; background-color:#FFFFFF; margin: 0 auto; padding:10px 0; background: url("images/footer.png") repeat-x scroll top left #efefef; font-size:14px; color:#5c5c5c;}
#footer a { color: #666666; text-decoration: underline;  }
#footer #menubottom { float: right; padding-right:20px;}
#footer #copyright { float: left; padding-left:20px;}
#footer #copyright a{ text-decoration:none;}

h1 { color:#333399; font-weight:bold; font-size: 20px; margin-bottom: 10px; padding: 5px 10px; } 
h2 { color:#333399; font-weight:bold; font-size: 20px; margin-bottom: 10px;} 
h3 { color:#333399; font-weight:bold; font-size: 16px; margin-bottom: 10px;} 

.recipeNotComplete { font-size:14px; color:Red;}
.welkomstxt { padding:0 10px 40px 0;}

#pageCrum a { color:#333333; font-size:14px;}
.portalbutton{ display: inline-block; width: 310px; height: 330px; border: solid 1px #e6e6e6; margin-right:10px; line-height: 26px; background: url("images/home_go.png") no-repeat scroll 265px 295px transparent;
              -webkit-box-shadow: 2px 2px 5px 1px rgba(100, 100, 100, 100); box-shadow: 2px 2px 5px 1px rgba(100, 100, 100, 100);}
.portalbutton span { margin: 5px 10px; display: inline-block;}
#portal_container a {color: #666666; text-decoration: none;}

img.homeafb { height:153px; border:0;}

.bold { font-weight:bold;}
.italic { font-style:italic;}
.clearer { clear: both;}
#paging-container{ width: 1024px;}

/* -- TopMenu -- */
#topMenuHoofd{ float:right; margin-right:20px;}
#topMenuHoofd a {border: solid 1px #fff5e6; padding: 5px 10px 5px 35px;}
.topMenu-action{background: url("images/kaart_pijl.png") no-repeat 5px 7px #ffffff; cursor: pointer; font-size:14px; height:20px; width:20px; color:#333399; font-weight:bold; font-size: 14px; text-decoration:none; }
.topMenu-action.active{ background-color: #fff4e1;}

.sorteer .sort-button{ text-decoration: underline; cursor: pointer;}
.sorteer .sort-button.active{ font-weight:bold;}


.sortby { display: inline-block; width: 25px; height: 23px; background: url("images/sort.png") no-repeat 1px 5px transparent;}
.sortby.asc{background: url("images/sort_asc.png") no-repeat 1px 5px transparent;  }
.sortby.desc{background: url("images/sort_desc.png") no-repeat 1px 5px transparent;}

span.requiredAsterisk{ color: red;}
#resultBusy {background: url("images/loader.gif") no-repeat center center transparent; display: inline-block; width: 725px; height: 290px; float: right; }


input#calc-total-periods:hover{ background: url("images/new_pijl.png") no-repeat 5px 5px #FF9D00; border-color: #ffb42b;}
input#SaveMenu:hover, input#saveRecipe:hover{ background: url("images/new_pijl.png") no-repeat 5px 7px #FF9D00; border-color: #ffb42b;}

#topMenuHoofd a:hover{background-color: #FFE1B9;}

.recipe-ingredient-description-box{	width: 425px; display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.MenuPeriodPdfTrigger{ cursor: pointer;}
.totalmenupdfTrigger{ cursor: pointer;}
body.bodyPointer:hover{ cursor: wait;}
.printbutton{background: url("images/pdf.png") no-repeat 6px 6px #fff; border: solid 1px #FFF4E1; display: inline-block; padding: 6px 15px 6px 15px; cursor: pointer; font-size: 14px; float: right;}
.FavopdfButton{ margin-top: 0px; float:right; display:inline-block;}
.printbutton:hover{ background-color: #FFF4E1; border-color: #FEDE5A;}

.printbutton.printa {
    position: relative;
    top: -5px;
    height: 16px;
}