body
{color:#FFFFFF;

	font-family: 'Raleway', Verdana, Arial, Helvetica,sans-serif;
	font-size: 16px;
	
	
}
#hoofdmenu{text-align:center;}
#hoofd {background-image:url(../images/bg.png); background-repeat:repeat-y;
-webkit-box-shadow: 3px 3px 5px 6px #333;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 6px #333;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 6px #333;  /* Opera 10.5, IE*/
  }
#header {background-image:url(../images/kopfoto.png); height:227px;}
#bg {background-image:url(../images/bg2.png);background-attachment: fixed;
    background-position: center; 
	background-repeat:repeat-y;padding:20px;}

.full{
    width: 100%;
    height: auto;
}
.full2{
    max-width: 100%;
    height: auto;
}
.center{text-align:center;}
.mobiel {display:none;}

.kunst_titel{
border:0px;
font-size:16px;
font-weight:bold;
width:100%;


background-color:transparent;
color:#FFFFFF;
text-align:center;
}



.specs_kunst{
border:0px;
color:#FFFFFF;
font-size:11px;
background-color:transparent;
width:30px;

font-weight:bold;

}
.specs_kunst_prijs{
border:0px;
color:#FFFFFF;
font-size:11px;
background-color:transparent;
width:90px;

font-weight:bold;

}
 input, textarea {width:80%; padding:5px; margin-bottom:10px;font-family: 'Raleway', Verdana, Arial, Helvetica,sans-serif;
	font-size: 16px;
	}
.knop
{

	font-size:15px;
	color:#D2CECA;
	background-color:#333333;
width: 20%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #CCCCCC;
}









a:active {color:#FFFFFF;
font-weight:bold;
text-decoration:none;
display:block;
font-size:15px;

}
H1{

color: #FFFFFF;
  padding: 2px 25px;
 font-size:20px;
  font-weight:bold;
  
  }

H2{

  color: #970000;
  font-weight:bold;
    
}
H3{
  font-size: 11pt;
  color: #000000;
  font-weight:bold;
  background:#CCCCCC;  

} 

#main
{padding-top:50px;}
	

.timg
{
vertical-align: middle;
    max-height: 50px;
    max-width:40px;}
.thumb {  height: 60px;      /* equals max image height */
    width: 50px;
    border: none;
    white-space: nowrap;
    background-color:#333;
    text-align: center; 
	float:left; 
	position:relative;
	padding:5px;
	margin:3px;
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.kunstmob{text-align:center; margin-bottom:20px;}

#vergroting{

 top: 0px;
 position:relative;
	float:left;
	width:440px;
	height:460px;
	z-index:1;
	
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}


html {
	scrollbar-arrow-color:#FFFFF;
	scrollbar-track-color:#CCCCCC;
	scrollbar-face-color:#FFFFF;
	scrollbar-highlight-color:#CCCCC;
	scrollbar-3dlight-color:#333333;
	scrollbar-darkshadow-color:#4c5449;
	scrollbar-shadow-color:#D1D1D1;
			
  
}
/* Remove margins and padding from the list, and add a black background color */
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: transparent;

	
}

/* Float the list items side by side */
ul.topnav li {float: left;}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: #fff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.topnav li a:hover {color:#990000;
}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}
@media only screen and  (max-width: 768px) {
	.knop
{

	
width: 48%;

}
input, textarea {width:100%; 
	}
 body {
			
			background-image:none;
			
			
		}
		ul.topnav {
   margin-top:40px;
    background-color:#333;
	
	
}
ul.topnav li a {
  
    color: #fff;
  
}
		
ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
}
	
	
	 ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;

  }
  .topnav.responsive li a{
   
	background-color:#333;
	color:#fff;
  } 
  /* Change background color of links on hover */
ul.topnav li a:hover {color:#fff;
background-color: #333;}

  ul.topnav.responsive li a {
    display: block;
    text-align: left;
	font-size:15px; 
  }
  .mobiel {display:block;}
  .nietmobiel{display:none;}
}