* {
    margin: 0;
    padding: 0;
    }

a, a:hover {
    outline:none;
    }

img {
    border: none;
    }


body{
    font-family: "Times New Roman", serif;
}


/**************************************** header */
#header{
    padding: 0;
    width: 1020px;
    height: 170px;
    position: fixed;
    /*background: white;*/
    z-index: 20;
    font-size: 20px;
    }

.noYearsAndCats #header{
	position: absolute;
	left: 750px;
	width: 260px;

}

#header h1{
    margin: 0;
    font-size: 1em;
    font-weight: normal;
    }

#header h1 a{
	text-decoration: none;
}

#header h1 a:hover{
	text-decoration: underline;
}

#header a, #header{
	color: #1B129A;
}

#header a.selected{
    font-weight: bold;
}

#header ul{
    list-style-type: none;
}

#header ul li{
    display: inline;
    padding-right: 6px;
}

#navCol1{
    padding: 30px 0 0 0px;
    width: 260px;
    float: left;
}

#navCol2{
    padding: 30px 0 0 50px;
    width: 330px;
    float: left;
}

#navCol3{
    width: 370px;
    float: left;
    padding: 30px 0px 0 0px;
}

/********************************************** content */

#container{
    width: 940px;
    margin: 0 0 0 50px;
    position: absolute;
    top: 170px;
    z-index: 0;
    }

.noYearsAndCats #container{
	top: 30px;
}

#content{
    width: 700px;
    float: left;
    }

#content p{
    margin: 0 0 1em 0;
    }

#content a{
    }

#content h1{
    text-decoration: underline;
    font-weight: normal;
    font-size: 20px;
    clear: left;
    margin: 0em 0 1em 0;
}


ul.project a{
    text-decoration: none;
    color: #000;
}


ul.project{
    list-style-type: none;
    font-weight: normal;
    font-size: 0.8em;
    line-height: 1em;
}

ul.project li{
    float: left;
    width: 140px;
    height: 300px;
    padding: 0 30px 0px 0;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

ul.project li img{
    padding-bottom: 10px;
}


#right{
    width: 210px;
    float: left;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    }

#right a{
    color: #000;
    }


#right h1{
    font-size: 1em;
    text-align: left;
    margin: 0 0 1em 0;
    }

#right p{
    margin: 0 0 1em 0;
    }


/***********************************************/


.projectDetailTxt{
    width: 160px;
    padding-right: 20px;
    font-size: 12px;
    font-family:Arial, Helvetica, sans-serif;
    float: left;
    }

.projectDetailTxt h2{
    font-size: 1em;
    margin: 0 0 1em 0;
    }


.projectDetailImg{
    float: left;
    }

#pager{
    width: 500px;
    font-size: 12px;
    font-family:Arial, Helvetica, sans-serif;
    margin: 10px 0 0 0;
    }

#pager a{
    color: #251b82;
    }

p#prev{
    text-align: left;
    width: 33%;
    float: left;
    }

p#next{
    text-align: right;
    width: 33%;
    float: left;
    }

p#total{
    text-align: center;
    width: 34%;
    float: left;
    }

body.mer #shopUrl a{
	color: #FFF;
	background-color: #02C663;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px;
}

/*****************************************/

body.mer{
	background: #ededee;
	color: #0b5e30;
}

.mer #header{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 18px;
}

.mer #header ul li{
	padding-right: 5px;
}
.mer #header a{
	color: #000;
}

.mer .home a{
	color: #02C663;
}

.mer .home {
	font-size: 18px;
	color: #000;
	width: 480px;
	font-family: Arial, Helvetica, sans-serif;

}

.mer #content{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;

}

.mer .projectDetailTxt, .mer #pager{
	font-family: "Times New Roman", Times, serif;

}

.mer .projectDetailTxt, .mer #pager a{
	color: #0B5E30;
}


.mer #content ul.project li{
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 13px;

}

.mer #content ul.project li a{
	color: #0b5e30;
}

.mer #right{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;

}


.noYearsAndCats #right{
	margin-top: 120px;

}


.mer .home p{
	margin: 0 0 1em 0;
	padding-bottom: 1em;
	border-bottom: 1px dotted #999;
}

.mer #header ul{
	position: relative;
}
.mer .navCol1{
	position: relative;
}
.mer .navCol1 ul{
	position: relative;
}

.mer  #header ul li#news{
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	position: absolute;
	left: 270px;
	top: -20px;
	/*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
}

.mer #header ul li#news a{
	color: #000;
}

.mer  #header ul li#news a:hover, .mer  #header ul li#news a.selected{
	background: #02C663;
	color: #fff;
	text-decoration: none;
}

.mer #navCol3 ul{
	margin-bottom: 0.5em;
}

.mer #content h1{
	font-family: Arial, helvetica, sans-serif;
	font-size: 18px;
}


.mer #content h1 a{
	color: #0B5E30;
}

.mer .projectDetailTxt{
	font-size: 13px;
}

.mer .txt{
	border: 1px solid #000;
	background: transparant;
	background-image:none;
	font-family: Arial, helvetica, sans-serif;
	width: 130px;
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 1px;
}

.mer .clear{
	font-size: 12px;
}

.mer .under{
	text-decoration: underline;
}

.mer .upper{
	text-transform: uppercase;
}

/*************************************************************/
.audiomer #header {
    color: #000;
    font-weight: bold;
    font-size: 18px;
}

.audiomer #header a{
    color: #000;
}

.audiomer #header h1{
	font-weight: bold;
	font-size: 40px;
	margin: -15px 0 10px 0;
}

.audiomer #navCol2{
  width: 300px;
}

.audiomer #navCol3{
  margin-left: 30px;
}

.audiomer #navCol1 a{
	text-decoration: none;
}

.audiomer #navCol1 a:hover{
	text-decoration: underline;
}

.audiomer #navCol1 a.selected{
	text-decoration: underline;
}


.audiomer #header ul li#news {
	font-size: 18px;
	font-weight: bold;
	font-family: "PT Sans", Arial, sans-serif;
	-moz-transform: rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform: rotate(-45deg);
    left: 1010px;
    position: absolute;
	top: 50px;
	text-transform: uppercase;
}



.audiomer #header ul li#news a{
	text-decoration: underline;
   /*
   display: block;
    background: url(../img/blog.gif) no-repeat top left;
	width: 37px;
	height: 34px;
	*/

}

.audiomer #header ul li#news a:hover{
	text-decoration: none;
}

.audiomer #header ul li#news a span{
}

.audiomer #content h1{
	font-size: 18px;
	color: #ea5c1a;
	font-weight: bold;
}

.audiomer #right{
	width: 240px;
	font-size: 11px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}


.audiomer #right a{
	color: #ea5c1a;
	text-decoration: none;
}

.audiomer #right a:hover{
	text-decoration: underline;
}

.audiomer #right #externalLinks a{
	color: #888;
	text-decoration: none;
	padding-right: 10px;
	text-transform: uppercase;
}

.audiomer ul.project li{
	width: 300px;
	height: 430px;
	font-size: 11px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	line-height: 11px;
}


.audiomer #content{
	margin-top: 30px;
}


.audiomer .sidebar{
	margin-top: 40px;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	font-family: "PT Sans", Arial, sans-serif;
}

.audiomer .sidebar a{
}

.audiomer .sidebar a:hover{
	text-decoration: underline;
}

.audiomer #audiomerViewLeft{
	width: 300px;
	padding-right: 30px;
	float: left;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	font-family: "PT Sans", Arial, sans-serif;
}

.audiomer #audiomerViewRight{
	width: 350px;
	float: left;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	font-family: "PT Sans", Arial, sans-serif;
}

.audiomer #audiomerViewRight #description{
	font-size: 12px;
	line-height: 1.2em;
}

.audiomer #shopUrl{
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 1em 0;
}

.audiomer #embeds{
	margin: 30px 0;
}


.audiomer #shopUrl a{
	color: #ea5c1a;
}

.audiomer ol{
	margin: 0 0 0 2em;
}

/*  ------------------------------------------  */
/*  clearfix                                    */
/*  ------------------------------------------  */

.clearfix{
    clear: both;
    }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*_______________TUMBLR aanpassing_________________________________________*/

#wrapper #content #navigation a {
	background-color: #EDEDEE;
	color: #02C663;
}

/*__________________________________________________________________________*/

.issuu{
	margin-left: 2px;
}

.form-all {
color: #000 !important;
font-family: 'Arial';
font-size: 12px;
}
input, input[type="password"], input[type="search"], isindex {
	font-size: 13px;
	-webkit-appearance: textfield;
	padding: 1px;
	background-color: transparent;
	border:none;
	/*
	background-color: #EDEDEE;
	border: 2px solid #EDEDEE;*/
	border-image: initial;
	-webkit-rtl-ordering: logical;
	-webkit-user-select: text;
	cursor: auto;
	background-image: url(http://www.merpaperkunsthalle.org/app/webroot/img/icons/pijl.png);
	background-repeat: no-repeat;
	background-position: right;
	width: 70px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
.form-label-left {
	color: #000;

}
.jotform-form{
	display:none !important;
}

/*------------------------------------SELECTIEKLEUR--------------------------*/
/*MER -> GROEN*/
/* Mozilla based browsers */
.mer ::-moz-selection {
       background-color: #02C663;
       color: #EDEDEE;
}
.mer a::-moz-selection {
       background-color: #EDEDEE;
       color: #02C663;
}

/* Works in Safari */
.mer ::selection {
       background-color: #02C663;
       color: #EDEDEE;
}
.mer a::selection {
       background-color: #EDEDEE;
       color: #02C663;
}

/*SLUDIOLUCERYCKE -> BLAUW*/
/* Mozilla based browsers */
.sld ::-moz-selection {
       background-color: #1B129A;
       color: #FFF;
}
.sld a::-moz-selection {
       background-color: #EDEDEE;
       color: #FFF;
}

/* Works in Safari */
.sld ::selection {
       background-color: #1B129A;
       color: #FFF;
}
.sld a::selection {
       background-color: #FFF;
       color: #1B129A;
}
.webshop {
	color: #02C663 !important;
	margin-bottom: 10px !important;
}

#20593348263355 {
	background-color:#C90;
}
.jotform-form {
	display: none !important;
}

.viewer {
	background-color: #0F6;
	position: absolute;
	height: 300px;
	width: 300px;
	left: 700px;
	top: 150px;
}

.newInShop{
	margin-top: 3em;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}

.newInShop h2{
	color: #02C663;
	font-weight: normal;
	font-size: 16px;
}

.newInShop .project{
	margin: 1em 0;
}

.newInShop .image{
	margin: 1em 2em;
}

.newInShop .title{
	font-weight: bold;
	margin: 0 0 1em 0;
}

.newInShop .pagination{
	clear: both;
	margin: 1em 0;
	position: relative;
	top: 30px;
}

.newInShop .left{
	width: 130px;
	float: left;
}

.newInShop .right{
	width: 130px;
	float: right;
}

.newInShop .display{
	display: block;
	width: 16px;
	height: 16px;
}

.newInShop .display span{
	display: none;
}

.newInShop #newInShopPrev{
	background: url(../img/icons/pijl-links.png) no-repeat top left;
}

.newInShop #newInShopNext{
	background: url(../img/icons/pijl.png) no-repeat top left;
	float: right;
}

.mer #header .newInShop a{
	color: #02C663;
}

/* MER. Station */
.merStation{
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 25px 0 0;
}

.merStation .overview{
	font-size: 18px;
}

.merStation .left{
	float: left;
	width: 175px;
}

.merStation .right{
	float: left;
	width: 500px;
}

.merStation a{
	color: #154B24;
}

.merStation .header{
	margin: 0 0 3em 0;
	font-size: 18px;
}

.merStation .title a{
	text-decoration: none;
	color: #000;
}

.merStation .numbers ul{
	list-style-type: none;
}

.merStation .numbers ul li{
	float: left;
	display: inline;
	margin: 0 .5em 0 0;
}

.merStation .numbers a:hover, .merStation .numbers a.selected{
	color: #000;
	text-decoration: none;
}

.merStation .year{
	margin: 0 0 1em 0;
}

.merStation .station a{
	text-decoration: none;
}

.merStation .station a:hover{
	text-decoration: underline;
}

.merStation .text{
	color: #154B24;
}

.merStation #pager{
	width: auto;
}