/* Cascading Style Sheets - Copyright Special Order bvba 2009 */ /*********[ Reset styles - Eric Meyer Reloaded - 080924 ]*********/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

body {
    line-height: 1;
    color: black;
    background: white;
}

ol, ul {
    list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}


/*********************************************
 * Special Order bvba
 * Ken Pimontel, ken at specialorder dot be
 * Purpose: positioning
 *
 * NOTES
 * From base site 0003
 *
 * TODO
 *
 * HISTORY
 * 090330 ADDED .onecolumn
 * 090327 ADDED vertical scrollbar
 * 090327 first version for base site
 * 080831 ADDED intro
 * 080819 CHANGE bg images
 * 080603 CHANGE first version VPVP
 * 080505 CHANGE grail not working IE bugs + pop positioning weird. Returning to floats.
 * 080404 trying to make a holy grail
 * 080404 ADDED background images
 * 080327 ADDED topimage and secad
 * 080327 first version
 *********************************************/

/****[ show vertical scrollbar ]*****************/

html {
	overflow-y: scroll;
/*	height: 101%;*/
	/* deze doet het ook werken in Opera en Netscape, maar ziet er niet zo mooi uit */
}

* {
	margin: 0;
	padding: 0;
}

/*** The Essential Code ***/

body {
	min-width: 630px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
	background-color: white;
/*	border-top: 8px solid #FFD833;*/
    background: white url(../imgs/bg.png) repeat;
}

#outerwrap {
	width: 1010px;
	margin: 0 auto;
	background: white url(../imgs/bg_mid.jpg) repeat-y top center;

}

body#intro #outerwrap {
	background: url(../imgs/bg_intro.jpg) no-repeat top center;
	height: 837px;
	min-height:837px;
}

#header {
	height: 160px;
	background: white url(../imgs/bg_top.jpg) no-repeat top center;
	padding: 0px 29px;
	position: relative;

}

ul#TopMenu {
	position: absolute;
	top: 110px;
	right: 50px;
/*	width: 600px;*/
/*	margin: 0 auto;*/
	}

#admin-block {
	width: 877px;
	z-index: 5;
	position: relative;
}

#taal {
	position: absolute;
	top: 90px;
	right: 35px;
	background-color: #DDD;

}

#commande {
	position: absolute;
	top: 64px;
	right: 60px;
}



#fakelogobut {
	/* background-color: pink; */
	width: 300px;
	height: 100px;
	position: absolute;
	top: 40px;
	left: 50px;
	float: left;
	z-index: 1;
	}


#content {
/*	padding-left: 17px;*/
/*	padding-right: 35px;*/
/*	padding-top: 30px;*/

	padding: 0px;
}



#main {
	float: right;
	width: 615px;
}

#outerwrap #content {
	padding-left: 50px;
	padding-right: 50px;
}

#outerwrap.onecolumn #main {
	width: 100%;
/*	background-color: red; */
}

#secondary {
	float: left;
	width: 285px;
	border-right: 1px solid #ababab;
}

#sidebar {
	float: right;
	width: 185px;
	padding: 0 0px;
}


#footer {
	clear: both;
	background: white url(../imgs/bg_bot.jpg) no-repeat top center;
	padding: 40px 50px 0 50px;
	height: 100px;
}

body#intro #footer {
	position: absolute;
	top: 795px;
	background-image: none;
	background-color: transparent;
	width: 920px;
	padding: 0;
	padding-left: 3px;
}


/****[ Taalkeuze intro pagina ]******************/

#taalkeuze {

	position: relative;
	top: 250px;
	left: 380px;
	width: 200px;
}

/*** Footer Fix ***/

* html body {
	overflow: hidden;
}

* html #footer-wrapper {
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 10010px;
	margin-bottom: -10000px;
	background: #322F3A;         /*** Same as body background ***/
}

/*********************************************
 * Special Order bvba
 * Ken Pimontel, ken at specialorder dot be
 * Purpose: set font sized and line heights
 *
 * NOTES
 * 1.125em
 * 0.875em
 * 0.75em
 *
 * TODO
 * 080416 test on all browsers
 *
 * HISTORY
 * 090824 ADDED Title
 * 090506 ADD sub en sup
 * 090330 CHANGE #outerwrap font-size
 * 080416 CHANGE placed this in 0000
 * 080404 CHANGE line-height: 18px;
 * 070808 ADDED spans
 * 070802 CHANGE font-size small ipv %
 *********************************************/

* {
	margin: 0;
	padding: 0;
	line-height: 1.6em;
	}

body {
    /* Verdana-based sans serif stack */
/*    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;*/
/*font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;*/
/*font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;*/
font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;

	font-size: small;
	color: black;
/*	letter-spacing: -0.1em; */
}

* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}

#outerwrap {
	font-size: 0.875em;
/*	font-size: 1.125em;*/
	}

#main {
	font-size: 1.125em;
}

.smalltext,
.smalltype,
#footer {
	font-size: 0.875em;
}


p {
	margin-bottom: 18px;
}

h1 {
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 8px;
}
h2 {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 8px;
}
h3 {
  font-size: 12px;
  line-height: 8px;
}

ul,
ol {
  margin-bottom: 18px;
}


#admin-block {
	font-size: 0.875em;
}

/****[ h1 img ]*****************/

h1 img, h2 img {
	padding-left: 0;
}



.sans {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
    }


/***********[ Title ]******************/

.Title {
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	text-transform: uppercase;
	color: #555;
	letter-spacing: 1px;
	}

/************[ Sub en Sup ]**************/

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 0.875em;

}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}


/************[ gallerytitle ]**************/

div.gallerytitle {
   font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
   font-size: 1.25em;
   letter-spacing: 1px;
}


/*********************************************
 * Special Order bvba
 * Ken Pimontel, ken at specialorder dot be
 *
 * NOTES
 * te gebruiken als spans om extra info weer te geven
 *
 * TODO
 *
 *
 *
 *
 * HISTORY
 * 080111 absolute paths
 * 070808 first version
 *********************************************/

span.alert, span.info, span.download, span.note {
	display: block;
	padding: 10px 10px 10px 35px;
	margin: 15px 0;
	font-size:80%;
	line-height: 1.2em;
}
span.alert {
	color: #c00;
	border-top: 3px solid #fe7b7a;
	border-bottom: 3px solid #fe7b7a;
	background: #FFD6D6 url(http://nethome.be/_icons/fam_silk/exclamation.png) 10px 50% no-repeat;
}
span.info {
	color: #0055BB;
	border-top: 3px solid #629de3;
	border-bottom: 3px solid #629de3;
	background: #D8E5F8 url(http://nethome.be/_icons/fam_silk/information.png) 10px 50% no-repeat;
}
span.note {
	color: #B79000;
	border-top: 3px solid #fde179;
	border-bottom: 3px solid #fde179;
	background: #FEF6D8 url(http://nethome.be/_icons/fam_silk/page_error.png) 10px 50% no-repeat;
}
span.download {
	color: #57861A;
	border-top: 3px solid #c2df88;
	border-bottom: 3px solid #c2df88;
	background: #EEF7DD url(http://nethome.be/_icons/fam_silk/application_put.png) 10px 50% no-repeat;
}

/*********************************************
 * Special Order bvba
 * Ken Pimontel, ken at specialorder dot be
 * Purpose: Artrac
 *
 * NOTES
 * From base site 0004
 *
 * TODO
 * Dit document moet leeggehaald worden zodat er enkel het strikt noodzakelijke instaat.
 * Voor specifieke code maak ik beter aparte cssjes die ik in een echte productie site dan altijd nog kan samenvoegen.
 *
 *
 *
 * HISTORY
 * Last update <!-- hhmts start -->2010-03-15 22:38:11<!-- hhmts end -->
 * 090822 ADDED secworksblock
 * 090327 ADDED acronym
 * 090327 ADDED a.box
 * 090327 ADDED SideMenu and TopMenu
 * 080831 ADDED taalkeuze
 * 080819 CHANGE nav visual
 * 080819 ADDED vpvp-span
 * 080416 CHANGE made this the base for 0000
 * 080318 ADDED intromusic
 * 080316 ADDED news
 * 080316 ADDED div.box
 * 080124 ADDED #content ul li
 * 071217 ADDED about_reservations
 * 071211 ADDED .contact (m01>
 * 071211 ADDED available now
 * 071203 ADDED flatfee
 * 071113 REMOVE form (>forms.css)
 * 070808 ADDED span img
 * 070808 moved dl > h3 in typography
 * 070808 ADDED admin img
 * 070802 ADDED clear
 * 070802 ADDED admin
 *********************************************/





/************[ Acronym ]**************/

acronym:hover {
	cursor: help;
	}



/****[ Language choice ]**************************/

#taal {
	list-style: none;
	text-align: center;
	text-align: right;
	color: #224a77;
	}

#taal a {
	color: #78502d;
}

#taal a.active {
	color: #AFBAC0;
}


#taal a:hover {
	text-decoration: underline;
}

ul {
	margin: 0px 0px 10px 0;
	font-size: 1em;
	line-height: 1.6em;
	list-style-type: disc;
	padding: 0 0 0 30px;
	/* prevent ie6/win from shifting page height when a list of links is moused over */
	padding-bottom: 1px;
	}

dd {
	margin: 0;
	padding: 0 0 0 18px;
	}


/****[ Footer ]*****************/

#footer {
	border-top: 0px solid #e0e0e0;
	text-align: center;
	color: #ababab;
}

#footer a, a:link {
	border-bottom: 1px dotted #CFCFCF;
	color: #ababab;
	}

#footer a:visited {
	border-bottom-style: dotted;
	}

#footer a:hover {
	border-bottom: 1px solid black;
	color: black;
	}

#footer a:active {
	border-bottom: none;
	color: black;
	}

#footer img {
	border-bottom: 0px solid #bbb;
	color: #aaa;
	padding: 0px;
	}


/****************************************
 * Links
 ****************************************/

a, a:link, a:visited {
	border-bottom: 1px solid #555 ;
	text-decoration: none;
	color: #555;
	}

a:hover {
	border-bottom: 1px solid #000;
	color: #000;
	}

a:active {
	border-bottom: none;
	border: none;
	color: #000;
	outline: none; /* to remove the dotted line */
	}

a:focus {
	-moz-outline-style: none; /* to remove the dotted line */
	}

a.noborder, a img, a:link img, a:visited img, a:hover img {
	text-decoration: none;
	border-bottom: 0px solid white;
	border: none !important;
	background-color: transparent;
	}


#taal a {
	border-bottom: 0px solid transparent;
}

div#fancy_outer a,
a.box,
a.box:link,
a.box:visited,
a.box:hover,
a.box:active {
    border: none !important;
}

/***************
 *  FOTOS
 ***************/

.fotos a:link, .fotos a:visited {
	text-decoration: none;
	border-bottom: 0px solid #FFFFFF;
	background-color: transparent;
}
.fotos a:hover, .fotos a:active {
	border-bottom: 0px solid #FFFFFF;
	text-decoration: none;
	background-color: transparent;
}

.fotos a img {
	border: none;
}

.losbeeld a:link, .losbeeld a:visited {
	text-decoration: none;
	color: #EE2225;
}
.losbeeld a:hover, .losbeeld a:active {
	text-decoration: none;
	color: #EE2225;
	background-color: transparent;
}

.losbeeld a img {
	border: none;
}

.error-message {
	padding-left: 20px;
	background: url(../imgs/layout/alert.gif) no-repeat 0 2px;
	}

.input-error {
	padding: 2px;
	border: 1px solid #f00;
	}

.noborder {
	border: none;
}


.noborderfloatright {
	float: right;
	border: 0;
}

.noborderfloatleft {
	float: left;
	border: 0;
}


.floatright {
	float: right;
}

.floatleft {
	float: left;
}

img.floatright {
	padding-left: 8px;
}

img.floatleft {
	padding-right: 8px;
}

/****[ Detail hoofding ]*****************/

#detail_hoofding ul {
	background-color: #f5f5f5;
	border-bottom: 1px solid #e5e2e2;
	clear:both;
	float:left;
	margin:0 0 10px 0;
	padding:5px 0px;
	list-style: none;
	color:#709933;
	width:100%;

}
#detail_hoofding ul #bestemming {
	float:left;
	padding:5px;
}
#detail_hoofding ul #prijs {
	float:right;
	padding:5px;
}


/****[ Specs & bezichtigen ]*****************/


.specs {
	float:right;
	width:340px;
/*	background-color: #eee;*/
	font-size: 80%;
}

.specs dl {
	margin: 0;
	padding: 0;
	}

.specs dt, .specs th, .specs u, .specs h3 {
	color:#709933;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:1px solid #e5e2e2;
	text-align:left;
	padding: 0;
	margin: 0;
}

.specs dd {
	margin:0;
	padding: 0;
	font-weight:normal;
	line-height:125%;
}

.specs u,
.bezichtigen h3 {
	color:#709933;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:1px solid #e5e2e2;
	text-align:left;
	padding: 0;
	margin: 0;
	text-decoration: none;
	display: block;
}

.specs table {
	width:100%;
	}

.bezichtigen {
	float: left;
	width: 400px;
/*	background-color: #eee;*/
	font-size: 80%;
	padding: 0;
	margin: 0;
	}

.bezichtingen dl, dt, dd {
	margin: 0;
	padding: 0;
	}

.bezichtigen dt {
	color:#709933;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:1px solid #709933;
	text-align:left;
}








/****[ anders zit google in de grond ]*****************/
.bezichtigen {
 margin-bottom: 40px;
 }

 /****[ admin - editeerbare tekst ]*****************/

.editable_txt {
	background-color: #f5f5f5;
	margin: 20px 0;
	padding: 8px;
	border: 1px solid #efefef
	}

/****[ admin-block ]*****************/

#admin-block {
	display: block;
	padding: 10px 10px 0px 65px;
	border-top: 3px solid #FFD833;
	border-bottom: 3px solid #FFD833;
	background: #FFF8CF url(../../../_imgs/logo_admin_area.png) 10px 50% no-repeat;
	color: black;
	float:right;
	min-height: 40px;
}

#admin-block a:link {
/*	color: #666666;*/
	}

#admin-block a:hover {
/*	color: #000000;*/
	}

#admin-block img {
	padding: 0;
	}

/****[ admin ]*****************/

a.admin img, .huizen td a.admin img {
	border: 0;
	}

/****[ a zonder stippellijntjes ]*****************/

a:focus {
	-moz-outline:0;
	outline:0;
	outline-offset:0;
}

/****[ clear  ]*****************/

.clear {
	clear: both;
	height: 1px;
	}


/****[ span img  ]*****************/
span.alert img,
span.info img,
span.download img,
span.note img {
	padding: 0;
	}


/****[ img floats ]*****************/

img.float-left {
	float: left;
	margin: 0.5em 1em 0.5em 0;
	}

img.float-right {
	float: right;
	margin: 0.5em 1em 0.5em 0;
	}

img.sidefit {
	margin: 0.5em 0;
	}

/****[ availablenow ]*****************/

.availablenow {
	color: #ee2225;
	font-weight: bold;
	text-decoration: blink;
	}


/****[ contact ]*****************/

.contact {
	border: 1px solid #999;
	padding: 0em 1em 1em 1em;
	background-color: #F9FFEB;
	float: left;
	}

/****[ about_reservations ]*****************/

.about_reservations {
	border: 1px solid #999;
	padding: 1em 1em 1em 1em;
	background-color: #F9FFEB;
	}

/****[ ul li ]*****************/

ul.button li {
	list-style-type: none;
	/* inline als je ze achter elkaar wil */
	display: inline;
	margin: 0;
	padding: 0px 20px;
	background: url(../imgs/140704_li-button_base1.gif) no-repeat 0 50%;
	}

ul.detail {
	padding-left: 0;
	}

ul.detail li {
	display: block;
	}



/****[ div.box ]*****************/

div.box {
/*	height:100px;*/
	width:100px;
	border:medium solid white;
	background-color:#64698a;
	padding: 1em;
	margin-bottom: 1em;
	}

div.box.jrcHover {
	border-color:red;
	}




/****[ ul#TopMenu ]*****************/




ul#TopMenu
{	margin: 0;
	padding: 0;
	border-top: 0px solid #000000;
	text-align:center;
	color: #aaa;
/*	background-color: red;*/
	list-style-type:none;
	z-index: 50; /* Fancybox is 70 */
}

ul#TopMenu li {
	float: right;
	margin: 0;
	padding: 0 12px 0 0px;
	min-height: 1px;
/*	background: red;*/
/*	border-right: 1px solid #ababab;*/
	}

* html body ul#TopMenu li {
	width: 5px; /* IE hack - anders toont hij de ul in 100% breedte */
}

ul#TopMenu li a {
	display: block;
	/*float: right; */
	padding: 0px 0px 0 2px;
	letter-spacing : 1px;
	word-spacing : 0;
/*	height: 1.7em;*/
/*	width: 100px;*/
	border: none;
	font-weight: normal;
	text-decoration: none;
	color: #555;
	white-space: nowrap;
/*	background: #dc8314 url(../imgs/arrow_light_orange.gif) no-repeat 15px 50%; */
	}

ul#TopMenu a:link,
ul#TopMenu a:visited {
	color: #555;
/*	border-top: 1px solid #6D9731;*/
	}

ul#TopMenu a:hover {
	color: black;
/*	border-top: 1px solid #FFFFFF;  */
	}

ul#TopMenu a:active {
	color: black;
/*	border-top: 1px solid #6D9731;*/
	}

ul#TopMenu li.active a {
/*    cursor: default;*/
    color: black;
    text-decoration: underline;
}

ul#TopMenu li ul
{	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
/*	border-top: 1px solid white;*/
    background-color: white;
	}

ul#TopMenu li ul li {
	float: left;
/*	float: none;*/
	clear: both;
	display: block;
	border-right: none;
	}

ul#TopMenu li ul li a,
ul#TopMenu li.active ul li a {
	width: auto;
	text-decoration: none;
	color: #555;
	background: white;
/*		width: 100px;*/
/*	display: inline;*/
	}

ul#TopMenu li ul li a:hover {
	color: black;
}





/****[ Taalkeuze ]******************/

#taalkeuze {
/*	font-family: "Castellar", "Times", "Times New Roman", serif;*/
}

#taalkeuze a {
	font-size: 20px;
	line-height: 35px;
	color: #BCBCBC;
	text-decoration: none;
	border: 0;
}

#taalkeuze a:hover {
	color: #002C5B;
}




/***********[ Secworksblock ]****************/


dl.secworksblock {
	background-color: #eee;
	padding: 1em;
	margin-bottom: 2em;
}


dl.secworksblock dt {
	font-size: 0.875em;
	width: 20%;
	float: left;
}


dl.secworksblock dd {
	display: block;
	font-size: 1.125em;

}




/**************[ block ]****************/

div.blokje1 {
	background: transparent url(../imgs/blokje.png) no-repeat top left;
	float: left;
	padding: 7px 0px 0px 8px;
/*	background-color: red;*/

}


div.blokje2 {
	background: transparent url(../imgs/blokje.png) no-repeat bottom right;
	padding: 10px 20px 30px 5px;
	width: 120px;
	height: 180px;
/*	background-color: yellow;*/
}


div.blokje2 span.bottomtext {
/*	background-color: red;*/
	width: 100%;
	display:block;
	text-align: center;
	margin-top: 10px;

	}


div.blokje3 {
	background: transparent url(../imgs/blokje.png) no-repeat bottom right;
	padding: 10px 20px 30px 5px;
	width: 200px;
	height: 50px;
}



div.artistitem {
/*	background-color: yellow;*/
	float: left;
	}


div.artistitem div.blokje3 img  {
    float: left;
    margin-right: 1em;
    border: 1px solid #ababab;
/*    padding: 2px;*/
}


/**************[ cycle ]**************/


div.cycle {
	height: 300px;
	overflow: hidden;
	}


/************[ left inset ]***********/

body#home div#main p {
	padding-left: 300px;
	}


/************[ Workdetails ]**************/


ul#secindex {
        list-style-type:none;
        margin: 0;
        padding: 0;
        background-color: white;
        min-height: 500px;

}

ul#secindex li {
    float: left;
}
div#scrollable {
/*        background-color: red;*/
        height: 500px;
        display: none;
        position: fixed;
        z-index: 0;
        }

div#scrollable #items {
        width: 600px;
        height: 500px;
/*        background-color: green;*/
}

div#scrollable #items div {
        float: left;
        width: 600px;
}

div#scrollable #items div img {
        float: left;
        background-color: #DDD;
}

div#scrollable #items div dl.sans {
        float: right;
        width: 200px;
        height: 500px;
        padding-left: 18px;
        border-left: 1px solid #ababab;
}

div#scrollable #items div dl.sans {
        float: right;
        width: 200px;
        text-transform: uppercase;
}

div#scrollable #items div dl.sans dt {
    font-weight: bold;
    margin-top: 1em;
}


/************[ Loading ]**************/


div#loading {
    color: #ababab;
}


div#loading img {
       padding-right: 1em;
}


/************[ Digital / Original ]**************/


#digital,
#original {

    float: left;
}

#original {
    margin-left: 36px;
}
.gallerytitle {
    color: #555;
    padding-left: 6px;

}


/************[ hr  ]**************/


hr {
	clear: both;
	height: 1px;
	background: #e5e2e2;
	margin: 35px 0px 15px 0px;
	border: 0;
   }



hr.close {
        margin-top: -15px;
        background: #555;
}


/************[ spacer ]**************/

div.spacer {
        height: 20px;
        clear: both;
}


/************[ sectable ]**************/

tr.sectable:hover {
    background-color: white !important;
}

table.sectable {
        width: 100%;
        margin-bottom: 2em;
        background-color: #e5e2e2;
}


/************[ p h1 - voor gallery: Ou Par Theme ]**************/

p.h1
{
    line-height: 36px;
    margin-bottom: 8px;
}


/************[ Home annonce ]**************/

body#home div#main span.Title {
    color: red;
    font-size: 2em;
/*    font-weight: 700;*/
    font-family: helvetica, arial,sans-serif;
/*    letter-spacing: -2px;*/
}
/*********************************************
 * Special Order bvba
 * Ken Pimontel, ken at specialorder dot be
 * Purpose: forms css
 *
 * NOTES
 *
 *
 * TODO
 * select option spatie is te groot
 * lettertypegrootte nazicht op de verschillende browsers
 * betere code gebruiken!
 *
 *
 * HISTORY
 * 090411 ADDED input.checkbox
 * 090327 ADDED hidden fields
 * 080827 CHANGE label.wide
 * 080820 CHANGE kleuren voor VPVP
 * 071113 CHANGE kleuren voor Easylife
 * 071011 CHANGE legend
 * 0709009 ADDED sidebar whois
 * 070824 REMAKE lost all in ftp transfer
 *********************************************/


form {
 	border: 0;
 	margin: 2em 0;
 	}

legend {
 	margin: 0;
 	border-bottom: 1px solid #565164;
	color: #ee2225;
	font-weight: bold;
 	}

fieldset {
 	border: 0 solid transparent; /* zodat Opera 7 ze ook transparant zet */
 	clear: both;
	border: 0px solid #ee2225;
	}

fieldset legend {
 	margin: 0 0 1em -0.75em;
 	padding: 0.5em 0.75em;
 	border: 1px solid #ee2225;
/*	background-color: #322F3A;*/
	font-weight: bold;
 	}

fieldset p {
	margin: 0;
	padding: 0.5em 0;
	/* background-color: green; */
	clear: both;
	height: 1.6em;
	}

fieldset label {
	float:left;
	width: 12em;
	text-align:right;
	margin-right:1em;
}

fieldset option {
	padding-right: 1em;
	}

label.select,
label.textinput,
label.textarea {
	float: left;
 	width: 12em;
	}

fieldset label.radio {
	padding-left: 1em;
	}

input[type='text'],
input[type='password'],
textarea {
	float: left;
  	background: url(../imgs/input_bg.png) top left;
  	margin: 0;
  	padding: 3px;
  	border: none;
  	border-left: 0.3em solid #fff; /*zodat hij van kleur kan verspringen */
  	border-bottom: 1px solid #E3E8EC;
  	/* Monospace stack */
  	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
 	}

label.checkbox {
	width: 20em;
	padding-left: 13.3em;
	text-align: left;
	}


input.checkbox {
	margin-left: 0.75em;
	vertical-align: text-bottom;  /* op baseline van parent */
	}




 /****[ focus animation  ]*****************/

input[type='text']:focus,
input[type='password']:focus,
textarea:focus {
	border-left: 0.3em solid #002C5B;
	background-color: #FEF6D8;
	}

/****[ buttons ]*****************/

input[type='submit'] {
/*	float: left;*/
	font-size: 0.875em;
	padding: 2px 1em;
	margin: 1em 0 0 15.2em; /* calc: 13.3 / 0.875 em */
	clear: both;
/*	border: none;*/
	color: #565164;
	cursor: pointer; /* handje */
}

input[type='submit'].leftalign {
	margin-left: 0;
}


form fieldset input[type='text'],
form fieldset input[type='password'],
form fieldset textarea  {
	width: 62%;
	}


/************[ Spam filter ]**************/

form p.hidden { visibility: hidden; display: none; }


/************[ Radiobutton ]**************/

p.radiobutton {
    padding-left: 35%;
}

/*********************************************
 * Special Order bvba
 * Ken Pimontel, ken at specialorder dot be
 * Purpose:
 *
 * NOTES
 *
 *
 * TODO
 * 
 * 
 * 
 *
 * HISTORY
 * 071117 ADDED .quicksearch
 *********************************************/

table.tablesorter {
	width: 100%;
	border: 1px solid #f5f5f5;
	background: #ffffff;
}
table.tablesorter th,
table.tablesorter td  {
	text-align: left;
	padding: 5px;
/*	background-color: #6E6E6E;*/
	margin: 0;
	padding: 5px 5px;
	text-align: center;
	border-bottom: 1px solid #b5b5b5;
}

table.tablesorter th {
	background: url(../imgs/table_blank.png) no-repeat left top;
	}

table.tablesorter td {
	height: 50px;
	}
	
table.tablesorter .even {
	background-color: #f5f5f5;
}
table.tablesorter .odd {
	background-color: #ffffff;
}
table.tablesorter .header {
/*	background: transparent url(../imgs/table_arrows.png) repeat-x;*/
	background: url(../imgs/table_both.png) no-repeat left top;
/*	border-left: 0px solid #FFF;*/
/*	border-right: 0px solid #000;*/
/*	border-top: 1px solid #FFF;*/
	padding-left: 30px;
	padding-top: 8px;
	height: auto;
	cursor: pointer;
}
table.tablesorter .headerSortUp {
	background: url(../imgs/table_up.png) no-repeat left top;
}
table.tablesorter .headerSortDown {
	background: url(../imgs/table_down.png) no-repeat left top;
}

table.tablesorter th.left,
table.tablesorter td.left {
	text-align: left;
	}
	
table.tablesorter tbody tr:hover {
	background: #DFF0C1;
	}


	
.selected {
	padding-right: 15px;
	background: url(../imgs/arrowdown.gif) no-repeat 100% 50%;
	}
	
.huizen td img, .huizen td a img, .huizen td a:hover img {
	border: 1px solid #b5b5b5;
	padding: 0;
	margin: 0;
	}
	
img.huizensml {
	background: url(../imgs/boom_50x50.gif);
	width: 50px;
	height: 50px;
	}

	
.huizen a {
	display: block;
	color: #000;
	}
	
.quicksearch {
	background-color: #F5F5F5;
	height: 2em;
	padding: 2px;
	padding-left: 20px;
	}/*********************************************
 * Special Order bvba
 * (c) Ken Pimontel, ken at specialorder dot be
 * Purpose: DataTables CSS
 *
 * NOTES
 *
 * DEPENDENCIES
 *
 * TODO
 *
 * HISTORY
 * 090812 font sizes
 * Last update: <!-- hhmts start -->2008-11-20 15:13:26<!-- hhmts end -->
 * 081120 ADDED input.nofloat
 * 081120 First version
 *********************************************/


.dataTables_wrapper {
/*	font-size: 0.75em;*/
	}
	
table.datatable {
/*	font-size: 1em;*/
	}

 


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
/*	min-height: 302px;*/
/*	_height: 302px;*/
	clear: both;
	background-color: transparent;
	padding-bottom: 2em;
}

.dataTables_processing {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 11px;
	padding: 2px 0;
}

.dataTables_length {
	width: 40%;
	float: left;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: 60%;
	float: left;
}

.dataTables_paginate {
	width: 44px;
	* width: 50px;
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 16px;
	width: 16px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('http://nethome.be/_js/flexigrid-1.0b3/imgs/first.gif');
}

.paginate_enabled_previous {
	background-image: url('http://nethome.be/_js/flexigrid-1.0b3/imgs/prev.gif');
}

.paginate_disabled_next {
	background-image: url('http://nethome.be/_js/flexigrid-1.0b3/imgs/last.gif');
}

.paginate_enabled_next {
	background-image: url('http://nethome.be/_js/flexigrid-1.0b3/imgs/next.gif');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.datatable {
	margin: 0 auto;
	width: 100%;
	clear: both;
}

table.datatable thead,
table.datatable tfoot {
/*    background: #fafafa url(http://nethome.be/_js/flexigrid-1.0b3/imgs/bg.gif) repeat-x top;*/
	position: relative;			
/*	border: 1px solid #ccc;*/
    
}

table.datatable thead th {
/*	padding: 3px 10px;*/
/*	border-bottom: 1px solid #ababab;*/
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
}



table.datatable tfoot th {
/*	padding: 3px 10px;*/
	border-top: 1px solid #ababab;
	font-weight: bold;
}

table.datatable tr.heading2 td {
/*	border-bottom: 1px solid #aaa;*/
}

table.datatable td {
/*	padding: 3px 10px;*/
}

table.datatable td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url(http://nethome.be/_js/flexigrid-1.0b3/imgs/uup.png) no-repeat center right;
}


.sorting_desc {
	background: url(http://nethome.be/_js/flexigrid-1.0b3/imgs/ddn.png) no-repeat center right;
}

.sorting {
	background: none;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.datatable tr.odd {
/*	background-color: white;*/
/*	border-bottom: 1px solid #f7f7f7;*/
}

table.datatable tr.even {
/*	background-color: #f7f7f7;*/
/*	border-bottom: 1px solid #f7f7f7;*/
}

table.datatable tr:hover {
/*	background-color: #ffd833;*/
/*	border-left: 1px solid #eef8ff;*/
/*	border-bottom: 1px dotted #a8d8eb;*/
			}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.example_alt_pagination .dataTables_paginate {
	width: 400px;
}

.example_alt_pagination div.dataTables_paginate span.paginate_button,
 	.example_alt_pagination div.dataTables_paginate span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
}

.example_alt_pagination div.dataTables_paginate span.paginate_button {
	background-color: #ddd;
}

.example_alt_pagination div.dataTables_paginate span.paginate_button:hover {
	background-color: #ccc;
}

.example_alt_pagination div.dataTables_paginate span.paginate_active {
	background-color: #99B3FF;
}

/************[ Added ]**************/

.dataTables_filter input {
    float: none !important;
    background-color: #ddd;
}


.dataTables_wrapper {
	width: 100%;
	border: 1px solid #f5f5f5;
	background: #ffffff;
	padding: 1em 0;
	}






/*********************************************
 * Special Order bvba
 * Ken Pimontel, ken at specialorder dot be
 * Purpose:
 *
 * NOTES
 *
 *
 * TODO
 * 
 * 
 * 
 *
 * HISTORY
 * 071117 ADDED .quicksearch
 *********************************************/


table.datatable th,
table.datatable td  {
	text-align: left;
	padding: 5px;
/*	background-color: #6E6E6E;*/
	margin: 0;
	padding: 5px 5px;
	text-align: left;
	border-bottom: 1px solid #b5b5b5;
}

table.datatable th {
	background: url(../imgs/table_blank.png) no-repeat left top;
	}

table.datatable td {
/*	height: 50px;*/
	}
	
table.datatable .even {
	background-color: #f5f5f5;
}
table.datatable .odd {
	background-color: #ffffff;
}
table.datatable .header {
/*	background: transparent url(../imgs/table_arrows.png) repeat-x;*/
	background: url(../imgs/table_both.png) no-repeat left top;
/*	border-left: 0px solid #FFF;*/
/*	border-right: 0px solid #000;*/
/*	border-top: 1px solid #FFF;*/
	padding-left: 30px;
	padding-top: 8px;
	height: auto;
	cursor: pointer;
}
table.datatable .headerSortUp {
	background: url(../imgs/table_up.png) no-repeat left top;
}
table.datatable .headerSortDown {
	background: url(../imgs/table_down.png) no-repeat left top;
}

table.datatable th.left,
table.datatable td.left {
	text-align: left;
	}
	
table.datatable tbody tr:hover {
	background: #DFF0C1;
	}


	
.selected {
	padding-right: 15px;
	background: url(../imgs/arrowdown.gif) no-repeat 100% 50%;
	}
	
	
.quicksearch {
	background-color: #F5F5F5;
	height: 2em;
	padding: 2px;
	padding-left: 20px;
	}