@CHARSET "ISO-8859-1";

/*------------------------------------------------------------------------
// Grundlegende Vorgaben
//------------------------------------------------------------------------*/

html {
  margin: 0;
  padding: 0;
}		

body {
  margin: 0;
  padding: 0;
  background-color: #6e3c23;
  background-image:url(/img/arbeitsflaeche.jpg);
}

/*------------------------------------------------------------------------
// Surrounding
//------------------------------------------------------------------------*/

div#gimmick {
	position: absolute;
	z-index: 10;
}

div#kochbuch {
	position: absolute;
	z-index:3;
	text-align:right;
	width:100%;
}

div#menueleiste {
	position:absolute;
	z-index:10;
	background-image:url(/img/herdplatte.png);
	width:93px;
	height:550px;
}

div#menueleiste div#buttons {
	position:absolute;
	top:450px;
	left:8px;
}

div#infobox {
	position:absolute;
	z-index:10;
	background-image:url(/img/infobox.png);
	width: 505px;
	height: 154px;
	left: 180px;
}

div#infotext {
	position:absolute;
	font-size:9px; 
	font-family: Verdana;
	width: 280px;
	left:190px;
	top:15px;
}

/*------------------------------------------------------------------------
// Formular
//------------------------------------------------------------------------*/

div#form {
	position: absolute;
	z-index:10;
	background-image:url(/img/notizblock.png);
	width: 236px;
	height: 326px;
	left: 400px;
	top: 180px;
}

div#pencil {
	position: absolute;
	z-index:20;
	background-image:url(/img/stift.png);
	width: 148px;
	height: 332px;
	left: 300px;
	top: 225px;
}

div#formtext {
	position: absolute;
	z-index:30;
	top: 60px;
	left: 23px;
	width: 180px;
	height: 245px;
	font-family: Verdana;
	font-size:10px;
	color:#424023;
}

div#formtext p {
	margin-top:20px;
}

div#headline {
	font-size:13px;
	font-weight:bold;
}

input#email {
	border: 1px solid #ffb932;
	width:182px;
	height:20px;
	font-face: Verdana;
	font-size:14px;
}

input#captchatxt {
	border: 1px solid #ffb932;
	width:75px;
	height:20px;
	font-face: Verdana;
	font-size:14px;
}

div#captcha {
	float:left;
}

div#captchainput {
	float:right;
}

div#submit {
	margin-top:40px;
	float:right;
}

div#datenschutz {
	margin-top:40px;
	float:right;
	text-align:right;
	font-face:Verdana;
	font-size:9px;
	color:#003a3f;
	width:180px;
}

/*------------------------------------------------------------------------
// Fehlermeldungen
//------------------------------------------------------------------------*/

div#error {
	zoom:1;
	display:none;
}

div#success {
	zoom:1;
	display:none;
}

div#nodata {
	position:absolute;
	z-index:40;
	width:190px;
	height:169px;
	left: 700px;
	top: 230px;
	background-image:url(/img/postit.png);
	display:none;
}

div#erroremail {
	position:absolute;
	z-index:40;
	width:190px;
	height:169px;
	left: 700px;
	top: 230px;
	background-image:url(/img/postit.png);
	display:none;
}

div#errorcaptcha {
	position:absolute;
	z-index:40;
	width:190px;
	height:169px;
	left: 700px;
	top: 230px;
	background-image:url(/img/postit.png);
	display:none;
}

div#postittext {
	font-family: Verdana;
	font-size:11px;
	color:#424023;
	margin-left: 25px;
	margin-right: 10px;
	margin-top: 50px;
}

div#double {
	position:absolute;
	z-index:40;
	width:213px;
	height:212px;
	left: 405px;
	top: 230px;
	background-image:url(/img/postit_big.png);
	display:none;
}

div#saved {
	position:absolute;
	z-index:40;
	width:213px;
	height:212px;
	left: 405px;
	top: 230px;
	background-image:url(/img/postit_big.png);
	display:none;
}