/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700);

@media print
{    
    .noprint, .noprint *
    {
        display: none !important;
    }
}

html{height:100%; width:100%;}
body{margin:0; padding:0; width:100%; height:100%; background-image:url('../imgs/bg.jpg'); background-repeat:repeat; text-align:center;}
img{border:0;}

td{position:relative;}

#loginbalk{position:absolute; left:0; width:100%; height:450px; top:50%; /*margin-top:-225px;*/ background-color:#39B549; text-align:center; z-index:400;}
#loginbalktop{position:absolute; width:100%; height:5px; top:0; left:0; padding:0; margin:0; background-image:url('../imgs/spikestop.jpg'); background-repeat:repeat-x;}
#loginbalkbottom{position:absolute; width:100%; height:5px; bottom:0; left:0; padding:0; margin:0; background-image:url('../imgs/spikesbottom.jpg'); background-repeat:repeat-x;}
#logincenter{position:relative; margin-left:auto; margin-right:auto; width:1000px; height:350px; top:50px; font-family: 'PT Sans Caption', sans-serif; /*font-family: "courier-std",monospace,serif;*/ font-size:13px; color:#FFFFFF; text-align:left;}
#logincenterhalf{position:relative; float:left; width:460px; padding-left:20px; padding-right:20px; height:350px;}
#logincenterhalf h1{font-size:20px; font-family: 'Montserrat', sans-serif; font-weight:700;}
#loginbalk a{text-decoration:none; color:#FFFFFF;}
#loginbalk a:hover{text-decoration:underline;}
#loginscreen{position:relative; float:left; border-left:3px solid #FFFFFF; top:120px; padding-left:20px;}
#loginscreen td{padding-bottom:10px; font-family: 'Montserrat', sans-serif; font-weight:400;}

.green{color:#39B549;}
.lightgreen{color:#E5FFCA;}
.oldlightgreen{color:#CAEECF;}

#regis td{color:#FFFFFF; font-size:14px;;}

#container td input {text-transform:uppercase;}

/*select{ background:rgba(0,0,0,0.6); color:#FFFFFF; border:none;}*/
select{ background:#39B549; color:#FFFFFF; border:none;}
option{ background-color:#333333; color:#FFFFFF;}

.noupper{text-transform:none;}

#toplog{position:absolute; top:0; left:0; width:100%; height:105px; background-image:url('../imgs/lgbg.gif'); background-repeat:repeat-x; text-align:center; color:#FFF; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; /*font-family: "courier-std",monospace,serif;*/ font-size:14px;; font-weight:700;z-index:1000000;}
#toplog a{color:#FFFFFF;}
#toplogcontent{position:relative; margin-left:auto; margin-right:auto; width:1200px; height:105px;}
#toploglogo{position:absolute; top:23px; left:0px;}
#topimg{position:absolute; right:0; top:23px;}
#toplogcontent td input{border:none; background-color:#DDDDDD;}

#container{position:relative; top:150px; width:1200px; min-height:600px; height:auto !important; height:600px; margin-left:auto; margin-right:auto; z-index:500;}
#containerindex{position:relative; top:150px; width:100%; min-height:600px; height:auto !important; height:600px; z-index:500;}
#crumb{position:relative; float:left; width:1200px; height:30px; padding-bottom:0px; border-bottom:1px solid #39B549; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; font-family: 'Montserrat', sans-serif; margin-bottom:30px;}
#crumbtext{position:relative;  height:30px; vertical-align: top; display: inline-block; *display: inline; zoom: 1; text-align:center;}
#crumbtext a{color:#333333;}
#crumblink{position:relative; float:left; height:30px; width:22px;}
#crumblinkend{position:relative; float:left; height:30px; width:12px; overflow:hidden;}
.stretch {width: 100%; display: inline-block; font-size: 0; line-height: 0}

#title{position:relative; float:left; width:1200px; height:50px; margin-top: 20px; border-top:1px solid #39B549; border-left:1px solid #39B549; border-right:1px solid #39B549; background-color:#39B549;}
#titlename{position:absolute; left:0; top:0; color:#FFFFFF; font-size:24px; font-family: 'Montserrat', sans-serif; font-weight:bold; padding-left:20px;}
#content{position:relative; float:left; width:1200px; min-height:400px; height:auto !important; height:400px; padding-top:20px; font-family: 'PT Sans Caption', sans-serif; /*font-family: "courier-std",monospace,serif;*/ font-size:10px; }
#contentcontent{position:relative; margin-left:auto; margin-right:auto; width:1200px; text-align:left; }
#contentcontent td{border-right:1px solid #333333; padding:5px 5px 5px 5px;}
#contentcontent input{font-size:9px;}
.tableborder, .tableborderwithbottom{border-left:1px solid #333333; border-top:1px solid #333333;}
.tableborderwithbottom{border-bottom:1px solid #333333;}
.bottomrow{border-top:1px solid #333333; border-bottom:1px solid #333333;font-weight:bold;}
.toprow{background:rgba(0,0,0,0.8); color:#FFFFFF; text-transform:uppercase; font-weight:bold; border-right:1px solid #FFFFFF;}
#contentcontent .toprow{background:rgba(0,0,0,0.8); color:#FFFFFF; text-transform:uppercase; font-weight:bold; border-right:1px solid #FFFFFF;}
.lightgrey{background:rgba(0,0,0,0.2);}

#basisreceptingcontainer{position:relative; float:left; width:1200px;  padding-top:20px; padding-bottom:20px; min-height:300px; height:auto !important; height:300px;z-index:500; text-transform:uppercase;}
#editbasisrecepttitle{position:relative; float:left; width:1200px; height:50px; background-color:#39B549; }
#editbasisrecepttitlename{position:absolute; left:0; top:0; color:#FFFFFF; font-size:18px; font-family: 'Montserrat', sans-serif; font-weight:bold; padding-left:20px;}
#editbasisrecepttitlename td{padding:0; border:none;}
#editbasisrecepting{position:relative; float:left; width:1200px; margin-top:10px; min-height:200px; height:auto !important; height:200px; padding-bottom:20px;}
#editbasisrecepting td{border-right:1px solid #333;}
#editbasisreceptopmerking{position:relative; float:left; width:1200px; padding-top:20px; padding-bottom:20px;}
#editbasisreceptnaam{position:relative; float:left; width:1200px;}
.titlegreen{font-family:Montserrat, serif; color:#39B549;}

#linkimg{position:absolute; top:0; left:0; width:100%; height:100%;}

.invulregister{border:none; background-color:#FFFFFF; padding-top:5px; padding-bottom:5px; width:100%;}
.invulvak{border:none; background-color:#DDDDDD; padding-top:5px; padding-bottom:5px;}
.invulvakno{border:none; background-color:#DDDDDD; padding-top:5px; padding-bottom:5px; text-transform:none;}
.tablebold{font-family: 'Montserrat', sans-serif; font-weight:700;}
.padleft{padding-left:10px;}

#clearing{position:relative; height:1px; font-size:1px; width:100%; clear:both; }

.popup{
font-family: 'Montserrat', sans-serif; font-weight:700;
font-size: 14px;
position: fixed;
display:none;
/*padding:20px 20px 20px 20px;*/

height:50px;
width:50px;
margin-top:-25px;
right:20px;


top:50%;
z-index:9999999;
/*background-color: #333333;*/
color:#FFFFFF;
text-align:center;
}

#showmeallergeen{position:absolute; display:none; padding:10px 10px 10px 10px; left:50px; top:10px; text-align:left; background:#333333; color:#FFFFFF; z-index:999999999; border:1px solid #EEEEEE; }
#allergeen:hover + #showmeallergeen{display:block;}

#nieuwallergeen, #editallergeen, #editproductgroep, #editproductgroepedit, #editleverancier, #editleverancieredit, #nieuwpc, #bewerkpc{position:absolute; display:none; padding:10px 10px 10ox 10px; left:0; text-align:left; background:#EEEEEE; z-index:9999999999; border:1px solid #999999;}
#nieuwallergeen{top:0px;}
#nieuwallergeen td{border:none;}
#editallergeen{top:0px;}
#editallergeen td{border:none;}
#editproductgroep, #editproductgroepedit{top:0px;}
#editproductgroep td,#editproductgroepedit td{border:none; position:relative;}
#editleverancier, #editleverancieredit{top:0px;}
#editleverancier td, #editleverancieredit td{border:none; position:relative;}
/*#newall:hover + #nieuwallergeen{display:block;}*/
#nieuwpc, #bewerkpc{padding:20px 20px 20px 20px;}


.popupshow{position:fixed; display:none; padding:20px 20px 20px 20px; border:1px solid #39B549; background:#E5FFCA; color:#333333; z-index:999999999; max-width:300px; text-align:left; font-size:12px; line-height:18px;}
.popupshowsubmit{position:fixed; display:none; padding:20px 20px 20px 20px; border:1px solid #39B549; background:#333333; color:#333333; z-index:999999999; text-align:center; font-size:12px; line-height:18px; bottom:0; right:0;}

.overviewtable{width:100%; height:100%; border:none; padding-top:40px;}
#overviewsquare{position:relative; float:left; height:350px; background-repeat:no-repeat; background-position:center;}
.thirtythree{width:33%; background:#DDD;}
.thirtyfour{width:34%; background:#333;}
.fifty{width:50%; background:#DDD;}
.sixty{width:65%; background:#DDD;}
.fourty{width:35%; background:#333;}
.hundred{width:100%;}
#row{position:relative; float:left; width:100%; min-width:1000px;}

.indexbutton{position:absolute; top:-40px; left:0; width:100%; height:100%; z-index:888888;}
.hovercolor:hover{background:rgba(57,181,74,0.5);  }


.meerinfo{
    float:left; 
    width:50%;
}

#wiecontainer p, 
#wiecontainerwit p{
    font-family: 'PT Sans Caption', sans-serif; 
    font-size:12px; 
    max-width:800px;
}

#wiecontainer h1, 
#wiecontainerwit h1{
    line-height:35px;
}

#wiecontainer li, #wiecontainerwit li{
    font-size:12px;
}


#wiecontainer{
    position:relative; 
    width:100%; 
    background:rgba(0,0,0,0.55);
    padding-top:30px; 
    padding-bottom:30px; 
    margin-bottom:30px;
}
#wiecontent{
    position:relative; 
    max-width:1200px; 
    margin-left:auto; 
    margin-right:auto; 
    text-align:left; 
    color:#FFFFFF; 
    font-family:Open-sans, sans-serif; 
    font-size:16px; 
    line-height:24px;
    padding-left:30px;
    padding-right:30px;
}

#wiecontentwit table, #wiecontent table{
    width:100%;
}

#wiecontainerwit{
    position:relative; 
    width:100%; 
    background:none; 
    padding-top:30px; 
    padding-bottom:30px; 
    margin-bottom:30px;
}
#wiecontentwit{
    position:relative; 
    max-width:1200px; 
    margin-left:auto; 
    margin-right:auto; 
    text-align:left; 
    color:#333333; 
    font-family:Open-sans, sans-serif; 
    font-size:16px; 
    line-height:24px;
    padding-left:30px;
    padding-right:30px;
}

.topbalkinfo{top:40px; left:0; width:200px; line-height:16px;}

#uurpick{width:35px; font-size:11px; background:rgba(0,0,0,0.6); -webkit-appearance: none; -moz-appearance: none; text-indent:5px; text-overflow: ''; -webkit-border-radius: 0px;}
#uurpick option:{width:35px; text-align:center;}
#uurpick select::-ms-expand {
    display: none;
}

#selector{font-size:11px; background:rgba(0,0,0,0.1); color:#000000;}

#basket{position:absolute; padding:10px; background:#6eb055; display:none; z-index:999999999; color:#FFF; font-family:'PT Sans Caption', sans-serif; font-size:10px;}


.registerbutton{width:300px; padding-top:5px; padding-bottom:5px; border:2px solid #FFFFFF; background:rgba(0,0,0,0.50); color:#FFF; font-size:15px;}
.registerbutton:hover{background:rgba(15,92,0,0.83);}


.popper{position:absolute; padding:20px 20px 20px 20px; /*background:rgba(58,57,57,0.70);*/ background:#3c3c3b; color:#FFFFFF; border:2px solid #FFFFFF; font-family:'PT Sans Caption', sans-serif; text-align:left; z-index:99999999999; width:200px; font-weight:normal; font-size:12px; text-transform:none;}
.popperpoint, .popperpointd{position:absolute; left:50%; margin-left:-25px;}
.popperpoint{top:-20px;}
.popperpointd{bottom:-23px;}
.popperpointl{position:absolute; top:0px; left:-20px}
.popperclose{position:absolute; top:-12px; right:-12px;}

.deletecircle{
    border:1px solid #39B549; 
    padding:5px 5px; 
    border-radius:15px 15px 15px 15px;
}


.hiddensuballer{
    display:none;
    position:absolute; 
    padding:10px 10px 10px 10px; 
    border:1px solid #333333; 
    top:0; 
    right:-218px; 
    background:#DDDDDD;
}


@media(max-width:768px)
{
    .meerinfo{
        width:100%;
    }
}