/*
Theme Name: Amt Britz-Chorin-Oderberg
Theme URI: http://britz-chorin-oderberg.de/
Description: Theme für die Homepage des Amtes Britz-Chorin-Oderberg.
Author: John Wrana
Version: 2.0
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
body	{ line-height: 1; }
ol, ul	{ list-style: none; }
:active	{ outline: 0; }
ins		{ text-decoration: none; }
del		{ text-decoration: line-through; }

/* =GLOBAL */
body				{ color: #292929; background-color: #ffffff; font-size: 13px; line-height: 22px; }
body, input,
textarea			{ font-family: 'Droid Sans', 'Lucida Grande', "Trebuchet MS", Helvetica, Arial, sans-serif; }
em, blockquote, q,
th, dl.list dd,
p.preface,
div.vcard div.n		{ font-size: 13px; color: #494949; font-style: italic; font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif; }
p.preface			{ font-size: 14px; }
h1, h2, h3, h4		{ font-family: 'Yanone Kaffeesatz', "Lucida Grande", "Arial Narrow", Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif; font-weight: normal; }
sup					{ margin: 0 2px; color: #898989; font-size: 10px; line-height: 18px; vertical-align: top; }
h2, h3, h4, p, dl	{ margin: 22px 0; }
a					{ color: #0090b0; text-decoration: none; }
a:hover				{ color: #a90049; }
#main p.teaser		{ color: #595959; }
#main p a,
#main ol a,
#main ul a,
#main dl a			{ border-bottom: 1px dotted #b9b9b9; }
#content a[rel^="lightbox"]
					{ border: none; }
a[rel="external"]	{ padding-right: 12px; margin-right: 5px; background: transparent url(i/external.png) no-repeat top right; }
a[href$="pdf"]		{ padding-right: 19px; background: transparent url(i/pdf.png) no-repeat top right; }
h2					{ color: #86ac32; font-size: 24px; clear: left; padding-left: 33px;
					  background: transparent url(i/leaf.png) no-repeat 0 3px; }
h3					{ color: #86ac32; font-size: 18px; clear: left; }
h4		 			{ color: #8030b0; font-size: 16px; word-spacing: 3px; }
h4.contact			{ padding-left: 44px; height: 44px; background: url(i/contact.png) no-repeat top left; }
div.left, dl.left	{ float: left; }
div.right, dl.right	{ float: right; }
.important			{ color: #8030b0; }
.alert				{ color: #a90049; }
img.map				{ margin-bottom: 66px; }
q					{ quotes: "»" "«"; }
q:before			{ content: open-quote; }
q:after				{ content: close-quote; }

/* =TABLES */
table				{ border-collapse: collapse; width: 850px; margin: 0 0; }
th					{ font-size: 14px; padding: 3px 5px; text-align: center; color: #597929; background-color: #e9f0e0; border-top: 1px solid #b9c0b0; font-weight: normal; border-bottom: 1px solid #b9c0b0; }
td					{ font-size: 13px; padding: 3px 5px; text-align: center; border-bottom: 1px solid #e0e0e0; }
tbody tr:last-child td
					{ border-top: none; border-bottom: none; }
tfoot td			{ color: #444; background-color: #e5e5e5; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #a0a0a0; }
table tbody tr:nth-child(even) td
					{ background-color: #f0f0f0; }
th.left, td.left,
table.kultur th,
table.kultur td		{ text-align: left; }

/* =HEADER */
#header				{ width: 100%; background: transparent url(i/header-back.png) top left repeat-x; }
#navigation			{ width: 900px; margin: 0 auto; height: 33px; overflow: hidden; }
#breadcrumb			{ width: 600px; color: #494949; font-size: 11px; text-transform: uppercase; display: inline-block; float: left; line-height: 36px; overflow: hidden; }
#search				{ width: 300px; color: #494949; font-size: 12px; display: inline-block; float: right; position: relative; }
#searchform			{ position: absolute; top: 0; right: 0; line-height: 33px; }
#s					{ font-size: 11px; text-transform: uppercase; color: #555; padding: 0 8px; width: 136px; height: 19px; vertical-align: middle; }
#searchsubmit		{ vertical-align: middle; }
h1					{ background: transparent url(i/header.png) top left repeat-x; width: 900px; margin: 0 auto;
					  height: 148px; clear: both; text-indent: -9999px; }

/* =MENU */
#menu				{ width: 100%; background: transparent url(i/menu-back.png) top left repeat-x; }
#menu ul			{ width: 900px; height: 50px; margin: 0 auto; }
#menu ul li			{ display: inline-block; float: left; }
#menu a				{ display: block; background: transparent url(i/menu.png); text-indent: -9999px; height: 50px; }
/* Home */
#menu a#m1			{ background-position:      0      0; width:  50px; }
#menu a#m1:hover	{ background-position:      0  -50px; }
#menu a#m1.active	{ background-position:      0 -100px; }
/* Bürger & Rathaus */
#menu a#m2			{ background-position:  -49px      0; width: 147px; }
#menu a#m2:hover	{ background-position:  -49px  -50px; }
#menu a#m2.active	{ background-position:  -49px -100px; }
/* Amtliches & Ortsrecht */
#menu a#m3			{ background-position: -197px      0; width: 176px; }
#menu a#m3:hover	{ background-position: -197px  -50px; }
#menu a#m3.active	{ background-position: -197px -100px; }
/* Ausschreibungen */
#menu a#m4			{ background-position: -373px      0; width: 142px; }
#menu a#m4:hover	{ background-position: -373px  -50px; }
#menu a#m4.active	{ background-position: -373px -100px; }
/* Ratsinformationssystem */
#menu a#m5			{ background-position: -515px      0; width: 188px; }
#menu a#m5:hover	{ background-position: -515px  -50px; }
#menu a#m5.active	{ background-position: -515px -100px; }
/* Kontakt */
#menu a#m6			{ background-position: -703px      0; width:  88px; }
#menu a#m6:hover	{ background-position: -703px  -50px; }
#menu a#m6.active	{ background-position: -703px -100px; }
/* Impressum */
#menu a#m7			{ background-position: -792px      0; width: 108px; }
#menu a#m7:hover	{ background-position: -792px  -50px; }
#menu a#m7.active	{ background-position: -792px -100px; }

/* = CONTENT */
#content			{ width: 900px; margin: 0 auto; padding: 22px 0 44px 0; }
#content p			{ text-align: justify; }
#main				{ width: 600px; display: inline-block; float: left; padding-bottom: 66px; }
#main .sidenote		{ width: 250px; float: right; margin-right: -300px; }
#main h3 + .sidenote,
#main dl + .sidenote
					{ margin-top: 22px; }
#main h4 + .sidenote
					{ margin-top: -44px; }
#main .sidenote p	{ font-size: 13px; color: #494949; text-align: justify; }
#main .sidenote h4	{ margin: 0 0 -22px 0; }
#main > ol,
#main > ul			{ margin: 22px 22px 22px 44px; }
#main > ul > li		{ text-indent: -1.125em; }
#main > ul > li:before
					{ content: "\00B7\00A0\00A0\00A0\00A0"; }
#main ol			{ list-style-position: outside; list-style-type: decimal; }
#side				{ width: 250px; display: inline-block; float: right; padding-bottom: 66px; }
p.preface			{ width: 600px; }

/* =FOOTER */
#footer				{ width: 100%; clear: both; background: transparent url(i/footer-back.jpg) top center repeat-x;
					  border-top: 1px solid #eee; }
#footer ul			{ width: 900px; margin: 0 auto; }
#footer li			{ width: 300px; margin: 44px 0; display: inline-block; float: left; color: #a0b0c0; }
#footer h4			{ margin: 22px 0; color: #d0d9e0; }
#footer p.copyright	{ width: 600px; margin: 0 auto; padding: 22px 0 22px 300px; clear: both; color: #a0b0c0; }

/* Mitglieder GV, SVV, Amtsausschuss */
dl.members			{ width: 264px; margin-top: -22px; margin-bottom: 44px; }
dl.members dt		{ margin-top: 11px; padding-top: 10px; }
dl.members dt		{ border-top: 1px solid #c9d0c0; }
dl.members dt:first-child
					{ border-top: none; }
dl.members dd		{ color: #696969; font-size: 12px; }

/* Thumnails */
.ansichten			{ padding-bottom: 11px; }
.ansichten a		{ display: inline-block; width: 105px; height: 105px; margin: 0 6px 6px 0; }

/* Tags */
p.tags				{ margin-top: 0; word-spacing: 0.4em; text-align: justify; line-height: 24px;
					  font-family: Helvetica, Arial, DroidSansRegular, sans-serif; }
p.tags a			{ color: #494949; }
p.tags a:hover		{ color: #b00050; }

/* SLIMBOX */
#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #000; }
.lbLoading { background: #000 url(i/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 1px solid #86ac32; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(i/prevlabel.png) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(i/nextlabel.png) no-repeat 100% 15%; }
#lbBottom { font-family: Arial, "Trebuchet MS", Helvetica, "Lucida Grande", "Lucida Sans", Verdana, sans-serif; font-size: 10px; color: #ccc; line-height: 1.4em; text-align: left; padding: 2px 5px 0 5px; }
#lbBottomContainer { background: transparent url(i/slimbox-trans.png); }
#lbCloseLink { display: block; float: right; width: 32px; height: 22px; background: transparent url(i/closelabel.png) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }