body{
  background: #e8ac50 url(/images/bewitched_768.jpg) no-repeat top left;
  font-family:verdana;
  font-size:12px;
  color:#FFFFFF;
  margin:0px;
}

.top{
  position: fixed;
  top: 0px;
  width:100%;
  height:40px;
  background-color:#320000;
  text-align:center;  
}

.top-text{
  padding-top:10px;
}

div#menu{ margin:0;padding:0}
#menu a { color: #ffffff;  text-decoration: none;  font-family:times new roman, verdana;  font-size:20px;margin: 0px;padding: 0px; border:0}
#menu a:hover { text-decoration:underline; color: #ffffff; }
#menu a.selected {text-decoration:underline}

.header{
  margin:10px 0 10px 0;
  text-align:center;
}

.header-kop1{
  margin-top:50px;
  font-size:40px;
  font-weight:bolder;
  color:#000000;
  font-style:italic;
}
.header-kop2{
  margin-top:-10px;
  font-size:20px;
  margin-bottom:20px;
  
}

.transbox img
  {
  background-color:#ffffff;
  margin: 0 10px 5px 0;
  z-index: 0; 
  }

.transbox
  {
  width:800px;
  height:600px;
  background-color:#FAEBD3 !important;
  border:1px solid black;
  padding:20px 20px;
}

.box2
  {
  width:800px;
  height:600px;
  padding:20px 20px;
}

.transbox p, .box2 p
  {
  text-align:left;
  color:#000000;
  }
  
.kop1
  {
  text-align:left;
  font-size:16px;
  font-weight:bold;
  color:#000000;
  }
  
.kop1_script{text-align:left; font-family:times new roman, verdana; font-size:30px;  font-weight:bolder;  color:#000000; background:#e8ac50}

.main{
  padding-top:40px;
  padding-bottom:40px;
}

.main-box{
  min-height:600px;
  width:800px;
}

.bottom{
  width:100%;
  position: fixed;
  bottom: 0px;
  height: 40px;
  background-color:#320000;
  text-align:center;

}

.bottom-text{
  margin-top:10px;
}
.bottom a {color:#fff}

a.noDecoration { color: #ffffff;  text-decoration: none; }
a.noDecoration:hover { text-decoration: underline; color: #ffffff; }

a.noDecoration_gray { color: #7c6238;  text-decoration: none; }
a.noDecoration_gray:hover { text-decoration: underline; color: #7c6238; }

/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
	background:#FAEBD3;
  text-align:left;height:310px;
  min-height:400px
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 verdana, sans-serif;
}
/* Normal styling */
.cb {margin:0.5em 0;}
	/* Top corners and border */
.bt {
	height:17px;
	margin:0 0 0 18px;
	background:url(/images/box.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(/images/box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
	background:url(/images/box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(/images/box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:url(/images/borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:url(/images/borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#fff;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}


/* rounded borders */

.rb_all{float:left;width:750px;margin:0px auto;color:#444;text-align:left;}
.rb_left{float:left;width:200px;margin:0px auto;color:#444;text-align:left;}

#byslidemenu{ border-right:8px solid #fff;}
.byslidemenu div.laatsteNieuws {width:200px;text-align:left;color:#000}
.laatsteNieuws a {text-decoration:underline;color:#000}

div#overMij , div#kostuums, div#workshops, div#contact {width:1000px;}
div#nieuws {width:750px;}
div.head_left {background: url(/images/header_left.gif) no-repeat;width:150px;min-height:27px;font-family:times new roman,verdana ;  font-size:18px;margin: 0 0 5px 0;padding: 5px 0 0px 8px; border:0}
h1.head_main {background: url(/images/header_right.gif) no-repeat;width:700px;height:27px;font-family:times new roman,verdana ;  font-size:20px; font-weight:normal; margin: 0 0 10px 0;padding: 5px 0 0px 10px; border:0}
div.rb_left div.box{min-height:300px}
div.rb_left ul {margin:0 0 0 20px; padding:0}
div.rb_left div#news_holder {min-height:170px}
div.rb_left div#menu_holder {min-height:170px}
div.rb_left div#contactgegevens_holder {min-height:390px}
div.rb_left div#contact_holder {height:120px;margin-top:10px}
div.rb_left div#contact1_holder {height:300px}
div.rb_left div#contact_holder div#adres , div.rb_left div#contact1_holder div#adres{margin-left:8px}
div.rb_all div.main_left {float:left;width:700px;min-height:300px}
div.rb_left a {color:#000;text-decoration:none}
div.rb_left a:hover {color:#000;text-decoration:underline}
div.rb_all a {color:#000;text-decoration:underline}
div.submenu1{background: url(/images/submenu1.gif) no-repeat;width:150px;height:27px;font-family:times new roman,verdana ;  font-size:18px;margin: 0px;padding: 5px 0 0px 35px; border:0}
div.submenu2{background: url(/images/submenu2.gif) no-repeat;width:150px;height:27px;font-family:times new roman,verdana ;  font-size:18px;margin: 0px;padding: 5px 0 0px 35px; border:0}
div.submenu3{background: url(/images/submenu3.gif) no-repeat;width:150px;height:27px;font-family:times new roman,verdana ;  font-size:18px;margin: 0px;padding: 5px 0 0px 35px; border:0}
.thumbs{height:110px;border:0}
.thumb{}
ul.links a{text-decoration:none}
ul.links a:hover{text-decoration:underline}
.btnSubmit {  background: #7C7C7C;   color: #FFFFFF;  border: 1px solid #000;  margin-bottom: 5px;  margin-top: 5px;  padding: 2px 5px;}