/* Note: This file is used to declare user defined styles. These styles are used only on the website
 and not in Electos Studio. You may expand and change these however you see fit. */

html{
   padding:0;
   margin: 0;
   height: 100%;
   overflow-x: hidden;
}

body{
   background: url(../images/bg.jpg);
   background-repeat:repeat-x;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   color:#333333;
   height:100%;
   padding:0;
   margin: 0;
}

#wrap {
   position:relative;
   width:880px;
   margin-left:auto;
   margin-right:auto;
   background:url(../images/mainbg.jpg) repeat-y;
}

#top{
   position:relative;
   top:0px;
   width:880px;
   height:165px;
}

#content{
   width:880px;
   height:auto;
}

#content #sidebar {
   width:222px;
   float:left;
   position:relative;
   height:auto;
   min-height:280px;
   padding-top:2px;
}

#content #right {
   margin-left:220px;
   height:auto;
   padding-bottom:10px;
   text-align:justify;
}

.clear {
   clear:both;
}

#content #right p {
   line-height:15px;
   margin-bottom:20px;
}

#sidebar .sidebartop {
   background:url(../images/sidebartop.jpg) left no-repeat;
   padding:0px 0px 0px 0px;
   height:75px;
   margin-bottom:0px;
}

#sidebarcontent {
   padding:0px 0px 0px 0px;
}

#sidebar h2 {
   background:url(../images/sidebarheading.jpg) no-repeat center bottom;
   display:block;
   padding:0px;
   font-size:18px;
}

#sidebar ul {
   list-style:none;
}

#sidebar li {
   display:block;
   height:25px;
}

#sidebar a {
   display:block;
   color:#333333;
   height:20px;
   text-decoration:none;
   border-bottom:solid 1px  #efefef
}

#sidebar a:visited,active {
   display:block;
   color:#666666;
   height:20px;
   padding:5px 5px 0px 5px;
   text-decoration:none;
   border-bottom:solid 1px  #efefef
}

#sidebar a:hover {
   color:#000000;
   border-bottom:solid 1px #cccccc;
}

#right .post {
   background: url(../images/postmid.jpg) repeat-y;
   padding:15px 15px 15px 15px;
   text-align:left;
}

#right .post .posttop {
   background:url(../images/posttop.jpg) no-repeat;
   padding:10px;
}

.post .postitem  {
   padding:10px;
   min-height:300px;
   height:auto !important; /* voor moderne Browser */
   height:300px;           /*voor IE6 */
}

.post .postbottom {
   background:url(../images/postbottom.jpg) no-repeat;
   height:15px;
   font-size:11px;
   padding-top:15px;
   text-align:center;
}

.post .postitemgallery {
   width:100%;
   padding:10px;
   min-height:100px;
   height:auto !important; /* voor moderne Browser */
   height:100px;           /*voor IE6 */
}

.post h2 {
   display:block;
   font-size:20px;
	font-weight:bold;
   padding:5px 0px 5px 0px;
   border-bottom:solid 1px #D8CDB8;
   margin-bottom:0px;
}

.post h3 {
   display:block;
   font-size:16px;
	font-weight:bold;
   padding:5px 0px 5px 0px;
   border-bottom:solid 1px #D8CDB8;
   margin-bottom:0px;
}

.post li {
   margin-bottom: 6px;
}

#right .postinfo {
   display:block;
   font-size:11px;
   color:#333333;
   font-variant:normal;
   font-weight:normal;
}

#footer {
   background: url(../images/footer.jpg) no-repeat;
   margin-top:0px;
   padding-top:35px;
   text-align:center;
}

#footer p {
   display:block;
   margin-top:12px;
	margin-bottom:3px;
}

#footer #credit {
   font-size:10px;
}

#footer a{
   color:#7C5B43;
}

#footer a:hover, #footer a:visited {
   color:#7C5B43;
   font-weight:bold;
}

#footer a:active {
   color:#584A30;
}

.NewsText a {
   color: #7C5B43;
}

.NewsText a:hover {
   color: #7C5B43;
   font-weight:bold;
}

.NewsTitle {
 	font-weight: bold;
	padding-top : 5px;
}

.NewsText {
   font-family: verdana;
   font-size: 11px;
}



/*Css Div Styles*/

#login {
   position: absolute;
   width: 470px;
   height: 20px;
   right: 10px;
   text-align: right;
   top: 15px;
   font-family: verdana;
   font-size: 11px;
   color: #696969;
}

#search {
   position: absolute;
   right: 11px;
   height: 20px;
   width: 200px;
   top: 45px;
}

#search-text {
   position: absolute;
   right: 215px;
   top: 56px;
   /*top: 49px; */
   width: auto;
   height: 15px;
   font-family: verdana;
   font-size: 11px;
   color: #696969;
}

#search p {
   float: left;
}

#header {
   position: relative;
   height: 200px;
   z-index: 2;
   background: url(../Images/12.gif);
   background-repeat: repeat-x;
   border-bottom: 2px solid #E6E6E9;
   padding: 0 680px 0 55px;
   min-width: 200px;
}

#image {
   position: absolute;
   top:0;
   right: 0;
   overflow: hidden;
}

#menubackground {
   position: relative;
   top: -203px;
   left: 100px;
   border-left: 3px solid white;
   border-right: 3px solid white;
   border-top: 3px solid #FFFFFF;
   background-color: #969AAA;
   width: 250px;
   height:198px;
   float:left;
   z-index: 5;
}

#mainmenu {
   width: 250px;
   z-index: 2;
   background-color: #969AAA;
}

#title {
   font-family: verdana;
   font-size: 14px;
   font-weight: bold;
   color : #18964c;
   position: relative;
   top: 10px;
   bottom: 0px;
   padding-bottom: 15px;
   height: auto;
   margin-left: 20px;
}

#textcontent {
   font-family: verdana;
   font-size: 11px;
   color : black;
   position: relative;
   top: -5px;
   left: 0;
   padding-bottom: 20px;
   height: auto;
   padding-right: 70px;
   margin-left: 20px;
   margin-top: 20px;
}

#container {
   min-height: 100%;
   background: url(../Images/cont1.gif);
   background-repeat: repeat-y;
   /*height: auto; */
   _height: 100%;
   float:left;
}

#container[id] {
   position: relative;
   width: 100%;
}

#menuimage {
   top: 15px;
   left: 0;
   height: 25px;
   width: auto;
   background: url(../Images/15.gif);
   background-position: left;
   background-repeat: no-repeat;
}

#menuimage h1 {
   margin-left: 15px;
}
/* To create the same effect for FF as IE*/


 /*END Css Div Styles*/


body, table, tr, td {
   font-family: verdana;
   font-size: 11px;
}

td img {
   border: none;
}

h1 {
   margin : 0px 0px 0px 0px;
   color : #356B98;
   font-size : 160%;
   font-weight : normal;
}

td {
   color : black;
   font-family : Verdana, Arial, Helvetica, sans-serif;
}

a {
   color:#7C5B43;
}

a:visited {color:#7C5B43;}
a:active {color:#584A30;}
a:hover {color:#7C5B43;font-weight:bold;}

a.standardlink {
   font-family: verdana;
   font-size: 10px;
   font-weight: bold;
   text-decoration: none;
   color: #ff6b00;
}

a.standardlink:hover {
   font-family: verdana;
   font-size: 10px;
   font-weight: bold;
   text-decoration: underline;
   color: #ff6b00;
}


ul.ErrorList {

}

li.ErrorTitle  {
   list-style: none;
   color: red;
   font-weight: bold;
}

li.ErrorText {
   color: red;
   font-style: italic;
}

.steps .current {
   font-weight: bold;
   color: #ff6b00;
}

#mainmenu ul {
   list-style-type: none;
   list-style-position: outside;
}

#mainmenu li {
   clear: both;
   margin-left: -40px;
   /*margin-top: -8px; */
   /*margin-top: -4px; */
}

#mainmenu ul li div
{
   margin-top: -8px;
   /*margin-top: 0; */
   /*align: left;*/
}

#mainmenu ul li div div  {
   margin-top: 0;
}

#mainmenu li.menusep {
   margin-top: -12px;
        border-bottom: 2px solid #fff;
}

#mainmenu .menutitle {
   border-left: 2px solid #fff;
}


div#column1 {
   margin: 0px;
   padding-top:-60px;
}

.clear {
   clear: both;
   display: block;
   height: 1px;
   overflow: hidden;
   margin: 0;
   padding: 0;
}

#waitdiv {
   position:relative;
   top: -5px;
   left: 0;
   padding-bottom: 95px;
   height: auto;
   padding-right: 15px;
   margin-left: 380px;
   margin-top: 20px;
}

.WaitText {
   font-size: 14px;
   font-weight: bold;
   font-family: verdana, arial, helvetica, sans-serif;
}

.WaitTextMessage {
   font-size: 13px;
   font-weight: normal;
   font-family: verdana, arial, helvetica, sans-serif;
}