@import "/html/buttons.css";
@import "/html/form.css";

body, h1, h2, h4, h5, h6,ol, ul, p, input, textarea, select {
	font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	color: black;
}

body {
    font-size: 76%;
    margin-right: 2em;
    padding: 0;
    color: #000;
}


h1, h2 {
    color: #5a2272;
}

h1, h2, h3, h4, h5 {
    font-weight: normal;    
    clear:both;
    /*font-family: Georgia, Times; */
}

h1 {
    line-height: 1.2em;
    font-size: 1.8em;
}

h2 {
    line-height: 1.1em;
    font-size: 1.6em;
}

a {
    color: #CDBE00;
    font-weight: bold;
    text-decoration: none;
    border-bottom: dotted 1px #CDBE00;
}

a:hover {
    border-bottom-style: solid;
}

a img { border: none;}


#main {
    width: 100%;
    clear: both;
    
}
#footer {
    clear: both;
}

#user_id {
    padding: 0;
    padding-top: 200px;
}

#user_id p {
    background: url(/html/images/login.jpg) center no-repeat;
    padding-top: 180px;
    padding-bottom: 80px;
    padding-left: 40px;
    margin: 0;
    color: #CDCFD0;
    margin-top: 20px;
    font-size: 1.7em;
}

#guide {
    background-image:  url(/html/images/banners/2.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    width: 300px;
    margin-right: auto;
    float: left;
    text-align: center;
}

#guide form {
    padding: 0;
    margin: 0;
    margin-top: 222px;
    background: url(/html/images/guide.gif) center 140px no-repeat;
    padding-bottom: 200px;
    text-align: center;
}
#guide #img {
    border-bottom: solid 1px #ccc;
    text-align: left;
}
#img { padding-top: 7px;}
.cleaner { clear: both; }
#img ul { list-style: none; margin-left: auto; width: 90px; float: right; line-height: 40px; margin-top: -7px; color: #5a2272; font-weight: bold;}
#img img { float: left;}

#guide input {
    margin-top: 220px;
}
#guide form p {
    position: absolute;
    left: -2000px;
}

#content {
    width: 42%;
    float: left;
    line-height: 1.5em;
}


#news {
    margin: 0;
    width: 28%;
    float: right;
    line-height: 1.5em;
    background-color: #eee;
    padding-bottom: 1.5em;
}


div p, div h1, div h2, div h3, div form {
    margin-left: 20px;
    margin-right: 20px;
}
div form p {
    margin-left: auto;
}
pre { 
    border 1px solid silver; 
    padding: 7px; 
    background-color: #CFC;
}

h3 {
	font-weight: normal; 
	font-family:Georgia; 
	color: #525252;
	margin-bottom: 7px;
	margin-top: 10px;
}

h4 { 
    font-weight:normal; 
    margin-bottom: 7px; 
    color: #525252;
}
	
h3 a {
    color: silver; 
    text-decoration: none
}

.picture {
    margin-right: 20px;
}

h3 a:hover {
    color: silver; 
    text-decoration: underline
}

.groovy {
    background: url(/html/images/groovy.gif) top right no-repeat;
    margin-right: 20px;
    padding-right: 90px;
    clear: both;
}

.zap {
    background: url(/html/images/zap.gif) 0px -15px no-repeat;
    padding-left: 110px;
    margin-left: 20px;
    height: 118px;
}
.groovy, .zap {
    margin-bottom: 1em;
    margin-top: 0;
    clear: both;
}
.groovy strong, .zap strong {
    font-size: 1.5em;
    line-height: 1.7em;
    color: #5a2272;
    font-weight: normal;
}
.cleaner {
    clear: both;
}

hr.cleaner {
    width: 100%;
    clear:both;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

/* NAVIGATIE */
#tabs {
  float: right;
  line-height:2em;
  vertical-align: middle;
  margin-bottom: 2em;
  margin-top: 1.5em;
  text-align: right;
}

#tabs ul {
  list-style:none;
  margin: 0;
  padding: 0;
}


#tabs li {
  float:left;
  padding: 0;
}

#tabs a {
  font-weight: normal;
  float:left;
  display:block;
  color: #5a2272;
  text-decoration: none;
  padding-left: 14px;
  margin-right: 15px;
  line-height: 16px;
  white-space: no-wrap;
  background-image: url(/html/images/bullet.gif);
  background-position: -3px center;
  background-repeat: no-repeat; 
  border: none;
}

#tabs a:hover, #tabs .current a {
    background-image: url(/html/images/bullet_full.gif); 
   /*border-bottom: dotted 1px #5a2272;*/
   border: none;
}

#tabs a.nl, #tabs a.nl:hover {
  background-image: url(/html/images/nl.gif);
}

#tabs a.en, #tabs a.en:hover {
  background-image: url(/html/images/en.gif);
}

#tabs a.login, #tabs a.login:hover {
    background: url(/html/images/login.gif) center left no-repeat;
    
}