@charset "utf-8";

* { margin: 0; padding: 0 }
a { outline: 0 }
a img { border: 0; text-decoration: none }
.error { color: red; font-weight: bold }

body { font: 12px/18px Verdana, Arial, Helvetica, sans-serif; color: #444; padding: 0 10px }

#container { position: relative; width: 938px; margin: 0 auto }
h1 { width: 265px; height: 170px; margin-left: 560px; margin-bottom: 3px;
	background: white url(/images/layout/logo.gif) left bottom no-repeat; text-indent: -10000px }
h2 { width: 938px; height: 133px; border-bottom: 2px solid #8e2d2d;
	background: white url(/images/layout/header/startseite.jpg) left top no-repeat; text-indent: -10000px }
.startseite h2 { background-image: url(/images/layout/header/startseite.jpg) }
.unser-leistungsspektrum h2 { background-image: url(/images/layout/header/unser-leistungsspektrum.jpg) }
.ag-familienrecht h2 { background-image: url(/images/layout/header/ag-familienrecht.jpg) }
.ag-erbrecht h2 { background-image: url(/images/layout/header/ag-erbrecht.jpg) }
.kontakt h2, .impressum h2 { background-image: url(/images/layout/header/kontakt.jpg) }

#main-menu { width: 938px; height: 25px; line-height: 25px; padding-top: 4px; list-style: none }
#main-menu li { float: left; width: 100px; margin-left: 37px }
#main-menu li.first { margin-left: 0 }
#main-menu li a { display: block; text-indent: -10000px; background: white url(/images/layout/menu.gif) top left no-repeat }
#main-menu #menu-1 { width: 108px }
#main-menu #menu-2 { width: 232px }
#main-menu #menu-3 { width: 164px }
#main-menu #menu-4 { width: 123px }
#main-menu #menu-5 { width: 94px }
#main-menu #menu-1 a { background-position: 0 0 }
#main-menu #menu-1 a:hover,
#main-menu #menu-1 a.active { background-position: -250px 0 }
#main-menu #menu-2 a { background-position: 0 -25px }
#main-menu #menu-2 a:hover,
#main-menu #menu-2 a.active { background-position: -250px -25px }
#main-menu #menu-3 a { background-position: 0 -50px }
#main-menu #menu-3 a:hover,
#main-menu #menu-3 a.active { background-position: -250px -50px }
#main-menu #menu-4 a { background-position: 0 -75px }
#main-menu #menu-4 a:hover,
#main-menu #menu-4 a.active { background-position: -250px -75px }
#main-menu #menu-5 a { background-position: 0 -100px }
#main-menu #menu-5 a:hover,
#main-menu #menu-5 a.active { background-position: -250px -100px }

#sub-menu { list-style: none; position: absolute; left: 0; top: 150px; width: 400px }
#sub-menu li { float: left }
#sub-menu li a { text-decoration: none; display: block; color: #2c4a8d }
#sub-menu li a:hover, #sub-menu li a.active { color: #8e2d2d }

#footer { font-size: 11px; border-top: 2px solid #8e2d2d; padding-bottom: 25px }

#content { padding: 60px 30px 30px 345px }
#content h3 { font: normal 28px/30px Helvetica,Arial,sans-serif; padding-bottom: 30px; color: #2c4a8d; letter-spacing: 1px }
#content h4 { font-size: 12px; font-weight: bold; color: #2c4a8d }
#content a { font-weight: bold; color: #8e2d2d; text-decoration: none }
#content a:hover { text-decoration: underline }
#content p { padding-bottom: 16px }
#content ul, #content ol, #content table { padding: 8px 0 }
#content ul, #content ol { padding: 0 0 18px; color: #2c4a8d; padding-left: 1.1em }
#content ul { list-style: square }
#content form { width: 420px }
#content fieldset { padding: 0 20px 15px; width: 420px; border: 1px solid #ddd }
#content legend { padding: 0 5px; margin-left: -5px }
#content label { display: block; padding-top: 10px }
#content input, #content textarea { display: block; width: 420px; font: 11px Verdana, sans-serif;
	padding: 1px 0; overflow-y: auto }
#content textarea { height: 150px; line-height: 16px }
#content input.button { width: auto; height: auto; display: block; font-size: 12px;
	margin-top: 15px; cursor: pointer; padding: 1px 10px }

/* Elementtypen */
#content .aufzaehlung { position: absolute; left: 0; top: 400px; width: 230px; z-index: 10;
	background: white url(/images/layout/dotted.gif) top left repeat-x; padding-top: 8px; height: 1px }
#content .aufzaehlung ul { padding-left: 0; list-style: none; line-height: 22px; width: 230px;
	background: white url(/images/layout/dotted.gif) bottom left repeat-x; padding-bottom: 8px }
#content .aufzaehlung ul li { font-size: 16px; padding-left: 15px;
	background: white url(/images/layout/aufzaehlung.gif) 0 6px no-repeat }
#content .aufzaehlung .linklist ul { list-style: none; margin-top: -7px; padding: 0;
	line-height: 36px; width: 230px }
#content .aufzaehlung .linklist ul li { padding: 0; height: 36px;
	background: white url(/images/layout/dotted.gif) bottom left repeat-x }
#content .aufzaehlung .linklist ul li a { text-decoration: none; display: block; color: #2c4a8d }
#content .aufzaehlung .linklist ul li a:hover { color: #8e2d2d }

#content .veranstaltung { border-collapse: collapse; margin-right: -30px }
#content .veranstaltung th { text-align: left; padding-bottom: 3px; border-bottom: 1px solid #444 }
#content .veranstaltung td { text-align: left; vertical-align: top; padding: 5px 16px 5px 0; border-bottom: 1px solid #ddd }
#content .veranstaltung td a { display: block }
#content .veranstaltung td.ausgebucht { padding-right: 0; color: #2c4a8d }
#content .veranstaltung tr.last td { border-color: #444 }

/* IE */
#content fieldset { *width: 423px }
#content .aufzaehlung ul li { *float: left; width: 230px }