/*

	Basis-CSS-Datei der Internetseite

	http://www.ansbacher-rechtsanwaelte.de

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

*/

@media all {

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

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

	img, frame, fieldset {
		border: 0;
	}

	.sichtbar {
		display: block;
		visibility: visible;
	}

	.mittig {
		text-align: center;
	}

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

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

	.groesser {
		font-size: larger;
	}

	.kleiner {
		font-size: smaller;
	}

	.clear {
		clear: both;
	}

	.inline {
		display: inline;
	}
	
	.haelfte {
		width: 47%;
	}
	
	.haelftePlus {
		width: 57%;
	}
	
	.drittel {
		width: 31%;
	}
	
	.zweidrittel {
		width: 63%;
	}
	
	.zweisechstel {
		width: 33%;
	}

	.mceIcon,
	.keinrahmen {
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}
	
	.keinhintergrund {
		background: none;
	}


}


@media screen, projection {

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

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

	table, ul, li {
		border:0;
	}

	html {
		font: 76%/1.8 "arial", "verdana", "helvetica", "trebuchet ms", sans-serif;
	}

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

	body {
		height: 100.01%;
		min-height: 100.01%;
	}
	
	.versteckt,
	.druck {
		display: none !important;
		visibility: hidden !important;
	}
	
	/*  Elemente
	---------------------------------- */

	h1 { font-size: 2.5em; }

	h2, h3 { line-height: 1.2; }

	h2 { font-size: 1.5em; margin: .6em 0 .6em 0; color: #B00000; font-weight: normal; }

	h3, h4, h5 { margin: .8em 0; }

	h3 { font-size: 1.3em; color: #444; font-weight: normal; }

	h4 { font-size: 1.2em; color: #222; }

	h5 { font-size: 1.1em; }

	h6 { margin: 0; padding: 0; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; }

	h1, h2, h3, h4, h5, h6 { clear: both; font-family: "arial", "verdana", "helvetica", sans-serif;  }

	p, address, blockquote, ul, ol, dl, dt, pre { margin: 1.6em 0; }

	address, cite, var, abbr { font-style: normal; }

	blockquote { padding: 0 2.5em; }

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

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

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

	dd pre { margin: 0; }

	th { text-align: left; }

	label, a { cursor: pointer; }

	pre, code, var, kbd { font-family: "lucida console", monaco, "courier new", "courier", monospace; }

	abbr[title] { cursor: help; border-bottom: #000 dotted 1px; }

	dt { padding: 0 1em 0 0; margin: 0; font-size: 1em; font-weight: bold; }

	dt:after { content: ":"; }

	blockquote {
		font-style: oblique;
		font-size: 1.1em;
		font-family: Georgia, "Times New Roman", Times, serif;
		background: url("zitat.png") no-repeat;
		padding-left: 30px;
		margin-bottom: 1.5em;
	}

	blockquote p {
		margin: 0;
		padding: 0;
	}

	blockquote cite {
		float: right;
		font-style: oblique;
		font-weight: bold;
	}

	textarea, input, legend, label, select, option {
		font: 100%/1.8 "verdana", "arial", "helvetica", "trebuchet ms", sans-serif;
		padding: 2px;
	}

	p, legend, label {
		font-weight: normal;
		display: block;
	}


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

	html,
	body {
		background: #FFE5A0;
		color: #000;
	}
	
	#begrenzung-aussen {
		position: absolute;
		top: 30px;
		width: 100%;
		background: url("hintergrund.body.jpg") bottom repeat-x;
	}
	
	#begrenzung-innen {
		position: relative;
		left: 50%;
		margin-left: -400px;
		border: 1px solid #B00000;
		width: 798px;
		background: #fff;
		margin-bottom: 30px;
	}
	
	#kopfzeile {
		height: 150px;
		background: #fff;
	}
	
	#fusszeile {
		background: url("hintergrund.hr.jpg") top center no-repeat;
		padding-top: 20px;
		text-align: center;
	}
	
	#inhalt {
		padding: 10px;
	}

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

	a {
		color: #B00000;
		text-decoration: none;
	}

	#inhalt a:hover,
	#inhalt a:focus {
		border-bottom: 1px solid #B00000;
	}
		
	a.keinhover:hover {
		border: 0;
	}


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

	h1 {
		height: 129px;
		width: 766px;
		padding: 21px 0px 0px 32px;
	}
	
	h1 a {
		text-indent: -9999em;
		background: url("logo.ara.jpg") no-repeat;
		width: 733px;
		height: 107px;
		display: block;
	}
	
	.rechts.drittel,
	.rechts.zweidrittel,
	.rechts.haelfte,
	.rechts.haelftePlus {
		text-align: left;
	}
	
	#inhalt img,
	.bildrahmen {
		background-color: #fff;
		border: 4px double #ccc;
		padding: 0.2em;		
		margin: 0.7em;
	}
	
	.bildrahmen img {
		background: none !important;
	}
	
	#kontakt .vcard div {
		margin-bottom: 1em;
	}
	
	#kontakt .vcard div div {
		margin-bottom: 0;
	}
	
	#kontakt .vcard div.org {
		font-weight: bold;
	}
	
	ul.links li {
		margin-bottom: 0.7em;
	}
	
	.einrueckung-1 { padding-left: 20px; }
	.einrueckung-2 { margin-left: 20px; padding-left: 20px; background: url("piktogramm.unterebene-2.gif") center left no-repeat; }
	.einrueckung-3 { margin-left: 20px; padding-left: 40px; }
	
	.admintabelle {
		margin-left: 40px;
	}
	
	li.groesser span.kleiner {
		font-size: x-small;
		position: relative;
		top: -10px;
	}

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

	#navigation {
		background: #B00000;
		width: 774px;
		padding: 7px 0px 0px 24px;
		height: 34px;
	}	
	
	#navigation .nav {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#navigation ul li {
		display: block;
		float: left;
	}
	
	#navigation ul li a {
		color: #fff;
		font-size: 1.2em;
		padding: 11px 14px 12px;
		text-transform: uppercase;
	}
	
	#navigation ul li.aktiv a {
		background: #C6C7C8;
		color: #B00000;
		font-weight: bold;
	}
	
	#navigation ul li a:hover {
		border: 0 !important;
	}
	
	
	#subnavigation {
		background: #C6C7C8;
		width: 774px;
		padding: 7px 0px 0px 24px;
		height: 24px;
	}
	
	#subnavigation .subnav {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#subnavigation ul li {
		display: block;
		float: left;
	}
	
	#subnavigation ul li a {
		font-size: 1em;
		padding: 5px 15px;
		color: #000;
	}
	
	#subnavigation ul li.aktiv a {
		background: #C6C7C8;
		color: #B00000;
		font-weight: bold;
	}
	
	#subnavigation ul li a:hover {
		border: 0 !important;
	}
	
	
	/*  Formulare
	---------------------------------- */
	
	ol.keineliste {
		margin: 0;
		padding: 0;
	}
	
	.feld {
		padding-top: 5px;
	}
	
	.rechtesfeld {
		padding-left: 8px;
	}
	
	#formular {
		width: 80%;
	}
	
	#formular fieldset legend {
		display: none;
	}

	#formular label {
		display: block;
	}

	#formular ol li {
		list-style: none;
	}
	
	#formular input[type="submit"] {
		background: #B00000;
		color: #C7C9C6;
		border: 1px solid #C7C9C6;
		font-weight: bold;
	}
	
	#formular input[type="submit"]:hover {
		color: #fff;
		border: 1px solid #aaa;
	}

	input[type="radio"] {
		width: auto;
	}

	option {
		font-weight: normal !important;
		font-size: smaller;
	}
	
	.loginformular label {
		width: 70px;
		display: block;
		float: left;
		position: relative;
		top: -2px;
	}

	.loginformular ol {
		margin: 0;
		padding: 0;
		margin-left: 30%;
	}

	.loginformular ol li {
		list-style: none;
		height: 40px;
	}
	
	input, textarea, select {
		background: #fefefe;
		border: 1px solid #cbcbcb;
	}

	input:hover,
	input:focus,
	textarea:hover,
	textarea:focus,
	select:hover,
	select:focus {
		background: #fefefe;
		border: 1px solid #ababab;
	}
	
	
	input[disabled="disabled"],
	textarea[disabled="disabled"],
	select[disabled="disabled"] {
		color: #999;
	}
	
	input[disabled="disabled"]:hover,
	input[disabled="disabled"]:focus,
	textarea[disabled="disabled"]:hover,
	textarea[disabled="disabled"]:focus,
	select[disabled="disabled"]:hover,
	select[disabled="disabled"]:focus {
		background: #fefefe;
		border: 1px solid #cbcbcb;
	}

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

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

	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */


}



@media print {

	h1,
	.versteckt,
	#navigation,
	#subnavigation,
	#brotkrume,
	#fusszeile,
	.bildschirm {
		display: none;
	}

	body {
		font: 76%/150% "arial", "verdana", "helvetica", "trebuchet ms", sans-serif;
	}

	h1 { font-size: 2.5em; margin-bottom: 2em; }

	h2, h3 { line-height: 1.2; }

	h2 { font-size: 1.6em; margin: .6em 0 .6em 0; color: #77787B; font-weight: normal; }

	h3, h4, h5 { margin: .8em 0; }

	h3 { font-size: 1.2em; color: #000; font-weight: normal; }

	h4 { font-size: 1.2em; color: #222; }

	h5 { font-size: 1.1em; }

	h6 { margin: 0; padding: 0; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; }

	h1, h2, h3, h4, h5, h6 { font-family: "arial", "verdana", "helvetica", sans-serif;  }

	h1 a, h2 a, h3 a {
		color:#000;
		text-decoration:none;
	}

	.mittig {
		text-align: center;
	}

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

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

	.groesser {
		font-size: larger;
	}

	.kleiner {
		font-size: smaller;
	}
	
	.rechts.drittel,
	.rechts.zweidrittel,
	.rechts.haelfte {
		text-align: left;
	}

}