/*  =========================================================
Titel des Projektes hier eingeben
Datei: styles.css
Media: screen, projection 

Datum: 14. Mai 2007
Autor: Florian Bruns 
Web:   http://www.schreinerei-froitzheim.de
========================================================== */

/* ===============================

   =1. ALLGEMEINE SELEKTOREN 

=============================== */

* {
	padding: 0;
	margin: 0;
}

body {
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
text-align: center;
background: #ffffff;
}

/* ===============================
   =Block-Elemente 
=============================== */

h1 {
	color: #ffffff;
	font: 11px Arial, Helvetica, sans-serif;
	display: none;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin: 0 0 1em 0;
}

h3 {

}

h1 span {
	display: none;
}

img {border: none;}

p, 
ul, 
ol {
	margin: 0 0 1em 0;
}

li {
	list-style: none;
}

address {

}

/* ===============================
   =Inline-Elemente 
=============================== */

strong {
	font-weight: bold;
}

a 								{ text-decoration: none; color: #000000; }
a:visited 				{ color: #000000; }
a:hover					 	{ font-style: none; text-decoration: none; color: #000000; background: #FFFFFF; }
a:active 					{ color: #000000; }

/* ===============================
   =Classen
=============================== */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.spalte {
	width: 169px;
	float: left;
}

.spalte2 {
	width: 160px;
}

.littleMargin {
	margin-bottom: 3px;
}

.bigMargin {
	margin-bottom: 20px;
}


/* ========================================

  =2. LAYOUTBEREICHE

========================================= */ 


/* ===============================
   =Container
=============================== */
#container {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background: #ffffff;
	}

#hiddenNav {
	display: none;
}
/* ===============================
   =Background Outside
=============================== */
#bg_outside {
	width: 914px;
	background: url(../images/bg_outside.jpg) repeat-y top center;
	background-attachment: fixed;
	text-align: left;
	margin: 0 auto;
	}
#bg_outside_down {
	width: 914px;
	height: 78px;
	background: url(../images/bg_outside_down.jpg) top center;
	text-align: left;
	margin: 0 auto;
	}
/* ===============================
   =Header
=============================== */
#header {
	width: 800px;
	height: 123px;
	background: #ffffff;
	margin: 0 0 0 0;
}
	.logoLeft {
		background: url(../images/head_logo_left.jpg) no-repeat top left;
		width: 100%;
		height: 100%;
	}
	
	.logoRight {
		background: url(../images/head_logo_right.jpg) no-repeat top right;
		width: 100%;
		height: 100%;
	}
/* ===============================
   =Navigation
=============================== */
#navi {
	width: 800px;
	height: 58px;
	background: url(../images/bg_navi.jpg) repeat top left;
	overflow:hidden;
	position: absolute;
	top: 123px;
	clear: both;
	}
		#navi li {
			float:right;
			background: none;
			padding: 0;
		}
	
		#navi li a {
			display:block;
			padding: 36px 36px 13px 36px;
			border-right: 0px;
		}
		
		#navi li a:hover,
		#navi li.naviAktiv a {
			background: url(../images/navi_button.jpg) repeat top;
			color: #000000;
			text-decoration: none;
		}
/* ===============================
   =Content
=============================== */
#content {
	width: 720px;
	background: #ffffff;
	margin: 0 30px 0 40px;
	}
	#fullbox {
	width: 720px;
	height: 385px;
	background: url(../images/bg_content_left.jpg) bottom;
	float: left:
	}
	
	#rightbox {
	width: 348px;
	height: 100%;
	background: #ffffff;
	float: right;
	}
	#leftbox {
	width: 348px;
	height: 385px;
	background: url(../images/bg_content_left.jpg) bottom;
	float: left:
	}
	#rightbox_2 {
	width: 300px;
	height: 385px;
	background: url(../images/bg_content_left.jpg) bottom;
	float: left:
	}
	#headspacer_1 {
	width: 800px;
	height: 61px;
	background: #f4d6b2;
	}
	#headspacer_2 {
	width: 800px;
	height: 21px;
	background: #ffffff;
	}
	#text {
	width: 310px;
	padding: 12px 20px 0 20px;
	background: none;
	font-size: 11px;
	font-family: Arial;
	text-align: justify;
	color: #000000;
	}
	#text_full{
	width: 720px;
	padding: 12px 20px 0 20px;
	background: none;
	font-size: 11px;
	font-family: Arial;
	color: #000000;
	}
	#text_bild{
	width: 130px;
	padding: 12px 20px 0 0;
	background: none;
	font-size: 11px;
	font-family: Arial;
	color: #000000;
	float: left;
	}
	#bild{
	padding: 20px 20px 0 20px;
	background: none;
	float: left;
	}
/* ===============================
   =Footer
=============================== */
#headline_willkommen {
	background: url(../images/headline_willkommen.jpg) no-repeat top left;
	width: 261px;
	height: 30px;
	margin-left: 15px;
	}
#headline_referenzen {
	background: url(../images/headline_referenzen.jpg) no-repeat top left;
	width: 261px;
	height: 30px;
	margin-left: 15px;
	}
#headline_impressum {
	background: url(../images/headline_impressum.jpg) no-repeat top left;
	width: 261px;
	height: 30px;
	margin-left: 15px;
	}	
#headline_ueberuns {
	background: url(../images/headline_ueberuns.jpg) no-repeat top left;
	width: 261px;
	height: 30px;
	margin-left: 15px;
	}
#headline_kontakt {
	background: url(../images/headline_kontakt.jpg) no-repeat top left;
	width: 261px;
	height: 30px;
	margin-left: 15px;
	}
#headline_leistungen {
	background: url(../images/headline_leistungen.jpg) no-repeat top left;
	width: 261px;
	height: 30px;
	margin-left: 15px;
	}		
/* ===============================
   =Footer
=============================== */
#meta {
	width: 800px;
	height: 28px;
	background: url(../images/footer_meta.jpg) no-repeat top center;
	}
	#leftmeta {
	width: 200px;
	padding: 10px 0 0 12px;
	text-align: left;
	font-size: 10px;
	float: left;
	}
	#rightmeta {
	width: 500px;
	padding: 10px 12px 0 0;
	text-align: right;
	font-size: 10px;
	float: right;
	}