/* -------------  Layout CSS | Ralph Pfeifer | Kommunikations-Design ------------------
für optik-maisch.de -- Copyright 2010

Ralph Pfeifer
Kommunikations-Design
*/


/* -------- L A Y O U T ------------- */


/* -------- CONTENT COLUMNS ------------- */
@import url(maisch_columns.css);

/* -------- CONTENT COLUMNS ------------- */
@import url(maisch_standards.css);
@import url(maisch_contentFrames.css);

html, body {
	margin: 0;
	padding: 0;
}
body {
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 0.87em;
	color: #221E1A;
	background-color: #666666;
	background-image: url(../gfx/maisch_hg.gif);
	background-repeat: repeat;
	background-attachment: scroll;
}
div#centered {
	border: 0;
	width: 890px;
	text-align:left;
	position:relative;
	left:50%;
	margin-left:-445px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
}
#header {
	height: 202px;
	background-image: url(../gfx/maisch_header.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-bottom: 0px;
	background-color: #fff;
	background-attachment: scroll;
}
#header img.logolink {
	
}
#header img.logoprint {
	display: none;
	visibility: hidden;
}
.shadow-left,
.shadow-right {
	float: left;
}
.shadow-right {
	position: absolute;
	top: 0px;
	margin-left: 871px;
}


/*--------------- Navigation ---------------------*/
#navigation {
	width: 858px;
	background-image: url(../gfx/maisch_mainnavi_bg.gif);
	background-repeat: repeat-x;
	display: block;
	height: 26px;
}

#navigation ul {
	list-style: none;
	margin: 0px;
	width: 858px;
	padding: 0px;
}

#mainnavigation ul li {
	position: relative;
	padding: 0px;
	margin: 0px;
	float: left;
}
#mainnavigation ul li a {
	color: #000000;
	display: block;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-top: 4px;
	margin: 0px;
	width: 143px;
	text-align: center;
	background-image: url(../gfx/menuSpacer.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#mainnavigation ul li a:hover {
	background-image: url(../gfx/maisch_mainnavi_bg_hover.gif);
	background-repeat: repeat-x;
}
#mainnavigation ul li.act {
	background-image: url(../gfx/maisch_mainnavi_bg_hover.gif);
	background-repeat: repeat-x;
}


/* floating navigation */
#mainnavigation ul ul {
	position: absolute;
	z-index: 500;
	width: 142px;
}

#mainnavigation ul ul ul {
	position: absolute;
	top: 0px;
	left: 100%;
	z-index: 501;
}

#mainnavigation ul ul, #navigation ul li:hover ul ul, #navigation ul ul li:hover ul ul {
	display: none;
}
#mainnavigation ul li:hover ul, #navigation ul ul li:hover ul, #navigation ul ul ul li:hover ul {
	display: block;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity: 0.9;

	}
	
#mainnavigation ul li a {
	height: 1%;
}
#mainnavigation ul ul li {
	text-align: center;
	}
#mainnavigation ul ul li a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-bottom: 6px;
	padding-top: 4px;
	text-transform: none;
	background-image: url(../gfx/maisch_mainnavi_bg.gif);
	background-repeat: repeat-x;
}

#mainnavigation ul ul li.cur a {
	background-image: url(../gfx/maisch_mainnavi_bg_hover.gif);
	background-repeat: repeat-x;
}
#mainnavigation ul ul li a:hover {

}

/*--------- Metanavigation  ------------*/
#metanavigation {
	position: absolute;
	top: 165px;
	margin-left: 610px;
}
#metanavigation ul.metanavi {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#metanavigation ul.metanavi li {
	float: left;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
}
#metanavigation ul.metanavi li a {
	font-size: 0.71em;
	color: #dedbd1;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
	margin-right: 15px;
	margin-left: 0px;
	width: auto;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border-right: #dedbd1 solid 1px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#metanavigation ul li a:hover {
	color: #0095D1;
}
/**************** Content *****************/

#content-box {
	float: left;
	width: 858px;
}
#content {
	padding-top: 30px;
	padding-left: 50px;
	padding-right: 45px;
	padding-bottom: 25px;
	margin:	0px;
	color: #000000;
	background-image: url(../gfx/maisch_content_bg.jpg);
	background-repeat: no-repeat;
		background-color: #FFFFFF;

}
/*--------- FOOTER ------- */
#footer {
	height: 120px;
	color: #000000;
	background-image: url(../gfx/maisch_footer.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 50px;
	background-color: #FFFFFF;
}
#footer a {
	text-decoration: none;
	color: #0095D1;
}
#footer a:hover {
	color: #006F9C;
}
#footer .impressum {
	float: right;
	display: inline;
}
.clearer {
	clear: both;
	height: 0px;
	margin: 0px;
}
.contenttable th {
	text-align: left;
}

table.contenttable {
	border-collapse: collapse;

}
table.contenttable p {
	margin: 0px;
	padding:0px;
}
table.contenttable td,
table.contenttable th {
	vertical-align: top;
}