

/* Editor styles */
.Teksthoofd {
	 margin-top:        10px;
	 margin-bottom:     0px;
}

.Quote {
	 margin-top:        10px;
	 margin-bottom:     10px;
	 font-style:		    italic;
	 font-weight:       bold;
	 text-align:        center;
	 letter-spacing:    1px;
}

.--------------------- {}

/* Development  */

div2 {
	border:               0px solid red;
}

td {
	border:               0px solid blue;
}

/* Layout */
/* These are changeable properties */
.layout_lcol, .layout_rcol {
	width: 						180px;
}
#artboard {
	width:						794px;
	text-align:				justify;
}
/* End of changeable properties */

#artboard {
	margin:						0 auto 0 auto;
}
.layout_lcol, .layout_rcol {
	height: 					100%;
	overflow: 				hidden;
}
.layout_lcol {
	float:  					left;
}
.layout_rcol {
	float:  					right;
}
.layout_header_footer_inline, .layout_header_footer_inline_last {
  display: 					-moz-inline-grid;
	display:					inline-block;
	vertical-align:   top;
}

.layout_header_footer_block {
	margin-right:     10px;
	padding-right:    10px;
	border-right:     1px solid #DDDDDD;
}

.lcolborder {
	padding-right:    10px;
	margin-right:     10px;
	border-right:     1px solid #DDDDDD;
}

.rcolborder {
	padding-left:     10px;
	margin-left:      10px;
	border-left:      1px solid #DDDDDD;
}

.layout_header_footer_block, .layout_header_footer_block_last {
	display:          block;
}
.layout_levelwrap {
  display:					table;
	width:						100%;
	overflow:         hidden;
}
.layout_levelcontentwrap {
  display:					table;
  width:            100%;
}
#layout_maincontentbody {
  overflow:					hidden;
}

#layout_top {
	 width:             799px;
	 height:            277px;
	 background:        url('../images/top.png') no-repeat left 20px;
}

#layout_menu {
	 position:          relative;
	 width:             190px;
	 height:            1%;
	 float:             left;
}

#layout_content {
	 background:        url('../images/menubg_vertile.png') left top repeat-Y;
	 height:            100%;
}

#layout_bottom {
	 width:             100%;
	 height:            60px;
	 position:          none;
	 background:        white url('../images/bottombars.png') no-repeat left top;
   clear:             both;
}

#layout_outerwrap {
	 width:             580px;
	 padding:           10px 5px 10px 0px;
}

/* Dialog element styles */

#layout_top .dlgbody {
	 position:          absolute;
	 width:             200px;
	 top:               200px;
	 right:             20px;
}

#layout_menu .dlgbody {
	 margin:            5px 0px 2px 7px;
	 width:             166px;
}

#layout_menu .dlgbody .module {
	 margin-top:        -3px;
}

.dlgbody {
	 position:					relative;
	 width: 						98%;
	 padding-left:      8px;
}

.dlgtophortile {
   position: 					relative;
	 background:        url(../images/dlgtophortile.gif) repeat-X top left;
	 padding:           0px;
	 margin:       			0px 8px 0px 0px;
}

.dlgtopleft {
	 position:          relative;
	 background:        url(../images/dlglefttop.gif) no-repeat top left;
	 margin:       			0px -8px 0px -8px;
}

.dlgtopright {
	 background:        url(../images/dlgtopright.gif) no-repeat top right;
	 margin:  					0px;
	 padding:           0px;
	 position:					relative;
	 padding-top:       22px;
}

.dlgbottomhortile {
	 background:        url(../images/dlgbottomhortile.gif) repeat-x bottom left;
	 margin:       			0px 8px 0px 8px;
}

.dlgbottomleft {
   position:          relative;
	 background:        url(../images/dlgbottomleft.gif) no-repeat bottom left;
	 border:            0px solid black;
	 margin:       			0px -8px 0px -8px;
}

.dlgbottomright {
	 background:        url(../images/dlgbottomright.gif) no-repeat bottom right;
	 border:            0px solid black;
	 padding-bottom:    8px;
}

.dlgstretch {
   position:          relative;
	 width:             100%;
}

.dlgbodyleft {
	 position:          relative;
   background:        url(../images/dlgbodyleftvertile.png) repeat-Y left top !important;
   border:						0px solid red;
}

.dlgbodyright {
   background:        url(../images/dlgbodyrightvertile.png) repeat-Y right top !important;
   padding:           4px 5px 0px 5px;
   color:             #003473;
}

.dlgbody .module {
   position:          relative;
}

.dlgbody .module h3 {
	 position:          absolute;
	 display:           table;
	 line-height:       14px;
	 width:             100%;
	 padding:           0px;
	 top:       				-23px;
	 left:              -1px;
	 font-size:         14px;
	 border:            0px solid blue;
	 font-weight:       bold;
	 text-align:        center;
	 color:             white;
	 letter-spacing:    2px;
	 font-family:       arial narrow;
}

.dlgbodystretch {
	 position: 					absolute;
	 width: 						100%;
	 height: 						100%;
	 height:						expression(this.parentElement.clientHeight);
	 border:						0px solid red;
}

/* HTML element styles */

body, table {
	 font-family:       Helvetica;
	 font-size:         12px;
	 color:			        #555555;
	 line-height:       18px;
	 width:             100%;
	 height:            100%;
	 margin:      			0px;
	 padding:     			0px;
	 position:          relative;
}

p {
	 margin:            0px;
	 padding:           0px;
	 margin-bottom:     10px;
}

a {
	 color:             #003473;
	 font-weight:       bold;
	 font-family:       verdana;
	 font-size:         11px;
}

/* Default Joomla styles */

#menu_bg div div .mainlevel {
	 text-decoration:   none;
}

#menu_bg div div .mainlevel:hover {
	 text-decoration:   none;
	 color:             #4276b5;
}

#active_menu {
	 color:             #882f1b;
}

.sublevel {
	 padding-left:      10px;
	 text-decoration:   none;
}

.contentpaneopen {
	 font-family:      	verdana;
	 font-size:        	11px;
	 border-collapse:   collapse;
	 position:          relative;
}

.contentpaneopen td {
	 padding: 0px;
}

.module {
	 font-family:      	verdana;
	 font-size:        	11px;
	 line-height:       18px;
}

td.contentheading , .module h3, .componentheading {
	 font-size:         22px;
	 font-family:       verdana;
	 font-weight:       normal;
	 margin:            0px 0px 0px 0px;
	 padding:   				10px 0px 11px 0px;
	 color:             #003473;
	 letter-spacing:    1px;
}

td.buttonheading {
	 padding:           4px;
}

.search input {
	 font-size:         10px;
	 font-family:       verdana;
	 width:             125px;
	 height:            13px;
	 padding:           0px;
	 padding-left:      2px;
	 margin:            0px;
	 float:             right;
	 line-height:       auto;
	 color:             #999999;
	 border:            0px solid white;
}

.back_button {
	 border:            0px solid red;
	 margin-right:      122px;
	 text-align:        right;
}

.back_button a {
	 background:        url(../images/backbtn.png) no-repeat left top;
	 display:           block;
	 width:             125px;
	 height:            16px;
	 font-size:					0.1px;
}

.top_button {
	 border:            0px solid red;
	 text-align:        right;
	 margin-top:        -16px;
}

.top_button a {
	 background:        url(../images/topbtn.png) no-repeat left top;
	 display:           block;
	 width:             112px;
	 height:            16px;
	 font-size:					0.1px;
}

#mod_search_searchword {
	 border:            1px solid #003473;
	 background:        url(../images/searchbg.png) top right no-repeat;
	 margin-left:       17px;
}

.inputbox {
	 border:            1px solid #003473;
	 background:        url(../images/inputbghortile.png) top left repeat-x;
}

input.button {
	 border:            1px solid #003473;
	 background:        #eeeeee;
	 height:            20px;
}

/* Custom Joomla styles  */
