/* base.css - ldb typography stylesheet © nevvkid*/

/* base styles -------------------------------------------------------------- */

* { margin:0; padding:0; }

html, body {
height: 100%;
}

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
max-height: 100%; 
text-align: left;
background: #FFFFFF;
}

#logodot{
position:fixed !important;
top: 37px; 
left: 930px; 
z-index: 1000;
}

#framecontent{
position: absolute;
top: 0px;
bottom: 0; 
left: 0;
width: 265px; /*Width of frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

#maincontent{
position: fixed;
top: 0px; 
left: 265px; /*Set left value to WidthOfFrameDiv*/
right: 0;
bottom: 0;
overflow: auto;
}

.logo{
margin: 2em 0px 0px 20px;

}

#content{
margin: 5.5em 0 0 0; 	
}
#contentsingle{
margin: 1.5em 0 0 0; 	
}

#logo a{
text-decoration: none; 
}

.innertube{
margin: 0; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 0 0 0 265px; /*Set value to (0 0 0 WidthOfFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

/* mainmenu styles -------------------------------------------------------------- */

ul.menu {   
	position: absolute;  
	margin: 0;  
	padding: 0;
	top: 148px;
	left: 10px;
	list-style-type: none; 
 }  
ul.menu li {
	position: relative;
	margin: 0;
	margin-bottom: 12px;
	padding: 0;
	display: block;
	overflow: hidden;    
	cursor: pointer;  
	float: left;
	width: 180px;
	background-repeat:no-repeat;
}

#en-US ul.menu li {  
	background-image:url(../img/menu_en.jpg);
}
#nl-NL ul.menu li {  
	background-image:url(../img/menu_nl.jpg);
}

#en-US ul.menu li a, #nl-NL ul.menu li a {
	display:block;
	width: 180px;
	text-indent:-9999px;
	outline:none;
}

#menu01 {height:24px; background-position:0px -8px; }
#menu02 {height:24px; background-position:0px -44px; }
#menu03 {height:24px; background-position:0px -80px; }
#menu04 {height:24px; background-position:0px -116px; }
#menu05 {height:24px; background-position:0px -154px; }
#menu06 {height:24px; background-position:0px -188px; }
#menu07 {height:24px; background-position:0px -224px; }

#menu01:hover {background-position: -180px -8px; }
#menu02:hover {background-position: -180px -44px; }
#menu03:hover {background-position: -180px -80px; }
#menu04:hover {background-position: -180px -116px; }
#menu05:hover {background-position: -180px -154px; }
#menu06:hover {background-position: -180px -188px; }
#menu07:hover {background-position: -180px -224px; }

li#menu01.active {background-position: -360px -8x;}
li#menu02.active {background-position: -360px -44px; }
li#menu03.active {background-position: -360px -80px; }
li#menu04.active {background-position: -360px -116px; }
li#menu05.active {background-position: -360px -154px; }
li#menu06.active {background-position: -360px -188px; }
li#menu07.active {background-position: -360px -224px; }

/* mainmenu styles -------------------------------------------------------------- */

ul.exhibitions {  
    list-style-type: none;  
    position: absolute;  
    margin: 0;  
    padding: 0;
	top:400px;
	left: 10px;
 }  
ul.exhibitions li {
	position: relative;  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 180px;
	background-repeat:no-repeat;
}

#en-US ul.exhibitions li {  
	background-image:url(../img/exhibitions_en.jpg);
}
#nl-NL  ul.exhibitions li {  
	background-image:url(../img/exhibitions_nl.jpg);
}

#en-US ul.exhibitions li a, #nl-NL ul.exhibitions li a {
	display:block;
	width: 180px;
	text-indent:-9999px;
	outline:none;
}

#ex01 {height:18px; background-position:0px -12px; }
#ex02 {height:18px; background-position:0px -30px; }
#ex03 {height:18px; background-position:0px -48px; }

li#ex01.active {background-position: -180px -12px;}
li#ex02.active {background-position: -180px -30px; }
li#ex03.active {background-position: -180px -48px; }

/* mainmenu styles -------------------------------------------------------------- */


.language_switch {  
	position: absolute;
	top: 490px;
	left: 10px;
	margin: 0;  
	padding: 0; 
 }

div#sidebar_language_list {  
	position: relative;
	margin: 0;  
	padding: 0; 
 }

div#sidebar_language_list ul {
	position: relative;  
	list-style-type: none;  
	margin: 0; 
	padding: 0; 
 }  
div#sidebar_language_list li {  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 180px;
	background-repeat:no-repeat;
	margin-bottom: 0px;
}

div#sidebar_language_list li img {  
    display: none;
}

div#sidebar_language_list li {  
	background-image:url(../img/lang_menu.jpg);
}

div#sidebar_language_list li a {
	display:block;
	width: 180px;
	text-indent:-9999px;
	outline:none;
}
div#sidebar_language_list li.Nederlands {height:18px; background-position:0px -12px; }
div#sidebar_language_list li.English {height:18px; background-position:0px -30px; }


div.nl-NL div#sidebar_language_list li.Nederlands {background-position: -180px -12px; }
div.nl-NL div#sidebar_language_list li.English {background-position: 0px -30px; }
div.en-US div#sidebar_language_list li.Nederlands {background-position: 0px -12px; }
div.en-US div#sidebar_language_list li.English {background-position: -180px -30px; }


.head_container {  
	height: 90px;
}

.head_container_2 {  
	height: 81px;
}



.artists_image_container ul {  
	list-style-type: none;  
	float: left;
	margin: 0;
}
.artists_image_container li.thumbnail {  
	list-style-type: none;  
	float: left;
	margin: 0px 10px 10px 0px;
	height: 125px;
}
ul.artists_overview, ul.exhibition_overview {  
	list-style-type: none;  
	float: left;
	margin: 0;
 }
.artists_overview li, .exhibition_overview li {  
	list-style-type: none;  
	float: left;
	margin: 0px 10px 10px 0px;
 }
.artists_overview li a img, .exhibition_overview  li a img {  
	border: 0px solid #FFF;
 }
.artists_overview li a:hover img, .exhibition_overview li a:hover img {  
	border: 0px solid #000;
 }
.artists_overview li a.txt, .exhibition_overview li a.txt {  
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
.artists_overview li a.txt:hover, .exhibition_overview li a.txt:hover {  
	text-decoration: underline;
	color: #000;
	font-weight: bold;
}

/* overlay styles -------------------------------------------------------------- */
#contentouter { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: transparent; width: 100%; height: 100%;}
#contentinner { position: relative; z-index: 5000; width: 600px; height: 600px; text-align: left; background: #FFFFFF; border: 1px solid #000;}
/*#iframetoload { position:relative; width:890px; height: 100%; display: block; border: none; }*/

.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 470px;
    height: 418px;
}
.wraptocenter * {
    vertical-align: middle;
}

div.exhibitions {
clear: both;
}
/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/