/* ===================================
Stylesheet von "Fessler Kamine"

Stand: Stylesheet für die Bildschirmausgabe
Datei: screen.css
Datum: Juni 2009
Autor: Armin Priesner

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles
=================================== */

/* ==================================
   1. Kalibrierung
   =============================== */
  * { padding: 0; margin: 0; } /* Abstaende auf Null */
	html { height: 101%; }
   
   
/* ==================================
   2. Allgemeine Styles 
   =============================== */
	body {
		font-family: Lucida Sans Unicode, Lucida Grande, Lucida Sans, Lucida, Verdana, sans-serif;
		color: #333;
		background-color: #333;
	}
	
		#boxWebsite {
			position: absolute;
			top: 0;
			left: 50%;
			width: 990px;
			margin-left: -495px;
			background-color: #FFF;
		}
		
			#boxHeader {
				position: relative;
				top: 0;
				left: 0;
				height: 125px;
				background-color: #333;
			}
				#boxLogo {
					position: absolute;
					top: 18px;
					left: 34px;
					width: auto;
				}
					#boxLogo a { outline: none; }
				#boxTopnavLeft {
					position: absolute;
					bottom: 15px;
					left: 34px;
					width: auto;
				}
					#boxTopnavLeft li {
						list-style-type: none;
						float: left;
						font-size: 13px;
						font-weight: bold;
						margin-right: 25px;
					}
					#boxTopnavLeft a {
						color: #FFF;
						outline: none;
						text-decoration: none;
					}
					#boxTopnavLeft a:hover { text-decoration: underline; }
				
				#boxTopnavRight {
					position: absolute;
					bottom: 15px;
					right: 34px;
					width: auto;
				}
					#boxTopnavRight li {
						list-style-type: none;
						float: left;
						font-size: 11px;
						margin-left: 20px;
					}
					#boxTopnavRight a {
						color: #FFF;
						outline: none;
						text-decoration: none;
					}
					#boxTopnavRight a:hover { text-decoration: underline; }
			
			#boxBody {
				position: relative;
				top: 0;
				left: 0;
			}
			
				#boxLeftnav {
					position: relative;
					top: 35px;
					left: 35px;
					width: 180px;
					float: left;
					padding-bottom: 80px;
				}
					#boxLeftnav h2 {
						font-size: 18px;
						font-weight: bold;
						margin-bottom: 15px;
					}
					#boxLeftnav li {
						list-style-type: none;
						font-size: 13px;
						line-height: 16px;
						padding: 5px 0;
						border-bottom: 1px dotted #333;
					}
					#boxLeftnav a {
						color: #333;
						outline: none;
						text-decoration: none;
					}
					#boxLeftnav span a {
						color: #ff3300;
						outline: none;
						text-decoration: none;
					}
					
				#boxArtikelnav {
					margin: 10px 0;
					clear: both;
				}
					#boxArtikelnav td {
						font-size: 13px;
					}
					#boxArtikelnav a {
						color: #333;
						outline: none;
						text-decoration: none;
					}
				

/* ==================================
   3. Styles für Layoutbereiche 
   =============================== */

	/* ====================== PAGE INDEX ====================== */
	#page_index #boxCollage {
		position: relative;
		top: 0;
		left: 0;
		width: 990px;
		background: #ff3301 url(../img/start.jpg) no-repeat;
	}
	
	#page_index #boxTextLeft {
		position: relative;
		top: 155px;
		left: 35px;
		width: 180px;
		float: left;
	}
		#page_index #boxTextLeft h1 {
			font-size: 18px;
			font-weight: bold;
			color: #FFF;
			margin: 0 0 16px 0;
		}
	
	#page_index #boxTextRight {
		position: relative;
		top: 155px;
		left: 60px;
		width: 420px;
		float: left;
	}
		#page_index #boxTextRight h1 {
			font-size: 18px;
			font-weight: bold;
			color: #FFF;
			margin: 0 0 16px 0;
		}
		#page_index #boxTextRight p {
			font-size: 13px;
			color: #FFF;
			margin: 16px 0;
		}
	
	#page_index #boxTextRightBottom {
		position: relative;
		top: 0;
		left: 0;
		width: auto;
	}
		#page_index #boxTextRightBottom p {
			font-size: 13px;
			margin: 16px 0;
		}
			#page_index #boxTextRightBottom p a {
				color: #ff3300;
				text-decoration: none;
			}
	/* ====================== PAGE INDEX ====================== */
	
	
	/* ====================== PAGE AKTUELL ====================== */
	#page_aktuell #boxText {
		position: relative;
		top: 35px;
		left: 59px;
		width: 584px;
		float: left;
		padding-bottom: 60px;
	}
  /* ====================== PAGE AKTUELL ====================== */
	
	
	/* ====================== PAGE KAMINE UND ÖFEN + DRINNEN UND DRAUSSEN ====================== */
	#boxSmallBilder {
		position: relative;
		top: 35px;
		left: 59px;
		width: 584px;
		float: left;
		padding-bottom: 80px;
	}
		#boxSmallBilder div {
			margin: 0 14px 14px 0;
			border: 1px solid #cfcfcf;
			float: left;
			width: 130px;
			height: 130px;
			text-align: center;
		}
			#boxSmallBilder div a { outline: none; }
	
	#boxSmallText {
		position: relative;
		top: 35px;
		left: 69px;
		width: 150px;
		float: left;
		padding-bottom: 80px;
	}
		#boxSmallText p {
			font-size: 13px;
			margin: 0;
		}
	
	#boxBigBilder {
		position: relative;
		top: 35px;
		left: 59px;
		width: 438px;
		float: left;
		padding-bottom: 80px;
	}
		#boxBigBilder div {
			width: 422px;
			height: 422px;
			margin-bottom: 24px;
			border: 1px solid #cfcfcf;
			text-align: center;
		}
			#boxBigBilder div a { outline: none; }
	
	
	#boxBigText {
		position: relative;
		top: 35px;
		left: 69px;
		width: 270px;
		float: left;
		padding-bottom: 80px;
	}
		#print_form {
			text-align: center;
			margin: 20px 0;
		}
			#print_form #print_page {
				font-family: Lucida Sans Unicode, Lucida Grande, Lucida Sans, Lucida, Verdana, sans-serif;
				font-size: 13px;
				color: #333;
			}
	
	/* ====================== PAGE KAMINE UND ÖFEN + DRINNEN UND DRAUSSEN ====================== */
	
	
	/* ====================== PAGE DRINNEN UND DRAUSSEN - WOHN ====================== */
	#page_wohn #boxSmallBilder {
		position: relative;
		top: 35px;
		left: 59px;
		width: 438px;
		float: left;
		padding-bottom: 80px;
	}
		#page_wohn #boxSmallBilder img {
			margin: 0 14px 14px 0;
			border: 1px solid #cfcfcf;
			float: left;
		}
	
	#page_wohn #boxBeschreibung {
		position: relative;
		top: 35px;
		left: 69px;
		width: 270px;
		float: left;
		padding-bottom: 80px;
	}
		#page_wohn #boxBeschreibung p {
			font-size: 13px;
			margin: 0;
		}
			#page_wohn #boxBeschreibung p a { color: #ff3300; }
	/* ====================== PAGE DRINNEN UND DRAUSSEN - WOHN ====================== */
	
	
	/* ====================== PAGE FARBEN ====================== */
	#page_farben #boxBilder {
		position: relative;
		top: 35px;
		left: 59px;
		width: 422px;
		float: left;
		padding-bottom: 60px;
	}
		#page_farben #boxBilder img { margin-bottom: 25px; }
	
	#page_farben #boxText {
		position: relative;
		top: 35px;
		left: 83px;
		width: 270px;
		float: left;
		padding-bottom: 60px;
	}
		#page_farben #boxText h1 {
			font-size: 18px;
			font-weight: bold;
			margin: 0 0 16px 0;
		}
		#page_farben #boxText p {
			font-size: 13px;
			margin: 16px 0;
		}
			#page_farben #boxText p a { color: #ff3300; }
  /* ====================== PAGE FARBEN ====================== */
	
	
  /* ====================== PAGE GESCHICHTE ====================== */
	#page_geschichte #boxBilder {
		position: relative;
		top: 35px;
		left: 59px;
		width: 422px;
		float: left;
	}
		#page_geschichte #boxBilder img { margin-bottom: 25px; }
	
	#page_geschichte #boxText {
		position: relative;
		top: 35px;
		left: 83px;
		width: 270px;
		float: left;
		padding-bottom: 60px;
	}
		#page_geschichte #boxText h1 {
			font-size: 18px;
			font-weight: bold;
			margin: 0 0 16px 0;
		}
		#page_geschichte #boxText p {
			font-size: 13px;
			margin: 16px 0;
		}
  /* ====================== PAGE GESCHICHTE ====================== */
	
	
	/* ====================== PAGE HEUTE ====================== */
	#page_heute #boxBilder {
		position: relative;
		top: 35px;
		left: 59px;
		width: 422px;
		float: left;
		padding-bottom: 60px;
	}
		#page_heute #boxBilder img { margin-bottom: 25px; }
	
	#page_heute #boxText {
		position: relative;
		top: 35px;
		left: 83px;
		width: 270px;
		float: left;
		padding-bottom: 60px;
	}
		#page_heute #boxText h1 {
			font-size: 18px;
			font-weight: bold;
			margin: 0 0 16px 0;
		}
		#page_heute #boxText p {
			font-size: 13px;
			margin: 16px 0;
		}
		#page_heute #boxText ul {
			font-size: 13px;
			margin: 16px 0;
		}
			#page_heute #boxText li { margin-left: 20px; }
  /* ====================== PAGE HEUTE ====================== */
	
	
	/* ====================== PAGE KONTAKT ====================== */
	#page_kontakt #boxLeftText {
		position: relative;
		top: 35px;
		left: 59px;
		width: 400px;
		float: left;
		padding-bottom: 60px;
	}
		#page_kontakt #boxLeftText h1 {
			font-size: 18px;
			font-weight: bold;
			margin: 0 0 16px 0;
		}
		#page_kontakt #boxLeftText p {
			font-size: 13px;
			margin: 16px 0;
		}
			#page_kontakt #boxLeftText p a {
				color: #ff3300;
				text-decoration: none;
			}
		#page_kontakt #boxLeftText td {
			font-size: 13px;
			padding: 4px 0;
			text-align: right;
		}
			#page_kontakt #boxLeftText input, #page_kontakt #boxLeftText textarea {
				font-family: Lucida Sans Unicode, Lucida Grande, Lucida Sans, Lucida, Verdana, sans-serif;
				font-size: 13px;
				border: 1px solid #333;
				width: 250px;
			}
			#page_kontakt #boxLeftText textarea { height: 100px; }
  
	#page_kontakt #boxRightText {
		position: relative;
		top: 35px;
		left: 70px;
		width: 330px;
		float: left;
		padding-bottom: 60px;
	}
		#page_kontakt #boxRightText h1 {
			font-size: 18px;
			font-weight: bold;
			margin: 0 0 16px 0;
		}
		#page_kontakt #boxRightText p {
			font-size: 13px;
			margin: 16px 0;
		}
			#page_kontakt #boxRightText p a {
				color: #ff3300;
				text-decoration: none;
			}
	/* ====================== PAGE KONTAKT ====================== */
	
	
	/* ====================== PAGE AGB ====================== */
	#page_agb #boxLeftText {
		position: relative;
		top: 35px;
		left: 59px;
		width: 400px;
		float: left;
		padding-bottom: 60px;
	}
		#page_agb #boxLeftText h1 {
			font-size: 18px;
			font-weight: bold;
			margin: 0 0 16px 0;
		}
		#page_agb #boxLeftText p {
			font-size: 13px;
			margin: 16px 0;
		}
			#page_agb #boxLeftText p a {
				color: #ff3300;
				text-decoration: none;
			}
  
	#page_agb #boxRightText {
		position: relative;
		top: 35px;
		left: 70px;
		width: 330px;
		float: left;
		padding-bottom: 60px;
	}
		#page_agb #boxRightText h1 {
			font-size: 18px;
			font-weight: bold;
			margin: 0 0 16px 0;
		}
		#page_agb #boxRightText p {
			font-size: 13px;
			margin: 16px 0;
		}
			#page_agb #boxRightText p a {
				color: #ff3300;
				text-decoration: none;
			}
	/* ====================== PAGE AGB ====================== */
	
	
	/* ====================== PAGE IMPRESSUM ====================== */
	#page_impressum #boxText {
		position: relative;
		top: 35px;
		left: 470px;
		width: 330px;
		float: left;
		padding-bottom: 60px;
	}
		#page_impressum #boxText h1 {
			font-size: 18px;
			font-weight: bold;
			margin: 0 0 16px 0;
		}
		#page_impressum #boxText p {
			font-size: 13px;
			margin: 16px 0;
		}
			#page_impressum #boxText p a {
				color: #ff3300;
				text-decoration: none;
			}
  /* ====================== PAGE IMPRESSUM ====================== */


/* ==================================
   4. Sonstige Styles 
   =============================== */
	
	/* ====================== OBERE NAVIGATION ====================== */
	#page_aktuell #topAktuell a {
		color: #ff3300;
		text-decoration: underline;
	}
	
	#page_angebote #topAngebote a {
		color: #ff3300;
		text-decoration: underline;
	}
	
	#page_offene_kamine_modern #topKamine a,
	#page_kaminverkleidungen #topKamine a,
	#page_kaminoefen #topKamine a,
	#page_kacheloefen #topKamine a,
	#page_bio_kaminfeuer #topKamine a,
	#page_kaminzubehoer #topKamine a,
	#page_viwaldi_feuerholz #topKamine a {
		color: #ff3300;
		text-decoration: underline;
	}
	
	#page_brunnen #topDrinnen a,
	#page_kaffee #topDrinnen a,
	#page_wohn #topDrinnen a {
		color: #ff3300;
		text-decoration: underline;
	}
	
	#page_farben #topFarben a {
		color: #ff3300;
		text-decoration: underline;
	}
	
	#page_geschichte #topUns a,
	#page_heute #topUns a {
		color: #ff3300;
		text-decoration: underline;
	}
	
	#page_kontakt #topKontakt a {
		color: #ff3300;
		text-decoration: underline;
	}
	
	#page_agb #topAGB a {
		color: #ff3300;
		text-decoration: none;
	}
	
	#page_impressum #topImpressum a {
		color: #ff3300;
		text-decoration: none;
	}
	/* ====================== OBERE NAVIGATION ====================== */
	
	
	/* ====================== LINKE NAVIGATION ====================== */
	#page_offene_kamine_modern #leftOffeneKamineModern {
		border-bottom: 1px dotted #ff3300;
	}
		#page_offene_kamine_modern #leftOffeneKamineModern a {
			color: #ff3300;
		}
	
	#page_offene_kamine_modern #leftKachelofenPDF {
		display: block;
		margin-top: 56px;
		border: 1px solid #ff3300;
		padding: 3px 5px 4px 5px;
	}
		#page_offene_kamine_modern #leftKachelofenPDF div { float: left; }
			#page_offene_kamine_modern #leftKachelofenPDF div img { margin-right: 10px; }
	
	#page_kaminverkleidungen #leftKaminverkleidungen {
		border-bottom: 1px dotted #ff3300;
	}
		#page_kaminverkleidungen #leftKaminverkleidungen a {
			color: #ff3300;
		}
	
	#page_kaminoefen #leftKaminoefen {
		border-bottom: 1px dotted #ff3300;
	}
		#page_kaminoefen #leftKaminoefen a {
			color: #ff3300;
		}
	
	#page_kacheloefen #leftKacheloefen {
		border-bottom: 1px dotted #ff3300;
	}
		#page_kacheloefen #leftKacheloefen a {
			color: #ff3300;
		}
	
	#page_bio_kaminfeuer #leftBioKaminfeuer {
		border-bottom: 1px dotted #ff3300;
	}
		#page_bio_kaminfeuer #leftBioKaminfeuer a {
			color: #ff3300;
		}
	
	#leftKaminzubehoer { margin-top: 30px; }
	#page_kaminzubehoer #leftKaminzubehoer {
		border-bottom: 1px dotted #ff3300;
	}
		#page_kaminzubehoer #leftKaminzubehoer a {
			color: #ff3300;
		}
	
	#page_viwaldi_feuerholz #leftViwaldiFeuerholz {
		border-bottom: 1px dotted #ff3300;
	}
		#page_viwaldi_feuerholz #leftViwaldiFeuerholz a {
			color: #ff3300;
		}
	
	#page_brunnen #leftBrunnen {
		border-bottom: 1px dotted #ff3300;
	}
		#page_brunnen #leftBrunnen a {
			color: #ff3300;
		}
	
	#page_kaffee #leftKaffee {
		border-bottom: 1px dotted #ff3300;
	}
		#page_kaffee #leftKaffee a {
			color: #ff3300;
		}
	
	#page_wohn #leftWohn {
		border-bottom: 1px dotted #ff3300;
	}
		#page_wohn #leftWohn a {
			color: #ff3300;
		}
	
	#page_geschichte #leftGeschichte {
		border-bottom: 1px dotted #ff3300;
	}
		#page_geschichte #leftGeschichte a {
			color: #ff3300;
		}
	
	#page_heute #leftHeute {
		border-bottom: 1px dotted #ff3300;
	}
		#page_heute #leftHeute a {
			color: #ff3300;
		}
	/* ====================== LINKE NAVIGATION ====================== */
	
	/* ========================= Tiny MCE ========================= */
	#boxTinyMCE {
		font-size: 13px;
	}
	
	#boxTinyMCE p {
		margin: 16px 0;
	}
	
	#boxTinyMCE a { color: #ff3300; }
	
	#boxTinyMCE address {
		font-style: italic;
		font-size: 13px;
		margin: 16px 0;
	}
	
	#boxTinyMCE pre {
	 	font: normal 13px "Courier New", Courier, monospace;
		margin: 16px 0;
	}
	
	#boxTinyMCE h1 {
		font-size: 18px;
		font-weight: bold;
		margin: 0 0 16px 0;
	}
	
	#boxTinyMCE h2 {
		font-size: 17px;
		font-weight: bold;
		margin: 16px 0;
	}
	
	#boxTinyMCE h3 {
		font-size: 16px;
		font-weight: bold;
		margin: 16px 0;
	}
	
	#boxTinyMCE h4 {
		font-size: 15px;
		font-weight: bold;
		margin: 16px 0;
	}
	
	#boxTinyMCE h5 {
		font-size: 14px;
		font-weight: bold;
		margin: 16px 0;
	}
	
	#boxTinyMCE h6 {
		font-size: 13px;
		font-weight: bold;
		margin: 16px 0;
	}
	
	#boxTinyMCE ol, #boxTinyMCE ul {
		margin: 16px 0 0 25px;
	}
	
	#boxTinyMCE li {
	 	font-size: 13px;
	}
	/* ========================= Tiny MCE ========================= */


/* ==================================
   ENDE DES STYLESHEETS 
   =============================== */