* { margin: 0; behavior: url(pngfix/iepngfix.htc); }
html, body { height: 100%; }

body {
	background: url(../img/bg/body.gif) repeat-x #67b9e8;
    font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

a { color: #88c9ef; text-decoration: none; outline: none; }
a:hover { color: #bee2f6; }
h4 { font-size: 23px; line-height: 23px; height: 23px; font-style: italic; font-weight: normal; color: #fff; }

#container {
	width: 960px;
    min-height: 100%;
	height: auto !important;
	height: 100%;
    margin: 0 auto -60px;
    }

#top {
	width: 960px;
    height: 40px;
    }

#content {
	width: 960px;
    height: 307px;
    padding: 180px 0 0;
    background: url(../img/bg/intro.png);
	}
    #content h4 { margin: 120px 0 0 120px; float: left; }

#lang {
	width: 960px;
    height: 40px;
	float: left;
	}
	#lang ul { padding: 32px 26px 0 0; list-style: none; float: right; }
    #lang li { float: left; padding: 0 0 0 10px; }
    #lang li a { width: 22px; height: 17px; display: block; text-indent: -9999px; font-size: 0; float: left; }
    #lang .nl a { background: url(../img/icons/lang.gif); }
    #lang .nl a:hover { background: url(../img/icons/lang.gif) 0 17px; }
    #lang .en a { background: url(../img/icons/lang.gif) 44px 0; }
    #lang .en a:hover { background: url(../img/icons/lang.gif) 44px 17px; }
    #lang .de a { background: url(../img/icons/lang.gif) 22px 0; }
    #lang .de a:hover { background: url(../img/icons/lang.gif) 22px 17px; }

#logo {
	width: 205px;
    height: 135px;
    padding: 70px 0 0 30px;
    float: left;
    }
    #logo a { width: 180px; height: 150px; display: block; text-indent: -9999px; float: left; }

#footer {
	width: 100%;
    height: 60px;
    color: #67b9e8;
    background: #146593;
    }
    #footer div { width: 960px; height: 40px; margin: 0 auto; padding: 20px 0 0; }
    #footer ul { padding: 0; list-style: none; float: right; }
    #footer li, #footer li a { display: inline; }

.push { height: 60px; }