@CHARSET "utf-8";

body {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

a:link {
	color: #000;
	text-decoration: none;
}

a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

td {
	font-size: 0.7em;
}
#container {
	width: 1000px;
	}

#header {
	background: #FFE4C4;
	font-weight: bold;
	font-size: 16px;
	color: #000;
	height: 80px;
	width: 990px; 
}

#header h1 {
	font-weight: bold;
	font-size: 16px;
	margin-top: 0;
	padding: 13px 0 0 85px;
}

#header p {
	margin: 0;
	padding: 12px 0 0 80px;
}

#leftside {
	#padding: 10px;
	width: 260px;
	float: left;
}

#rightside {
	padding: 14px;
	width: 70%;
	float: right;
}

#login {
	height: auto;
	width: 260px;
	border: 1px solid #FFE4C4;
}

#login .left {
	margin: 0 0 0 100px;
	float: left;
}

#login .right {
	margin: 0 20px 0 30px;
	text-align: center;
	float: center;
}

#information {
	height: 275px;
	width: 260px;
	border: 1px solid #FFE4C4;
	margin: 10px 0 0 0;
}

#information .ads {
	text-align: center;
}

#categories {
	height: auto;
	width: 260px;
	border: 1px solid #FFE4C4;
	margin: 10px 0 0 0;
}

#categories .folder {
	vertical-align: middle;
	margin: 3px 3px 3px 15px;
}

#actions {
	height: auto;
	width: 260px;
	border: 1px solid #FFE4C4;
	margin: 10px 0 0 0;
}

#actions .links {
	margin: 0 0 0 20px;
	line-height: 2.3;
}

#alphabet {
	height: auto;
	width: 260px;
	border: 1px solid #FFE4C4;
	margin: 10px 0 0 0;
}

#alphabet .talphabet {
	width: 80%;
	margin: 0 0 0 20px;
}

#search {
	height: auto;
	width: 260px;
	border: 1px solid #FFE4C4;
	margin: 10px 0 0 0;
}

#search fieldset {
	border: 0;
}

#search label {
	float: left;
	margin: 0 0 0 3px;
	padding: 0 0 15px 0;
	width: 120px;
}

.topbox {
	width: 100%;
	height: 20px;
	margin: 0;
	background: #FFE4C4;
	padding-top: 2px;
}

.topbox p {
	margin: 0 0 0 15px;
	font-weight: bold;
}


.topbox h2 {
	font-weight: bold;
	font-size: 12px;
	margin-top: 0;
	padding: 3px 0 0 10px;
}

#login .welcome {
	margin: 3px 0 5px 15px;
}

#login fieldset {
	border: 0px;
}

#login label {
	float: left;
	margin: 0 0 0 3px;
	padding: 0 0 15px 0;
	clear: both;
	width: 100px;
}

.inputbox {
	border: 1px solid #999;
	background: #FFF;
	font-size: 11px;
}

.formrow {
	margin: 0;
	width: 80%;
	float: left;
}

.inputbutton {
	font-size: 10px;
	font-weight: bold;
	margin-left: 175px;
}

#newrecipe {
	height: auto;
	width: 100%;
	border: 1px solid #FFE4C4;
	margin: 0 0 0 0;
}

#newrecipe .tnewrecipe {
	width: 100%;
	margin: 0;
}

#newrecipe td {
	line-height: 1.4;
}

#newrecipe .trecipename {
	background: #FFF8DC;
	font-weight: bold;
}

#newrecipe .tdate {
	width: 30%;
	font-size: 0.6em;
}

#newrecipe .tdate b {
	color: #666681;
}

#newrecipe .trating {
	width: 9%;
	font-size: 0.6em;
}

#newrecipe .trating b {
	color: #666681;
}

#newrecipe .tcat {
	width: 12%;
	font-size: 0.6em;
}

#newrecipe .tcat b {
	color: #666681;
}

#newrecipe .tcatname {
	width: 25%;
}

#newrecipe .spacer {
	width: 10px;
	background: #FFF8DC;
}

#newrecipe .nextprev {
	margin: 0 0 8px 20px;
	display: block;
	float: left;
}

#newrecipe .total {
	margin: 0 0 0 73%;
}

#control {
	margin: 3px 0 5px 0;
}

#randrecipe {
	width: 100%;
	height: auto;
	margin: 25px 0 0 0;
	border: 1px solid #FFE4C4;
}

#randrecipe .pic {
	// margin: 10px 0 0 50%;
	// position: relative;
	position: relative;
	top: 10px; // element gaat vanuit huidige positie 10 px naar beneden
//	right: 400px; // element gaat vanuit huidige positie 100px naar rechts
}

#randrecipe #inforecipe {
	margin: 0 0 5px 5px;
	float: left;
	height: auto;
	width: 75%;
}

#randrecipe #inforecipe ul li {
	margin: 0 0 13px 0;
}

#randrecipe #infobox {
	float: right;
	width: auto;
	height: auto;
	margin: 0 25px 0 0;
	border: 1px solid #FFE4C4;
}

#recipe {
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	border: 1px solid #FFE4C4;
}

#recipe .pic {
	// margin: 10px 0 0 50%;
	// position: relative;
	position: relative;
	top: 10px; // element gaat vanuit huidige positie 10 px naar beneden
//	right: 400px; // element gaat vanuit huidige positie 100px naar rechts

}

#recipe #inforecipe {
	margin: 0 0 5px 5px;
	float: left;
	height: auto;
	width: 75%;
}

#recipe #inforecipe ul li {
	margin: 0 0 13px 0;
}

#recipe #infobox {
	float: left;
	width: 70%;
	height: auto;
	margin: 0 25px 0 0;
	border: 1px solid #FFE4C4;
}

#infobox .left {
	float: left;
	margin: 0 15px 5px 15px;
}

#infobox .right {
	margin: 0 0 5px 0;
}

#recipe #ads250 {
	float: right;
	width: 250px;
	height: 250px;
	margin: 0 0 0 0;
	border: 1px solid #FFE4C4;
}


.bottombox {
	clear: both;
	margin: 0 0 0 5px;
	width: 100%;
	height: auto;
	text-align: center;
}

.bottombox .print, .save, .email, .talk {
	float: left;
	width: 20%;
	margin: 0 0 10px 0;
}

.bottombox img {
	vertical-align: middle;
}

.rating {
	margin: 0 10px 0 10%;
	border: 1px solid #FFE4C4;
	clear: both;
	width: 75%;
	height: 40px;
}

.rating .titlerating {
	background: #FFE4C4;
	width: 30%;
	height: 40px;
	text-align: center;
	float: left;
}

.rating .titlerating p {
	margin: 0;
	line-height: 3;
}

.rating .formrating {
	height: 20px;
	line-height: 1.5;
	margin-bottom: -16px;
}

.rating .formrating fieldset {
	border: 0;
	margin: 0;
}

.rating .formrating .radio {
	width: 10%;
	float: left;
	text-align: center;
	margin: 0;
}

.randspacer {
	clear: both;
	height: 10px;
}

.regform fieldset {
	border: 0;
	margin: 10px 0 0 0;
}

.regform legend {
	background: #FFE4C4;
}

.regform .formrow {
	margin: 0 0 0 2px;
}

.regform .formrow label {
	width: 100px;
	margin: 0 0 15px 0;
	float: left;
}

.regform .info {
	margin: 0 0 10px 10px;
}

.regform .error {
	margin: 10px 0 0 10px;
}

.regform .inputbutton {
	margin: 0 0 0 0;
}

.actErrors {
	margin: 10px 0 10px 10px;
}

.voteErrors {
	margin: 10px 0 10px 10px;
}

.forgotform fieldset {
	border: 0;
	margin: 10px 0 0 0;
}

.forgotform legend {
	background: #FFE4C4;
}

.forgotform .formrow {
	margin: 0 0 0 2px;
}

.forgotform .formrow label {
	width: 100px;
	margin: 0 0 15px 0;
	float: left;
}

.forgotform .info {
	margin: 10px 0 10px 10px;
}

.forgotform .error {
	margin: 10px 0 0 10px;
}

.forgotform .inputbutton {
	margin: 0 0 0 0;
}

.editform fieldset {
	border: 0;
	margin: 10px 0 0 0;
}

.editform legend {
	background: #FFE4C4;
}

.editform .formrow {
	margin: 0 0 0 2px;
}

.editform .formrow label {
	width: 120px;
	margin: 0 0 15px 0;
	float: left;
}

.editform .info {
	margin: 10px 0 10px 10px;
}

.editform .error {
	margin: 10px 0 10px 10px;
}

.editform .inputbutton {
	margin: 0 0 0 0;
}

.addform fieldset {
	border: 0;
	margin: 10px 0 0 0;
}

.addform legend {
	background: #FFE4C4;
}

.addform .formrow {
	margin: 0 0 0 2px;
}

.addform .formrow label {
	width: 120px;
	margin: 0 0 15px 0;
	float: left;
}

.addform .info {
	margin: 10px 0 10px 10px;
}

.addform .error {
	margin: 10px 0 10px 10px;
}

.addform .inputbutton {
	margin: 0 0 0 0;
}

.view .error {
	margin: 10px 0 10px 10px;
}

.view .label {
	margin: 0 0 10px 10px;
	width: 120px;
	float: left;
}

.view .info {
	margin: 0 0 10px 10px;
}

.view .recepten {
	margin: 10px 0 10px 10px;
}

.view .rood {
	color: #FF0000;
}

.verify #commentaar {
	margin: 0;
	border: 0;
}

.verify .inputbutton {
	margin: 0 0 0 0;
}

#commentaar {
	margin: 25px 0 0 0;
	border: 1px solid #FFE4C4;
}

#commentaar .tnewrecipe {
	width: 100%;
	margin: 0;
}

#commentaar td {
	line-height: 1.4;
}

#commentaar .trecipename {
	background: #FFF8DC;
	font-weight: bold;
}

#commentaar .tcomment {
	background: #FFF;
}

#commentaar .spacer {
	width: 10px;
	background: #FFF8DC;
}

#bbInfo p.info {
	margin: 10px 0 10px 10px;
}

#bbInfo table {
	margin: 10px 0 10px 10px;
}

#bbInfo  td {
	border: 1px solid #FFE4C4;
}

#bbInfo td.none {
	border: 0;	
}

#bbInfo {
	height: auto;
	width: 100%;
	border: 1px solid #FFE4C4;
	margin: 0 0 0 0;
}

#partners {
	height: auto;
	width: 100%;
	border: 1px solid #FFE4C4;
	margin: 0 0 0 0;
}

#partners p.info {
	margin: 10px 0 10px 10px;
}

#partners p.link {
	margin: 5px 0 5px 10px;
}

#searchAccount fieldset {
	border: 0;
	margin: 10px 0 10px 10px;	
}

#searchAccount .formrow {
	margin: 0 0 10px 0;
}

#searchAccount .inputbutton {
	margin: 0;
}

#searchAccount .info {
	margin: 10px 0 10px 10px;
}

#footer {
	clear: both;
	background: #FFE4C4;
	line-height: 2;
	font-weight: bold;
}

.error {
	margin: 10px 0 10px 10px;
}


#footer p {
	margin: 0;
}

#footer .left {
	float: left;
	background: #FFE4C4;
}

#footer .right {
	float: right;
	background: #FFE4C4;
}

.spacer {
	clear: both;
}

.hidden {
	display: none;
}