body {
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight: normal;
	text-align: left; 
	vertical-align: top;
	color: #fff;
	line-height: 20px;
	height: 100%;
	margin: 0px;
	background: #c25923 url(images/navigation/background_page.jpg) repeat top fixed;
	}

* {
   behavior: url(iepngfix.htc);
	}
	
img {
   border: 0;
	}

	
/*img, div {
   behavior: url(iepngfix.htc);
   border: 0;
	}*/

a:Link {
	color: #CA0A1D;
	font-weight: normal;
	text-decoration: none;
	}

a:Visited {
	color: #CA0A1D;
	font-weight: normal;
	text-decoration: none;
	}

a:Hover {
	color: #CA0A1D;
	font-weight: bold;
	text-decoration: none;
	}


/* --- HEADER ELEMENTS -- */


.MainWrapper {
	width: 1024px;
	height: 100%;
	border: 0px solid white;
	margin: 0 auto;
	}


.HeadMenuWrapper {
	width: 1024px;
	height: 40px;
	border: 0px solid red;
	position: relative;
	z-index: 0;
	}

.HeroWrapperHome {
	width: 1024px;
	height: 366px;
	border: 0px solid red;
	position: relative;
	z-index: -1;
	background: url(images/navigation/hero_home.png) no-repeat;
	}
	
.HeroWrapperLeistungen {
	width: 1024px;
	height: 366px;
	border: 0px solid red;
	position: relative;
	z-index: -1;
	background: url(images/navigation/hero_leistungen.png) no-repeat;
	}
	
.HeroWrapperInoDesign {
	width: 1024px;
	height: 366px;
	border: 0px solid red;
	position: relative;
	z-index: -1;
	background: url(images/navigation/hero_inodesign.png) no-repeat;
	}

.HeroWrapperInoPlus {
	width: 1024px;
	height: 366px;
	border: 0px solid red;
	position: relative;
	z-index: -1;
	background: url(images/navigation/hero_inoplus.png) no-repeat;
	}

.HeroWrapperInoWin {
	width: 1024px;
	height: 366px;
	border: 0px solid red;
	position: relative;
	z-index: -1;
	background: url(images/navigation/hero_inowin.png) no-repeat;
	}
	
.HeroWrapperInoService {
	width: 1024px;
	height: 366px;
	border: 0px solid red;
	position: relative;
	z-index: -1;
	background: url(images/navigation/hero_inoservice.png) no-repeat;
	}
	
.HeroWrapperSchmedeke {
	width: 1024px;
	height: 366px;
	border: 0px solid red;
	position: relative;
	z-index: -1;
	background: url(images/navigation/hero_schmedeke.png) no-repeat;
	}
	
.HeroWrapperReferenzen {
	width: 1024px;
	height: 366px;
	border: 0px solid red;
	position: relative;
	z-index: -1;
	background: url(images/navigation/hero_referenzen.png) no-repeat;
	}
	
.HeroWrapperDownloads {
	width: 1024px;
	height: 366px;
	border: 0px solid red;
	position: relative;
	z-index: -1;
	background: url(images/navigation/hero_downloads.png) no-repeat;
	}
	
	
.HeroWrapperDownloadsSecure {
	width: 1024px;
	height: 366px;
	border: 0px solid red;
	position: relative;
	z-index: -1;
	background: url(images/navigation/hero_downloads_secure.png) no-repeat;
	}



/* --- MAIN MENU --- */

	
.MainMenuWrapper {
	width: 898px;
	height: 49px;
	margin: -56px auto 0;
	padding: 0;
	z-index: 10;
	background: url(images/navigation/background_headmenu_home.png) no-repeat;
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFF;
	line-height: 36px;
	text-decoration: none;
	}

.MainMenuWrapper ul {
	padding: 17px 0 0 20px;
	margin: 0 auto;
	list-style: none;
}

.MainMenuWrapper ul li {
	padding-right: 30px;
	display: inline;
}

.MainMenuWrapper ul li a {
	color: #f3e4ce;
	text-decoration: none;
	font-weight: normal;
}

.MainMenuWrapper ul li a:Visited {
	color: #f3e4ce;
	text-decoration: none;
	font-weight: normal;
}

.MainMenuWrapper ul li a:Hover {
	padding-bottom: 5px;
/*	border-bottom: 2px solid #eee4d7;*/
	color: #ffffff;
	font-weight: normal;
}

.MainMenuWrapper ul li a#active {
	color: #FFF;
	padding-bottom: 2px;
	border-bottom: 8px solid #f4ede4;
	font-weight: normal;
	text-decoration: none;
	font-size: 20px;
}


/* --- CONTENT ELEMENTS -- */



.ContentWrapper {
	width: 914px;
	margin: 0 auto;
	padding: 0;
	border: 0px solid green;
	color: #7a482d;
/*	color: #957344;*/
	}


.ContentShadowLeft {
	width: 8px;
	padding: 0;
	margin: 0;
	background: url(images/navigation/content_shadow_left.png) repeat-y;
} 

.ContentShadowRight {
	width: 8px;
	padding: 0;
	margin: 0;
	background: url(images/navigation/content_shadow_right.png) repeat-y;
} 

 .ContentCell {
	width: 858px;
	padding: 20px;
	margin: 0;
	background: #e5dacb url(images/navigation/background_content.gif) top repeat-x;
} 

 .Content {
 	float: left;
	width: 658px;
	padding: 0;
	margin: 0;
} 

 .ContentNoSideMenu {
 	float: left;
	width: 858px;
	padding: 0;
	margin: 0;
} 

.ContentBottom {
	clear: left;
	margin: 0 auto;
	width: 914px;
	height: 8px;
	background: url(images/navigation/content_shadow_bottom.png) no-repeat;
	}


/*--- COLUMNS ---*/


.ThreeColumns1 {
	clear: left;
	float: left;
	width: 202px;
	padding-top: 10px;
	padding-left: 0;
	padding-right: 10px;
	}
	
.ThreeColumns2 {
	float: left;
	width: 202px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	}
	
.ThreeColumns3 {
	float: left;
	width: 202px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 0;
	}
	



.FourColumns1 {
	float: left;
	width: 149px;
	padding-left: 0;
	padding-right: 10px;
	}
	
.FourColumns2 {
	float: left;
	width: 149px;
	padding-left: 10px;
	padding-right: 10px;
	}
	
.FourColumns3 {
	float: left;
	width: 149px;
	padding-left: 10px;
	padding-right: 10px;
	}
	
.FourColumns4 {
	float: left;
	width: 149px;
	padding-left: 10px;
	padding-right: 0;
	}



/* --- SIDEMENU --- */


.SideMenuWrapper {
 	float: left;
	width: 175px;
	padding: 15px 25px 0 0;
	margin: 0;
	background: none;
	line-height: normal;
} 

.SideMenuWrapper a {
	display: block;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	background: url(images/navigation/separator_horizontal.gif) bottom repeat-x;
} 

.SideMenuWrapper a#active {
	font-weight: bold;
} 


/* --- FOOTER --- */


.Footer {
	width: 890px;
	height: 20px;
	margin: 0 auto 50px;
	padding: 10px;
	background: none;
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	line-height: 18px;
	color: #fff;
}

.Footer a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.Footer a:visited {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.Footer a:hover {
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
}

ul {
	list-style: square;
	list-style-position: outside;
	padding-left: 12px;
	line-height: normal;
}

li {
	margin-bottom: 5px;
}


H1 {
	text-align: left;
	color: #CA0A1D;
	font-size: 24px;
	line-height: 20px;
	margin-top: 15px;
	margin-bottom: 30px;
	font-weight: bold;
	text-shadow: #fbfaf9 1px 1px;
	}

	
H2 {
	clear: left;
	text-align: left;
	color: #7a482d;
	font-size: 20px;
	line-height: 20px;
	margin-top: 0;
	margin-bottom: 20px;
	font-weight: bold;
	}
	
H3 {
	clear: left;
	text-align: left;
	color: #7a482d;
	font-size: 20px;
	line-height: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	text-shadow: #f7f4ee 1px 1px;
	background: url(images/navigation/separator_horizontal.gif) top repeat-x;
	}
	

H4 {
	clear: left;
	text-align: left;
	color: #CA0A1D;
	font-size: 12px;
	line-height: 12px;
	margin-top: 0;
	margin-bottom: 10px;
	font-weight: bold;
	text-transform: uppercase;
	}