﻿/* Reset all */
*{
	padding: 0;
	margin: 0;
	border: 0;
}

html {
background: #8D898C url('img/navi-over.jpg') repeat-x top left;
}

/* Allgemeines */
body {
	font-size: 80%;
	line-height: 1.6em;
	color: #333;
	background: #8e898d url('img/bg.jpg') top left repeat-x;
	font-family:georgia, palatino, "Times New Roman", serif;
	text-align: center;	
}

a:link {
	color: #FFA500;
	text-decoration: none;
}

a:visited {
	color: #DAA520;
	text-decoration: none;
}

a:hover {
	color: #FFA500;
	text-decoration: underline;
}

/* Clear Class */
.c {
	clear: both;
}

img, a img {
	border: 0;
}

.keine-anzeige {
	display: none;
}

/* Absaetze */
p {
	font-size: 1em;
	line-height: 1.4em;
	margin: 0.5em 0;
	clear: both;
}

.postmetadata { font-size: 0.85em; padding: 10px 0;}

/* Startseite, Sidebar: Mehr Topabstand */
.abstand { padding: 10px 0; font-weight:bold;}

/* Kleinerer Text */
.s {
	font-size: 0.9em;
}

/* Links- bzw. Rechtsausrichtung für Elemente, z.B. Klasse bild */

.links {
	float: left;
	margin: 3px 10px 0 0;
}

.rechts {
	float: right;
	margin: 0 0 0 10px;
}

/* Listen */

ul,li{ margin: 0; list-style-type: none; position: relative; }

.list li { background: #FFFFE0 url('img/list.gif') no-repeat 10px 8px;
padding: 8px 8px 8px 40px; margin: 6px 0; line-height:1.2em;}

.sublist li { background: #FFFFE0 ; padding: 2px 2px 2px 20px; margin: 1px 0; line-height:1.1em;}


h1 {display:inline;}

/* Link zur Startseite, der H1 versteckt */

#startlink { margin: 0 0 0 30px; width: 250px; height:165px; display:block; float: left;}

#startlink a { display: block; width: 250px; height:165px; float: left;}

h2 { color: #191970; font-size: 2.4em; padding: 20px 0 10px 0; font-weight: normal;
}

h3 { color: #191970; font-size: 1.4em; padding: 20px 0 10px 0; font-weight: normal;
}


/* Layout */
#wrapper {
background: #fff url('img/bg-main.jpg') top left repeat-y;
width: 775px;
margin: 0 auto;
text-align:left;
}

#header {
width: 775px;
height: 173px;
background: #000080 url('img/header.jpg') top left no-repeat;
margin:0; padding: 0;
}

/* Top-Navigation */

ul#navi {
float: right;
width: 466px !important;
width: 465px;
font-family:georgia, palatino, "Times New Roman", serif;
font-size: 0.9em;
}

#navi li {
display: block;
height: 41px;
background: #DDD url('img/navi.jpg') repeat-x top left;
float: left;
margin: 0 0 0 2px;
text-align: center;
}

#navi li a {
display: block;
height: 41px;
background: #5D5958 url('img/navi.jpg') repeat-x top left;
float: left;
padding: 122px 0 10px 0;
color: #fff;
text-transform: uppercase;
}

#navi li a:hover {
display: block;
height: 41px;
background: #111 url('img/navi-over.jpg') repeat-x top left;
float: left;
padding: 122px 0 10px 0;
color: #fff;
text-decoration:none;
}

/* Breite der Tabs in der Navigation passend zum Bild auf der Startseite */

#navhome { width: 94px;}
#navberatung { width: 144px;}
#navblog { width: 97px;}
#navkontakt { width: 97px;}

body#Kontakt a#navkontakt,
body#Kanzlei a#navhome,
body#Rechtsberatung a#navberatung,
body#Weblog a#navblog
#navi li a { background: #5D5958 url('img/navi-now.jpg') repeat-x top left;}

/* Gesamter Container */

#content {
background: #fff url('img/bg-main.jpg') top left repeat-y;
width: 775px;
margin: 0 auto;
text-align:left;
float: left;
}

/* Inhalt */

#main {
padding: 5px 40px 0 0;
float: right;
width: 415px;
}

/* Alternative Breite für die Startseite */

#home #main{
width: 424px;
}

div.pfad {clear:both;font-size: 0.9em;
padding: 10px 40px 0 40px;
width: 695px; text-align:right;}

.pfad p { color: #0000CD; padding: 10px 0; text-align:right;}

.pfad p a:link, .pfad p a:visited { text-decoration: underline;}

/* Seitenleiste */

#sidebar {
width:296px;
float: left;
padding: 0 0 0 15px;
}

/* Alternative Breite für die Startseite */

#home #sidebar {width:265px; padding: 0 0 0 25px;}

div#subnavi ul {
margin:0;
width: 296px;
background: #e34d59;
color: #fff;
text-transform:uppercase;
}

#subnavi a:link, #subnavi a:visited { color:#fff; padding: 10px 20px; display:block;}

#subnavi li { border-bottom: 1px solid #4f4a4b;}

#subnavi li ul { background: #191970; padding:0; margin:0;}

#subnavi li ul li a:link, #subnavi li ul li a:visited { padding: 5px 0 5px 20px; margin:0 0 0 50px;text-transform:none; font-size: 0.95em; background: transparent url('list.gif') no-repeat 0 50%;}

#subnavi li a:hover {text-decoration:none; background: #00008B;} 

#subnavi li a#level2current {text-decoration:none; background: #3C3A3B;} 



/* Seitenfuss*/

#footer {
clear:both;
background: #403B3C url('img/footer-bg.jpg') top left repeat-y;
color: #eee;
font-size: 0.9em;
padding: 10px 40px 0 40px;
width: 695px;
float: left;
}


.spalte-1 { width: 450px; float: left; clear:both; margin: 0;border-right: 1px dotted #eee; padding: 10px 20px 10px 0;}
.spalte-2 { width: 200px; float: right; margin: 0; padding:20px 0 10px 0; clear:none;}
.spalte-2 a:link, .spalte-2 a:visited { color: #eee; }

/* Rundung */

#abschluss {
clear:both;
background: #403b3c url('img/footer-foot.jpg') top left no-repeat;
width: 775px;
height: 30px;
}

/* Bildformatierung */

.bild { padding: 3px; border: 2px solid #716D6F; background: #fff;}

input, textarea { border: 1px solid #aaa;}


.error {
        background:#eee;
        border:1px solid #f30;
        color:#f30;
        padding:5px;
}

.success {
        background:#eee;
        border:1px solid #390;
        color:#390;
        padding:5px;
}

