/*layout CSS */



/*START layout NetSucces CSS */

a, ul.menu, ul, li#current a, li.parent, #bottom li a:hover, a.mainlevel:hover, a#active_menu.mainlevel{

  list-style-type: none;
  list-style-image: none;
}

a{
text-decoration:none;
font-weight:bold;
color: #A63698;
}
a:hover{
text-decoration:underline;
color: #FFFFFF;
}
a:active, a:focus{
outline:none;
color: #FFFFFF;
}

a.readon{
color:#A53798;
}



body {
text-align:left; /*center hack*/
padding:0;
margin:0;
background: #876E84 url(../images/background_main.jpg) ;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
line-height:1.4;
}

img{
padding: 3px;
}

hr{
margin: 10px;
text-align: center;
}

#container {
margin:0 auto; /*center hack*/
}

#container_top{
clear: both;
display: block;
border: 0px solid blue;
background:url(../images/container_top_bg.jpg) no-repeat;
height: 8px;
margin-top: 30px;
}

#container_middle{
border: 0px solid green;
clear: both; 
display: block;
background:url(../images/container_middle_bg.jpg) repeat-y;
min-height:500px;
height:100%;
height:auto !important;
width: 1000px;
}

.header{
border: 0px solid red;
height: 200px;
width: 992px;
position:top left;
background:url(../images/topimage2010.jpg) no-repeat;
margin-right: 10px;
}

.counter32{
border: 0px solid red;
margin-right: 10px;
text-align:right;
color:#FFFFFF;
Font-weight:bold;
padding-top: 14px;
padding-right:10px;
}


#container_footer{
clear: both; 
display: block;
border: 0px solid red;
background:url(../images/container_footer_bg.jpg) no-repeat;
height: 12px;
}

.width_1024{
min-width:970px;
max-width:1000px;
width:auto !important;

}

#container_inner {

border: 0px solid green;
background-color: #A63698;
margin: 5px 20px 20px 20px;
text-align:left; 
}


#banner{
position:relative;
clear: both;
border: 0px solid red;
background-color: tranparant;
height: 50px;
margin: 0px 30px 10px 240px;
text-align:center; 
vertical-align: bottom;
font-weight: bold;
color:#FFFFFF;
text-align:center;
}

.bannergroup_bannertop1{
border: 0px solid red;
float:left;
margin-left: 270px;
margin-top: 5px;
text-align:center;
}

.bannergroup_bannertop2{
float:left;
margin-right: 0px;
margin-top: 5px;
text-align:center;
}

.bannergroup_bannertop3{
float:left;
margin-right: 0px;
margin-top: 5px;
text-align:center;
}

#banner_klein1{
clear: both;
float:left;
border: 0px solid red;
background-color: tranparant;
height: 100%;
margin: 10px 10px 0px 10px;
text-align:center; 
vertical-align: bottom;
font-weight: bold;
color:#FFFFFF;
width: 170px;
}

.bannergroup_links{

margin-top: 5px;
text-align:center;
}





#breadcrumb{
position:relative;
clear: both;
border: 0px solid red;
background-color: tranparant;
height: 16px;
margin: 1px 20px 1px 240px;
text-align:left; 
vertical-align: bottom;
font-weight: bold;
color:#FFFFFF;
}

.pathway a{
color:#F6BDDD;
text-align: center;
}

.pathway a:hover{
text-decoration:underline;
color: #FFFFFF;
}

.pathway img{
vertical-align: bottom;
}


/*START main menu CSS */
#main_menu{
clear: both;
float:left;
border: 0px solid white;
min-height: 360px;
margin: 0px 0px 0px 0px;
text-align:left;
width: 200px;
height:100%;


}


ul.menu a, a.mainlevel{
font-size:1.1em;
font-weight:bold;
display:block;
background: url(../images/menu_active.jpg) no-repeat;
background-position:0px -8px;
padding:6px 4px 10px 12px;
margin-right:0px;
color:#000000;

}

ul.menu a:hover, li#current a {
background: url(../images/menu_active.jpg) no-repeat;
background-position:0px -8px;
text-decoration:none;
color:#FFFFFF;


}

li.parent li#current a, li#current li a:hover, ul.menu ul a:hover{
background: url(../images/menu_active.jpg) no-repeat;
background-position:0px -8px;

}


/*END main menu CSS */


#slidewrap {
border:0px double #a63698;
padding:5px;
width:450px;
margin-top:10px;
margin-left:120px;
margin-bottom:10px;
padding: 0;
}



#content {

min-height: 570px;
width: 74%;
border: 0x solid white;
margin: 0px 0px 0px 220px;
padding-left: 5px;
padding-right: 5px;
background-color: #F6BDDD;
text-align:left;
min-height: 1000px;
}




.componentheading{
border-bottom:1px dotted #A63698;
margin: 0px;
color: #A63698;
width:100%;
font-size:18px;
font-weight:bold;
}


h1{
border-bottom:1px dotted #A63698;
margin: 0px;
color: #000000;
width:100%;
}


h2{
font-size:1.8em;
font-weight:bold;
font-family:Helvetica, Arial, sans-serif;
letter-spacing:-0.02em;
background-color:transparant ;
}
h3{
font-size:1.2em;
font-weight:bold;
}
h4{
font-size:1.1em;
font-weight:bold;
}
h5{
font-size:1.1em;
font-weight:bold;
}
h6{
font-size:1em;
font-weight:bold;
}



td.contentheading {
font-size: 18px;
border-bottom:1px dotted #A63698;
margin: 0px;
color: #A63698;
width:100%;
}


table.contentpaneopen {
border: 0px solid red;
width:100%;
background-color: #F6BDDD;
padding: 5px 5px 5px 10px ;
text-align:left;
}


td.buttonheading {
margin: 0;
padding: 0;
border: 0px solid;
color:white;
text-align:right;
width: 20px;

}

div.buttonheading {
margin: 0px;
padding: 0px;
float: right;
width: 15%;

}

.buttonheading img {
margin: 0px;
padding: 0px;
border: 0;
float: right;
}



.contentpane{
margin-top:10px;
border: 0px solid black;

}

table.contentpane {
border: 0px solid black;
margin: 5px 5px 5px 5px ;
	width: 100%;
}


.input {
border: 0px solid black;
margin: 5px 50px 50px 50px ;

}


#footer,.small,.createdate,.modifydate,.mosimage_caption{
font:0.9em Arial,Helvetica,sans-serif;
}


.contentpaneopen ul {
list-style: square url(../images/bullet.png) outside;
margin-left:50px;
line-height:1.8;
}

.contentpaneopen li a {
list-style: square url(../images/bullet.png) outside;
margin-left:0px;
line-height:1.8;
}

.contentpaneopen p{
line-height:1.3;
margin-bottom: 5px;

}




.mainmenu_class ul, .mainmenu_class li ,#mainmenu_menu{
list-style: square url(../images/bullet.png) outside;
margin-left:30px;
line-height:1.8;
}




#artforms-box .artforms-errorfield {
	margin: 2px 0px 2px;
	padding: 5px 15px 5px 35px;
	border: 1px solid #cc0000;
	background: #ffffcc;
	text-align: left;
	color: red;
	font-weight: bold;
	background-image: url(../images/minierror.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;
}


.affieldname {
font-weight: bold; margin-left: 15px;
}


.artformstextarea-txt
 {
margin: 0px;
text-align:left;
}





/*END layout NetSucces CSS */


articleinfo{
font:0.9em Arial,Helvetica,sans-serif;
}

#heading h1{
font-size:36px;
font-family:"Myriad pro", "Myriad Web", Geneva, Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#fff;
margin:-56px 0 0 20px!important;
padding:0 !important;
}
#heading h1 a{
color:#fff;
font-weight:normal;
}
#heading h1 a:hover{
text-decoration:none;
}
a#sitename1{
display:block;
width:320px; /* maximum 500px */
height:54px; /* maximum 68px */
text-indent:-2000px;
background:url(../images/logo_exco.png) top left no-repeat;
}

#buttons{
position:absolute;
right:23px;
top:34px;
}
a#alarge.btnicon{
margin-right:8px;
}
a#asmall.btnicon{
margin-right:16px;
}
.btnicon{
float:left;
text-indent:-2000px;
width:10px;
height:23px;
margin-right:6px;
}


#header{
margin-top:48px;
color:#fff;
}

#header .bgbl{
background:url(../images/headerbg_bl.jpg) no-repeat;
background-position:15px 100%;

height:auto!important;
height:130px;
min-height:120px;
padding:30px 24px 26px 24px;
position:relative;
}

#user3{
display:block;
position:relative;
height:40px;
}
#user3 .moduletable{
margin:0;
}

#header #top{
max-height:200px;
overflow:hidden;
}

#header #top a{
text-decoration:underline;
}

#header #top a:hover{
color:#fff;
}

#header #top .moduletable{
padding-top:6px;
position:relative;}

#header #top .moduletable h3{
background-position:0px 10px;
position:relative;
padding:3px 0 0 25px;
margin:3px 0;
}


#banner .moduletable, #footermodule .moduletable{
padding:0;
text-align:center;
}

#user1{
float:left;
width:49.5%;
overflow:hidden;
}
#user2{
float:right;
width:49.5%;
overflow:hidden;
}
#bottom {
border-top:#cdcdcd 1px solid;
margin-top:16px;
}
#bottom .bottombg{
clear:both;
background:#f4f4f3 url(../images/bottombg.png) bottom left repeat-x;
padding:18px 0px;
position:relative;
width:100%;
border-top:#fff 1px solid;
}
#bottom .moduletable{
padding:0px 16px;
}
#bottom .moduletable h3{
background:none;
margin:0;
font-size:1.2em;
text-transform:uppercase;
}
ul.mostread, ul.latestnews{
padding:0;
margin:0;
}
a.mostread, a.latestnews{
background:url(../images/icon_author_bottom.gif) no-repeat;
background-position:0px 1px;
padding-left:18px;
}
#bottom li.mostread, #bottom li.latestnews{
padding:3px 0;
border-top:#fff 1px solid;
}
#bottom li a{
color:#666666;
}
#bottom li a:hover{
text-decoration:none;
}

#footer {
border: 0px solid blue;
color:#fff;
padding:20px 0px;
margin:1px 0;
position:relative;
width:100%;
text-align:center;
}
#footer a{
font-weight:normal;
color:#ccc;}

#footer a:hover{
color:#fff;
text-decoration:none;
}

#footer .footerleft{
float:left;
padding-left:16px;
}

#footer .footerleft img{
vertical-align:middle;
}

#footer .footerright{
float:right;
padding-right:16px;
}

#footer .footercenter{

padding-right:16px;
}






/*global reset*/

html, body, h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address  {
	margin: 0;
	padding: 0;
}


fieldset { 
padding:.5em; 
border:0;
}

/*general*/

li p{
margin:0;
}
a img{
border:0 none;
}


.moduletable, .moduletable_menu, .moduletable_text{
margin-bottom:1em;
padding:0 10px; /*padding for inside text*/ 
}

.moduletable_nieuwsbrief{
width: 175px;
margin-left:10px;
margin-bottom:10px;
padding:0 0px; /*padding for inside text*/ 
border: 1px solid #DE6CB1;
}

.moduletable_nieuwsbrief h3{
font-size:1.1em;
margin-bottom:5px;
padding:0px ;
margin: 0px ;
background-color: #DE6CB1;
width: 100%;
text-align: center;
}

._nieuwsbrief{

margin-bottom:5px;
padding:5px ;
margin: 5px ;

}


._nieuwsbrief a:hover{
color:#FFFFFF;
}


._nieuwsbrief a:link, ._nieuwsbrief a:visted,._nieuwsbrief a:active,._nieuwsbrief a:focus{
color:#FFFFFF;
}



.moduletable h3, .moduletable_menu h3, .moduletable_text h3{
padding:0.5em 0.5em 1em 0.5em;
margin:0 -10px 0.5em -10px; /*negative padding to pull h3 back out from .moduletable padding*/ 

}

.clear{
clear:both;
}

/*search */

.search input{/* the input textarea box */
background:url(../images/searchbg.png) top left no-repeat;
border:0;
height:18px;
font-size:11px;
width:182px;
}
.search #mod_search_searchword{
padding:2px 0 0 10px;
}

/*joomla*/

#user3 ul{
margin:0; 
padding:0;
width:auto;
}
#user3 ul li{
margin:0; 
padding:0; 
display:inline;
height:40px;
}
#user3 ul li a{
color:#8B1C08; 
text-transform:uppercase;
padding:10px;
float:right;
background:url(../images/topmenu-vline.jpg) no-repeat;
background-position:0px 2px;
}
#user3 ul li a:hover{
text-decoration:none;
}



table.pollstableborder td{
padding:0.2em;
padding-left: 0px;
font-weight:normal;

}

table.pollstableborder{
border: 0px solid yellow;
margin-left: 25px;
margin-top: 15px;
font-size:14px;

}
.content_poll {
color:#000000;
font-weight:bold;
}

.button{
color:#F6BDDD;
font-size:13px;
font-weight:bold;
margin:3px 0;
padding:1px 5px;
border:none;
background-color:#DE6CB1;
}

.button:hover{
color:#FFFFFF;

}


* html .button {
	padding: 0px 2px !important; /*IE 6*/
}

*+html .button {
	padding: 0px 2px !important; /*IE 7*/
}

.small, .articleauthor, .createdate, .modifydate{
color:#8a8a8a;
}

.articleauthor, .createdate, .modifydate{
padding-left:18px;
}

.articleauthor{
background:url(../images/icon_author.gif) top left no-repeat;
}

.createdate{
background:url(../images/icon_date.gif) top left no-repeat;
display:block;
padding-bottom:1em;
}

.modifydate{
background:url(../images/icon_updated.gif) top left no-repeat;
padding-bottom:1em;
}

div.banneritem_text{
padding:0.5em 0;
background:url(../images/dotted.gif) bottom left repeat-x;
}

.article_column {
	padding-right: 5px;
}

.column_separator {
	background:url(../images/dotted_v.gif) top left repeat-y;
	padding-left: 10px;
}


table.pollstableborder td{
text-align:left;
}

/* content tables */
td.sectiontableheader {
  backgroundx: #efefef;
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-right: 0px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
}

/* thumbnails */
div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #666; }

div.img_caption       { padding: 0 10px 0 10px; }
div.img_caption img   { border: 1px solid #dedede; }
div.img_caption p     { font-size: .90em; color: #666; text-align: center; }

/* System Standard Messages */
#system-message { margin-bottom: 20px;}

#system-message dd.message ul { min-height:30px; background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Error Messages */
#system-message dd.error ul { min-height:30px; color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { min-height:30px; color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}

.message {


}


label.invalid {
color:#FF0000;
font-weight:bold;
}
label.invalid {
color:red;
}
.invalid {
border-color:#FF0000;
}
.invalid {
border-color:red !important;
}


.hasTip{
color:red;

}