@charset: "UTF-8";

/**************************************************
**                                                                                              **
** Stylesheet for maurerkunst.de                                         **
** author: Marc Weinreich, Holysoft Studios Ltd.             **
**                                                                                              **
**************************************************/



/***** General styles *****/

html, body {
	height:100%;
	behavior: url('stuff/ie6hover.html');
}

body {
	background: #000 url('images/bg_body.png') 50%;
	padding: 0;
	margin: 0;
	font-family: Georgia, serif;
	font-size: 12px;
}

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

a:hover {
	text-decoration: underline;
}

img {
	border: none;
	behavior: url('stuff/iepngfix.html');
}



/***** Page Layout *****/

#page {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	background: url('images/bg_page.jpg') 50% 0 no-repeat;
	text-align: center;

}

#navi {
	position: relative;
	width:800px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	background: url('images/navi_bg.jpg') no-repeat;
	text-align: left;
	padding: 0;
}

#navi2 {
	position: relative;
	width: 800px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	background: url('images/navi_bg_2_.jpg') no-repeat;
	text-align: left;
	padding: 0 ;
}       

#headline {
	width: 744px;
	height: 85px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

body > #headline { height: 87px; }

#content {
	width: 744px;
	margin-left: auto;
	margin-right: auto;
	background: url('images/bg_content.jpg') 50% 0 no-repeat #762503;
	text-align: left; 
}

#foot {
    width: 744px;
	margin-left: auto;
	margin-right: auto;
}



/***** Navigation *****/

#navi a , #navi2 a{
	margin: 0;
	padding: 0;
	margin-left: 1px;
	display: block;
	height: 45px;
	float: left;
}

#navi a#lang, #navi2 a#lang {
	margin-left: 15px;
	width: 18px;
	padding-top: 9px;
}

#navi > a#lang  {
	margin-left: 30px;
}

#navi2 > a#lang  {
	margin-left: 30px;
}

#navi a#home, #navi2 a#home {
	margin-left: 10px;
	width: 102px;
}

#navi a#projekte , #navi2 a#projekte {
	width: 157px;
}

#navi a#produkte, #navi2 a#produkte {
	width: 149px;
}

#navi a#diverses, #navi2 a#diverses {
	width: 144px;
}

#navi a#kontakt, #navi2 a#kontakt {
	width: 126px;
}




/***** Content layout *****/

/* needed for small content boxes with sidebar */
.box_and_bar {
	width: 739px;
	margin: 0 0 0 5px;
	border-collapse: collapse;
}

.box_and_bar td {
	vertical-align: top;
}

/* big content boxes  */

.content_box {
	overflow: visible;
	width: 733px;
	padding: 0;
	border-collapse: collapse;
	clear: both;
	margin: 0 0 0 5px;
}

.content_box .top {
	height:52px;
	background: url('images/content_box_top.jpg') 0 7px no-repeat;
	padding: 0;
	clear: both;
}

.content_box .top p {
	padding: 10px 0 0 0;
}

.content_box .content {
	background: url('images/content_box_middle.jpg') repeat-y;
	padding: 0 70px;
	margin: 0;
	width: 733px;
}		

.content_box .bottom {
	height: 25px;
	background: url('images/content_box_bottom.jpg') 50% 50% no-repeat;
}	

/* small content boxes (that leave room for the sidebar) */

.content_box_small {
	width: 553px;
	padding: 0;
	border-collapse: collapse;
	clear: both;
}

.content_box_small .top {
	height: 52px;
	background: url('images/content_box_small_top.jpg') 0 7px no-repeat;
	padding: 0;
	clear: both;
	padding: 0 19px;
}

.content_box_small .top p {
	padding: 10px 0 0 0;
}

.content_box_small .content {
	background: url('images/content_box_small_middle.jpg') repeat-y;
	padding: 0 19px;
	width: 553px;
}		

.content_box_small .bottom {
	height: 25px;
	background: url('images/content_box_small_bottom.jpg') 50% 50% no-repeat;
}

/* bottom bars for expandable content boxes */

.bottom2 {
	border-top: 1px solid #af937b;
	background: #bea086;
	text-align: right;
	display: block;
}

.bottom2 a {
	display: block;
	color: #000;
	text-decoration: none;
}

.bottom2:hover {
	border-top: 1px solid #ae4f0f;
	background: #d6904a;
	text-align: right;
}


/* search form on top of the topmost content box */

#search {
	float: right;
	height: 24px;
	width: 154px;
	background: url('images/search.gif') no-repeat;
	margin-top: -28px;
	margin-right: 20px;
	overflow: visible;
	position: relative;
	padding: 1px 0 0 11px;
	color: #f0e5cb;
}

#search img {
	padding-top: 3px;
}

#search form {
	position: absolute; 
	top: 0;
	left: 30px;
}

#search input.query {
	background: none;
	border: none;
	width: 100px;
	font-size: 12px;
	color: #f0e5cb;
}

/* adjustments for search form on small content box */

.content_box_small #search {
	height: 34px;
	width: 154px;
	margin-top: -2px;
}

/* image boxes */

div.img_box {
	width: 157px;
	background: #d2c29e;
	float: left;
	margin: 0 15px 15px 15px;
	padding: 5px 5px 1px 5px;
	text-align: center;
	color: #915745;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.6em;
	padding-bottom: 0.8em;
}

div.img_box:hover {
	background-color: #9e845f !important;
	color: #f0e5cb;
}

.img_box img {
	border: 1px solid #e9e2c8;
	margin-bottom: 5px;
}

.img_box a {
	color: #915745;
	text-decoration: none;
}

.img_box a:hover {
	color: #f0e5cb;
	text-decoration: none;
}

.img_box_empty {
	width: 157px;
	background: #d2c29e;
	float: left;
	margin: 0 15px 15px 15px;
	padding: 5px;
	text-align: center;
	color: #915745;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.6em;
	padding-bottom: 0.8em;
}

/* again, adjustments from above stuff for small content boxes */

.content_box_small div.img_box {
	width: 155px;
	height: auto;
	margin: 0 3px 6px 3px;
	font-weight: normal;
}

.content_box_small div.img_box:hover {
	background-color: #9e845f;
	color: #f0e5cb;
}

.content_box_small div.img_box  img {
	margin: 0;
}

.content_box_small div.img_box  div.text {
	height: 4.5em;
	padding-top: 5px;
}

.content_box_small .img_box_empty {
	width: 155px;
	height: auto;
	margin: 0 3px 6px 3px;
	font-weight: normal;
}

/* the sidebar */

#sidebar {
	width: 180px;
	background: url('images/sidebar.jpg') 0 0  no-repeat #530b01;
	height: 100%;
	text-align: center;
	padding: 0;
	margin: 0 0 0 5px;
	color: #d8c8a2;/*#f0e5cb;*/
}

#sidebar_content {
	width: 180px;
	padding: 8px 0 0 0;
}

/* submenu */

#sidebar ul {
	text-align: left;
	list-style-type: none;
	margin: 0 10px;
	padding: 0;
}

#sidebar ul li {
	background: url('images/sidebar_underline.jpg') 0 100% no-repeat;
	padding: 5px 2px;
	font-weight: bold;
}

#sidebar ul li a {	
	color: #caa07e;
	text-decoration: none;
}

#sidebar ul li a:hover {	
	color: #e9ae4a;
}

/* current subpage */

#current div {
	color: #e9ae4a;
}

/* sub-submenu */

#current ul {
	list-style-image: url('images/sidebar_bullet.gif');
	font-size: 0.9em;
}

#current ul li {
	background: none;
	padding: 5px 0;
	margin: 0;
	font-weight: normal;
	cursor: pointer;
}

#current ul li a {
	color: #edeacb;
	display: block;
}

#current ul li a:hover {
	color: #e9ae4a;
}

/* link to overview */

#backlink  {
	color: #e9ae4a;
}

#backlink a {
	color: #d8c7a3;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

/* leaving some space between elements directly beneath each other */

div.spacer {
	height: 9px;
	width: 100%;
}

div.spacer2x {
	height: 18px;
	width: 100%;
}

#teaser {
	clear: both;
}

#teaser_left {
	position: relative;
	width: 49%;
	float: left;
}

#teaser_right {
	position: relative;
	width: 49%;
	float: right;
}

.more_link {
	position: absolute;
	z-index: 5;
	bottom: 23px;
	right: 5px;
	text-align: center;
	color: #caa07e;
}

.more_link:hover {
	color: #732305;
}

.more_link a {
	background: url('images/teaser_bg.gif') no-repeat;
	color: #caa07e;
	text-decoration: none;
	display: block;
	height: 22px;
	width: 72px;
	padding: 3px;
}

.more_link a:hover {
	background: url('images/teaser_bg_hover.gif') no-repeat;
	color: #732305;
	text-decoration: underline;
}

#cb_1_h, #cb_2_h, #cb_3_h, #cb_4_h, #cb_5_h , #cb_6_h {
	cursor: pointer;
}