/* ============================== Basics */
html, body{
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;}

body {color: #646464; font: 10px Arial, Sans-Serif;}

img {border: 0;}

a {text-decoration: none; color: #646464;}

p {margin: 0; padding: 0;}

div {height: auto;}

/* ============================== Div */

#wrapper {width: 766px; min-height: 100%;}
#hack {
	position: absolute; top: 150px; left: 150px;
	color: #DF2121;
	padding: 10px 10px;
	text-align: left;
	background-color: #FECBCB;
	border: 2px solid #DF2121;}
#switch {
	position: absolute; top: 25px; left: 650px;
	width: 60px;
	height: 25px;}
#contact{
	position: absolute; top: 94px; left: 745px;
}
#logo{
	position: absolute; top: 0px; left: 0px;
}
#language{
	position: absolute; top: 140px; left:320px;
	color: #FFFFFF; font: 10px Arial, Sans-Serif;
}
#language img{
	border: 2px solid #C6C6C6;
}

#head, #body, #bodycustomer, #footer {width: 750px;}


#body {text-align: center; background: white url(../img/body.png) left top repeat-x;}
#bodycustomer {text-align: center; background: white url(../img/body.png) left top repeat-x;}

#footer {
	padding-top: 76px;
	text-align: center;
	color: #CACAC4;
	font-size: 9px;
	background: transparent url(../img/st.png) right bottom no-repeat;}
/* ============================== Menu
 based on the Suckerfish Dropdowns
 by Patrick Griffiths, Dan Webb */

ul {
	position: absolute; top: 25px; left: 43px;
	padding: 0;
	margin: 0;
	list-style: none;}

li {position: relative; background: white; width: 70px; text-align: left;}

ul li {float: left;}

ul li ul li {float: none; width: 70px;}

li ul {display: none; position: absolute; top: 25px; left: 0;}

li a {display: block; padding: 6px 5px; color: #494949;}

li a:hover {color: #ffffff;}

li ul li a {padding: 3px 10px; height: 13px;}

li ul li a:hover {color: white; background: #C4E81C;}

li>ul {top: auto; left: auto;}


li:hover ul, li.over ul {display: block; background: white;}


/* ============================== Text */
#switch a.grass, a.default, a.sonne, a.stone, a.wood {
	display: block;
	float: left;
	margin-right: 2px;
	width: 10px;
	height: 25px;
	background: url(../img/bg/sw_none.png) no-repeat;}

#switch a.grass:hover {background: url(../img/bg/sw_grass.png) no-repeat;}

#switch a.default:hover {background: url(../img/bg/sw_default.png) no-repeat;}

#switch a.sonne:hover {background: url(../img/bg/sw_sonne.png) no-repeat;}

#switch a.stone:hover {background: url(../img/bg/sw_stone.png) no-repeat;}

#switch a.wood:hover {background: url(../img/bg/sw_wood.png) no-repeat;}

#contact a.copyright {
	display: block;
	float: left;
	margin-right: 2px;
	width: 61px;
	height: 255px;
	background: url(../img/bg/st2.jpg) no-repeat;}

#contact a.copyright:hover {
	background: url(../img/bg/st3.jpg) no-repeat;}


/* ============================== Misc */
.title {position: absolute; top: 75px; left: 30px;}

.line {position: absolute; left: 0;}
/* ============================== Input */

input {
	font-size : 10px; 	
	background-color:#F9F9F7;
	color:#646464;
	border:solid 1px #646464;
	font-family:arial;
	padding: 2px;
	}
submit {

	font-size : 10px;
	font-style: normal;
	color:#646464;
	border:solid 1px #4f4f4f;
	font-family:arial;
	}
textarea {
	font-size : 10px;
	font-style: normal;
	color:#646464;
	background-color:#F9F9F7;
	border:solid 1px #646464;
	font-family:arial;	
	width:228px;
	padding: 2px;
	}
#zusatz {
	width: 500px;
	height: 600px;
	background: url(../img/ich.png) no-repeat;
	position: absolute;
	left:620px;
	top: 60px;
	padding: 26px;
	padding-top: 50px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#zusatz table {
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}