@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0;} 
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

/* Algemene Layout --------------------------------------------------------------------------------------------------- */
   html, body, #wrapper {
      height:100%;
      margin: 0;
      padding: 0;
      border: none;
      text-align: center;
   }
   #wrapper {
      margin: 0 auto;
      text-align: left;
      vertical-align: middle;
      width: 920px;
	  background-image:url(../images/bg_wide.png);
	  background-position:center;
	  background-repeat:repeat-y;
   }













/* witte achtergrong met kleine rode randjes */
.mainBG { 
	background-image: url(../images/bg.png);
	background-position:center;
	background-repeat:repeat-y;
}

/* gradient van de geel-rode achtergrond */
.mainBGGrad {
	background-image: url(../images/bg.grad.png);
	background-repeat:repeat-x;
}

.mainleftshadow {
	background:url(../images/mainLS.png);
	background-repeat:repeat-y;
}

.mainrightshadow {
	background: url(../images/mainRS.png);
	background-repeat:repeat-y;
}

/* Het wit van de witte menubalk */
.menuWhiteBG {
	background-image:url(http://www.desven.be/sitelayout/images/decor_mnu-bg.jpg);
	background-repeat:repeat-x;
}

/* Standaard rode achtergrond = 1 px x 1px */
.menuRedBG {
	background-image:url(http://www.desven.be/sitelayout/images/bg.medred.png);
	background-repeat: repeat;
}

/* HOOFDMENU --------------------------------------------------------------------------------------------------- */

/* Mouseover effect */

.menulinkson, .menulinksoff {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	list-style-type: none;
	line-height: 15px; /* AFSTAND menu-items onderling */
}

.menulinksoff ul, .menulinkson ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	margin-top: 4px;   /* AFSTAND menu-items - titelbalk */
	padding-top: 4px;  /* AFSTAJND menu-items - titelbalk */
}

.menulinksoff a:link, .menulinkson a:link, .menulinksoff a:visited, .menulinkson a:visited {
	color: #F90;
	text-decoration: none;
}

.menulinksoff a:hover, .menulinkson a:hover,
.menulinksoff a:active, .menulinkson a:active, 
body#kindershow .menulinksoff a#nav-kindershow, 
body#kindershow .menulinkson a#nav-kindershow,
body#vuurshow .menulinksoff a#nav-vuurshow, 
body#vuurshow .menulinkson a#nav-vuurshow,
body#straatshow .menulinksoff a#nav-straatshow, 
body#straatshow .menulinkson a#nav-straatshow,
body#ballonplooien .menulinksoff a#nav-ballonplooien, 
body#ballonplooien .menulinkson a#nav-ballonplooien, 
body#wandelacts .menulinksoff a#nav-wandelacts, 
body#wandelacts .menulinkson a#nav-wandelacts,
body#verhalenauto .menulinksoff a#nav-verhalenauto, 
body#verhalenauto .menulinkson a#nav-verhalenauto,
body#circusworkshop .menulinksoff a#nav-circusworkshop, 
body#circusworkshop .menulinkson a#nav-circusworkshop,
body#circuskampen .menulinksoff a#nav-circuskampen, 
body#circuskampen .menulinkson a#nav-circuskampen,
body#circusschool .menulinksoff a#nav-circusschool, 
body#circusschool .menulinkson a#nav-circusschool,
body#vuurspuwen .menulinksoff a#nav-vuurspuwen, 
body#vuurspuwen .menulinkson a#nav-vuurspuwen,
body#particulieren .menulinksoff a#nav-particulieren, 
body#particulieren .menulinkson a#nav-particulieren,
body#verenigingen .menulinksoff a#nav-verenigingen, 
body#verenigingen .menulinkson a#nav-verenigingen,
body#bedrijven .menulinksoff a#nav-bedrijven, 
body#bedrijven .menulinkson a#nav-bedrijven,
body#vuurwerk .menulinksoff a#nav-vuurwerk, 
body#vuurwerk .menulinkson a#nav-vuurwerk,
body#goochelen .menulinksoff a#nav-goochelen, 
body#goochelen .menulinkson a#nav-goochelen,
body#mobielgoochelen .menulinksoff a#nav-mobielgoochelen, 
body#suikerspinnen .menulinkson a#nav-suikerspinnen,
body#suikerspinnen .menulinksoff a#nav-suikerspinnen, 
body#festivole .menulinkson a#nav-festivole,
body#festivole .menulinksoff a#nav-festivole, 
body#ijs .menulinkson a#nav-ijs,
body#ijs .menulinksoff a#nav-ijs, 
body#mobielgoochelen .menulinkson a#nav-mobielgoochelen,
body#mobielgoochelen .menulinksof a#nav-mobielgoochelen,
body#goochelshow .menulinksoff a#nav-goochelshow, 
body#goochelshow .menulinkson a#nav-goochelshow
 {
	color: #FFF;
	text-decoration: none;
}

/* De hieronder 4 volgende styles zijn nodig voor het swap-effect in de onderste cellen */
.menuID21 {
	background: url(../images/col1.2-off.png);
	background-position:left;
}
.menuID22 {
	background: url(../images/col1.2-off.png);
	background-position:right;
}
.menuID23 {
	background: url(../images/col3.4-off.png);
	background-position:left;
}
.menuID24 {
	background:url(../images/col3.4-off.png);
	background-position:right;
}

/* FOOTER --------------------------------------------------------------------------------------------------- */


.footerleftshadow {
	background-image:url(../images/ft.l2.png);
	background-repeat:repeat-y;
}

.footerrightshadow {
	background-image: url(../images/ft.r2.png);
	background-repeat:repeat-y;
}

/* Laagste rand voor footer */
.footertop-low   {
	background-image: url(../images/ft.bg.lowEdge.png);
	background-repeat:no-repeat;
}

/* Kleine tekst in footer (copyright) */
.footerSmallText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-top: 45px; /*Verplaats de tekst naar beneden */
	color: #690303;	
}
.footerSmallText  a:link, .footertop-low  a:visited, .footertop-low  a:active {
	color: #690303;
	text-decoration: none;
}
.footerSmallText  a:hover {
	color: #FFF;
	text-decoration: none;
}

/* dit zijn de links in het footer-gedeelte */
.footercontent, .footercontent a:link, .footercontent a:visited, .footercontent a:active {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #F60;
	text-align: center;
	height: 17px;
	text-decoration: none;
}

.footercontent a:hover, 
body#biografie .footercontent a#ft-biografie,
body#technisch .footercontent a#ft-technisch,
body#referenties .footercontent a#ft-referenties,
body#pers .footercontent a#ft-pers,
body#links .footercontent a#ft-links,
body#gastenboek .footercontent a#ft-gastenboek,
body#contact .footercontent a#ft-contact{

	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: center;
	height: 15px;
}

.footertop-high {
	background-image: url(../images/decor-footer.top-high.png);
	background-repeat: repeat-x;
}





















/* Styles for bodytext --------------------------------------------------------------------------------------------------- */

.bodytext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 20px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FC0;
	padding-left: 30px;
	padding-right: 12px;
}
.bodytext a:link, .bodytext a:visited, .bodytext a:active {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #CC0606;
	line-height: 20px;
	font-weight: bold;
	text-decoration: underline;
}

.bodytext a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
	background-color: #CC0606;
}

.bodytextHomepage { /*zelfde als .bodytext maar zonder padding */
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 20px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #FC0;
}


/* Styles for Bodytext small ------------------------------------------------------------------------------------------- */
/* D.i. kleinere text van 11 px voor de footers ------------------------------------------------------------------------- */

.bodytextSmall {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 18px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FC0;
	padding-left: 50px;
	padding-right: 12px;
}

.bodytextSmall a:link, .bodytextSmall a:visited, .bodytextSmall a:active{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #CC0606;
	line-height: 28px;
	font-weight: bold;
	text-decoration: underline;		
}

.bodytextSmall a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	line-height: 28px;
	font-weight: bold;
	text-decoration: none;
	background-color: #CC0606;
}
/* Styles for titles --------------------------------------------------------------------------------------------------- */

.bodytitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	color: #CC0606;
	line-height: 20px;
	font-weight: bolder;
	font-variant: normal;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

/* Styles for notes --------------------------------------------------------------------------------------------------- */

.bodytextNoteBold {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	font-weight: bold;
	font-style: normal;
	background-color: #FFC;
	line-height: 12px;
	padding-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 30px;
}

/* Styles for submenu --------------------------------------------------------------------------------------------------- */

.submenu a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	color: #CC0606;
}

.submenu a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	text-decoration: underline;
	font-weight: bold;
	color: #CC0606;
}

























.bodytextNote {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	font-weight: normal;
	font-style: normal;
	background-color: #FFC;
	line-height: 12px;
	margin-top: 30px;
	padding-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.bodytextNoteImage {
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

.extraInfoTitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666;
	line-height: 11px;
}
.extraInfoContent, .extraInfoContent a:link, .extraInfoContent a:visited, .extraInfoContent a:active {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 11px;
}

.extraInfoContent a:link, .extraInfoContent a:visited, .extraInfoContent a:active {
	text-decoration: underline;
}
.extraInfoContent a:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #666;
}

.bodytext ul, .bodytextNoStroke ul {
	padding-left: 30px;
	padding-right: 12px;
	list-style-image: url(../images/arrow_w_yellow.gif);
	list-style-type: none;
}

.bodytextSmall ul li {
	padding-left: 20px;
	margin-left: 20px;
	list-style-type: none;
	list-style-image: url(../images/arrow_w_yellow.gif);
}

.bodytext ol, .bodytextNoStroke ol {
	padding-left: 30px;
	padding-right: 12px;
}
.bodytextNoStroke {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
}

.bodytextSmallNoStroke {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
}
#circuskampen table tr td table tr .mainBG table tr .mainBGWhite table tr td #ck_voorwaarden table tr .bodytextNoStroke ul li {
	margin-left: 0px;
	padding-left: 0px;
}
.bodytextWrong ul, .bodytextNoStrokeWrong ul {
	padding-left: 30px;
	padding-right: 12px;
	list-style-image: url(../images/arrow_wrong.png);
	list-style-type: none;
}
.bodytextNoteBoldNoTop {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	font-weight: bold;
	font-style: normal;
	background-color: #FFC;
	line-height: 12px;
	padding-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
}
.indent {
	padding-left: 10px;
	margin-left: 10px;
}
.bodytext .bodytextNote a, .bodytext .bodytextNoteBold a, .bodytext .bodytextNoteBoldNoTop a{
	font-size: 10px;
}
.constructieTitel {
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.constructie {
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.shopTitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	margin-left: 10px;
	padding-left: 10px;
}
.shopBeschrijving {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	margin-left: 10px;
	padding-left: 10px;
	margin-top: 5px;
	padding-top: 5px;
}
.errortext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
.errortext_bold {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #C21E01;
	font-weight: bold;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
}

