/***********************************************/
/* Grundaufbau */
/***********************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #fff;
	background-image: url(../gfx/layout/bg_site.jpg);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
}


/***********************************************/
/* Hyperlinks */
/***********************************************/
a, a:visited {
	color: #fff;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

/***********************************************/
/* Wrapper fuer das Gesamtlayout */
/***********************************************/
#wrapper {
	width: 63em;
	background-color: #c19e6f;
	margin: 0 auto;
}


/***********************************************/
/* Header */
/***********************************************/
#header {
	width: 62em;
	height: 23em;
	margin: 0 .5em .5em .5em;
	background-image: url(../gfx/layout/bg_header.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#subnavigation {
}

#subnavigation ul {
	margin: 0 0 0 43em;
	padding-top: 0;
}

#subnavigation li {
	display: inline;
}

#subnavigation li a, #subnavigation li a:visited {
	color: #693013;
	text-decoration: none;
	font-size: .8em;
}

#subnavigation li a:hover { text-decoration: underline; }


/***********************************************/
/* Navigation */
/***********************************************/
#navigation {
	width: 63em;
	height: 3em;
	background-color: #693013;
}

#navigation ul { 
 	margin: .5em 0 0 26em; 
	padding-top: 1em;
}

#navigation li {
	display: inline;
	font-weight: bold;
}

.hobel {
	width: 12em;
	height: 6em;
	position: relative;
	margin: -7.8em 0 0 1.5em;
	background-image: url(../gfx/layout/navi_hobel.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}


/***********************************************/
/* Content */
/***********************************************/
#wrapperContent {
	width: 60em;
	margin: 1.8em 1.5em 5em 1.5em;
}

#content { width: 60em; }

#content h1, #content h2 {
	color: #693013;
	font-style: italic;
	font-size: 1.2em;
	font-variant: small-caps;
}

#content p {
	font-size: .85em;
	color: #693013;
}

.boxLeft {
	width: 29em;
	float: left;
}

.boxRight {
	width: 29em;
	float: right;
}

/***********************************************/
/* Footer */
/***********************************************/
#footer {
	width: 63em;
	height: 5.2em;
	margin: 0 0 2em 0;
	background-color: #693013;
}

.schrift { 
	margin: -8.8em 0 0 2em; 
	float: left;
}

.tischlerinnung {
	width: 11em;
	height: 14em;
	float: right;
	margin: -8.5em 1em 0 0;
	background-image: url(../gfx/layout/balken_tischlerinnung.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#copyright {
	font-size: .8em;
	color: #693013;
	margin: 6em 0 0 3em;
	padding-bottom: 6em;
}

#copyright a, #copyright a:visited { color: #693013; }


/***********************************************/
/* Formularelemente */
/***********************************************/
.labelAbstand {
	width: 8em;
	float: left;
}

.textfeld {
	font-size: .85em;
	color: #000;
	background-color: #ecddc9;
	width: 16em;
}

textarea {
	font-size: .85em;
	color: #000;
	background-color: #ecddc9;
	width: 26em;
	height: 10em;
}


/***********************************************/
/* Wiederkehrende Elemente */
/***********************************************/
.fllft {
	float: left;
	margin-right: 1.5em;
}