/* kölledesign 2008 _______________________________________________________ */

/* allgemeine browser angaben _________________________________________________ */

* {					
	margin:0;
	padding:0;
}

/* template ___________________________________________________________________ */


body {
	margin:0;
	overflow: auto;
}
#logo {
	margin:auto;
	width:800px;
	height:100px;
	background: no-repeat url(../bilder/logo.png);
	z-index:1;
}
#textfeld {
	position:absolute;
	top:120px;
	margin:0;
	width:800px;
	height:80px;
}
#textfeld02 {
	position:absolute;
	top:160px;
	margin:0;
	width:800px;
	height:80px;
}
#bestellfeld {
	position:absolute;
	top:2960px;
	margin:0;
	width:800px;
	height:130px;
}
#impressum {
	position:absolute;
	top:3050px;
	margin:0;
	width:800px;
	height:300px;
	z-index:10;
}
#datenschutz {
	position:absolute;
	top:3550px;
	margin:0;
	width:800px;
	height:300px;
	z-index:10;
}

/* typo ______________________________________________________________________ */

a, area {
	outline:none
}
p {
	color: #333333;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
	line-height: 17px;
}
p.unten {
	padding-top:210px;
}
h2 {
	font: normal 17px Verdana, Arial, Helvetica, sans-serif;
	color: #666600;
	letter-spacing: 0px;
	line-height: 25px;
	padding-top:0px;
	font-variant:normal;
	text-align:justify;
}
h3 {
	font: bold 17px Verdana, Arial, Helvetica, sans-serif;
	color: #666600;
	letter-spacing: 0px;
	line-height: 25px;
	padding-top:20px;
	font-variant:normal;
	text-align:justify;
}
h4 {
	font: normal 17px Verdana, Arial, Helvetica, sans-serif;
	color: red;
	letter-spacing: 0px;
	line-height: 22px;
	padding-top:0px;
	font-weight: bold;
	text-transform: uppercase;
	text-align:justify;
}
h1 {
	font: normal 17px Verdana, Arial, Helvetica, sans-serif;
	color: #666600;
	letter-spacing: 0px;
	line-height: 25px;
	padding-top:0px;
	font-variant:normal;
	text-align:justify;
}
h2 a {
	color:#333333;
	text-decoration: underline;
}
h2 a:hover {
	color:#990000;
	text-decoration: none;
}
p a {
	color:#333333;
	text-decoration: none;
}
p a:hover {
	color:#666600;
	text-decoration: none;
}
p.impressum {
	color:#333333;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
	line-height: 15px;
}
hr {
margin-bottom: 20px
}

/* inhalt ___________________________________________________________________ */

img {padding:10px 0 5px 0;}

#produkt_01{
	position:absolute;
	top:280px;
	margin:0;
	width:350px;
	height:335px;
	z-index: 2;
	background:url(../bilder/schnittchenbrettchen.jpg) left no-repeat;
}
#produkt_02{
	position:absolute;
	top:280px;
	margin:0 0 0 450px;
	width:350px;
	height:335px;
	z-index: 2;
	background:url(../bilder/kruemmeldombrettchen.jpg) left no-repeat;
}
#produkt_03{
	position:absolute;
	top:630px;
	margin:0;
	width:410px;
	height:435px;
	z-index: 4;
	background:url(../bilder/schnittchentablett.jpg) left no-repeat;
}
#produkt_04{
	position:absolute;
	top:630px;
	margin:0 0 0 450px;
	width:350px;
	height:570px;
	z-index: 4;
	background:url(../bilder/meindeins.jpg) right no-repeat;
}
#produkt_041{
	position:absolute;
	top:710px;
	margin:0 0 0 450px;
	width:100px;
	height:150px;
	z-index: 4;
	background:url(../bilder/meinsdeins.jpg) right no-repeat;
}
#produkt_05{
	position:absolute;
	top:1070px;
	margin:0;
	width:540px;
	height:335px;
	z-index: 6;
	background:url(../bilder/postkarten.jpg) left no-repeat;
}
#produkt_06{
	position:absolute;
	top:1420px;
	margin:0;
	width:540px;
	height:410px;
	z-index: 6;
	background:url(../bilder/streuer.jpg) left no-repeat;
}
#produkt_07{
	position:absolute;
	top:1420px;
	margin:0 0 0 450px;
	width:540px;
	height:410px;
	z-index: 6;
	background:url(../bilder/fettnapf.jpg) left no-repeat;
}
#produkt_08{
	position:absolute;
	top:1840px;
	margin:0;
	width:800px;
	height:410px;
	z-index: 6;
}
#produkt_09{
	position: absolute;
	top:2570px;
	width:800px;
	height:410px;
	z-index: 6;
}
#produkt_10{
	position: absolute;
	top:2950px;
	width:810px;
	height:410px;
	z-index: 6;
}
#produkt_11{
	position: absolute;
	top:3510px;
	width:810px;
	height:410px;
	z-index: 6;
}
#produkt_12{
	position: absolute;
	top:4070px;
	width:810px;
	height:410px;
	z-index: 6;
}
#produkt_13{
	position: absolute;
	top:4630px;
	width:810px;
	height:410px;
	z-index: 6;
}
#produkt_14{
	position: absolute;
	top:5180px;
	width:810px;
	height:410px;
	z-index: 6;
}
#produkt_15{
	position: absolute;
	top:5590px;
	width:810px;
	height:410px;
	z-index: 6;
}


/* menü ___________________________________________________________________ */

#menue {
	position:absolute;
	top:80px;
	margin:0;
	width:800px;
	height:30px;
}
p.menue {
	color:#333333;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
	line-height: 15px;
	padding: 0 20px 0 0;
	float: left;
}
p.menue a:hover {
	color:#990000;
}


/* formular ___________________________________________________________________ */



#mainForm 
{
	position: absolute;
	top:2040px;
	margin: 0;
	text-align: left;
	width: 800px;
	padding: 0;
	height: 500px;
}

ul
{
	list-style-type: none;
}

li
{
	padding-bottom: 30px;
	font:normal 12px Verdana,Arial, Helvetica, sans-serif;
	color:#333333;
	float: left;
	width: 250px;
	list-style-type: none;
}
li a
{	color:#333333;
	text-decoration: none;
}
li a:hover {
	color:#990000;
	text-decoration: none;
}



#mainFormError
{
	position: absolute;
	margin: 0;
	text-align: left;
	width: 400px;
}

input
{
	background-color: #FFFFFF;
	float: left;
	padding: 0 0 0 0;
	list-style-type: none;
	
}

input.mainFormError
{
	background-color: #99FF99;
}


textarea.mainFormError
{
	background-color: #99FF99;
}


select.mainFormError
{
	background-color: #99FF99;
}

label.kreuzfeld
{
	line-height:17px;
	padding:0;
	border:none;
	display:block;
	width: 190px;
	margin: 0 0 0 40px;
}
label.namensfeld
{
	line-height:17px;
	padding:0;
	border:none;
	display:block;
	width: 180px;
	margin: 0;
}

label.optionsfeld
{
	display:block;
	line-height:10px;
	margin:0;
	padding:2px 0 0 20px;
	width:200px;
}



input.formFieldStyle
{
	display:block;
	line-height:18px;
	margin:8px 0 0 3px;
	width:20px;
	height:15px;
}

#saveForm
{
	padding:0;
	width:170px;
}