html, body {
	margin: 0px;
	padding:0px;
	background-color:#f9e306;
}

h1, h2, h3, h4, h5, h6, p, form {
	margin: 0px;
	padding:0px;
}

#wrapper {
	width:935px;
	margin:0px auto;
	background-color:#FFF;
}

#content {
	width:935px;
	margin:0px auto;
}

#header {
	height:158px;
	background-image:url(images/mainimg.jpg);
}

#header h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#fff;
	font-weight:lighter;
	text-decoration:none;
	padding:10px 40px 0px 0px;
	text-align:right;
}

#header h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#fff;
	font-weight:lighter;
	text-decoration:none;
	padding:0px 40px 0px 0px;
	text-align:right;
}

#logo {
	width:228px;
	height:152px;
	float:left;
	background-image:url(images/creacowit.jpg);
}

#links ul {
	margin:0px; 
	padding-top:20px;
}

#links li{
	float:left;
	list-style-type:none;
	width:100px;
	height:58px;
	text-align:center;
	background-color:#F21F2E;
	border-left:1px solid #FFF;
	padding-top:4px;
}

#links a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

#links a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#f9e306;
	font-weight:bold;
}

#contentarea {
	clear:both;
}

#leftbar {
	float:left;
	width:529px;
}

#leftbar h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#003365;
	font-weight:normal;
	text-decoration:none;
	padding:15px 0px 5px 40px;
}

#leftbar h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#f21f2e;
	font-weight:normal;
	text-decoration:none;
	padding:5px 40px;
}

#leftbar p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:normal;
	text-decoration:none;
	padding:0px 5px 0px 40px;
}

#leftbar a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#003365;
	font-weight:bold;
	text-decoration:none;
}

#leftbar a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#f21f2e;
	font-weight:bold;
	text-decoration:none;
}

.tabeltitel{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.tabel{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

#rightbar {
	float:left;
	width:405px;
	background-color:#FFFFCC;
}

#rightbar h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#003365;
	font-weight:normal;
	text-decoration:none;
	padding:15px 0px 5px 20px;
}

#rightbar p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:normal;
	text-decoration:none;
	padding:0px 20px;
}

#bottom {
	clear:both;
	height:15px;
	}

#validtext {
	float:left;
	width:935px;
	background-color:#F21F2E;
	height:20px;
	padding-top:5px;
}

#validtext p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	text-align:right;
	padding-right:35px;
}

#validtext a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
}

#validtext a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

.foto {
padding: 5px 5px 5px 5px;
}

/* Form */

#form {
	float:left;
	width:934px;
	background-color:#FFFFCC;
}

#form h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#003365;
	font-weight:normal;
	text-decoration:none;
	padding:15px 0px 5px 40px;
}

#form h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#f21f2e;
	font-weight:normal;
	text-decoration:none;
	padding:5px 40px;
}

#form p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:normal;
	text-decoration:none;
	padding:0px 5px 0px 40px;
}

#form a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#003365;
	font-weight:bold;
	text-decoration:none;
}

#form a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	padding:0px 40px;
}

.cssform p {
width: 750px;
clear: left;
margin: 0;
padding: 5px 0px 8px 0px;
padding-left: 180px; /*width of left column containing the label elements*/
height: 1%;
text-align: left;
}
 
.cssform label {
font-weight: bold;
float: left;
width: 220px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.label {
font-weight: bold;
float: left;
width: 220px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
width: 350px;
}

.cssform textarea {
width: 350px;
height: 100px;
}