/* 
Document   : style
Created on : 9-okt-2009, 19:44:06
Author     : jerrevds
Description:
Purpose of the stylesheet follows.
*/

/* 

*/

/* css voor algemene layout */

body{
    background-image:url(images/bg.gif);
    background-repeat:repeat;
}

#header{
    width: 900px;
    height: 129px;
    margin-left: 30px;
    background-image:url(images/header.png);
}

#container{
    width: 900px;
    margin:auto;
    padding: 0;
}
#top1{
    width: 866px;
    height: 24px;
    background-image:url(images/newest_03.png);
    overflow:hidden;
   
}

#innercontainer{
    width: 866px;
min-height:600px;
   height:auto;
    background-image:url(images/newest_05.png);
    background-repeat:repeat-y;
  
}
#kader{
    position: relative;
    width: 685px;
    height: 54px;
    top: 20px;
    left: 186px;
    background-image:url(images/newest_07.png);
    background-repeat:no-repeat;

}

#clock{
    margin-left: 10px;
   float:left;
   margin-top: 5px;

}
#weather{

    margin-left: 10px;
    margin-top: 3px;
   float:left;
   margin-top: 5px;
   overflow:hidden;

}
.kaderborder{
    width: 5px;
    height: 40px;
    float:left;
    margin-top: 7px;
    margin-left: 5px;
    background-image:url(images/border.gif);
}


#firstmenu{
    top: -20px;
    left: 83px;
    overflow:hidden;
    position: relative;
    width: 700px;
    height: 29px;
}

.firstmenuitem{
    height: 29px;
    width: 97px;
    float:left;

   background-image:url(images/knopnormaal.png);
   font-weight:bold;
  margin-left: 10px;
   color: white;
}
.firstmenuitem:hover{
    height: 30px;
    width: 97px;
     cursor:pointer;
     float:left;
   background-image:url(images/knopnormaal.png);
   background-position:0px -29px;
   font-weight:bold;
   color: white;
}

.submenu{
 
    position: relative;
    width: 146px;
    left: 20px;
    height: 600px;
    top: 50px;
}

.submenuitem{
    width: 146px;
    height: 39px;
    margin-top: -8px;
    cursor:pointer;
    background-image:url(images/newest_11.gif);
}
.submenuitem:hover{
    width: 146px;
    height: 39px;
    margin-top: -8px;
    cursor:pointer;
    background-image:url(images/newest_11.gif);
    background-position:0px -39px;
}
.subtext{
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 4px;
}

.subtext2{
    color: white;
    text-align:center;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 2px;

}


#content{
 position:relative;
    background-color:#bcbbbc;
    top: -550px;
    padding: 10px;
    left: 188px;
    overflow:visible;
    width: 630px;
  margin-bottom:-550px;
}

#bottom{
    width: 866px;
    height: 17px;
     background-image:url(images/newest_19.png);
}
#bottommessage{
    margin-left: 22px;
    width: 822px;
    height: 30px;
    text-align:center;
     background-image:url(images/newest_21.gif);
}
.clear{
     display:block;
    clear:both;
}

.wicon{

    float:left;
        margin-left: 5px;
        color:white;
font-size:10px;
overflow:hidden;
}



.projecttable,.systemen{
    border:1px solid black;
    border-collapse:collapse;
  
}

.projectgrootte{
    background-image:url(images/diskette2.png);
    background-repeat:no-repeat;
    padding-left: 25px;
    border:1px solid black;
        border-collapse:collapse;
}

.wereldbolproject{
       background-image:url(images/wereldbol2.png);
    background-repeat:no-repeat;
    padding-left: 25px;
}

.projectlink{
    color:navy;
    font-weight:bold;
        font-size:140%;
}

.projectlink:hover{
    color:red;
    font-weight:bold;
        font-size:140%;
}

.readme{
      background-image:url(images/readme.png);
}
.notice{
      background-image:url(images/notice.gif);
}
.vraag{
      background-image:url(images/vraag.png);
}
.projectsub{
       height: 30px;
      padding-left: 40px;
      margin-top: 10px;
      font-size:120%;
      background-repeat:no-repeat;
}

#filler{
    z-index:1;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    top: 0px;
    left: 0px;
    position: fixed;
    background-color:silver;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
  
}
#errmsgbox{
    position: absolute;
    z-index:3;
    border:2px solid red;
    background-color:#FF7B4B;
    text-align: center;
    top: 300px;
    left: 40%;
    width: 20%;

}

.button{
    border: 1px solid black;
    text-align: center;
    background-color: white;
}

.button:hover{
    border: 1px solid black;
    text-align: center;
    background-color: black;
    color:white;
}


.profieltr:nth-child(odd){
    background-color:#BAC2D3;
}
.profieltr:nth-child(even){
    background-color:#959DAD;
}
.profieltr:nth-child(odd):hover,.profieltr:nth-child(even):hover{
     background-color: #C6BE6E;
}