/*
*	jongerenhuis frontpage
*/

* {
padding: 0em;
margin: 0em;
}

body {
margin: 0 auto;
padding: 0;
background-color: #292D2E;
background-image: url('../images/concrete_cement.gif');/*Page-BgGradient.jpg*/
background-repeat: repeat;
background-attachment: scroll;
background-position: top left;
/*background: #CCFF99; url('images/bg1.jpg')
padding: 35px 0px 35px 0px;*/
}

body,input {
font-size: 12pt;
font-family: "Courier New", "Lucida Console", monospace; /*"Verdana", Arial, sans-serif;*/
font-weight: bold;
color: #333333;
}

p {
line-height: 1.5em;
margin-bottom: 1.0em;
text-align: left;
}

a {
color: #999999;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

h1 {
font-size: 1.9em;
color: #99CC00;
font-weight: bold;
/*background-image: url('../images/db1.gif');*/
}

h2 {
font-size: 1.7em;
color: #99CC00;
font-weight: bold;
/*background-image: url('../images/db1.gif');*/
}

h3 {
font-size: 1.5em;
padding: 5px 0 15px 0;
color: #99CC00;
font-weight: bold;
/*background-image: url('../images/db1.gif');*/
}

h3 span {
font-weight: normal;
}

h4 {
font-size: 1.2em;
color: #99CC00;
/*background-image: url('images/db2.gif');*/
}

.contentarea {
padding-top: 1.3em;
}

img {
border: none; /*solid 1px #6F5230;*/
}

ul.linklist {
list-style: none;
}

ul.linklist li {
line-height: 2.0em;
}

p.frontpage {
font-family: Verdana, sans-serif;
font-size: 18pt;
color: #666666;
text-align: left;
}

.frontpage a {
color: #99CC00;
}

.typewrite {
font-family: "Courier New", "Lucida Console", monospace;
font-size: 32pt;
/*font: bold normal 32pt fixedsys, "Courier New", Courier, Arial, mono;*/
color: #99CC00;
}

span.typewrite {
font-size: 30pt;
}

#upbg {
position: absolute;
background-image: url('../images/concrete_cement.gif'); /*Page-BgGradient.jpg*/
background-repeat: repeat-x;
top:0px;
width:100%;
height: 180px; /*275px;*/
z-index: 1;
}

#upbg p {
line-height: 1.5em;
margin-bottom: 1.0em;
text-align: right;
}

#upbg a {
color: #666666;
text-decoration: none;
}

#upbg a:hover {
text-decoration: underline;
}

#outer {
z-index: 2;
position: relative;
/*
The width value below controls the overall width of the design. By default it's set to 82%
(so it'll take up 82% of the browser window's width). You can set it to a different percentage
value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 1024px;
/*border: solid 7px #fff;*/
background-color: #E8E8E8;
margin: 0 auto 0 auto;
}

#header {
position: relative;
width: 1024px;
height: 180px;
background: #fff url('../images/headerbg.gif') repeat-x;
/*margin-bottom: 2px;*/
}

#headercontent {
position: relative;
z-index: 3;
/*bottom: 0em;*/
padding: 0em 0em 0em 0em;
}

#headercontent h1 {
font-weight: normal;
color: #fff;
font-size: 2.5em;
}

#headercontent h1 sup {
color: #777;
}

#headercontent p {
font-size: 20pt;
text-align: center;
line-height: 1.5em;
margin-bottom: 0;
}

#headercontent h2 {
font-size: 1.0em;
font-weight: normal;
color: #aaa; }

#headerpic {
position: relative;
height: 109px;
background: #fff url('../images/hdrpic.gif') no-repeat top left;
margin-bottom: 2px; }

#menu {
position: relative;
background: #999999; /*; url('images/menubg.gif') repeat-x top left;*/
height: 40px; 
padding: 0em .1em 0em .1em;
/*margin-bottom: 2px;*/ }

#menu ul {
position: relative;
padding-left: 2em;
/*top: 1.1em;*/ }

#menu ul li {
position: relative;
display: inline;
}

#menu ul li a
{
padding: 1em 0.5em 1em 0.3em;
color: #fff;
text-decoration: none;
}

#menu ul li a:hover {
text-decoration: none; }

#menu ul li a.menu_current {
background: #7F8400 url('../images/menuactive.gif') repeat-x top left;
}

#content {
/*margin: 1.5em 1em 1em 1em;*/
padding: 1em 1em 1em 1em; }

#container {
float: left;
margin-right: -18.0em;
width: 100%;
min-height: 50px;
padding-bottom: 1.5em;}

#secondarycontent {
margin-top: 1.5em;
float: right;
width: 20.0em; }

#footer {
position: relative;
min-height: 80px;
clear: both;
background: #fff url('../images/footer.gif'); /*repeat-x 0em 2.5em;*/
font-size: 0.8em; }	

#footer .nawl {
position: relative;
float: left;
min-height: 60px }

#footer .naw {
position: relative;
float: left;
margin: 10px;
}

#footer .naw {
font-weight: bold;
font-size: 26pt;
color: #fff;
background: #66CC00; }

#footer .naw p {
margin-bottom: 0;
}