/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
body {padding: 0 0 100px 0; background:url(../img/background.jpg) no-repeat #f7f4ed; background-position: bottom; background-attachment:fixed;}
img {margin: 0 14px 0 0;}
a {color: #5e3d12}
a:hover {color: #000;}
hr {text-align: left;}

/* `Frequently modified
----------------------------------------------------------------------------------------------------*/
.small {font-size:11px;}
.center {text-align: center;}
.left {float: left;}
.right {float: right;}
.red {color: red;}

/* `Layout
----------------------------------------------------------------------------------------------------*/
.box {border: solid #fff 1px; background: #fff;}
.head_westlife, .head_europa, .head_haeuser, .head_grundrisse, .head_kontakt {height:563px;}
.head_westlife {background: url(../img/header_westlife.jpg);}
.head_europa {background: url(../img/header_europa.jpg);}
.head_haeuser {background: url(../img/header_haeuser.jpg);}
.head_grundrisse {background: url(../img/header_grundrisse.jpg);}
.head_kontakt {background: url(../img/header_kontakt.jpg);}
	.logo {margin: 15px 0 0 15px; float: left;}
	.bigheadline {margin: 90px auto 0 544px; padding: 4px 0 0 8px; background-color: #fff; text-transform:uppercase; letter-spacing: normal; }
	.smallheadline {margin: 5px auto 0 544px; padding: 2px 0 0 7px; background-color: #fff;}
.menu {padding: 0; margin-top: 1px; font-size: 14px; letter-spacing:0.1em; background:url(../img/menubg.jpg) repeat-x; background-position:bottom;}
	.menu ul {list-style-type: none;}
	.menu ul li {margin: 0; float: left; line-height: 44px; border-right: solid 1px #5f3d12}
	.menu ul li a {color: #222; display: block; padding: 0 18px 0 18px; text-decoration: none; background:url(../img/menubg.jpg) repeat-x; background-position:bottom;}
	.menu ul li a:hover {color: #222; background-position: center !important;}
	.active {background-position: top !important;}
	.rightbutton {vertical-align: bottom; float:right !important; border-right: none !important; border-left: 1px solid #fff;}
.leftcontent {margin: 20px 0 10px 20px;}
	.bar {height: 3px; width: 450px; margin: 20px 0 0 0; background-color: #666;}
.rightcontent {margin: 20px 20px 20px 20px; padding: 10px 8px 4px 12px; background: #FFF1DF; border: dotted 1px #5f3d12; }
.footer {height:150px; background: #FFF1DF; border-top: 1px dotted;}
	.footercontent {padding: 20px 0 0 0}
	.footercontent ul {padding: 15px 15px 0 0; font-size: 14px; list-style-type: none;}
	.footercontent ul li a {text-decoration: none;}

/* `Contact-form
----------------------------------------------------------------------------------------------------*/
form div {margin: 0 0 10px 0;}
form input, textarea, select {width: 300px; background-color: #FFF1DF; border: 1px solid #5f3d12; }
form select {width: 100px;}
.leftdiv {float: left; width: 100px;}
.button {width: 100px;}
.leftmargin {margin-left: 100px;}
.error {width: 936px !important; border: 2px dashed #f00; text-align: center; background-color: #FFF1DF; margin: 1px 0 2px 0 ;}