/* cmsms stylesheet: webbureau cookie consent modified: 23-04-19 09:48:15 */
#cookie_consent {background: #000;position: fixed;bottom: 0;float: left;z-index: 100000;width: 100%;padding: 30px 0;/*filter: alpha(opacity=70);opacity: 0.7;*/font-family:sans-serif;}#cookie_consent p {text-align: center;color: #fff;font-size: 14px;line-height: 20px;margin: 0;padding: 0 0 10px 0;/*filter: alpha(opacity=100);opacity: 1;*/}#cookie_consent a.accept_cookies {margin: 0 5px;padding: 5px;color: #000;font-weight: bold;text-decoration: none;cursor: pointer;background: #ffb838;}#cookie_consent a.more_info {margin: 0 5px;padding: 5px;color: #000;font-weight: bold;text-decoration: none;cursor: pointer;background: #ccc;}
/* cmsms stylesheet: web-mobiel modified: 06-03-20 13:08:29 */
@keyframes jump
{
from {right:60%;}
to {right:0px;}
}

@-moz-keyframes jump /* Firefox */
{
from {right:60%;}
to {right:0px;}
}

@-webkit-keyframes jump /* Safari and Chrome */
{
from {right:60%;}
to {right:0px;}
}

@-o-keyframes jump /* Opera */
{
from {right:60%px;}
to {right:0px;}
}

div#footer p{
position: relative;
animation:jump 5s;
-moz-animation:jump 5s; /* Firefox */
-webkit-animation:jump 5s; /* Safari and Chrome */
-o-animation:jump 5s; /* Opera */
}


div#wrapper{
width:875px;max-width:60em;
margin:0 auto;
padding-top:2em;
font-family:sans-serif;
position:relative;
}
div#header{
padding-bottom:1em;
}
div#header img{
}
div#content{

}
div#links {

position:absolute;
height:600px;height:37.5em

}
img#vierkant{
position:absolute;
left:146px;left:9.125em;
top:229px;top:14.3em;
width:84px;width:5.25em;
}
div#rechts{
margin-left:135px;margin-left:8.5em;
border-left:6px solid black;border-left:0.375em solid black;
padding:0px 0px 0px 20px;padding:0 0 0 1.25em;
/*-moz-column-count: 2;
-moz-column-gap: 1.5em;
-moz-column-rule: 5px solid white;*/
min-height:560px;min-height:35em;
background-color:#fff;
padding-left:110px;padding-left:6.9em;
}
div#tekst{
background-color:#e7e5e6;
padding:20px 20px 20px 40px;padding: 1.25em 1.25em 1.25em 1.25em;
min-height:560px;min-height:35em;

line-height:1.5em;
}
div#tekst p{
font-size:0.8em
}
div#tekst a{
color:#e14f1e;
text-decoration:none;
font-size:0.8em;
}
div#tekst a:hover{
color:#ff8000;
}

div#tekst .cookies ul li {
font-size: 0.8em;
list-style-type: none;
}
div#menu{
margin-top:80px;margin-top:5em}
div#menu ul{
margin:0; 
padding:0;
}
div#menu li{
list-style:none;
}
div#menu li a{
margin-top:0.1em;
padding-left:0px;
height:18px;height:1.5em;
padding-top:3px;padding-top:0.3em;
text-decoration:none;
background-image:url(https://oud.webbureau-amsterdam.nl/uploads/images/menu-a.gif);
width:141px;width:11.75em;
display:block;
color:#666;
font-size:12px;font-size:0.75em;
position:relative;
border-left:0px solid #ffb838;
transition:width 0.5s, padding-left 0.5s,border-left 0.5s;
-moz-transition:width 1s,padding-left 1s,border-left 1s;
-webkit-transition: width 0.5s, padding-left 0.5s, border-left 0.5s;
-o-transition: width 0.5s,padding-left 0.5s, border-left 0.5s;
border-right:0px solid white !important;
}
div#menu li a:hover,div#menu li a.menuactive{

width:80px;width:5em;
height:18px;height:1.5em;
padding-top:3px;padding-top:0.25em;
background-image:url(https://oud.webbureau-amsterdam.nl/uploads/images/menu.gif);
border-left:135px solid #ffb838;border-left:11.35em solid #ffb838;
position:relative;
border-bottom:none;

padding-left:12px;padding-left:1em;
}
h1{
font-size:14px;font-size:0.9em;
margin-bottom:10px;margin-bottom:0.7em;
}
h2{
font-size:13px;font-size:0.8em;
margin-bottom:2px;margin-bottom:0.15em;
}
h3{
font-size:12px;font-size:0.75em;
margin-bottom:2px;margin-bottom:0.15em;
}
p{
font-size:11px;font-size:0.7em;
margin-top:2px;margin-bottom:0.15em;
}
div.site{
clear:left;
min-height:95px;min-height:6em;
}
div.site img{
display:block;
width:150px;width:9.375em;
height:95px;height:5.9375em;
border:none;
float:left;
padding-right:15px;
padding-bottom:30px;padding-bottom:1.875em;
}
div.site h2{
margin-top:0;
font-size:12px;font-size:0.75em;
}
#portfolio div#tekst{
padding-left:54px;

}
ul.lijst{
margin:0;
padding:0;
}
ul.lijst li{
list-style:square;
padding:0;
margin-left:14px;
}
div#footer{
padding-top:10px;
}
div#footer p{
text-align:right;
padding-right:10px;
}
div#footer a{color:#e14f1e;}
div.form{
margin-top:20px;margin-top:1.3em;
}
div.form label{
width:7.5em;
display:block;
float:left;
font-size:0.8em
}
div.form input,div.form textarea{
width:250px;width:60%;
font-size:0.8em;
border:none;
margin:2px 0;
padding:2px 0;
}
div.form  textarea{
height:7em;
font-size:1.1em;
}
div.submit input{
margin-left:7.5em;
background-color:orange;
font-size:0.8em;}
#mobiel{display:none;}
a.boven{padding-top:40px;}

.waarde{display:none;}

a.boven{display:none;}

.captcha {
   margin-left: 96px;
}

@media all and (max-width:60em){
div#wrapper{
margin:0;
width:100%
}
}
@media all and (max-width:43em){
div#left{}
div#menu li a{width:6em}
div#menu li a.menuactive,div#menu li a:hover{border-left:5.6em solid #ffb838;}
div#rechts{
margin-left:4.2em;
padding-left:4.2em;
}
img#vierkant{
left:4.8em;
top:14.3em;
width:3.25em;

}
}
@media all and (max-width:30em){
html{min-height:100%}
body{min-height:100%;margin:0;padding:0;}
div#menu{display:none;}

#header img{display:inline-block;
vertical-align:top;
}
div#mobiel{display:inline-block;
width:calc(50% - 5em);
text-align:right;
vertical-align:bottom;}
div#mobiel address  a:first-child{margin-right:0.5em;}
div#mobiel address a:last-child{margin-right:0.2em}
div#mobiel button{border-radius:0;
margin-top:3px;
cursor:pointer;
border:0;
padding:4px;
background-color:#ffb838;}
/*div#mobiel ul{display:none;min-height:100%}*/
img#vierkant{display:none;}
img.logo{display:inline-block;
border-left:4em solid #e14f1e;
width:50%;
padding-left:5px;
margin-left:0.2em;}
#header address{display:inline-block;}
div#links{display:none;}
div#rechts{margin-left:0.1em;
padding-left:1em;}
div#tekst{background-color:white}
div#tekst p{font-size:1em;}
h1{font-size:1.2em;}
h2,h3,h4{font-size:1.1em}
#mobiel .primary-nav {
background-color:#efefef;
width:99%;
margin:0.5%;
position:absolute;
top:0;
left:0;
text-align:center;
margin:0;
padding:0;
border:1px solid black;
margin-top:2px;
min-height:99%;
}
#mobiel ul li{list-style:none;margin:0;padding:0;
border-bottom:1px solid black;margin:0 12px;}
#mobiel ul li:last-of-type{border-bottom:0;
}
#mobiel ul a{
display:block;
text-decoration:none;padding:10px;
color:black;
}
#mobiel ul li a:last-of-type{border-bottom:0;}
#mobiel ul a.menuactive{color:#e14f1e;}
div.form label{display:block;float:none;}
div.form input,div.form textarea{border:1px solid black;width:85%;margin:2px 0;padding:2px 0;}
div.form input[type=submit]{margin:0;}
div#rechts,div#tekst{min-height:10em}

.captcha {
   margin-left: 0;
}
}