@charset "utf-8";

/* -------------------- basics -------------------- */

body {

		background-image:url(../images/background.jpg);
		background-repeat:repeat-x;
		background-color:#5f5853;
		
}

html, body, div, h1, h2, h3, h4, ul, ol, li, span, a, table, td, form, fieldset, img {

		margin:0 0 0 0;
		padding:0 0 0 0;
		
}

html {
	overflow-y:scroll;
}

/* -------------------- positionierung der seite im  browser -------------------- */

#wrapper {

		position: absolute;
		padding:0px;
		margin:0px 0px 0px -430px;
		left:50%;
		width:860px;
		height:100%;
		visibility:visible;

	
}

/* -------------------- freiraum über dem header -------------------- */

#overall {

		position:relative;
		width:860px;
		height:60px;
		
}

/* -------------------- header -------------------- */

#header {

		position:relative;
		width:860px;
		height:230px;
		background-image:url(../images/header.jpg);
		
}

/* -------------------- menü -------------------- */

#menu {

		position:relative;
		width:860px;
		height:55px;
		background-image:url(../images/menu_background.jpg);
		
}

/* -------------------- content -------------------- */

#content {

		position:relative;
		width:860px;
		background-image:url(../images/content_background.jpg);
		background-repeat:repeat-y;
		overflow:hidden;
		
}

#content_left {

		position:relative;
		padding:25px 15px 25px 75px;
		float:left;
		width:329px;
	
}

#content_right {

		position:relative;
		padding:25px 55px 25px 26px;
		float:left;
		width:360px;
		
}

.content_frisurenwahl {

		position:relative;
		padding:0px;
		width:360px;
		
}

/* -------------------- footer -------------------- */

#footer {

		position:relative;
		width:860px;
		height:30px;
		background-image:url(../images/footer_background.jpg);
		
}

#impressum {

		position:relative;
		padding-right:7px;
		width:853px;
		height:30px;
		text-align:right;		
}


/* -------------------- Shop -------------------- */

.form_left_2 {
	position:relative;
	width:110px;
	height:30px;
	float:left;		
}

.form_left_2 input,
.form_right_2 input {
	width:100px;		
}

.form_right_2 {
	position:relative;
	width:150px;
	height:30px;
	float:left;		
}

.leerraum {
	height:12px;
}

#shop .form_right_3 select {
	width:255px;
}

#shop .form_right_4 select {
	width:75px;
}

#shop .form_right input {
	width:250px;
}

#bestellung {
	text-align:center;
	padding:25px;
}

.hide {
	display:none;
}