/* 
Grau (Schrift): #4C4C4C;
Helles Grau:    #828282;
Blau:           #2A64AF;
Rot:            #CC0066;
*/

body {
	font-size: 0.8em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, Helvetica, Arial, sans-serif;
	line-height: 1.6em;
	color: #4C4C4C;
}

h1, h2, h3, h4, h5, p, ul, li, table, form {
	margin: 0 auto 1em auto;
}

h1 { /* Ohne Verwendung */
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	margin: 0 auto 0.4em auto;
	color: #666666;
}

h2 { /* Grosse Themenueberschriften */
	font-weight: normal;
	font-size: 1.6em;
	line-height: 1.3em;
	color: #666666;
}

h3 { /* Kleine Themenueberschriften */
	font-weight: bold;
	font-size: 1.1em;
	color: #666666;
}

h4 { /* Zwischenueberschriften im Text, ohne Abstand danach */
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 0;
}

h5 { /* Dachzeile */
	font-size: 0.9em;
	font-weight: normal;
	margin-top: 0.1em;
	border-bottom: 1px solid #828282;
}

p {
}

ul, ol {
	list-style: square outside;
	margin-left: 0;
	padding-left: 2.2em;
}

ul li, ol li {
	line-height: 1.4em;
	margin: 0 0 0.5em 0;
}

table {
	font-size: 1em;
}

form {
	font-size: 1em;
	padding: 0;
}

em { font-style: normal; color: #d20000; }

img, a, a:link, a:visited, a:hover, a:focus, a:active, 
	button, button:hover, button:focus, button:active {
	outline: none; border: none;
}

small {
	font-size: 0.85em;
}

/* Spezielle Elemente */

.mit_unterzeile { margin-bottom: 0.2em; }

h5, .navigation {
	font-family: Georgia, Times, "Times New Roman", serif;
	letter-spacing: 0.1em;
}

.layout {
	color: black;
	background-color: #FFFF99;
}

/* Links */

a { text-decoration: none; outline: none; }
a:link { color: #2A64AF; }
a:visited { color: #2A64AF; }
a:hover, a:focus { text-decoration: underline; color: #2A64AF; }
a:active { color: #CC0066; }

a:before {
	content: "\00BB \A0";
	font-weight: bold;
}

a.ohne:before {
	content: "";
}

/***********************************/
/***** Uebergreifende Elemente *****/
/***********************************/

/***** Formulare *****/

form h5 {
	margin-bottom: 0; border: 0;
}

label { font-weight: normal; }
.pflicht label { font-weight: bold; color: #666666; }

fieldset {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
	border: none;
}

textarea, input, select, button {
	font-size: 1em;
	color: #4C4C4C;
	vertical-align: middle;
}

select { width: 100%; }

input.text, textarea {
	padding: 3px;
	border: 1px solid #CCCCCC;
	margin-right: 0;
	width: 100%;
}

textarea { max-width: 430px; }

/* Meldungen */

form .meldung, form .pflicht.fehler {
	color: #CC0066;
	margin-left: 0;
	padding-left: 9px;
	border-left: 3px solid #CC0066;
}

form .meldung h4 {
	margin: 0 0 0.4em 0;
	font-size: 1.1em;
}

.fehler.pflicht select { width: 418px; }
.fehler.pflicht input.text, .fehler.pflicht textarea { max-width: 418px; }

/***** Listen *****/

ul {
	list-style: none outside !important; list-style: square inside;
	padding-left: 0;
}

ul li {
	line-height: 1.4em;
	padding-left: 0.8em !important; padding-left: 15px;
	text-indent: -0.8em !important; text-indent: -15px;
}

ul li:before {
	font-weight: bold;
	content: "\203A\A0";
}

/* Bloecke */

.block {
	margin-bottom: 2em;
}

/********************/
/***** Struktur *****/
/********************/

body {
	background: #595959 url(hintergruende/body.png) center top repeat-x;
	text-align: center;
	width: 912px;
	margin: 0 auto;
}

#container {
	background: url(hintergruende/container.png) center top repeat-y;
	width: 912px;
	margin: 0 auto;
}

#container .verlauf {
	background: url(hintergruende/container_start.png) center top no-repeat;
	width: 780px !important; width: 912px;
	text-align: left;
	min-height: 600px; height: auto !important; height: 600px;
	padding: 0 16px 0 116px;
}

#kopf {
	width: 680px; height: 62px;
	padding-top: 26px;
}

#navigation {
	width: 680px;
}

#inhalt {
	margin-top: 0.5em;
	padding-bottom: 30px;
}

#fuss {
	background-position: center bottom !important;
	background-color: transparent !important;
	background: #595959 url(hintergruende/fuss.png) center top no-repeat;
	width: 912px; height: 60px;
	margin: 0 0 50px 0 !important; margin: 50px 0 0 0;
}

.links { float: left; display: inline; }
.rechts { float: right; display: inline; }
.clear { clear: both; }

/***** Kopf *****/

#kopf {
	background: url(logo.gif) center 26px no-repeat;
}

#kopf h1 { display: block; height: 0; width: 0; overflow: hidden; }

/***** Navigation *****/

#navigation { text-align: left; }

.navigation {
	font-size: 0.9em;
	color: #828282;
}

.navigation.inline {
	/* border-top: 1px solid #828282; */
	margin-top: 3em;
}

.navigation ul, .navigation ul {
	list-style: none inside;
	padding: 0;
}

.navigation li {
	float: left; display: inline;
	margin-right: 0.5em;
}

.navigation li {
	border-left: 1px solid #828282;
}
.navigation li:before { content: ""; }
.navigation li a { margin-left: 0.7em; margin-right: 0.2em;}

.navigation li:first-child, .navigation li.first-child { border: none; }
.navigation li:first-child a, .navigation li.first-child a { margin-left: 0; }

.navigation li.impressum {
	float: right; margin-right: 0;
	border: none;
}

.navigation a { text-decoration: none; }
.navigation a:link { color: #828282; }
.navigation a:visited { color: #828282; }
.navigation a:hover, .navigation a:focus { text-decoration: underline; color: #2A64AF; }
.navigation a:active { color: #2A64AF; }

.navigation .aktuell a { text-decoration: none; }
.navigation .aktuell a:link { color: #2A64AF; }
.navigation .aktuell a:visited { color: #2A64AF; }
.navigation .aktuell a:hover, .navigation .aktuell a:focus { text-decoration: underline; color: #2A64AF; }
.navigation .aktuell a:active { color: #2A64AF; }

.navigation a:before { content: ""; }

/* Motive */

#navigation .motiv {
	clear: both;
	background-color: #2A64AF; 
	background-position: center top; background-repeat:  no-repeat;
	width: 680px; height: 200px; overflow: hidden; 
}

.willkommen #navigation .motiv { background-image: url(motive/gruppenbild.jpg); }
.kanzlei #navigation .motiv { background-image: url(motive/kanzlei.jpg); }
.anwaelte.uebersicht #navigation .motiv { background-image: url(motive/anwaelte.jpg); }
.wurster #navigation .motiv { background-image: url(motive/wurster.jpg); }
.a_reichert #navigation .motiv { background-image: url(motive/a_reichert.jpg); }
.kolb #navigation .motiv { background-image: url(motive/kolb.jpg); }
.c_nowack #navigation .motiv { background-image: url(motive/c_nowack.jpg); }
.k_reichert #navigation .motiv { background-image: url(motive/k_reichert.jpg); }
.kontakt #navigation .motiv { background-image: url(motive/kontakt.jpg); }
.impressum #navigation .motiv { background-image: url(motive/kanzlei.jpg); }

/***** Inhalt *****/

#inhalt {
	text-align: left;
}

#inhalt .hauptspalte {
	float: left; display: inline;
	width: 430px;
	margin-top: 30px;
}

#inhalt .hauptspalte .einleitung {
	font-weight: bold;	
}

#inhalt .marginalspalte {
	float: left; display: inline;
	width: 200px;
	margin: 30px 0 0 26px;
	padding: 0 0 5em 23px;
	border-left: #828282 1px solid;
}

#inhalt .marginalspalte.wissenswertes p { font-size: 0.85em; }

#inhalt .hauptspalte h3 { margin-top: 1.8em; }

#inhalt .marginalspalte h2 {
	font-weight: bold;
	font-size: 1.1em;
}

/* Spezielle Layouts */

.anwaelte.uebersicht #inhalt .hauptspalte {
	width: 366px;
}

.anwaelte.uebersicht #inhalt .marginalspalte {
	width: 290px;
	padding-left: 0;
	border-left: none;
}

.anwaelte #inhalt .profil {
	margin: 0 0 20px 0;
}

.anwaelte #inhalt .profil .bild {
	float: left; display: inline;
	width: 80px; overflow: hidden;
	padding-top: 0.3em;
}

.anwaelte #inhalt .profil .bild img { width: 80px; height: 80px; }
.anwaelte #inhalt .profil .bild a:before { content: ""; }

.anwaelte #inhalt .profil .text {
	float: right; display: inline;
	width: 200px;
}

.anwaelte #inhalt .profil h2, .anwaelte #inhalt .profil h3 { font-size: 1em; font-weight: normal; margin: 0; }

.anwaelte #inhalt .profil .titel, .anwaelte #inhalt .profil .zusatz {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 0.9em;
	line-height: 1.3em;
	letter-spacing: 0.1em;
	color: #4C4C4C;
	display: block;
	margin: 0;
	padding-bottom: 0.3em;
}

.anwaelte #inhalt .profil .name {
	font-size: 1.3em;
	line-height: 1em;
	color: #666666;
	display: block;
}

.anwaelte #inhalt .profil h2 .name { font-size: 1.6em; }

.anwaelte #inhalt .profil .zusatz { margin-top: 0.4em; }
.anwaelte #inhalt .profil .schwerpunkte { margin-top: 1em; }

.anwaelte #inhalt .profil ul { font-size: 0.85em; }
.anwaelte #inhalt .profil ul li { margin-bottom: 0; }

/***** Fuss *****/

#fuss {
	clear: both;
}

/*************************/
/***** Auswahllisten *****/
/*************************/

#inhalt ul.auswahl {
}

#inhalt ul.auswahl li {
	padding-left: 1em !important; padding-left: 15px;
	text-indent: -1em !important; text-indent: -15px;
}

#inhalt ul.auswahl li:before { content: ""; }

#inhalt ul.auswahl li.aktuell a { text-decoration: none; }
#inhalt ul.auswahl li.aktuell a:link { color: #828282; }
#inhalt ul.auswahl li.aktuell a:visited { color: #828282; }
#inhalt ul.auswahl li.aktuell a:hover, #inhalt ul.auswahl li.aktuell a:focus { text-decoration: underline; color: #2A64AF; }
#inhalt ul.auswahl li.aktuell a:active { color: #CC0066; }