body { font-family: Arial, Helvetica, sans-serif; background: #a1d3cf url(../img/bg/thehill_bg.png) bottom center no-repeat; margin: 0px; }

p { margin: 0px; padding: 0px; color: white; }

.me { float:left; border: 5px solid #b7e3e0; margin: 6px 10px 0 0; }

#wrapper { background: url(../img/bg/thehill_bg_top.png) top center no-repeat; }

#languges { width: 800px; height: 15px; margin: auto; text-align: right; }

#about { margin: auto; width: 800px; color: #fffad6; line-height: 30px; font-size: 20px; padding: 10px 0 10px 0; font-style: normal; font-weight: normal; margin-top: 0px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: lighter; }
#about span, #about a { color: white; text-decoration: none; }
#about a:hover { color: #fffad6; }

.work { margin: auto; margin-bottom: 20px; height: 380px; width: 780px; padding: 10px; background: #b7e3e0; }

.block { float: left; height: 380px; width: 500px; text-align: center; }

.block img { border: solid 10px #8fcac5; }
.block a img { border: solid 10px #8fcac5; }
.block a:hover img { border: solid 10px #c9f1ee; }

.info { float: left; margin-left: 30px; height:380px; width:250px;  }
.info p { color: #3a4f4d; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 23px; }
.info h1 { margin-top: 0px; color: #245450; font-family: "Trebuchet MS", Arial, Verdana; font-size: 25px; font-weight: lighter;  }
.infotxt { height: 330px; }
	.infotxt a, .infotxt a { border-bottom: dotted 1px #fff; text-decoration: none; color: #477d79; }
	.infotxt a:hover { border-bottom: none 0; }
.vised { height: 30px; padding: 10px 0 0 0; line-height: 30px; }
.vised a { text-decoration: none; color: #fff; background: #6ba7a2; padding: 10px; }
.vised a:hover { background: #fff; color: #6ba7a2; }

#footer { margin: auto; margin-bottom: 200px; height: 30px; width: 780px; padding: 10px; margin-top: 10px; color: #938a60; line-height: 30px; }
#footer a { color: #978738 ; text-decoration: none; }

#nav { margin: auto; height: 40px; width: 780px; padding-left: 10px; padding-right: 10px; color: #261d0e; }
#nav a { text-decoration: none; color: #42361f; }
#nav a:hover { color: #fff; }

#taal { height: 40px; width: 100px; float: left; }

#contactpage { margin: auto; height: 200px; width: 775px; padding: 10px; margin-top: 10px; background: #261d0e; border-left: solid #42361f 5px;  color: #938a60 }
#contactpage h1 { margin: 0px; margin-bottom: 20px; color: #fff; font-size: 30px; font-family: "Times New Roman", Times, serif; font-weight: normal; }

#contactform { text-align: center;  }
#contactform input , #contactform textarea  { font-size: 12px; background: #3d331e; border: 3px solid #938a60; padding: 5px; color: #938a60; margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif; }

.name , .email { float:left; font-size: 11px; width: 200px; }

.bericht { font-size: 11px; }

.blocks { float: left; width: 450px; height: 40px; line-height: 40px; }

#menu { float: left; height: 40px; }
#menu ul { list-style: none; margin: 0px; padding: 0px; }
#menu li { float: left; font-size: 17px; }
#menu li a { display: block; text-decoration: none; background: #fff; color: #57837f; height: 40px; line-height: 40px; padding-left: 10px; padding-right: 10px; border-right: solid 2px #a1d3cf; }
#menu li a:hover { background: #B7E3E0; color: #57837f; }
li.on { display: block; text-decoration: none; background: #B7E3E0; color: #57837f; height: 40px; line-height: 40px; padding-left: 10px; padding-right: 10px; border-right: solid 2px #a1d3cf; }

.find_me { display: block; }
.find_me a:hover, #footer a:hover { color: #6BA7A2 !important; }