/*  Algemene tags  */

html, body {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
	background: #999999 url(../images/background.jpg) repeat-x top;
	font-family: Helvetica, arial;
	color: #777777;
}

table, tr, td {
	margin:0px;
	padding:0px;
	font-size: 11px;
	direction: ltr;
}

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

a {
	color:#777777;
	text-decoration: none;
}

a:hover {
	color:#FF0000;
}

.red {
	font-weight: 900;
	color:#FF0000;
}

input{
	margin: 3px 0px;
}

.formelement .text{
	border: 1px #FF0000 solid;
	width: 110px;
	float: right;
	background: #FFFFFF;
}
#contentformleft .formelement .text, #contentformright .formelement .text{
	width: 200px;
}
#contentformleft .formelement .textarea, #contentformright .formelement .textarea{
	margin: 3px 0px;
	width: 200px;
	border: 1px #FF0000 solid;
	float: right;
	background: #FFFFFF;
}


.formelement label{
	float: left;
	padding-top: 7px;
}

.submit{
	background: #FF0000;
	font-weight: 900;
	color: #FFFFFF;
	float: right;
	width: 110px;
	border-top-style:none;
	border-bottom-style:double;
	border-bottom-color:#CCCCCC;
	border-left-style:solid;
	border-left-color:#EEEEEE;
	border-left-width:1px;
	border-right-style:solid;
	border-right-color:#EEEEEE;
	border-right-width:1px;
}

/* languages */
#lang_select{
	font-size: 9px;
	height: 16px;
	vertical-align: middle;
}

#lang_select option{
	font-size: 11px;
}

/*  menu  */
#menuholder {
	padding:0px 0px 0px 20px;
	vertical-align: top;
}

#menu{
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style-type: none;
	width: 100%;
}

#menu li {
	background: url(../images/menu.png) repeat-x center right;
	height: 23px;
	width: 100%;
	font-weight: 600;
	text-align:left;
}

#menu li.selected {
	background: transparent;
}

#menu li:hover{
	background: url(../images/menuhover.png) repeat-x center right;
}

#menu li a {
	-moz-box-sizing: border-box;
	display: block;	
	width: 100%;
	text-decoration: none;
	color: #777777;
	padding: 4px 0px 0px 8px;
	margin: 0px;
	font-size: 12px;
}

#menu li a:hover {
	color: #000000;
}

#menu li.selected a, #menu li.selected a:hover{
	color: #ff0000;
	text-decoration: underline;
}

/* contentlayout */
#content {
	padding: 12px 12px 32px 12px;
	margin: 0px;
	background: #FFFFFF url(../images/redstripe.gif) repeat-x bottom;
}

#hometable, #contenttable {
	height: 457px;
	width: 752px;
	padding: 0px;
	margin: 0px;
}

#toplinks{
	text-align:right;
	width: 776px;
	padding: 2px 0px 0px 0px; 
	margin:0px;
	font-size: 11px;
}

#toplinks img{
	vertical-align: middle;
}

/* homepagina */
#hometable td {
	padding: 5px 5px 0px 5px;
	vertical-align:top;
}

.homeimage {
	border: none;
	max-width: 178px;
	width: expression(this.width > 240 ? 240: true);
}

.hometext {
	border-left: 1px solid #777777; 
	padding-left: 10px;
	color: #777777;
	font-size: 11px;
	text-align: left;
	vertical-align: top;
	height: 130px;
}

.hometext .hometextcontent{
	height:118px;
}
#hometable .hometext td {
	padding: 0px;
}

.hometext h1{
	font-size: 18px;
	color: #FF0000;
	margin-bottom: 5px;
}

.hometext .readmore {
	text-align:right;
}

#datefield {
	vertical-align: bottom;
	font-weight: 900;
	text-align: center;
}

/* content paginas */
/* #content <tag> gebruiken voor stylen van tekstvlakken die via fckeditor worden gevuld */
#content p{
	padding: 0px;
	margin: 8px 0px 8px 0px;
}

.contenttitle {
	font-size: 18px;
	color: #FF0000;
	padding: 0px 0px 10px 0px;
}

#contentleft {
	padding: 0px 18px 0px 6px;
	height: 100%;
	width: 351px;
	border-right: 1px solid #777777; 
	vertical-align: top;
	font-size: 11px;
}

#contentright {
	padding: 0px 6px 0px 18px;
	height: 100%;
	width: 351px;
	vertical-align: top;
	font-size: 11px;
}

#leftarrowup, #rightarrowup{
	margin: 0px 0px 9px 0px;
	visibility: hidden;
}

#leftarrowdown, #rightarrowdown {
	margin: 9px 0px 0px 0px;
	visibility: hidden;
}

#leftcontent, #rightcontent{
	margin: 0px;
	padding: 0px;
	width: 351px;
	height: 387px;
	overflow: hidden;
}

#contentnews {
	padding: 0px 6px 0px 6px;
	height: 100%;
	vertical-align: top;
	font-size: 11px;
}

#newscontent {
	margin: 0px;
	padding: 0px;
	width: 740px;
	height: 387px;
	overflow: hidden;
}

#moveleftcontent, #moverightcontent {
	margin:0px;
	padding: 0px;
	position:relative;
}

#moveleftcontenttranslated, #moverightcontenttranslated {
	margin:0px;
	padding: 0px;
	position:relative;
	visibility: hidden;
}

.contentwithlines{
	padding: 0px;
	margin: 0px;
	border-width: 1px 0px 1px 0px;
	border-color: #777777;
	border-style: solid;
}

.contentwithtopline{
	padding: 0px;
	margin: 0px;
	border-width: 1px 0px 0px 0px;
	border-color: #777777;
	border-style: solid;
}

.contentwithbottomline{
	padding: 0px;
	margin: 0px;
	border-width: 0px 0px 1px 0px;
	border-color: #777777;
	border-style: solid;
}

.contentwithoutlines{
	padding: 0px;
	margin: 0px;
	border: none;
}

.contentwithlines p a, .contentwithtopline p a, .contentwithbottomline p a, .contentwithoutlines p a{
	color: #FF0000;
}

#popupform .contentwithlines, #popupform .contentwithtopline, #popupform .contentwithbottomline, #authorpopupform .contentwithlines, #authorpopupform .contentwithtopline, #authorpopupform .contentwithbottomline{
	border-color: #FF0000;
}

.image{
	padding: 0px;
	margin: 5px 0px 5px 0px;
	max-width:100%; 
	width: expression(this.width > 350 ? 350: true);
}

#content p .link {
	padding: 0px;
	margin: 3px 0px 3px 0px;
}

.newsdate {
	color: #000000;
	font-weight: 900;
	padding: 0px;
	margin: 0px;
}

.newstitle {
	color:#FF0000;
	font-weight: 900;
	padding: 0px;
	margin: 0px;
}

#content .newstext p{
	padding: 0px;
	margin: 0px;
}
#content .newstext{
	padding: 0px;
	margin: 5px 0px 0px 0px;
}

.newsimage{
	max-width: 350px;
	width: expression(this.width > 350 ? 350: true);
}

.logo {
	margin: 5px 5px 5px 0px;
	max-width:120px;
	width: expression(this.width > 120 ? 120: true);
}

.logotitle{
	font-weight: 900;
	color: #FF0000;
	padding: 5px 0px 0px 0px;
	font-size: 11px;
}

.logotext {
	padding: 0px 0px 5px 0px;
	font-size: 11px;
}

.productimage {
	margin: 5px 5px 5px 0px;
	max-width:100px;
	width: expression(this.width > 100 ? 100: true);
}

.producttitle {
	font-weight: 900;
	color: #FF0000;
	padding: 5px 0px 0px 0px;
	font-size: 11px;
}

.producttext {
	padding: 0px 0px 5px 0px;
	font-size: 11px;
}

/* popup pagina's */
#popuppage #popupbg, #popuppage #popuparea{
	visibility: visible;
}

#popuppage #popupcontent{
	background: #FFFFFF url();
}

#popupbg {
	height:100%;
	width:100%;
	z-index: 2;
	visibility:hidden;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/docroot/images/popup-bg.png");
	position:absolute;
	top:0;
	left:0;
	text-align: center;
}

#popupbg[iehack] {
	height:100%;
	width:100%;
	z-index: 2;
	visibility:hidden;
	background: url(../images/popup-bg.png);
	position:absolute;
	top:0;
	left:0;
	text-align: center;
}


#popuparea {
	z-index:3;
	position: absolute;
	height: 429px;
	width: 740px;
	visibility: hidden;
	padding:0px;
	margin: auto;
	text-align: right;
}

#popup {
	margin: auto;
	text-align: right;
}

#popupclose {
	height: 19px;
	width: 111px;
	background: url(../images/closepopup.png) no-repeat right;
	text-align: right;
	cursor: pointer;
	margin: auto;
	margin-right:0px;
}

#popupcontent {
	-moz-box-sizing: border-box;
	height: 410px;
	width: 740px;
	background: #FFFFFF url(../images/loading.gif) no-repeat center center;
	padding: 5px;
}

#popupcontent table{
	font-size: 11px;
}

#popuptable {
	height: 400px;
	width: 730px;
}

#arrowleft {
	visibility: hidden;
}

#arrowright{
	visibility: hidden;
}

#thumbnailsblock {
	-moz-box-sizing: border-box;
	margin: 0px 4px 0px 4px;
	padding: 0px;
	height: 68px;	
	width: 700px;
	text-align: center;
	overflow: hidden;
}

#thumbnails {
	position: relative;
}

.thumbnail {
	-moz-box-sizing: border-box;
	padding: 0px;
	margin: 0px;
	display: inline;
	position: relative;
	max-width: 200px;
	width: expression(this.width > 200 ? 200: true);
}

.thumbnail div{
	-moz-box-sizing: border-box;
	padding: 0px;
	margin: 0px;
	display: inline;
	position: relative;
	width: 1px;
}

.thumbnail .mgnlControlBarSmall, .thumbnail .mgnlControlBarSmall_PUSHED, .thumbnail .mgnlControlBarSmall_MOUSEOVER
 {
	position: absolute;
	top: 0px;
	left:0px;
	width: 80px;
}

.thumbnail img{
	cursor: pointer; 
	vertical-align: middle;
	padding: 0px; 
	margin: 0px;
	max-height: 64px;
	height: expression(this.height > 64 ? 64: true);
	border: 2px solid #FFFFFF;
}

#bigimage img{
	max-height: 320px;
	height: expression(this.height > 320 ? 320: true);
	max-width: 490px;
	width: expression(this.height > 490 ? 490: true);
}

#bigimage{
	background: #FFFFFF url(../images/loading.gif) no-repeat center center;
}

#bigimage a{
	cursor: url(http://www.ex-tra.nl/magnoliaPublic/docroot/images/zoomIn.cur), pointer;
}

#popupbgimg {
	cursor: url(http://www.ex-tra.eu/magnoliaPublic/docroot/images/zoomOut.cur), pointer;
}


#popupform {
	-moz-box-sizing: border-box;
	position: absolute;
	right: 4px;
	min-height: 300px;
	height: expression(this.height < 300 ? 300: true);
	width: 232px;
	visibility: hidden;
	padding:2px 10px;
	margin:0px;
	background: #FFFFFF;
	border: #FF0000 1px solid;
	z-index: 3;
}

#authorpopupform{
	-moz-box-sizing: border-box;
	min-height: 300px;
	height: expression(this.height < 300 ? 300: true);
	width: 232px;
	padding:2px 10px;
	margin: auto;
	background: #FFFFFF;
	border: #FF0000 1px solid;
}

#contentformleft {
	padding: 0px 18px 10px 6px;
	width: 328px;
	border-right: 1px solid #777777; 
	vertical-align: top;
	font-size: 11px;
}

#contentformright {
	padding: 0px 6px 10px 18px;
	width: 328px;
	vertical-align: top;
	font-size: 11px;
}

#contentformfullwidth {
	padding: 10px 6px 0px 6px;
	vertical-align: top;
	height: 100%;
}