html {
	height: 100%;
	overflow: auto;
}
body, table, form {
	font-family: Arial,Helvetica,Geneva;
	text-transform: lowercase;
	font-size: 1em;
	color: #6a7070;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
body {
	background: #6a7078 50% 50% no-repeat;
	width: 100%;
	height: 100%;
	float: left;
	font-size: 0.7em;
}
img {
	border: none;
}
a {
	outline: none;
}

body.bg01 { background: #edf3f1 url(images/bg01.jpg) 50% top no-repeat; }
body.bg02 { background: #edede5 url(images/bg02.jpg) left 50% no-repeat; }
body.bg03 { background: #6c9494 url(images/bg03.jpg) 50% 50% no-repeat; }
body.bg04 { background: #e1e49d url(images/bg04.jpg) left bottom no-repeat; }
body.bg05 { background: #e2eaec url(images/bg05.jpg) right 50% no-repeat; }
body.bg06 { background: #d8d9b1 url(images/bg06.jpg) right bottom no-repeat; }
body.bg07 { background: #e7f6f9 url(images/bg07.jpg) 50% 50% no-repeat; }
body.bg08 { background: #e5f4c9 url(images/bg08.jpg) right bottom no-repeat; }
body.bg09 { background: #a7a37e url(images/bg09.jpg) left bottom no-repeat; }


/***************************** SITE *************************/
#site {
	width: 100%;
	min-width: 830px;
	height: 330px;
	float: left;
	padding: 0px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: -165px;
}
#main {
	margin-right: -110px;
	float: left;
	height: 100%;
	background: #ffffff;
	padding: 0px;
	width: 100%;
	
	position: relative;
}
#leftbar {
	height: 100%;
	width: 110px;
	background: #572600;
	/*background:#be854c;*/
	margin: 0px;
	padding: 0px;
	float: left;
}

/***************************** HEADER *************************/
#header {
	width: 100%;
	height: 182px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#portrait {
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
}
*html #portrait {
	margin: 0px 10px 0px 0px;
}

div.text {
	width: 350px;
	float: left;
	margin: 8px 0px 0px 10px;
	padding: 0px;
}
div.left_text {
	width: 40%;
	float: left;
	margin: 20px 0px 0px 20px;
	padding: 0px 0px 0px 10px;
	border-left: 10px solid #572600;
}
div.right_text {
	float: right;
	width: 40%;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	border-left: 10px solid #572600;
}
p {
	margin: 0px;
	padding: 0px;
	color: #6a7070;
}
a {
	text-decoration: none;
	color: #6a7070;
}
a:hover,
a:active,
a:focus {
	color: #572600;
	text-decoration: underline;
}
address {
	margin: 35px 0px 0px 5px;
	width: 100px;
	height: 90px;
	float: left;
	text-align: left;
	font-style: normal;
	font-family: Arial,Helvetica,Geneva;
	color: #6a7070;	
}	
em {
	text-decoration: underline;
	font-style: normal;
}
#impressum {
	float: left;
	width: 750px;
	margin: 0px;
	padding: 0px;
	display: inline;
}

.plan_skizze {
	display: inline;
	margin: 20px 0px 0px 45px;
	padding: 0px;
	float: left;
	border: 1px solid #cccccc;
}
#plan_lightbox {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
}
#plan_lightbox img {
	float: left;
}
#zoomin,
#zoomout {
	position: absolute;
	bottom: 5px;
	left: 10px;
	width: 46px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	background: url(images/zoom.gif) left top no-repeat;
}
#zoomout {
	display: none;
}

/***************************** FOOTER *************************/
#footer {
	height: 148px;
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-top: 2px solid #6a7070;
}


/***************************** NAVIGATION *************************/
#navigation {
	display: inline;
	float: left;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style: none;
}
#navigation li a {
	display: inline;
	margin: 7px 5px 0px 5px;
	padding: 0px;
	float: left;
	text-align: left;
	text-decoration: none;
	color: #6A7078;
	list-style: none;
	text-align: left;
}
#navigation li {
	float: left;
	text-align: left;
	border-left: 2px solid #6A7070;
	list-style:none;
	font-size: 1.1em;
}
#navigation ul.unternavi li.active a,
#navigation ul.unternavi li a:hover,
#navigation ul.unternavi li a:active,
#navigation ul.unternavi li a:focus,
#navigation li.active a,
#navigation li a:hover,
#navigation li a:active,
#navigation li a:focus {
	color: #572600;
}
#navigation ul.unternavi li.active a,
#navigation li.active a {
	cursor: default;
}
#navigation ul.unternavi {
	float: left;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	display: inline;
	text-align: left;
	clear: both;
	
}
#navigation ul.unternavi li {
	display: block;
	border: none;
	float: none;
	font-size: 0.8em;
	clear: both;
}
#navigation ul.unternavi li a {
	margin: 0px 5px 2px 5px;
	color: #6A7078;
	cursor: pointer;
}

#logo {
	background: url(images/w_architekten-logo.gif) no-repeat;
	width: 217px;
	height: 42px;
	float: right;
	margin: 5px 115px 0px 0px;
	padding: 0px;
	display: inline;
	text-indent: -9999px;
}
#lightbox_logo{
	background: none;
	margin: 80px 0px 0px 0px;
	padding: 0px;
	float: left;
	width: 300px;
	height: 19px;
	display:inline;
	text-indent: -9999px;
}

/***************************** Startseite *************************/

#startseite {
	position: absolute;
	right: 120px;
	bottom: 10px;
	overflow: hidden;
	float: right;
	
	width: 300px;
}
* html #startseite {
	position: relative;
	bottom: -30px;
}
#startseite #logo {
	margin-right: 0px;
	float: left;
}

#startseite ul {
	list-style: none;
	float: right;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	white-space: nowrap;
}
#startseite li {
	font-weight: bold;
	float: left;
	width: 100%;
	overflow: hidden;
}
#startseite li a {
	color: #9A9D9F;	
	text-decoration: none;
}
#startseite li a:hover,
#startseite li a:active,
#startseite li a:focus {
	color: #572600;
	text-decoration: none;
}


.flyout {
	text-indent: 300px;
}
.flyin {
	text-indent: 50px;
}


/*************************************************Bilder-Projekte********************************/

#projekte {
	width: 100%;
	overflow:auto;
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
	height: 100%;
}
#projekte ul {
	height: 160px;
	width: 2400px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#projekte li {
	margin: 0px 20px 0px 20px;
	padding: 0px;
	display: inline;
	float: left;
}
#projekte ul li a {
	float: left;
	text-decoration: none;
	color: #6A7078;
	list-style: none;
	text-align: left;
	min-height: 125px;
	/* width: 160px; */
	text-align: center;
	border-left: 8px solid #FFFFFF;
}
#projekte img {
	/* height: 120px;
	width: 160px; */
	padding: 0px;
	margin: 20px 0px 8px 0px;
}
#projekte span {
	display: block;
	max-width: 130px;
}
#projekte a:hover {
	border-color: #572600;
}

/*************************************************Formular********************************/
form {
	clear: both;
	padding: 10px 0px 0px 0px;
}
form fieldset{
	border: 0px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 600px;
}
form label {
	float: left;
	width: 60px;
	text-align: left;
	margin: 0px 0px 0px 25px;
	padding: 0px;
	cursor:pointer
	display: inline;
}
form input, form textarea, form select {
	font-family: Arial,Helvetica,Geneva;
	text-transform: lowercase;
	font-size: 1em;
	color: #6a7070;
	background-color: #ffffff;
	border: 1px solid #572600;
	margin: 0px 0px 5px 0px;
	padding: 1px 0px 1px 4px;
}
form input:focus, form textarea:focus, form select:focus {
	border: 1px solid #000000;
	color: #323232;
	border-left:12px solid #572600;
}
form input {
	width: 150px;
	height: 20px;
	text-align: left;
	border-left: 12px solid #572600;
	display: inline;
	float: left;
}
form textarea {
	width: 200px;
	height: 115px;
	border-left: 12px solid #572600;
	font-size: 1em;
	scroll:auto;
	float: right;
}
.nachricht {
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: left;
	cursor:pointer	
	display: inline;
	width: 310px;
}
*html .nachricht {
	margin: 0px 0px 0px 40px;
	padding: 0px;
}
.abschicken {
	margin: 40px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
}

form input.submit,
form input.reset {
	font-size: 1em;
	width: 60px;
	height: 18px;
	margin-left: 85px;
	cursor: pointer;
	border: 1px outset #323232;
	color: #323232;
	text-align: center;
	cursor: pointer;
	display: inline;
}
form input.submit:focus,
form input.reset:focus {
	border: 1px inset #323232;
}
form input.reset {
	margin-left: 2px;
}


/*********************************************LIGHTBOX***************************************************/
#lightbox {
/*
	height: 540px;
	width: 844px;
*/
	height: 100%;
	width: 100%;
	float: left;
	background: #ffffff;
	margin: 0px;
	padding: 0px;
}
* html #lightbox {
	width: 840px;
}
#left_lightside {
	float: left;
	width: 300px;
	height: 392px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	display: inline;
}
#left_lightside #lightbox_logo {
	margin: 0px 0px 0px 0px;
	padding: 80px 0px 0px 0px;
	float: left;
	width: 312px;
	height: 19px;
	border-left: 8px solid #572600;
	background-position: bottom right;
}
#left_lightside p.box {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	font-size: 1.4em;
}
#right_lightside {
	float: right;
	width: 500px;
	height: 375px;
	overflow: hidden;
}
#right_lightside img {
	float: right;
	display: inline;
	margin: 0px;
	padding: 0px;
}
#lightbox_footer ul {
	float: left;
	height: 110px;
	width: 810px;
	margin: 20px 0px 0px 10px;
	padding: 0px;
	display: inline;
}
#lightbox_footer li {
	margin: 0px 6px 0px 6px;
	padding: 0px;
	display: inline;
	float: left;
}
#lightbox_footer ul li a {
	float: left;
	text-decoration: none;
	list-style: none;
	text-align: left;
}
p.mail {
	text-align: left;
	margin: 40px 0px 0px 10px;
	padding: 0px;
}
p.fehler {
	text-align: left;
	margin: 30px 0px 0px 10px;
	padding: 0px;
}

div#mb_contents, div#mb_center, div#mb_bottom {
	background-color: #582601 !important;
}
div#mb_contents, div#mb_bottom {
	border: 1px solid #582601 !important;
}
div#mb_caption {
	color: #ffffff !important;
	text-transform: none !important;
	line-height: 27px !important;
	margin: 0px 75px 0px 5px !important;
}