@charset "utf-8";

@import "tablecloth.css"; 
@import "tinymce.css"; 

/************************************************************
		Screen-Stylesheet  drb-brandenburg.de
		Nadine Oberstein | Medienkonzeption - Mediengestaltung
		www.nadine-oberstein.de 
************************************************************/

* {
	margin: 0;
	padding: 0;
}

body {	
	width: 780px;
	margin: 0 auto 0 auto;
	font: normal 0.72em arial, helvetica, sans-serif; 
	line-height: 140%;
	color: #555;
}

img {
	border: none;	
}

hr {
	clear: both;
	border: none;
}

ul {
	list-style: none;
}

a, a:link, a:visited, a:focus, a:hover, a:active {
	text-decoration: none;
	color: #ad2724;	
}

a:focus, a:hover, a:active {
	text-decoration: underline;
}

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

h6 {
	position: absolute;
	top: -100em;
	left: -100em;
}

/***********************
				Layout
***********************/

#wrapper {
	margin: 1em 0 2em 0;
	background: url(../images/css/bg.gif) top left repeat-y #fff;
}

#header {
	clear: right;
	position: relative;
	padding: 11px 0 0 10px;
	background: url(../images/css/header_bg.gif) top left no-repeat;
}

#logo {
	position: absolute;
	top: 22px;
	right: 50px;
}

#content {
	float: left;
	width: 400px;
	margin-left: 100px;
}

#marginal {
	float: right;
	width: 215px;
	margin-right: 40px;
	padding: 0 0 120px 0;
	background: url(../images/css/marginal_signet.gif) bottom center no-repeat;
}

#footer {
	padding: 0 40px 0 80px;
	border-bottom: 1px solid #fff;
	background: url(../images/css/bg_bottom.gif) bottom left no-repeat;
}


/***********************
				Menues
***********************/

/*** Servicenavigation ***/

#servicemenu {
	list-style: none;
	width: 660px;
	margin-bottom: 18px;
	padding: 21px 40px 0 80px;
	font-size: 0.92em;
	color: #808080;
	background: url(../images/css/bg_top.gif) top left no-repeat;
}

#servicemenu li {
	float: right;
	padding: 0 0 0 0.4em;
	background: #fff;
}

#servicemenu li:after {
	content: " |";
}

#servicemenu li.typo:after {
	content: "";
}

#servicemenu a {
	color: #808080;
}

#servicemenu a:focus, #servicemenu a:hover, #servicemenu a:active {
	color: #ad2724;
}

/*** Hauptmenü ***/

#menu {
	position: relative;
	list-style: none;
	width: 14em;	
	padding: 5px 0 35px 18px;
}

#menu a {
	display: block;
	padding: 3px 0 5px 22px;
	font-size: 1em;
	font-weight: bold;
	color: #d2d2d2;
	background: url(../images/css/header_linkbg.gif) top left no-repeat;
}

#menu li.active a,
#menu a:focus, #menu a:hover, #menu a:active {
	padding-left: 42px;
	color: #fff;
	text-decoration: none;
	background: url(../images/css/header_streifen.gif) top left no-repeat;
}

/*** Hauptmenü Sub ***/

#menu ul {
	position: absolute;
	top: -100em;
	left: -100em;
	list-style: none;
	height: 126px;
	width: 12.5em;
	padding: 10px 0 0 18px;
	white-space: nowrap;
	background: url(../images/css/header_trenner.gif) bottom left no-repeat #ad2724;
}

#menu li.active li a,
#menu li:focus ul a, #menu li:hover ul a, #menu li:active ul a {
	padding: 0;
	font-weight: normal;
	color: #d2d2d2;
	background: #ad2724;
}

#menu li.active li.active a,
#menu li.active li a:focus, #menu li.active li a:hover, #menu li.active li a:active,
#menu li:focus ul li a:focus, #menu li:hover ul li a:hover, #menu li:active ul li a:active {
	color: #fff;
}

#menu li.active ul, 
#menu li:focus ul, #menu li:hover ul, #menu li:active ul {
	top: 0px;
	left: 14em;
	font-weight: normal !important;
}

/*** Submenues ausblenden ***/

#nav49 ul {
	position: absolute !important;
	top: -100em !important;
	left: -100em !important;
}

/*** Pfadnavig ***/

#breadcrumb {	
	margin: 5px 40px 30px 100px;
	font-size: 0.92em;
	color: #808080;
}

#breadcrumb a {
	color: #808080;	
}

/*** Erweiterte Servicenavigation ***/

#footer p {
	margin: 3em 0 3em 0;
	padding: 0.5em 1em 0.5em 1em;
	font-size: 0.92em;
	text-align: right;
	border: 1px solid #adadad;
	background:	#eaeaea;
}

#footer p a:before {
	color: #555;
	content: "| ";
}

/***********************
				Typo
***********************/

/*** generelle Abstände und Rahmen ***/

#content p, #content ul, #content ol, #content dl, address, blockquote, div.errors {
	margin-bottom: 0.5em;
}

blockquote, .accent, .content49 p, div.errors {
	padding: 0.1em 0.5em 0.1em 0.5em;
	border: 1px solid	#d8d8d8;
	background:	#f6f6f6;
}

/*** Weitere Typo ***/

#content h1 {
	margin: 0 0 1.2em 0;
	font-size: 1.3em;
	color: #ad2724;
}

#content h2 {
	margin: 1.3em 0 0.8em 0;
	font-size: 1.1em  !important;
	color: #555 !important;
}

#content h3 {
	margin: 1em 0 0 0;
	font-size: 1em;
	color: #555;
}

#content ol {
	list-style: decimal-leading-zero;
	margin-left: 30px;
}

#content dl {
	margin-top: 1em;
	padding: 0.05em 0.5em 0.05em 0.5em;
	background:	#f6f6f6;
}

#content dt {
	margin: 0.5em 0 0.2em 0;
	padding-bottom: 0.1em;
	font-weight: bold;	
	border-bottom: 1px dotted #555;
}

#content dd {
	margin-bottom: 0.92em;
	padding: 0 0 0.2em 15px;
}

#content hr {
	margin: 1.2em 0 1.2em 0;
	border-bottom: 1px dotted #555;
}

#content .intro {
	margin-bottom: 2.16em;
}

blockquote {
	padding: 18px 15px 5px 15px;
	font-style: italic;
	background: url(../images/css/quote.gif) top left no-repeat #f6f6f6;	
}

blockquote p:first-letter {
	font-size: 1.5em;
	font-weight: bold;
}

q {
	quotes:	'„' '“';
	font-style: italic;
}

address {
	padding-left: 3px;
	border-left: 5px solid #d8d8d8;
}

.adresse {
	padding-left: 3px;
	border-left: 5px solid #d8d8d8;
}

.adresse span {
	display: block;
	float: left;
	width: 4.2em;
}

.adresse span span {
	display: inline;
	width: 3.7em;
}

.adresse br {
	clear: left;
}

p.gloss {
	font-size: 0.92em;
}

.gloss li {
	float: left;
	padding: 0 1em 0 0 !important;
	font-size: 0.92em;
	background: none !important;	
}

/*** Startseitenspezifisch ***/

#start #content h2 {
	margin: 0 0 1.2em 0;
	font-size: 1.3em;
	color: #ad2724;	
}

#start #content h3 {
	margin: 0.5em 0 0.5em 0;
}

#start #marginal h2 {
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	margin: 0 0 1.2em 0;
	font-size: 1.3em;
}

p.news {
	margin: 0 0 1em 0;
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #d2d2d2;
}

/*** Infoblatt ***/

.content49 h2 {
	margin: 1em 0 0.2em 0 !important;
	font-size: 1em !important;
}

.content49 h2 a {
	color: #555;
}

.content49 p {
	border: 1px dotted #d2d2d2;
}

.content49 p.intro {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;	
}

.content49 p span, .content49 p a {
	font-size: 0.92em;
}

/*** Artikel blättern ***/

.ditto_paging {
	padding: 0 !important;
	margin-top: 2em;
	text-align: right;
	border: none !important;
	background: none !important;	
}

.ditto_paging a {
	margin: 0 0 0 0.5em;
	padding: 0 0.5em 0 0.5em;
	color: #808080;
	border: 1px solid	#d8d8d8;
	background:	#f6f6f6;
}

.ditto_currentpage {
	margin: 0 0 0 0.5em;
	padding: 0 0.5em 0 0.5em;
}

/*** temp

.todo {
	border: none !important;
	background:	#ccff00 !important;
} ***/

/***********************
				Marginal
***********************/

#marginal h2 {
	position: absolute;
	top: -100em;
	left: -100em;
}

#marginal h3, #marginal h4 {
	margin-bottom: 0.5em;
	font-size: 1em;	
}

#marginal div {
	margin-bottom: 0.8em;
	padding: 0.5em 1em 0.5em 1em;
	border: 1px solid #adadad;
	background:	#eaeaea;
}

#marginal ul li {
	margin-bottom: 0.2em;
}

#marginal hr {
	margin: 0.5em 0 0.5em 0;
	border-bottom: 1px dotted #adadad;
}

#feature {
	margin-bottom: 2em !important;
}

#marginal p.intro {
	margin: 1.5em 0 1.5em 0;
	font-style: italic;
}

#marginal ul.intro {
	margin: 0.8em 0 0.8em 0;
}

#themenarchiv li, #jahresarchiv li {
	float: left;
	margin: 0 !important;
	padding-right: 0.2em;
	font-size: 0.9em;
}

#themenarchiv hr, #jahresarchiv hr {
	border-color: #eaeaea;
}

#themenarchiv li a {
	padding-right: 0.15em;
}

#date dt {
	float: left;
	clear: left;
	width: 4em;
	font-weight: bold;
}

#date dt.autor {
	margin-bottom: 0.5em;
}

/***********************
				Bilder
***********************/

#content img {
	border: 1px solid #5e5e5e;
}

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

.noborder {
	border: none !important;
}

/***********************
				Icons
***********************/

#toplink {
	padding-right: 15px;
	background: url(../images/css/icon_top.gif) bottom right no-repeat;
}

#content ul li, #marginal ul.intro li, #content dt, .content49 h2, .mail, .print, .internal, .external, .download {
	padding-left: 15px;
}

#content ul li, #content dt {
	background: url(../images/css/icon_list.gif) top left no-repeat;
}

#marginal ul.intro li {
	background: url(../images/css/icon_introlist.gif) top left no-repeat;
}

ul.linklist li, .content49 h2 {
	background: url(../images/css/icon_internal.gif) top left no-repeat !important;
}

.mail {
	background: url(../images/css/icon_mail.gif) center left no-repeat;
}

.print {
	background: url(../images/css/icon_print.gif) center left no-repeat;
}

.internal {
	background: url(../images/css/icon_internal.gif) top left no-repeat;
}

.external {
	background: url(../images/css/icon_external.gif) top left no-repeat;
}

.download {
	background: url(../images/css/icon_download.gif) top left no-repeat;
}

/***********************
				Schriftgröße
***********************/

#servicemenu li form, #servicemenu li img {
	float: left;
}

#servicemenu li input {
	margin: 0 0.2em 0 0;
	padding: 0;
	border: none !important;
}

#servicemenu li img {
	margin: 0.1em 0.2em 0 0;
	padding: 0.3em 0.2em 0.2em 0.2em;
	border-top: 1px solid #eaeaea !important;
	border-right: 1px solid #eaeaea !important;
	border-left: 1px solid #eaeaea !important;		
}

#servicemenu li input {
	cursor: pointer;
	background: none !important;
}

#servicemenu label {
	position: absolute;
	top: -100em;
	left: -100em;
}

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

fieldset {
	border: none;
}

input, textarea {
	margin-bottom: 0.8em;
	padding: 2px;
	font: normal 0.95em arial, helvetica, sans-serif; 
	color: #808080;
	border: 1px solid #adadad;
	background:	#eaeaea;	
}

p.asterisk {
	margin-bottom: 1.84em !important;
}

/*** Kontakt ***/

#kontakt label, #beitritt label {
	display: block;
	float: left;
	width: 8em;
	padding-right: 1em;	
	text-align: right;
}

#kontakt input, #beitritt input {
	width: 20em;
}

#kontakt textarea, #beitritt textarea {
	width: 20em;
	color: #555;
}

#kontakt #submit, #beitritt #submit {
	width: 20.5em;
	margin-left: 9.5em;
	padding: 1px 0px 1px 0;
	color: #f6f6f6;
	background: #ad2724;
}

#kontakt label.invalid, #beitritt label.invalid {
  color: #ad2724;
  font-weight: bold;
 }
 
/*** Beitritt ***/

#beitritt fieldset {
	margin: 0 0 0.92em 0;
	padding: 0.8em 0 0.8em 0;
	border: 1px solid #adadad; 
}

#beitritt #action {
	border: none;
}

#beitritt legend {
	margin: 0 0.5em 0 0.5em;
	padding: 0 0.2em 0 0.2em;	
}

#beitritt label {
	line-height: 95%;
}

#beitritt input {
	margin-bottom: 1em;
}

#beitritt #plz {
	float: left;
	margin-right: 0.4em;
	width: 3em !important;
}

#beitritt #ort {
	width: 16.1em !important;
}

#beitritt #anforderunglabel {
	float: right;
	width: 22em;
	margin-right: 2.5em;
	text-align: left;
}

#beitritt #anforderung {
	float: left;
	margin-left: 8em;
	width: 1em;
}

div.errors {
	padding: 0.5em;
	margin: 1.6em 0 1.6em 0;
	border-color: #ad2724;
}

div.errors strong {
	color: #ad2724;
}


/*** Suche ***/

#suche label {
	position: absolute;
	top: -100em;
	left: -100em;
}

#ajaxSearch_input {
	width: 155px;
}

#ajaxSearch_submit {
	padding: 1px 4px 1px 3px;
	color: #f6f6f6;
	background: #ad2724;
}

.ajaxSearch_highlight {
	font-weight: bold;
}

.ajaxSearch_paging {
	display: block;
	height: 1.5em;
	margin: 1em 0 1em 0 !important;
	text-align: right;
	padding: 0 0.5em 0 0.5em;
	color: #808080;
	border: 1px solid	#d8d8d8;
	background:	#f6f6f6;
}

.ajaxSearch_result {
	margin-top: 0.5em;
	border-bottom: 1px dotted #d2d2d2;
}

.ajaxSearch_resultLink {
	font-weight: bold;
}

.ajaxSearch_resultDescription {
	display: none;
}

.ajaxSearch_highlight {
	background: #f4e2e2;
}