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

PuistjesGenezen CSS StyleSheet

version:   1.7

author:    Floris Weijenburg

email:     floris@codestars.nl

website:   http://www.puistjesgenezen.nl

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

*
{
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	color: #333; 
}

strong
{
  font-family: Verdana;
  font-size: 12px;
}

body 
{
	background-color: #3C3F41;
	background-image: url('images/bodyBackground.jpg');
	background-repeat: repeat;
	height: 100%;
	width: 100%;
}

h2, h2 a
{
	color: #61c7d1;
	font-size: 22px;
	font-weight: lighter;
	padding: 3px 0px;
    margin: 10px 0px;
}

h3, h3 a
{
	display: block;
	color: #61c7d1;
	font-weight: lighter;
}

h4, h4 a
{
	color: #ffffff;
}

h2 a:link, h2 a:visited
{
	text-decoration: none;
}

a:active, a:focus, a:link, a:visited
{
	color: #61c7d1;
	text-decoration: none;
}

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

img
{
	border: 0px;
}

#siteTop
{
	width: 984px;
	height: 45px;
	margin: 0px auto;
    background-image: url('images/menubar-bg.jpg');
    background-repeat: repeat-x;
	margin-top: 10px;
}

#siteTop h1
{
	display: none;
	text-indent: -2000em;
}

#siteFrame
{
	width: 984px;
	margin: 0px auto;
	background-image: url('images/contentShadow6.png');
	background-repeat: repeat-y;
}

#siteContent
{
	padding: 15px 15px;
	background: #FFFFFE url('images/headerBottomBorder.png') repeat-x;
}

#sitelogo
{
	background-image: url('images/logo.jpg');
	width: 954px;
	height: 200px;
	margin: 0px auto;
	margin-bottom: 20px;
}

#leftFrame 
{
	margin-right: 255px;
}

#loginNav
{
	font-weight: bold;	
}


#loginContainer
{
	padding-right: 15px;
    width: 100%;
    text-align: right;
}

.submitButton
{
	color: #FFF;
	background: url('images/buttons/submitButton.png');
	border: none;
	width: 150px;
	height: 27px;
	cursor: pointer;
}

/* Website navigation */

#websiteNav
{
	text-align: right;
	list-style: none;
    width: 715px;
    margin: 0px auto;
}

#websiteNav li
{
	float: left;	
	margin-left: 1px;
    border-right: 1px solid #3E3F43;
}

#websiteNav li a
{
	display: block;
	width: 100px;
	height: 45px;
}

#websiteNav li a:hover
{
    background-position: left bottom;
}

#websiteNav .home
{
    border-left: 1px solid #3E3F43;
	background-image: url('images/buttons/home.jpg');	
}

#websiteNav .geef
{
	background-image: url('images/buttons/geef.jpg');
    width: 100px;
}

#websiteNav .members
{
	background-image: url('images/buttons/members.jpg');
    width: 100px;
}

#websiteNav .contact
{
	background-image: url('images/buttons/contact.jpg');
    width: 100px;
}

#websiteNav .vragen
{
	background-image: url('images/buttons/vragen.jpg');
    width: 100px;
}

#websiteNav .media
{
	background-image: url('images/buttons/media.jpg');
    width: 100px;
}

#websiteNav .weblog
{
	background-image: url('images/buttons/weblog.jpg');
}

/* website footer */

#siteFooter
{
	clear: both;
	width: 100%;
	text-align: center;	
	margin-bottom: 5px;
}

#siteFooter p
{
	display: block;
	margin: 10px auto;
	width: 600px;
	color: #EFEFEF;
    font-size: 10px;
}

#siteFooter p a
{
	color: #61c7d1;
    font-size: 10px;
}

.floatHack
{
	float: none;
	clear: left;
}

.line
{
    height: 0px;
    width: 85%;
    margin: 10px auto;
    border-bottom: dotted 1px #D4D4D4;
}

.geefImg
{
    padding: 2px;
    margin: 10px auto;
    border: solid 1px #D4D4D4;
}

/* Contact form*/
#messageBody
{
   margin-top: 15px; 
}