/* code copyright De Stijlerij ontwerp en redactie - www.stijlerij.nl */

body {
font-family: Tahoma, Verdana, Sans-Serif;
font-size: 62.5%; /* 1em = 10px */
color:#444;
padding: 0px;
margin: 0px;
background-color: #858688;
background-image: url(../images/background-body.gif);
background-repeat: repeat-x;
}




img.download {vertical-align:middle;}

/* container */
#container {
width: 800px;
height:575px;
margin-top:30px;
margin-left: auto;
margin-right: auto;
background-color:#fff;
} 

/* header */
#header {
height:112px;
_height:100px;
width:800px;
background-color: #ebebed;
}


#kaartje{position:absolute; padding-left:25px; padding-top:20px; z-index:11;}
#kaartjes{position:absolute; padding:0px; margin:0px;}
#kaartjes img{border:0px;}


#zij{
position:absolute;
padding-left:754px;
padding-top:50px;}



/* menu's */
#hoofdmenu{
position:relative;
text-align:left;
background-color:transparent;
padding-left:228px;
padding-top:60px;}
	
ul#hoofdmenu{
margin:0;
padding:0;
white-space: nowrap;}

#hoofdmenu li{
padding:5px;
display:inline;
list-style-type:none;
font-size:1.2em;}

	
#hoofdmenu a {color: #999; text-decoration: none;}
#hoofdmenu a:hover {color: #e83c48; text-decoration: none;}
#hoofdmenu a:active { color:#000; text-decoration: none;}
#hoofdmenu .actief{color:#000; font-weight:normal;}
	
	
#sub{
width:250px; 
height:375px;
background-color:#b0b1b3;
float:left; 
position:relative; 
margin-left:-200px;}

#submenu{
margin-top:15px;
height:110px;} 
	
#submenu-list{
color:#fff;
font-size:1.1em;
text-align:left;
list-style-type:square;}

#submenu a {color: #fff; text-decoration: none;}
#submenu a:hover {color: #e83c48; text-decoration: none;}
#submenu a:active { color:#000; text-decoration: none;}
#submenu .actief{color:#000; font-weight:normal;}

#kunstwerken-container{
width:250px;
height:250px;
background-color:#fff;
padding:0px;
margin-top:1px;
border: 0px;
position:absolute;}



#kunstwerken-container-klein{
width:250px;
height:125px;
background-color:transparent;
margin-top:125px;
_margin-top:81px;
border: 0px;
position:absolute;
z-index:20;}






#kunstwerken-table{border:0px; margin:0px; border-collapse: collapse;}
#kunstwerken-table td{height:125px; width:125px; margin:0px; padding:0px;}
#kunstwerken img{border:0px;}





/* buitenkant en binnenwerk */

#buitenkant{ 
height:375px;
border-left: solid 200px #fff; /* linkerkolom  */ 
border-right: solid 175px transparent; /* rechterkolom  */ 
background-color: transparent;  /* middenkolom */} 

#binnenwerk{margin:0; width:100%; background-color: transparent;} /* IE workaround */ 

#foto{
width:175px; 
height:375px;
float:right; 
position:relative; 
margin-right:-175px; 
background-color: #fff;}
 
#foto img{margin:0px; padding:0px;}
 

/* content */ 
#content{
height:355px;
position: relative;
background-color: transparent;
padding: 20px 20px 0px 20px;
overflow:auto;}


a {color: #e83c48; text-decoration: none;}
a:visited {color:#e83c48; text-decoration: none;}
a:hover {color: #999; text-decoration: none;}
a:active { color:#e83c48; text-decoration: none;}

#content img{border:0px;}

p{font-size:1.1em; line-height:1.3em;}
.klein{font-size:0.8em;}
h1, h2 {font-size: 1.2em; margin:0;}
.subkop{font-weight:bold;}
.comment{color:blue;}
.center{text-align:center;}
.cursief{font-style: italic;}

#list{font-size:1.1em; line-height:1.4em; list-style-type:square;}
#list-bf{font-size:1.1em; list-style-type:square; text-align:right;}
#list-left{font-size:1.1em; list-style-type:square; text-align:left; line-height:1.5em;}

.list-bf{font-size:1em; color:#e83c48;}

/* footer */ 
#footer {
clear:left;
padding:0;
margin:0;
height:100px;
width:800px;
text-align: left;
color:#999;
font-size:1.1em;
line-height:1.3em;
background-color: #ebebed;} 

#contactgegevens{
clear:both;
width:800px;
height:20px;
color:#eee;
font-size:1.1em;
text-align:center;}

#contactgegevens a{
color:#eee;
text-decoration:underline;}

#werkvormen{
position:absolute;
padding-left:260px;
padding-top:10px;}

#werkvormen img{border:0px;}


#footermenu{
position:absolute;
text-align:left;
padding-left:35px;
padding-top:20px;
z-index:10;}

#footermenu a, #disclaimer a {color: #999; text-decoration: none;}
#footermenu a:visited, #disclaimer a:visited {color:#999; text-decoration: none;}
#footermenu a:hover, #disclaimer a:hover {color: #000; text-decoration: none;}
#footermenu a:active, #disclaimer a:active { color:#000; text-decoration: none;}


#disclaimer{
text-align:right;
padding-right:20px;
padding-top:20px;}