html {
overflow-x:hidden;
}

body {
color:#c8c8c8;
font-family:"proxima-nova-condensed",sans-serif;
background-color:#ffffff;
margin:0;
}

#header-box {
position:fixed;
top:0;
width:100%;
height:83px;
background-color:#c8c8c8;
z-index:100;
}
#header {
position:relative;
width:960px;
height:63px;
font-size:18px;
color:#ffffff;
background-color:#c8c8c8;
text-align:center;
margin:20px auto 0 auto;
}
#header a {
font-size:18px;
color:#ffffff;
}
#header a:link {
color:#ffffff;
text-decoration:none;
}
#header a:active {
color:#ffffff;
text-decoration:none;
}
#header a:visited {
color:#ffffff;
text-decoration:none;
}
#header a:hover {
color:#eed2dd;
text-decoration:none;
}
#header a.on {
color:#eed2dd;
text-decoration:none;
}

#talen {
position:absolute;
left:105px;
top:18px;
width:auto;
height:auto;
}
#talen a {
margin-right:25px;
letter-spacing:1px;
}

.logo {
position:relative;
top:10px;
width:280px;
height:31px;
}
.signup {
position:absolute;
left:744px;
top:20px;
width:auto;
height:auto;
font-size:16px;
letter-spacing:1px;
}
.contact {
position:absolute;
left:850px;
top:20px;
width:auto;
height:auto;
font-size:16px;
letter-spacing:1px;
}

#foto-horizon {
position:absolute;
top:83px;
left:50%;
height:380px;
width:2000px;
margin-left:-1000px; /* helft width */
z-index:0;
text-align:center;
background-image:url('../graphics/img-owl.jpg');
}

/* css for iphone and ipad only */
@media screen and (min-device-width: 320px) and (max-device-width: 1024px) {
	#foto-horizon {
	position:absolute;
	top:83px;
	left:50%;
	height:380px;
	width:1024px;
	margin-left:-512px; /* helft width */
	z-index:0;
	text-align:center;
	background-image:url('../graphics/img-owl.jpg');
	background-position:-450px;
	}
}

#introtekst {
position:relative;
top:483px;
width:960px;
height:200px;
font-size:34px;
line-height:42px;
font-weight:100;
text-align:center;
border-bottom:solid 1px #c8c8c8;
margin:0 auto 0 auto;
}

#bollen {
position:relative;
top:483px;
left:50px;
width:960px;
height:440px;
text-align:center;
margin:40px auto 40px auto;
}
#bollen a {
color:#c8c8c8;
text-decoration:none;
}
#bollen a:hover {
opacity:0.6;
text-decoration:none;
}
#bollentekst {
width:215px;
height:auto;
color:#c8c8c8;
font-size:24px;
line-height:32px;
text-align:center;
}
#bollentekst h1 {
font-size:34px;
margin:32px 0 25px 0;
}


#form-box {
position:relative;
top:483px;
left:0;
width:100%;
height:290px;
background-color:#eeeeee;
}
#form-center {
position:relative;
width:960px;
height:290px;
margin:0 auto 0 auto;
}
#form-tekst {
position:absolute;
top:45px;
width:460px;
height:290px;
color:#a4c8c8;
font-size:24px;
text-align:center;
}
#form-tekst h1 {
color:#a4c8c8;
font-size:34px;
margin:32px 0 25px 0;
}
#form {
position:absolute;
right:0;
top:45px;
width:auto;
height:auto;
font-size:16px;
line-height:1em;
text-align:right;
}
input {
width:325px;
height:32px;
font-size:16px;
padding:5px;
margin:0 0 16px 15px;
border:solid 2px #dadcdc;
}
.submit {
width:338px;
height:44px;
color:#ffffff;
font-size:16px;
margin-bottom:3px;
padding:5px;
border:solid 2px #a4c8c8;
background-color:#a4c8c8;
}
#form .alert {
position:relative;
top:-8px;
color:#ebc8d4;
}


#twitter {
position:relative;
top:483px;
width:960px;
height:292px;
margin:35px auto 35px auto;
}
#twitter div {
width:525px;
height:auto;
margin-right:60px;
float:left;
}
#twitter #einstein {
position:relative;
top:85px;
width:350px;
height:240px;
font-size:16px;
margin:0;
}


#content-box {
position:relative;
top:385px;
width:960px;
height:auto;
margin:0 auto 0 auto;
padding:30px 0 0 0;
border-top:1px solid #c8c8c8;
}


#ws-box {
width:540px;
height:auto;
float:left;
}
#ws {
width:100%;
height:auto;
color:#7F7F7F;
font-size:16px;
line-height:1.6em;
text-decoration:none;
text-align:left;
padding:0 0 40px 0;
margin:0;
float:left;
}
#ws h1 {
color:#e0c7ae;
font-size:24px;
line-height:1.6em;
text-decoration:none;
margin:15px 0 10px 0;
}
#ws h2 {
color:#7F7F7F;
font-size:18px;
line-height:1.4em;
text-decoration:none;
margin:0 0 -10px 0;
}
#ws p {
color:#7F7F7F;
font-size:16px;
line-height:1.6em;
text-decoration:none;
margin:0 0 15px 0;
}

#ws hr {
height:1px;
background-color:#e0c7ae;
margin:10px 0 40px 0;
border:none;
width:100%;
}

#ws a {
color:#e0c7ae;
text-decoration:none;
}
#ws a:link {
color:#e0c7ae;
text-decoration:none;
}
#ws a:active {
color:#e0c7ae;
text-decoration:none;
}
#ws a:visited {
color:#e0c7ae;
text-decoration:none;
}
#ws a:hover {
color:#e0c7ae;
text-decoration:none;
}
#ws .lichtgrijs {
color:#c8c8c8;
}
#wsaanmeldform {
margin:0 0 -100px 0;
padding:0;
}
#wsaanmeldform .checkbox {
width:auto;
height:auto;
vertical-align:middle;
display:block;
margin:0 8px 0 0;
float:left;
}
#wsaanmeldform input {
width:525px;
height:32px;
font-size:16px;
padding:5px;
margin:0 auto 16px auto;
border:solid 2px #dadcdc;
display:block;
}
#wsaanmeldform .submit {
width:540px;
height:44px;
color:#ffffff;
font-size:16px;
margin:40px 0 0 0;
padding:5px;
border:solid 2px #e0c7ae;
background-color:#e0c7ae;
display:block;
}




#wsform {
width:auto;
height:400px;
font-size:16px;
line-height:1.3em;
text-align:left;
padding:20px;
background-color:#efefef;
float:right;
}
#wsform h1 {
width:245px;
height:auto;
color:#b4b4b4;
font-size:24px;
line-height:1.5em;
font-weight:normal;
text-align:center;
margin:0 0 25px 0;
display:block;
}
#wsform input {
width:245px;
height:32px;
font-size:16px;
padding:5px;
margin:0 auto 16px auto;
border:solid 2px #dadcdc;
display:block;
}
#wsform .submit {
width:255px;
height:44px;
color:#ffffff;
font-size:16px;
margin:0 auto 3px auto;
padding:5px;
border:solid 2px #a4c8c8;
background-color:#a4c8c8;
display:block;
}
#wsform .alert {
position:relative;
top:-8px;
color:#ebc8d4;
}


#footer-box {
position:relative;
top:523px;
left:0;
width:100%;
height:425px;
background-color:#b4b4b4;
clear:both;
}
#footer-center {
position:relative;
width:960px;
height:425px;
margin:0 auto 0 auto;
}
#footer-center div {
width:960px;
height:auto;
color:#ffffff;
font-size:14px;
line-height:20px;
text-align:left;
padding:22px 0 22px 0;
border-bottom:1px solid #ffffff;
}
#footer-center div a {
color:#ffffff;
}
#footer-center div a:link {
color:#ffffff;
text-decoration:underline;
}
#footer-center div a:active {
color:#ffffff;
text-decoration:underline;
}
#footer-center div a:visited {
color:#ffffff;
text-decoration:underline;
}
#footer-center div a:hover {
color:#ffffff;
text-decoration:underline;
}

.alert {
color:#ebc8d4;
}

img {
border:none;
}