/* - - - - - - - - - - - - - - - - - - - - -

Title : Stichting Save Stylesheet
Author : Arjen Scherff
URL : http://www.stichtingsave.nl
Description : BASE Screen CSS

- - - - - - - - - - - - - - - - - - - - - */

body, html{
margin: 0;
padding: 0;
}

body{
font: 62.5%  "Lucida Grande", Verdana, Tahoma, sans_serif;
background: #161513 url(../images/background.jpg);
color: white;
line-height: 2em;
}

#main_cnt{
width: 100%;
text-align: center;
background: url(../images/header_background2.jpg) 50% 0 repeat-x;
}

.inner_cnt{
width: 960px;
margin: 0 auto;
z-index: 100;
}

#flashFilmpje {
	z-index: 100;
}
/* header - - - - - - - - - - - */

#header h1, 
#header h2{
display: none;
}

#header{
height:229px;
position: relative;
z-index: 0;
background: #000000 url(../images/header_background.jpg);
}

#header #visual{
position: absolute;
z-index: 10;
top: 0;
left: 330px;
}

#header img {
z-index: 1;
}

/* menu - - - - - - - - - - - */

#menu{
position: absolute;
top: 186px;
list-style-type: none;
left: 22px;
margin: 0;
padding: 0;
}

#menu li{
float: left;
margin-right: 28px;
}

#menu li a{
display: block;
height: 11px;
text-indent: -9999px;
}

#menu li a:hover,
#menu li.active a{
background-position: bottom left;
}

#homeBtn{
width: 38px;
background: url(../images/menu_home.gif) top left no-repeat;
}
#contactBtn{
width: 61px;
background: url(../images/menu_contact.gif) top left no-repeat;
}
#donatiesBtn{
width: 65px;
background: url(../images/menu_donaties.gif) top left no-repeat;
}
#missieBtn{
width: 103px;
background: url(../images/menu_mission.gif) top left no-repeat;
}
#nieuwsBtn{
width: 52px;
background: url(../images/menu_nieuws.gif) top left no-repeat;
}
#projectenBtn{
width: 75px;
background: url(../images/menu_projecten.gif) top left no-repeat;
}

#bestuurBtn{
width: 57px;
background: url(../images/menu_bestuur.gif) top left no-repeat;
}

#invested{
position: absolute;
top: 186px;
right: 40px;
font-family: Georgia, Garamond, "Times New Roman", serif;
font-size: 1.6em;
}

/* Headers - - - - - - - - - - - */
h2{
text-transform: uppercase;
font-family: Georgia, Garamond, "Times New Roman", serif;
color: #fff;
font-weight: normal;
font-size: 1.5em;
text-decoration: underline;
}
h3{
font-family: Georgia, Garamond, "Times New Roman", serif;
color: #e7ca70;
font-size: 1em;
margin: 0;
text-transform: uppercase;
}

.twoCols h3,
#twoCols h3,
.projectItem h3,
.missie h3{
margin-top: 20px;
padding-top: 20px;
border-top: 1px dotted #333;
clear: right;
}

h4{}

h5{}

/* Links - - - - - - - - - - - */

a{
color: #e9c357;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}

a img,
a:hover img
{
border: none;
color: transparent;
text-decoration: none;
margin: 0;
padding: 0;
}

.divider{
margin-top: -50px;
z-index: 0;
}

/* Content - - - - - - - - - - - */

#sidebar{
position: relative;
z-index: 11;
float: left;
width: 300px;
font-size: 1.2em;
text-align: left;
margin: 0;
margin-top: 90px;
}

  #sidebar ul{
  margin: 0 0 20px 20px;
  padding: 0;
  text-transform: uppercase;
  }

  #sidebar li{
  padding: 4px 4px 14px 4px;
  line-height: 1.4em;
  list-style-type: none;
  background: url(../images/divider2.gif) no-repeat bottom left;
  }
  
    #sidebar li a{
    color: #a8e5ff;
    }
    
    #sidebar li.current a{
    color: white;
    }
    
    #sidebar li img{
    margin-right: 7px;
    }
    
    #statement {
    margin-top: -40px;
    padding-bottom: 50px;
    margin-left: 20px;
    color:#D0D8B4;
    font-family:Georgia,Geneva,sans-serif;
    font-size:1.4em;
    font-weight:normal;
    line-height:1.8em;
    padding:10px;
    width:200px;
    }
      #statement span#startquote {
      float:left;
      font-size:700%;
      height:45px;
      margin-bottom:-50px;
      margin-top:-20px;
      padding-top:35px;
      border: none;
      z-index: 1000;
      }
      
      #statement span#endquote{
      float:right;
      font-size:700%;
      height:45px;
      display: block;
      line-height:100px;
      margin-top:-70px;
      padding-bottom:20px;
      border: none;
      width: 30px;
      z-index: 1000;
      }
      
      
  #sidebar div{
    margin-left: 20px;
  }
  #sidebar div img{
    width: 270px;
    margin-bottom: 10px;
  }
  
#content{
font-size: 1.2em;
z-index: 10;
position: relative;
text-align: left;
padding: 30px 20px;
}

.twoCols #content{
margin-left: 320px;
}

.threeCols .block{
width: 30%;
float: left;
text-align: left;
padding: 15px;
line-height: 2em;
}

.threeCols .block p{
margin: 0;
}

#content img{
border: 1px solid white;
padding: 5px;
margin: 0 10px 10px 0;
float: left;
}

#content br.clear{
clear: both;
}

/* Footer - - - - - - - - - - - */

#footer{
text-align: left;
}
#footer p{
color: #383838;
height: 80px;
line-height: 100px;
margin: 20px 35px;
float: left;
}

#footer a img{
margin: 20px 0;
}

/* News - - - - - - - - - - - */

.newsItem{
margin-top: 20px;
padding-top: 20px;
border-top: 1px dotted #333;
width: 500px;
}

.noMargin{
margin: 0;
}

.projectItem p{
margin-top: 0;
margin-bottom: 15px;
}

.warning{
color: #f8ffa9;
text-align: center;
border-bottom: 1px dotted white;
border-top: 1px dotted white;
}

html>body #statement {
	width: 175px;
}

html>body #statement span#endquote {
	margin-left: -50px;
	margin-top: -80px;
}