*{
  margin: 0;
  padding: 0;
}

html {
  position:relative;
}

body {
  min-height: 600px;
  padding: 200px 0 0;
  font:14px/1.3 'Segoe UI',Arial, sans-serif;
  background: -webkit-radial-gradient(50% 50%, ellipse closest-side, #eee, #666666);
  background: -moz-radial-gradient(50% 50%, ellipse closest-side, #eee, #666666);
  background: -ms-radial-gradient(50% 50%, ellipse closest-side, #eee, #666666);
  background: -o-radial-gradient(50% 50%, ellipse closest-side, #eee, #666666);
}

#container {
  position: relative;
  width: 825px;
  margin: 25px auto;
  min-height: 600px;
  background: green;
}

#container_main {
  position: relative;
  float: left;
  height: 600px;
  margin: 0px 0px 0 100px;
  background: yellow;
}

#container_left {
  position: relative;
  float: left;
  width: 100px;
  margin-left: 0;
  background: pink;
  height: 600px;

}

ul.nav_left {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

li.euro {
  background-image: url(../images/video_blue.png);
  background-repeat: no-repeat;
  background-position: 16px 17px;
  width: 50px;
  height: 50px;
  border: 1px solid #eee;
  margin-bottom: .5em;
}

li.cup {
  background-image: url(../images/inloggen_26x50.png);
  background-repeat: no-repeat;
  background-position: 8px .5px;
  width: 50px;
  height: 50px;
  border: 1px solid #eee;
  margin-bottom: .5em;
}

li.contact {
  background-image: url(../images/cup_25x25.png);
  background-repeat: no-repeat;
  background-position: 10px 15px;
  width: 50px;
  height: 50px;
  border: 1px solid #eee;
  margin-bottom: .5em;
}

li.picasso {
  background-image: url(../images/picasso_25x30.png);
  background-repeat: no-repeat;
  background-position: 10px 12px;
  width: 50px;
  height: 50px;
  border: 1px solid #eee;
  margin-bottom: .5em;
}

li.orange {
  background-image: url(../images/orange_35x35.png);
  background-repeat: no-repeat;
  background-position: 8px 7.5px;
  width: 50px;
  height: 50px;
  border: 1px solid #eee;
  margin-bottom: .5em;
}

li.camera {
  background-image: url(../images/film_42x45.png);
  background-repeat: no-repeat;
  background-position: 3px 4.5px;
  width: 50px;
  height: 50px;
  border: 1px solid #eee;
  margin-bottom: .5em;
}

li.bluebird {
  background-image: url(../images/bluebird_35x35.png);
  background-repeat: no-repeat;
  background-position: 5px 10px;
  width: 50px;
  height: 50px;
  border: 1px solid #eee;
  margin-bottom: .5em;
}

/***** HET AFTELLEN NAAR JUNI 2012 ****/
#countdown_box {
  height: 100px;
  position: absolute;
  top: 0px;
  left: -110px;
  padding-top: 15px;
  z-index: 5;
}

.klok, .countDiv {
  font-size: 45%;
}
/*** ***/


#login_form, #contact_form, .welkom {
	width: 300px;
	background: #f0f0f0 url(../img/login_bg.jpg) repeat-x 0 0;
	border: 1px solid white;
	margin: 0px auto 0;
	padding: 1em;
	-moz-border-radius: 3px;
}
#login_form input[type=text], #login_form input[type=password], #login_form textarea,
#contact_form input[type=text],#contact_form input[type=password], #contact_form textarea   {
	display: block;
	margin: 0 0 1em 0;
	width: 275px;
	border: 5px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	padding: 1em;
}

input[type=submit], form a, footer a, .welkom a {
	border: none;
	margin-right: 1em;
	padding: 6px;
	text-decoration: none;
	font-size: 12px;
	-moz-border-radius: 4px;
	background: #348075;
	color: white;
	box-shadow: 0 1px 0 white;
	-moz-box-shadow: 0 1px 0 white;
	-webkit-box-shadow: 0 1px 0 white;

}

#signup-button {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:5px;
	text-shadow: 1px 1px 1px #5FA8FF;	
}

#signup-button:hover {
	cursor:pointer;
	color: #000;
	background-color:#fff;
}

footer a, .welkom a {
  font-size: 15px;
}

input[type=submit]:hover, form a:hover, footer a:hover, .uitloggen a:hover  {
	background: #287368;
	cursor: pointer;
}

.uitloggen {
  margin-top: 25px;
}
.uitloggen a {
	border: none;
	margin-right: 1em;
	padding: 6px;
	text-decoration: none;
	font-size: 15px;
	-moz-border-radius: 4px;
	background: #348075;
	color: white;
	box-shadow: 0 1px 0 white;
	-moz-box-shadow: 0 1px 0 white;
	-webkit-box-shadow: 0 1px 0 white;
}


/* Validation error messages */

.error {
	color: #393939;
	font-size: 15px;
}

fieldset {
  position: relative;
	width: 302px;
	margin: auto;
	margin-bottom: 2em;
	padding-top: 1.2em;
	display: block;
}

legend {
  font-size: 18px;
  margin-left: 15px;
}

/* FOR FUN */

h1 {
	text-shadow: 0 1px 0 white;
}

#logboek {
  padding: 0px 0 15px 0;
  width: 625px;
  margin: 25px auto;
  border: 1px solid #287368;
}

.name,.subject,.content,.date {
  width: 592px;
  border: 1px solid #eee;
  padding: 15px;
}

footer {
  position: relative;
  width: 625px;
  margin: 25px auto;
  border: 1px solid #fff;
}

.name h5,.subject h5,.date h5 {
   display:inline-block;
   text-align: left;
   padding:0;
   width: 100px;
}

.name h5 {
  margin-left: 15px;
}

#logboek textarea {
  width: 450px;
}

#logboek input[type=text] {
  width: 347px;
}

#logboek .submit {
  margin: 15px 15px;
}

#logboek h1 {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-left: -68px;
  margin-top: -17px;
  border: 1px solid #287368;
  background: #287368;
  color: #fff;
}

#feedback {
  display: none;
  position: absolute;
  top: 300px;
  right: 0px;
  padding: 15px;
  border: 1px solid #287368;
  background: red;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}

.welkom_main {
  height: 500px;
}

.welkom_main p {
  margin-bottom: 15px;
}

.flashdata_message {
  width: 100%;
  background: white;
  border: 2px solid #eee;
  padding: 15px;
} 

#films_main {
  width: 825px;
  margin: auto;
  background: url(../images/style/login_bg.jpg);
}