/* CSS Document */

/* ***************************************
	Inhaltsverzeichnis
******************************************
	Domain: www.architekturmacher.de

	1. Allgemeines
	
	2. Header
		2.1 Navi
			2.1.1 Home
			2.1.2 Profil
			2.1.3 Kontakt
			2.1.4 Links
			2.1.5 Leistungsangebot
			
	3. Content
	
	4. Footer
	
******************************************
	1. Allgemeines
**************************************** */

	* {
		margin: 0;
		padding: 0;
		}
		
	body {
		background: #202c2d url(../images/bg.jpg) 0 0 no-repeat;
		font: 12px "trebuchet ms", verdana, arial, sans-serif;
		color: #000;
		}
		
	h1 {
		display: none;
		}
		
	h2 {
		font-size: 1.0em;
		font-weight: normal;
		color: #ff7200;
		}
		
	p {
		margin-bottom: 18px;
		}
		
	.cleaner {
		clear: both;
		float: none;
		}
		
	#wrapper {
		width: 700px;
		margin: 197px 0 0 0;
		padding-left:35px;
		}
		
/* ****************************************
	2. Head
**************************************** */

	#head {
		width: 700px;
		height: 250px;
		}	
		
	#home-active {
		width: 54px;
		height: 88px;
		z-index: 10;
		position: absolute;
		top: -88px;
		left: 15px;
		background: url(../images/home_over.jpg) 0 0 no-repeat;
		}
		
	#profil-active {
		width: 69px;
		height: 46px;
		z-index: 10;
		position: absolute;
		top: -46px;
		left: 100px;
		background: url(../images/profil_over.jpg) 0 0 no-repeat;
		}
		
	#kontakt-active {
		width: 72px;
		height: 99px;
		z-index: 10;
		position: absolute;
		top: -99px;
		left: 206px;
		background: url(../images/kontakt_over.jpg) 0 0 no-repeat;
		}
		
	#links-active {
		width: 72px;
		height: 101px;
		z-index: 10;
		position: absolute;
		top: -101px;
		left: 306px;
		background: url(../images/links_over.jpg) 0 0 no-repeat;
		}
		
	#leistung-active {
		width: 190px;
		height: 120px;
		z-index: 10;
		position: absolute;
		top: -120px;
		left: 395px;
		background: url(../images/leistung_over.jpg) 0 0 no-repeat;
		}
		
			/* ****************************************
				2.1 Navi
			**************************************** */
			
				#head ul {
					list-style-type: none;
					margin: 148px 0 0 112px;
					padding: 0;
					position: absolute;
					}
					
				#head ul li {
					float: left;
					padding-right: 10px;
					}
					
				#head ul li span {
					visibility: hidden;
					}
					
							
						/* ****************************************
							2.1.1 Home
						**************************************** */
						
							a.home {
								width: 83px;
								height: 23px;
								background: url(../images/home.jpg) 0 0 no-repeat;
								text-decoration: none;
								display: block;
								}
								
							a.home:hover {
								width: 83px;
								height: 23px;
								background: url(../images/home.jpg) -83px 0 no-repeat;
								text-decoration: none;
								display: block;
								}
								
							a.homeActive {
								width: 83px;
								height: 23px;
								background: url(../images/home.jpg) -83px 0 no-repeat;
								text-decoration: none;
								display: block;
								}
								
						/* ****************************************
							2.1.2 Profil
						**************************************** */
						
							a.profil {
								width: 87px;
								height: 23px;
								background: url(../images/profil.jpg) 0 0 no-repeat;
								text-decoration: none;
								display: block;
								}
								
							a.profil:hover {
								width: 87px;
								height: 23px;
								background: url(../images/profil.jpg) -87px 0 no-repeat;
								text-decoration: none;
								display: block;
								}
								
							a.profilActive {
								width: 87px;
								height: 23px;
								background: url(../images/profil.jpg) -87px 0 no-repeat;
								text-decoration: none;
								display: block;
								}
								
						/* ****************************************
							2.1.3 Kontakt
						**************************************** */
						
							a.kontakt {
								width: 101px;
								height: 23px;
								background: url(../images/kontakt.jpg) 0 0 no-repeat;
								text-decoration: none;
								display: block;
								}
								
							a.kontakt:hover {
								width: 101px;
								height: 23px;
								background: url(../images/kontakt.jpg) -101px 0 no-repeat;
								text-decoration: none;
								display: block;
								}
								
							a.kontaktActive {
								width: 101px;
								height: 23px;
								background: url(../images/kontakt.jpg) -101px 0 no-repeat;
								text-decoration: none;
								display: block;
								}
								
						/* ****************************************
							2.1.4 Links
						**************************************** */
						
							a.links {
								width: 77px;
								height: 23px;
								background: url(../images/links.jpg) 0 0 no-repeat;
								text-decoration: none;
								display: block;
								}
								
							a.links:hover {
								width: 77px;
								height: 23px;
								background: url(../images/links.jpg) -77px 0 no-repeat;
								text-decoration: none;
								display: block;
								}
								
							a.linksActive {
								width: 77px;
								height: 23px;
								background: url(../images/links.jpg) -77px 0 no-repeat;
								text-decoration: none;
								display: block;
								}
								
						/* ****************************************
							2.1.5 Leistungsangebot
						**************************************** */
						
							a.leistung {
								width: 168px;
								height: 23px;
								background: url(../images/leistung.jpg) 0 0 no-repeat;
								text-decoration: none;
								display: block;
								}
								
							a.leistung:hover {
								width: 168px;
								height: 23px;
								background: url(../images/leistung.jpg) -168px 0 no-repeat;
								text-decoration: none;
								display: block;
								}
								
							a.leistungActive {
								width: 168px;
								height: 23px;
								background: url(../images/leistung.jpg) -168px 0 no-repeat;
								text-decoration: none;
								display: block;
								}
					
/* ****************************************
	3. Content
**************************************** */

	#content {
		width: 608px;
		padding: 0 10px 0 120px;
		}
		
	#content a:link,
	#content a:visited {
		color: #333;
		text-decoration: none;
		}
		
	#content a:hover {
		color: #ff7200;
		text-decoration: none;
		}
		
	#content a.active {
		color: #ff7200;
		text-decoration: none;
		}
		
	#content .fett,
	#content .fett:visited {
		color: #A4B0B0;
		font-size: 1.3em;
		font-weight: bold;
		text-decoration: none;
		}
		
	#content .fett:hover {
		color: #ff7200;
		font-size: 1.3em;
		font-weight: bold;
		text-decoration: none;
		}
		
	#content ul.kern {
		height: 100%;
		margin: 0;
		padding: 0;
		}
	
	#content ul.kern li {
		background: url(../images/kern.gif) 0 5px no-repeat;
		list-style-type: none;
		height: 100%;
		padding: 0 0 10px 35px;
		line-height: 18px;
		text-align: left;
		}
	
	* html #content ul.kern li {
		background: url(../images/pfeil.gif) 0 5px no-repeat;
		}
		
	#content .img {
		border: 2px solid #A4B0B0;
		}
		
	#content a img {
		border: none;
		}

/* ****************************************
	4. Footer
**************************************** */

	#footer {
		width: 700px;
		text-align: right;
		padding: 0 28px 10px 0;
		}
		
	#footer a:link,
	#footer a:visited {
		color: #000;
		text-decoration: none;
		}
		
	#footer a:hover {
		color: #ff7200;
		text-align: none;
		}
		
	#footer a.active {
		color: #ff7200;
		text-decoration: none;
		}

/* ****************************************
	Ende ;)
**************************************** */