/*

	CSS-Datei der Internetseite

	http://www.bredigkeit.de

	Autor:				Stefan Diezinger - http://www.surfAN-GmbH.de
	Start:				27.05.09
	Letzte Aenderung:	09.07.09

*/

@media all {

	/*  Allgemein
	---------------------------------- */

	q {
		quotes: '„' '“' '‚' '‘';
	}

	img, frame, fieldset {
		border: 0;
	}

}


@media screen, projection {

	/*  Allgemein
	---------------------------------- */

	* {
		margin: 0;
		padding: 0;
		border: 0;
		background: none;
		background-repeat: no-repeat;
		background-position: top left;
    	outline: none;
	}

	html {
		font: 11px/16px Verdana, Arial, "Trebuchet MS", Helvetica, sans-serif;
	}

	html, body {
		height: 100%;
		min-height: 100%;
		direction: ltr;
		cursor: default;
		text-align: left;
		background-color: #fff;
		color: #000;
	}

	html, body {
		height: 100.01% !important;
		min-height: 100.01% !important;
	}

	.versteckt,
	.druck {
		display: none !important;
	}

	.mittig {
		text-align: center;
	}

	.links {
		float: left;
		text-align: left;
	}

	.rechts {
		float: right;
		text-align: right;
	}

	.text.links {
		float: none;
	}

	.text.rechts {
		float: none;
	}

	.kleiner {
		font-size: smaller;
	}

	.groesser {
		font-size: larger;
	}

	.clear {
		clear: both;
	}

	br.clear {
		height: 0px;
		line-height: 0px;
	}

	/*  Elemente
	---------------------------------- */

	h1 { font-size: 2em; }

	h2 { font-size: 1.8em; }

	h3 { font-size: 1.4em; }

	h4 { font-size: 1.2em; }

	h5 { font-size: 1.1em; }

	h6 { font-size: 1em; font-weight: bold; }

	h1, h2, h3, h4, h5, h6 { line-height: 1.5em; margin-bottom: 1.2em; }

	p, address, blockquote, ul, ol, dl, table, pre { margin-bottom: 1.2em; }

	blockquote { padding: 0 2.5em; font-style: italic; }

	blockquote + blockquote { margin-top: 2em; }

	cite { display: block; text-align: right; margin-bottom: 1em; }

	ul, ol, dd { margin-left: 2.5em; }

	ul ul, ol ol, ul ol, ul ol { margin: .1em 0 .15em 1.75em; }

	ul { list-style: disc; }

	ul ul { list-style: circle; }

	ul ul ul { list-style: square; }

	ol { list-style: decimal; }


	/*  Layout
	---------------------------------- */

	html, body {
		background-color: #03BA3B;
	}

	#schriftzug {
		width: 533px;
		height: 89px;
		margin-top: 30px;
		background: url("schriftzug.hausmeister-service-bredigkeit.jpg") no-repeat;
		float: right;
	}

	#kopfbereich {
		border-bottom: 2px solid #00883B;
		height: 138px;
	}

	#fussbereich {
		border-top: 2px solid #00883B;
	}

	#navigation {
		float: left;
		width: 198px;
		padding-right: 84px;
	}

	#inhalt {
		float: right;
		width: 518px;
	}

	#inhaltsbereich {
		background: #B7EA9C url("hintergrund.inhaltsbereich.jpg") no-repeat;
	}

	.begrenzung {
		width: 800px;
		margin: 0 auto;
		clear: both;
	}

	#inhaltsbereich .begrenzung {
		position: relative;
		top: -15px;
	}

	#fussbereich .begrenzung {
		padding-top: 15px;
	}

	#inhaltsbereich .begrenzung {
		padding-bottom: 10px;
	}

	h1#webseitentitel {
		float: left;
		position: relative;
		top: -2px;
	}

	.spalte-1 {
		width: 218px;
		padding-right: 64px;
		float: left;
	}

	.spalte-2 {
		width: 418px;
		float: left;
	}


	/*  Links
	---------------------------------- */

	a {
		color: #000;
		text-decoration: none;
		border-bottom: 1px solid #000;
	}

	a:focus,
	a:hover {
		color: #000;
		text-decoration: none;
		border-bottom: 1px solid #000;
		background: #D5FCC5;
	}

	a.button,
	#jquery-lightbox a,
	#inhaltsbereich a.url {
		border: 0 !important;
	}

	a.keinlink {
		border: 0 !important;
		text-decoration: none !important;
		color: inherit !important;
		background: inherit !important;
		cursor: default !important;
	}

	a.button:focus,
	a.button:hover {
		text-decoration: underline;
	}

	ul.galerie li a {
		border: 0 !important;
	}

	h1#webseitentitel a,
	h1#webseitentitel a:hover,
	h1#webseitentitel a:focus {
		width: 194px;
		height: 157px;
		display: block;
		text-indent: -9999em;
		background: url("logo.hausmeister-service-bredigkeit.jpg") no-repeat;
		border: 2px solid #00883B;
	}

	#fussbereich,
	#fussbereich a {
		color: #CDF0BA;
		border-bottom: 0;
	}

	#fussbereich a:hover,
	#fussbereich a:focus {
		background: none;
		color: #000;
	}

	#fussbereich a.url,
	#inhaltsbereich a.url {
		font-weight: bold;
	}


	/*  Layout Details
	---------------------------------- */

	#zusatzgrafik {
		float: left;
		margin-top: 40px;
		margin-left: 50px;
		width: 62px;
		height: 162px;
	}

	#zusatzgrafik2 {
		float: right;
		position: relative;
		top: -60px;
		width: 100px;
		height: 130px;
	}

	.ueberschrift {
		text-indent: -9999em;
		width: 513px;
		height: 32px;
		border-bottom: 1px dotted #000;
		margin-bottom: 0.8em;
	}

	body#startseite .ueberschrift { background: url("ueberschrift.herzlich-willkommen.png") no-repeat; }
	body#wirueberuns .ueberschrift { background: url("ueberschrift.wir-ueber-uns.png") no-repeat; }
	body#aktuell .ueberschrift,
	body#aktuellarchiv .ueberschrift { background: url("ueberschrift.aktuelle-meldungen.png") no-repeat; }
	body#hausmeisterservice .ueberschrift,
	body#abfallorganisation .ueberschrift,
	body#aufzugrettung .ueberschrift,
	body#aussenundinnenreinigung .ueberschrift,
	body#gartenservice .ueberschrift,
	body#haustechnikservice .ueberschrift,
	body#hausmeisterbetreuung .ueberschrift,
	body#kabelverlegearbeiten .ueberschrift,
	body#kleinreperaturen .ueberschrift,
	body#serviceleistungen .ueberschrift,
	body#winterdienst .ueberschrift,
	body#notdienst .ueberschrift,
	body#weiteres .ueberschrift { background: url("ueberschrift.unser-hausmeister-service.png") no-repeat; }
	body#weitereleistungen .ueberschrift { background: url("ueberschrift.unsere-weiteren-leistungen.png") no-repeat; }
	body#referenzobjekte .ueberschrift { background: url("ueberschrift.auszug-unserer-referenz-objekte.png") no-repeat; }
	body#kontakt .ueberschrift { background: url("ueberschrift.kontakt-anfrage.png") no-repeat; }
	body#impressum .ueberschrift { background: url("ueberschrift.impressum.png") no-repeat; }
	body#administration .ueberschrift { background: url("ueberschrift.administration.png") no-repeat; }

	img {
		border: 2px solid #00883B;
	}

	a.keinrahmen,
	img.keinrahmen,
	body#administration img {
		border: 0 !important;
		text-decoration: none;
	}

	img.foto {
		margin: 0px 5px 5px 5px;
	}

	img.foto.rechts {
		margin-right: 0px;
		text-align: rechts;
	}

	img.foto.links {
		margin-left: 0px;
		text-align: left;
	}

	.button {
		display: block;
		text-align: center;
		padding-top: 10px;
		height: 25px;
	}

	.button.kurz {
		width: 98px;
		background: url("button.kurz.png") no-repeat;
	}

	.button.lang {
		width: 150px;
		background: url("button.lang.png") no-repeat;
	}

	.button.mittel {
		width: 122px;
		background: url("button.mittel.png") no-repeat;
	}

	ul.galerie,
	ul.galerie li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	ul.galerie li {
		text-align: center;
		float: left;
		width: 166px;
		height: 130px;
	}

	ul.galerie li .bildbeschreibung {
		font-size: smaller;
	}

	.abstand {
		margin: 10px 0;
	}

	ul.serviceleistungen h3 {
		font-size: 1em;
		font-weight: normal;
		margin: 0;
		padding: 0;
	}

	ul.serviceleistungen .infobox {
		margin: 10px 0px;
	}

	ul.serviceleistungen a.aktiv {
		font-weight: bold;
	}

	ul.serviceleistungen .infobox {
		background: #D5FCC5;
	}

	body#kontakt h3.abstand {
		margin-top: 30px;
	}

	body#impressum #inhalt .vcard {
		margin-bottom: 2em;
	}

	body#impressum #inhalt .anschrift {
		margin: 1em 0;
	}

	.fehler {
		color: #990000 !important;
	}

	.erfolg {
		color: #03BA3B !important;
	}

	.aktuellmeldung .datum {
		font-size: 0.8em;
		float: right;
	}

	/*  Navigation
	---------------------------------- */

	#navigation {
		margin-top: 6px;
	}

	#navigation ul,
	#navigation ul li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#navigation a {
		display: block;
		padding: 7px 0px;
		border-bottom: 1px dotted #000;
		font-size: 1.2em;
		padding-left: 10px;
	}

	#navigation a:hover,
	#navigation a:focus {
		background: #D5FCC5;
		color: #000;
		border-bottom: 1px dotted #000;
		text-decoration: underline;
	}

	#navigation li.aktiv a {
		font-weight: bold;
	}

	#navigation #subnav li,
	#navigation #subnav li a {
		font-size: 1em !important;
	}

	#navigation #subnav li a {
		padding: 2px 0px;
		padding-left: 17px;
	}

	#navigation ul li.aktiv #subnav li a {
		font-weight: normal !important;
	}

	#navigation ul li #subnav li.aktiv a {
		font-weight: bold !important;
	}

	/*  Formulare
	---------------------------------- */

	#formular ol,
	#formular ol li {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#formular ol li {
		margin-bottom: 10px;
	}

	#formular label {
		display: block;
		font-weight: bold;
	}

	#formular input,
	#formular textarea,
	#formular li span.kleingedrucktes {
		width: 300px;
		color: #222;
	}

	#formular li span.kleingedrucktes {
		display: block;
		font-size: smaller;
	}

	#formular input#submit,
	#formular input.checkbox {
		width: auto;
	}

	.checkboxlabel {
		font-weight: normal !important;
		margin-bottom: 0;
	}

	input, textarea, select {
		border: 1px solid #91D376;
		background: #D5FCC5;
		padding: 2px;
		font-family: Verdana, Arial, "Trebuchet MS", Helvetica, sans-serif;
	}

	.leerfeldfehler input,
	.leerfeldfehler select,
	.leerfeldfehler textarea {
		border: 1px solid #990000;
	}

	input#submit {
		border: 0;
		display: inline;
		width: 148px !important;
		height: 35px;
		color: #000;
		font-size: 1em;
		padding: 0;
		margin: 0;
	}

	textarea {
		font-size: 1em;
	}

	legend {
		display: none;
	}


	/*  Tabellen
	---------------------------------- */

	table.datensaetze th,
	table.datensaetze td {
		padding: 3px;
	}

	/*  Clearfix
	---------------------------------- */

	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */



}



@media print {

	/* Allgemein
	---------------------------------- */

	* {
		font-family: Verdana, Arial, "Trebuchet MS", Helvetica, sans-serif;
		background: #fff;
		color: #000;
	}

	.versteckt,
	.bildschirm,
	#navigation,
	#seitenleiste-links,
	#seitenleiste-rechts,
	#kopfzeilenbild,
	#zusatzgrafik,
	h1 {
		display: none;
	}

	abbr {
		border: 0;
		text-decoration: none;
	}

	a abbr {
		border: inherit;
		text-decoration: inherit;
	}

	#inhalt h2,
	#inhalt h2 abbr {
		color: #03BA3B;
	}

	#inhalt h3,
	#inhalt h3 abbr {
		color: #666;
	}

	h1,	h2,	h3,	h4,	h5,	h6 { font-weight: normal; }

	#fussbereich {
		border-top: 1px solid #eee;
		margin-top: 1em;
		padding-top: 1em;
	}

	.links {
		float: left;
	}

	.rechts {
		float: right;
	}

	.mittig {
		text-align: center;
	}

	#inhalt img {
		padding: 2px;
		margin: 5px;
	}

	body#startseite p img.rechts {
		display: none;
	}

}