html, body {
	margin:0;
	padding:0;
	}
	
body {
	background: url('../img/hg-startseite.jpg');
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	line-height: 130%;
	font-style: normal;
	}	
	
/* ######### INHALTSSEITEN ######### */

#container {
	background: url('../img/hg-left.jpg') no-repeat;
	}
	
#header {
	background: url('../img/hg-header.jpg') repeat-x bottom left #b5c5d4;
	height:129px;
	}

#header #menu {
	background: url('../img/header.jpg') no-repeat #b5c5d4 center;	
	width: 1195px; 	
	margin:0 auto;
	height:129px;
	}
	
#header #menu #headerContent {
margin:0;
padding: 10px 0 0 85px;
width:835px;
}	

#header #menu #headerMenu {
	text-align: left;
	float:right;
	}	
	
#header #menu img#logo {
	width: 136px;
	}	
	
#header #menu img#schriftzug {
	margin: 15px 0px 0px 12px;	
	}				
		
#middle {
	background: url('../img/hg-middle.png') repeat-y top center;
	padding: 0 0 30px;
	width:1150px; 
	margin: 0 auto;
	}
			
#left {
	float:left;
	width:180px;
	text-align:right;
	}	
	
#content {
	background: url('../img/hg-content.png') no-repeat;
	margin: 0 0 0 188px;
	padding: 40px 80px 20px;
	width:615px;
	min-height:500px;
	}
	
#content #contentFooter {
	font-size:90%;
	border-top: 1px dotted #666;
	margin:60px 0 0;
	padding: 10px 0;
	}
	
#content #contentFooter a {
	text-decoration:none;
	color: #666;
	margin: 5px 25px 5px 0;
	}
	
#content #contentFooter a:hover {
	color: #fff;
	}				

#footer {
	background: url('../img/hg-footer.jpg') no-repeat top center;
	width: 1150px; 	
	margin:0 auto;
	text-align:center;
	padding: 20px 0;
	}

#footer a {
	color: #666;
	font-size:80%;
	}		

#footer a:hover {
	color: #fff;
	font-size:80%;
	}
	
/* ########## NAVIGATION ######### */

#menu ul.mainMenu {
	padding:0;
	margin:24px 0 0 0;
	list-style-type:none;
	text-align:left;
	height:38px;
	}
				
 #menu ul.mainMenu li {
	float:left;
	display:block;
	text-align:center;
	}
	
#menu ul.mainMenu li a {
	display:block;
	color:#eaeaf0;
	text-decoration:none;
	font-weight:bold;
	padding:12px 15px 10px;
	}
	
#menu ul.mainMenu li a:hover {
	background: url('../img/hg-mainNav.jpg') repeat-x;
	color:#fccf16;
	}
	
#left ul.subMenu {
	padding: 77px 30px 20px 0;
	margin:0;
	list-style-type:none;
	}
	
#left ul.subMenu li {
	padding: 5px 0;
	margin:0;
	}	
	
#left ul.subMenu li a {
	display:block;
	text-decoration:none;
	color: #eaeaf0;
	font-weight:bold;
	}	
	
#left ul.subMenu li a:hover {
	color:#fccf16;
	}
	
body.metallbau #menu ul.mainMenu li a#navMetallbau,
body.produkte #menu ul.mainMenu li a#navProdukte,
body.downloads #menu ul.mainMenu li a#navDownloads,
body.impressum #menu ul.mainMenu li a#navImpressum,
body.kontakt #menu ul.mainMenu li a#navKontakt,

body.ueberdachungen #left ul.subMenu li a#navUeberdachungen,
body.vordaecher #left ul.subMenu li a#navVordaecher,
body.carports #left ul.subMenu li a#navCarports,
body.gelaender #left ul.subMenu li a#navGelaender,
body.tore #left ul.subMenu li a#navTore,
body.zaunanlagen #left ul.subMenu li a#navZaunanlagen,
body.diverses #left ul.subMenu li a#navDiverses {
	color:#fccf16;	
	}		
		
/* ############# TEXT ############# */
	
#content h1 {
	font-size:120%;
	line-height:110%;
	color: #fff;
	}
	
#content h2 {
	font-size:110%;
	line-height:110%;
	color: #444;
	margin: 20px 0 10px;
	}
	
#content p {
	width:90%;
	}
	
#content p.short {
	margin-bottom:300px;
	}	
	
#content p.files {
	border-bottom:1px dotted #fff;
	padding-bottom:10px;
		}
		
#content p.files span {
float:right;
font-size:80%;
		}			
	
#content b {
 	color: #444;
 	}
 	
#content a {
 	color: #444;
 	}
 	
 #content a:hover {
 	color: #fff;
 	}
 	
#content a:visited {
 	color: #000;
 	}							

/* ########## STARTSEITE ########## */
	
.start #layout {
	background: url('../img/hg-startseite-top.jpg') #001b90 0px bottom repeat-x;
	height:300px;
	}	
	
.start #headerTop {
	background: url('../img/header-kunstschmiede.jpg') no-repeat bottom;
	width:1140px;
	height:300px;
	margin:0 auto;
	}
	
.start #headerBottom {
	background: url('../img/header-metallbau.jpg') no-repeat;
	width:1140px;
	height:193px;
	margin:0 auto;
	}
	
.start #footer {
	background:none;
	text-align:center;
	padding: 150px 20px 50px;
	}

.start #footer a {
	color: #666;
	font-size:80%;
	}		

.start #footer a:hover {
	color: #fff;
	font-size:80%;
	}
	
.start img {
	border:none;
	}	
	
.start img#kunstschmiede {
	margin: 110px 0 0 0;
	}	
	
.start #kunstschmiedeButton {
	background: url('../img/button-kunstschmiede.png') no-repeat;
	width:230px;
	height:55px;
	float:left;
	margin: 182px 0px 0px 240px;
	cursor: pointer;
	}
	
.start #kunstschmiedeButton:hover {
	background: url('../img/hover-kunstschmiede.png') no-repeat;
	width:230px;
	height:55px;
	float:left;
	margin: 182px 0px 0px 240px;
	cursor: pointer;
	}				
	
.start img#metallbau {
	float:left;
	margin: 15px 0 0 260px;
	}
		
.start #metallbauButton {
	background: url('../img/button-metallbau.png') no-repeat;
	width:230px;
	height:55px;
	margin: 0 0 0 620px;
	position: relative;
	top:70px;
	}
	
.start #metallbauButton:hover {
	background: url('../img/hover-metallbau.png') no-repeat;
	width:230px;
	height:55px;
	}