/**
 * Stylesheet for Restaurant Pizzeria Bruthendler
 *
 * Screen/Projection Stylesheet
 *
 * @author		akanai web technologies
 * @link			http://www.bruthendler.com
 * @copyright	Restaurant Pizzeria Bruthendler
 * @developer	Copyright 2010, akanai web technologies
 */
 
/**
 * Global properties and bugfixes
 */

/* set global values */
* {
	padding: 0;
	margin: 0;
}

fieldset, img {
	border: none;
}

body {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0c0b0b;
	background: url('../img/bkg.gif') repeat-x #e5e3ce 0px 300px;
}

.akanai {
	position: absolute;
	width: 23px;
	height: 35px;
	left: 7px;
	bottom: 38px;
}

.bkg-left {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -693px;
	background: url('../img/bkg_left.jpg') no-repeat top left;
	width: 220px;
	height: 1019px;
	overflow: hidden;
}

.bkg-right {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: 473px;
	background: url('../img/bkg_right.jpg') no-repeat top left;
	width: 70px;
	height: 700px;
	overflow: hidden;
}

.box h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	text-transform: uppercase;
	color: #363636;
	padding: 49px 10px 11px 33px;
	background: url('../img/nav_active.gif') no-repeat 10px 50px;
}

.box-left {
	position: relative;
	float: left;
	width: 260px;
	margin-left: 50px;
}

.box-right {
	position: relative;
	float: right;
	width: 280px;
}

.clr-both {
	clear: both;
}

.clr-both, .clr-left {
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.clr-left {
	clear: left;
}

.col-left {
	position: absolute;
	z-index: 1;
	width: 259px;
	top: 178px;
	left: 18px;
}

.content {
	width: 615px;
	padding: 330px 0 0 314px;
	min-height: 600px;
}

.content a {
	color: #bf1e1e;
	text-decoration: underline;
}

.content a:hover {
	text-decoration: none;
}

.content h1 {
	padding-top: 20px;
}

.content h1 span, .content h2 span {
	display: none;
}

.content h2 {
	padding-top: 10px;
}

.content p {
	line-height: 21px;
	padding: 6px 0;
}

.content li {
	line-height: 21px;
	padding-left: 13px;
	background: url('../img/list.gif') no-repeat 5px 9px;
}

.content ul {
	padding: 6px 0;
	list-style-type: none;
}

.footer {
	background: url('../img/bkg_footer.gif') no-repeat bottom left;
	padding: 10px 17px 50px 104px;
}

.footer a {
	color: #0c0b0b;
	text-decoration: none;
}

.footer a:hover {
	color: #bf1e1e;
}

.footer h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 15px;
	color: #bf1e1e;
}

.footer p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 20px;
	color: #0c0b0b;
	padding-bottom: 5px;
}

.header {
	position: absolute;
	z-index: 1;
	background: url('../img/bkg_header.gif') no-repeat top left;
	width: 615px;
	height: 120px;
	top: 217px;
	left: 314px;
}

.header .more {
	position: absolute;
	z-index: 3;
	width: 40px;
	height: 27px;	
}

.header .slogan {
	position: absolute;
	z-index: 2;
	background: no-repeat top left;
	width: 494px;
	height: 229px;
	margin: -167px 0 0 69px;
}

.lang {
	position: absolute;
	z-index: 2;
	width: auto;
	top: 11px;
	left: 45px;
	line-height: 16px;
	font-size: 11px;
}

.lang a {
	color: #0c0b0b;
	text-decoration: none;
	text-transform: lowercase;
	padding: 0 8px;
}

.lang a:hover {
	text-decoration: underline;
}

.lang a.active {
	color: #b31212;
}

.lang a.active:hover {
	text-decoration: none;
}

.logo {
	position: absolute;
	z-index: 3;
	width: 393px;
	height: 95px;
	top: 83px;
	left: 33px;
}

.nav {
	background: url('../img/bkg_nav.gif') no-repeat left bottom;
	padding: 112px 0 30px 0;
}

.nav ul {
	list-style: none;
}

.nav ul li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	text-transform: uppercase;
}

.nav ul li a {
	display: block;
	color: #363636;
	text-decoration: none;
	line-height: 14px;
	padding: 11px 10px 11px 34px;
}

.nav ul li a:hover {
	color: #b31212;
}

.nav ul li.active a {
	background: url('../img/nav_active.gif') no-repeat 10px 11px;
	color: #b31212;
}

.newsletter {
	border-spacing: 3px;
	margin: 5px 0 0 31px;
}

.newsletter a {
	color: #bf1e1e;
	text-decoration: underline;
}

.newsletter a:hover {
	text-decoration: none;
}

.newsletter td {
	font-size: 10px;
}

.seperator {
	height: 44px;
	background: url('../img/seperator.gif') no-repeat top left;
}

.white {
	background-color: #f5f4ee;
}

.wrap {
	position: relative;
	width: 946px;
	margin: 0 auto;
	padding-bottom: 10px;
}

/* FORM */
input, select {
	vertical-align: middle;
}

input[type=text], input[type=file], input[type=password], input[type=button], input[type=reset], input[type=submit], select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3a3a3a;
	background-color: #fff;
	border: 1px solid #d7cdcb;
}

input[type=button], input[type=reset], input[type=submit] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3a3a3a;
	background-color: #fff;
	padding: 2px 5px;
	border: 0;
	background-color: transparent;
}

input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
	color: #b31212;
	cursor: pointer;
}

input[type=text], input[type=password] {
	padding: 3px 5px;
}

input[type=text]:focus, input[type=file]:focus, input[type=password]:focus, select:focus, textarea:focus {
	border: 1px solid #b31212;
}

option {
	padding: 0 3px;
}

textarea {
	padding: 3px;
}

/* FORM */
.csc-mailform-field {
	clear: left;
	padding-bottom: 5px;
}

.csc-mailform-field label {
	float: left;
	text-align: right;
	width: 100px;
	padding: 3px 5px 0 0;
}

.csc-mailform-field textarea {
	width: 250px;
	height: 70px;
}

.csc-mailform-submit {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	margin-left: 305px;
}

#mailformname, #mailformemail, #mailformtelefon {
	width: 246px;
}

/* Facebook */
.facebook {
	float: left;
	width: 200px;
}