/**************
colors

  red :      #ED1F24
  blue:      #0083CA
  dark gray: #555555 (text)
  light gray:#BBBBBB
  purple:    #5A3C5A

***************/

.red {
  color: #ED1F24;
}
.blue{
  color: #0083CA;
}
.darkgray{
  color: #555555;
}
.lightgray{
  color: #BBBBBB;
}

/** general **/

header, footer, section, nav, article, details, summary {
  display:block;
}

html {
  overflow: -moz-scrollbars;
  overflow: scroll;
}
body{
  margin:0;
  padding:0;
  font-family:Arial, Helvetica;
  font-size:0.9em;
  color:#555555;
  text-align:center;
  background-color:#eeeeee;
}

a img{
border:0px;}

/* header */
header{
  text-align:center;
  background-color:#FFFFFF;
}
header a{
  text-decoration:none;
}
header span{
  display:inline-block;
}
.login{
  height:30px;
  width:300px;
  text-align:right;
}
.login, .login a{
}
.login-name{
}
#logo{
  width:600px;
  height:1.5em;
  padding-top:1em;
  text-align:left;
  font-size:2.5em;
}

 /* top navigation */
nav{
  background:#BBBBBB url(http://mobilewizard.blob.core.windows.net/cssimg/nav-bg.gif) repeat-x;
  height:2.3em;
  font-size:1.4em;
  width:100%;
}
nav, nav a, nav a:visited {
  text-decoration:none;
  color:#555555;
}
nav a:hover, nav li.selected{
  color:#ED1F24;
}
nav ul{
  padding:0.3em 0 0 0;
  margin:0;
  display:inline-block;
}
nav li a{
  display:block;
  height:1.4em;
  padding:0.3em 1.2em 0 1.2em;
  border-right:1px solid #555555;
}
nav li{
  float:left;
  list-style:none;
}
/* no slider */

#no-slider{
  background: #5A3C5A;
  height:15px;
}

/* home */


/* content */

#content{
  width:900px;
  text-align:left;
  display:inline-block;
  min-height:400px;

}
article{
  width:90%;
  min-height:400px;
  padding:1% 5% 5% ;
}
aside, article, section#news{
  background-color:#FFFFFF;
}

/* footer */
footer{
  background-color:#5A3C5A;
  height:225px;
  text-align:center;
  font-size:0.9em;
  padding-top:3em;
  margin-top:-2em;

}
footer, footer a, footer a:visited{
  color:#FFFFFF;
  text-decoration:none;
}
footer a:hover{
  color:#ED1F24;
}

/************ breadcrumb ************/

#breadcrumb {
  padding:0;
  margin:0;
  font-style:italic;
  text-transform:lowercase;
  font-size:0.90em;
}
#breadcrumb li{
  display:inline-block;
  list-style:none;
  padding:0;
  margin:0;
 }
#breadcrumb span{
  padding:0 5px 0 5px;
}
#breadcrumb a:hover{
  text-decoration:underline;
}

/* headings */

h1, h1 a, h1 a:visited, h3, h3 a, h3 a:visited,  h4, h4 a, h4 a:visited {
  color:#0083CA;
}
h1{
  font-size:2em;
  font-weight:500;
  margin-left:-1em;
}
h2, h2 a, h2 a:visited {
  color:#ED1F24;
  font-size:1.5em;
  font-weight:700;
}
h3{    
  font-size:1.2em;      
  font-weight:700;
}
h4{
  font-size:1.2em;
  font-weight:700;
}
h1, h2, h3{
  margin-bottom:0;}
h1 a, h2 a, h3 a, h4 a{
  text-decoration:none;
}
p{
  margin-top:0.5em;
  }


 /* opmaak */

.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.cursief{font-style: italic;}
.center{margin:auto;}


/* forms */

.loginform{
}

input[type="text"]{
  width:200px;
}

/* sites overview */

ul.list-sites{
  margin:0;
  padding:0;
}
.list-sites li{
  border:1px solid #D35720;
  margin:0 0 10px 0;
  list-style:none;
  padding:0.5em;
}
.list-sites h2{
  padding:0;
  margin:0;
  font-size:1.3em;
}
.list-sites h2 a{
  color:#D35720;
  text-decoration:none;
}
.list-sites a img{
  height:100%;
  width:100%;
  display:inline-block;
  border:none;
  background-color:#ccc;
}
.infoblock{
  float:left;
  height:100%;
}
.infoblock span{
  clear:left;
  display:block;  
  }
.sitemainimage{
  float:left;
  height:100px;
  width:100px;
  padding-right:1em;
  }

/*table*/
tr.alternate{
  background-color: #FFF8DC;}
table{
  background-color: #FFFFFF;
  border-collapse: collapse;
  border-color: #999999;
  border-style: none;
  border-width: 1px;
}
th{
  background-color: #DCDCDC; color: #000000;
}
tr.editmode{
  background-color: #008A8C; color: #FFFFFF;
}












/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */