/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
| Stylesheet für www.monumente-online.de
| fasc | 2009-08-12 - 2009-08-14
| 
| Inhaltsverzeichnis:
| - ==reset           Reset
| - ==classes         allg. Klassen
| - ==elements        allg. Elemente
| - ==teaser          allg. Teaser
| - ===teaser-start   Teaser im Content-Bereich der Startseite
| - ===teaser-portal  Teaser im Content-Bereich der Portalseite
| - ===teaser-service Teaser im Content-Bereich der Serviceseite
| - ==introduction    Einleitung
| - ==paging          Paging
| - ==tv              Tv-programm
| - ==calendar        Termine
| - == news           Newsmeldungen
| - ==comments        Kommentare / Leserbriefe
| - ==main            Haupbereiche eines Artikels
| - ===image          Bild
| - ==comment         Block zum Kommentieren
| - ==gallery         Galerie im Carousel
| - ==service         Service
| - ==letter-write    Leserbrief schreiben
| - ==linklist        Linklist
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==reset */
  
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==classes */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {*zoom: 1;/*for ie 5.5-7*/}
.hidden { display: none !important; }
.author { font-size: 0.917em; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==elements */
  
blockquote,
blockquote p {
  color: #666;
}
  
body {
  font-family: Verdana, Arial, Sans-Serif; font-size: 16px;
  line-height: 1.125em; /* 18px */
}

input, 
textarea {
  border-top: 2px solid #E2E3EA; border-right: 1px solid #E2E3EA; 
  border-bottom: 1px solid #E2E3EA; border-left: 2px solid #E2E3EA; 
}

input.submit {
  background: #E3E4EB;
  border-top: 1px solid #CBDAE8; border-right: 2px solid #7A8B9B; 
  border-bottom: 2px solid #7A8B9B; border-left: 1px solid #CBDAE8; 
}

legend {
  display: none;
}

p.first:first-letter {
  color: #888;
}

p.link {
  font-size: .6875em; line-height: 1.25em;
}

p.link a {
  background: url(../images/teaser_link.gif) no-repeat 0 .3em;
  color: #00285E;
  display: block;
  font-weight: bold;
  padding-left: 8px;
  text-decoration: none;
  height: 1%;
}

table {
  empty-cells: show;
}

table td {
  font-size: .6875em; line-height: 1.25em;
  padding: 3px 12px 3px 0;
}

table .main {
  padding: 0;
  width: 73%;
}

table td.date {
  width: 15%;
}

table.tv td.sender {
  width: 30%;
}

table.tv .main {
  width: 58%;
}

table td.time {
  width: 12%;
}

table td p {
  font-size: 1em !important; line-height: 1.25em !important;
  margin-bottom: 12px !important;
}

table th h4 {
  font-size: 1em !important; line-height: 1.25em !important;
  margin: 0 !important;
}

table td h5 {
  font-size: 1em !important; font-weight: bold !important; line-height: 1.25em !important;
  margin: 0 !important;
}

table th {
  font-size: .6875em; font-weight: bold;
  line-height: 1.25em;
  padding: 0 12px 3px 0;
  text-align: left;
}

table thead tr {
  background: url(../images/content_dotted.gif) repeat-x left bottom;
}

textarea {
  font-family: Verdana, Arial, Sans-Serif;
}

img {
  font-size: 0.5em;
  color: #000;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==teaser */
  
.teaser {
  clear: both; float: none;
}

.teaser li {
  clear: both;
  overflow: auto;
}

.teaser li .text {
  margin-left: 166px;
}

.teaser li img {
  display: block; float: left;
  margin: 0 20px 0 0; padding-bottom: 40px;
}

.teaser p.link {
  margin-bottom: 25px;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==teaser ===teaser-start */

.ptype-start .teaser h5 {
  background: #597396;
  color: #FFF;
  font-size: .6875em;
  min-height: 20px;
  padding-left: 20px;
}

.ptype-start .teaser li h2 {
  color: #036;
  font-size: .6875em; line-height: 1.25em;
  margin-bottom: 3px;
}

.ptype-start .teaser li h2 a {
  color: #036;
}

.ptype-start .teaser li h3 {
  color: #036;
  font-size: .6875em; line-height: 1.25em;
  margin-bottom: 5px;
}

.ptype-start .teaser li h3 a {
  color: #036;
  font-size: 1em; line-height: 1.25em;
  text-decoration: none;
}

.ptype-start .teaser li p {
  font-size: .6875em; line-height: 1.25em;
  margin-bottom: 15px;
}

.ptype-start .teaser li p a {
  color: #036;
  font-size: 1em; font-weight: bold; line-height: 1.25em;
  text-decoration: none;
}

.ptype-start .teaser ul {
  padding: 20px 20px 0 19px;
}

.ptype-start .teaser-highlight h5 {
  background: #00285e;
}

.ptype-start .teaser-highlight li h2, .ptype-start .teaser-highlight li h2 a {
  color: #900;
}

.ptype-start .teaser-highlight {
  background: #bfd0dd;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==teaser ===teaser-portal */
  
.ptype-archive .teaser,
.ptype-portal .teaser,
.ptype-service .teaser {
  padding: 0 20px;
}

.ptype-archive .teaser h3,
.ptype-portal .teaser h3,
.ptype-service .teaser h3 {
  background: url(../images/teaser_h3_background.gif) repeat-x;
  color: #00285E;
  font-size: .625em;
  margin-bottom: 10px;
}

.ptype-archive .teaser p.edition,
.ptype-portal .teaser p.edition {
  font-size: .625em; line-height: 1.125em;
  margin-bottom: 3px;
}

.ptype-archive .teaser p.edition {
  color: #00285E;
}

.ptype-archive .teaser li h4,
.ptype-portal .teaser li h4 {
  color: #036;
  font-size: .6875em; line-height: 1.25em;
  margin-bottom: 8px;
}

.ptype-archive .teaser li h4 a,
.ptype-portal .teaser li h4 a {
  color: #036;
  font-size: 1em; line-height: 1.25em;
  text-decoration: none;
}

div.p,
.ptype-archive .teaser li p,
.ptype-portal .teaser li p,
.ptype-service .teaser li p {
  font-size: .6875em; line-height: 1.25em;
}

div.text div.p {
  font-size: 1em; line-height: 1.25em;
}

.ptype-archive .teaser li p a,
.ptype-portal .teaser li p a,
.ptype-service .teaser li p a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.ptype-archive .teaser li p a {
  color: #00285E;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==teaser ===teaser-service */
  
.ptype-service .teaser li h4 {
  color: #666;
  font-size: .6875em; line-height: 1.25em;
  margin-bottom: 8px;
}

.ptype-service .teaser li h4 a {
  color: #666;
  font-size: 1em; line-height: 1.25em;
  text-decoration: none;
}

.ptype-service .teaser li li {
  clear: none;
  font-size: .625em; line-height: 1.25em;
}

.ptype-service .teaser li li  a {
  background: url(../images/teaser_link.gif) no-repeat 0 .2em;
  color: #00285E;
  display: block;
  font-weight: bold;
  padding-left: 8px;
  text-decoration: none;
  height: 1%;
}


.ptype-service .teaser li ul {
  margin: 8px 0 20px 0;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==teaser ===teaser-archive */
  
.teaser-archive-geo li {
  margin-bottom: 20px;
}



/* - - - - - - - - - - - - - - - - - - - - - - - .- - - - - - - - - - - - - - - -
  ==introduction */
  
.introduction {
  margin-bottom: 5px; padding: 20px;
}

.ptype-archive .introduction,
.ptype-gallery .introduction {
  padding-bottom: 5px;
}

.ptype-content .introduction,
.ptype-editorial .introduction {
  padding-bottom: 0;
}

.introduction h1 {
  color: #333;
  font-family: "Times New Roman", Times, Georgia, Serif; font-size: 1.3125em; font-weight: bold;
  line-height: 1.125em;
  margin-bottom: 5px;
}

.ptype-content-highlight .introduction h1 {
  color: #900;
}

.introduction h2 {
  color: #00285E;
  font-family: "Times New Roman", Times, Georgia, Serif; font-size: 1em; font-weight: bold;
  line-height: 1.125em;
  margin-bottom: 10px;
}

.introduction p {
  font-size: .6875em;
  line-height: 1.25em;
  margin-bottom: 15px;
}

.ptype-content .introduction p.first:first-letter {
  font-size: 1.64em;
}

.ptype-editorial .text p.first {
  color: #000;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==paging */
  
.paging {
  background: url(../images/teaser_h3_background.gif) repeat-x;
  clear: both;
  position: relative;
}

.paging a {
  color: #00285E;
  display: block;
  font-size: .625em; font-weight: bold;
  text-decoration: none;
}

.paging-article li.disabled a,
.paging a.disabled {
  color: #666;
  visibility: hidden;
}

.paging a.prev,
.paging-article li.prev a {
  background: url(../images/paging_prev.gif) no-repeat left center;
  float: left;
  padding-left: 10px;
}

.paging a.prev-disabled,
.paging-article li.prev-disabled a {
  background-image: url(../images/paging_prev_disabled.gif);
}

.paging-article li.next a,
.paging a.next {
  background: url(../images/paging_next.gif) no-repeat right center;
  float: right;
  padding-right: 10px;
}

.paging-article li.next-disabled a,
.paging a.next-disabled {
  background-image: url(../images/paging_next_disabled.gif);
}

.paging-article {
  height: 20px;
  margin: 0 20px 0 20px;
}

.paging-article li a {
  font-weight: normal;
}

.paging-article li {
  float: left;
}

.paging-article li.prev {
  position: absolute; top: 0; left: 2px;
}

.paging-article li.pages {
  color: #00285E;
  font-size: .6875em; line-height: 1.25em;
  padding-top: 3px;
  text-align: center;
  width: 100%;
}

.paging-article li.pages a {
  display: inline;
  font-size: 1em; line-height: 1.25em;
}

.paging-article li.next {
  position: absolute; top: 0; right: 4px;
}

.paging-article li.prev a, 
.paging-article li.next a {
  text-indent: -9999px;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==tv ==calendar == news ==comments */
  
div.calendar,
div.comments,
div.news,
div.tv {
  background: #F2F5F7;
  border: 1px solid #FFF;
  margin-bottom: 15px; padding: 10px 20px;
}

div.tv .time,
table.tv .time {
  color: #00285E;
  font-weight: bold !important;
  text-align: right;
}

div.calendar h5,
div.tv h5 {
  color: #666;
}

div.news .date {
  font-size: .625em !important; line-height: 1.25em !important;
}

div.news h4 {
  background: url(../images/content_dotted.gif) repeat-x left bottom;
  margin-bottom: 3px !important; padding-bottom: 3px;
}

div.news h4 a {
  color: #000 !important;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==main */
  
div.main {
  padding: 0 20px 20px 20px;
}

div.main .text {
  font-size: .6875em; line-height: 1.3em;
  margin: 16px 0;
}

div.main .text p {
  margin: 16px 0;
}

div.main .text p.first:first-letter {
  font-size: 1.64em;
  font-weight: bold;
}

div.main .text a {
  color:#036;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==main ===image */
  
.image {
  background: #FFF;
  clear: both;
}

.image-small {
  width: 236px;
}

.image-extra-small {
  width: 190px;
}

.image-left {
  float: left;
  margin: 0 10px 8px 0;
}

.image-right {
  float: right;
  margin: 0 0 8px 10px;
}

.image-wide {
  width: 452px;
}

.image .caption {
  font-size: .6875em; line-height: 1.25em;
  padding: 2px 25px 16px 6px;
  position: relative;
}

.image .caption a.lens {
  background: url(../images/lens.gif) no-repeat;
  display: block;
  position: absolute; top: 2px; right: 6px;
  text-indent: -9999px;
  width: 16px; height: 16px;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==gallery */
  
.gallery {
  margin: 16px 0;
}
  
.gallery .carousel {
  margin: 10px 0; padding-left: 8px;
}

.gallery .scrollable {
  float: left;
	position: relative;
  width: 304px; height: 94px; overflow: hidden; overflow-x: scroll;
}

.gallery .scrollable ul {	
  clear: both;
  margin-left: 1px;
  position: absolute;
}

.gallery .scrollable ul li {
	float: left;
  margin-right: 1px;;
	width: 100px;
}

.gallery .scrollable ul li img {
  margin-left: 0;
}

.gallery a.prev, 
.gallery a.next {
  background: url(../images/carousel_prev.gif) no-repeat;
  cursor: pointer;
	display: block; float: left;
  font-size: .1em; line-height: 0;
  margin: 0;
	width: 15px; height: 77px;
}

.gallery a.next {
	background-image:url(../images/carousel_next.gif);
	clear: right;	
}

.gallery a.disabled {
	background-position: -15px 0;
  cursor: default;
}

.gallery .content p.link {
  padding-left: 8px !important;
}

.gallery-article {
  background: #F2F5F7;
  border: 1px solid #FFF;
  padding: 20px;
}

.gallery-article h5 {
  background: url(../images/teaser_h3_background.gif) repeat-x;
  color: #00285E;
  font-size: .6875em;
  margin-bottom: 10px;
}

.gallery-article .scrollable {
  width: 368px;  height: 87px;
}

.gallery-article a.prev, 
.gallery-article a.next {
	height: 70px;
}

.gallery-article .scrollable ul li {
	width: 91px;
}

.gallery-large {
  background: #F2F5F7;
  border: 1px solid #FFF;
  padding: 20px;
}

.gallery-large h3 {
  background: url(../images/content_dotted.gif) repeat-x left bottom;
  font-size: .6875em; line-height: 1.25em;
  margin-bottom: 3px !important; padding-bottom: 3px;
}

.gallery-large .pagination-gallery {
  margin-top: 10px;
}

.gallery-large .pagination-gallery li.article {
  display: block; float: left;
  width: 33%;
}

.gallery-large .pagination-gallery li.back {
  display: block; float: left;
  width: 8%;
}

.gallery-large .pagination-gallery li.counter {
  display: block; float: left;
  font-size: .6875em; line-height: 1.25em;
  text-align: center;
  width: 17%; 
}

.gallery-large .pagination-gallery li.next {
  display: block; float: left;
  width: 8%;
}


.gallery-large .pagination-gallery li.article a {
  background: url(../images/gallery_article_link.gif) no-repeat left center;
  color: #00285E;
  font-size: .6875em; font-weight: bold; line-height: 1.25em;
  padding-left: 8px;
  text-decoration: none;
}

.gallery-large .pagination-gallery li.back a {
  background: url(../images/gallery_back.gif) no-repeat center center;
  border: 1px solid #00285E;
  display: block; float: left;
  text-indent: -9999px;
  width: 15px; height: 15px;
}

.gallery-large .pagination-gallery li.next a {
  background: url(../images/gallery_next.gif) no-repeat center center;
  border: 1px solid #00285E;
  display: block; float: right;
  text-indent: -9999px;
  width: 15px; height: 15px;
}

.gallery-large div.image {
  background: #E5EAEF;
  border: 1px solid #FFF;
  font-size: .1em; line-height: 0;
  margin-top: 10px;
  text-align: center;
  width: 431px;
}

.gallery-large p.caption {
  font-size: .6875em; line-height: 1.25em;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==service */
  
.main-service .news,
.main-service .calendar,
.main-service .picture-index li {
  background: #E5EAEF;
  border: none;
  margin-bottom: 0; padding: 0;
}

.main-service div.calendar {
  margin-bottom: 25px;
}

.main-service h3 {
  background: url(../images/teaser_h3_background.gif) repeat-x;
  color: #00285E;
  font-size: .625em;
  margin-bottom: 10px;
}

.main-service h4 {
  color: #000;
  font-size: .6875em; line-height: 1.25em;
}

.main-service .calendar h4 {
  color: #00285E;
  margin-bottom: 5px;
}

.main-service h5 {
  color: #666;
  font-size: .6875em; font-weight: normal; line-height: 1.25em;
  margin: 32px 0 16px 0;
}

.main-service li {
  background: #F2F5F7;
  border: 1px solid #FFFFFF;
  margin-bottom: 3px; padding: 10px 20px 30px 20px;
}

.main-service div.calendar li {
  padding-bottom: 0;
}

.main-service div.calendar li li {
  padding-bottom: 0;
}

.main-service li li {
  border: none;
  font-size: 1em; line-height: 1.25em;
  margin: 0 0 16px 0; padding: 0;
}

.main-service li li h4 {
  font-size: 1em; line-height: 1.25em;
}

.main-service li li p {
  font-size: .625em; line-height: 1.25em;
  margin: 0;
}

.main-service li p.link a {
  color: #000;
  font-weight: normal;
}

.main-service li ul {
  background: none !important;
}

.main-service p {
  font-size: .6875em; line-height: 1.25em;
  margin-bottom: 16px;
}

.main-service p a {
  color: #000;
  text-decoration: none;
}

.main-service p.date {
  margin-bottom: 0;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==letter_write */

.comments-article,
.contact,
.letter-write {
  margin-bottom: 35px;
}

.text .contact {
  font-size: 1.455em;
  line-height: 1.25em;
}

.comments-article fieldset,
.contact fieldset,
.letter-write fieldset {
  clear: both; float: none;
  width: 466px;
}

.comments-article form,
.contact form,
.letter-write form {
  margin-top: 20px;
  width: 466px;
}

.comments-article input,
.comments-article textarea,
.contact input,
.contact textarea,
.letter-write input,
.letter-write textarea {
  font-size: .6875em; line-height: 1.25em;
  width: 100%;
}

.comments-article input.submit,
.contact input.submit,
.letter-write input.submit {
  background: none;
  background: url(../images/submit.gif) no-repeat left center;
  border: none;
  clear: both; float: right;
  color: #036px;
  display: inline-block; position: relative;
  font-weight: bold;
  padding-right: 0; padding-left: 14px;
  text-align: left;
  width: auto;
}

.comments-article label,
.contact label,
.letter-write label {
  color: #00285E;
  display: block;
  font-size: .6875em; line-height: 1em;
}

.comments-article h4,
.contact h4, 
.letter-write h4 {
  color: #333;
}

.comments-article .input,
.contact .input,
.letter-write .input {
  float: left;
  margin: 0 20px 15px 0;
}

.comments-article .input-right,
.contact .input-right,
.letter-write .input-right {
  margin-right: 0;
}

.comments-article .input-short,
.contact .input-short,
.letter-write .input-short {
  width: 223px;
}

.comments-article .input-long,
.contact .input-long,
.letter-write .input-long {
  clear: both;
  margin-right: 0;
  width: 466px;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==picture-index */
  
.picture-index {
  margin-bottom: 40px;
  position: relative; z-index: 1;
}
  
.picture-index li {
  display: block; float: left;
  position: relative;
  width: 94; height: 94px;
}

.picture-index .tooltip {
  display: none;
}

.picture-index #tooltip {
  background: url(../images/bubble.png) no-repeat;
  display: none;
  padding: 42px 28px 31px 22px;
  position: absolute; top: 0; left: 0; z-index: 2;
  width: 375px; height: 456px;
}

.picture-index #tooltip .image {
  background: #E5EAEF;
  font-size: .1em; line-height: 0;
  margin-right: 0;
  position: relative;
  text-align: center;
  width: 324px; height: 325px;
}

.picture-index #tooltip img {
  position: absolute; top: 50%; left: 50%;
}

.picture-index #tooltip p {
  color: #00285E;
  margin-bottom: 8px;
  width: 324px;
}

.picture-index #tooltip a {
  background: url(../images/teaser_link.gif) no-repeat 0 0.3em;
  color: #00285E !important;
  display: inline-block; height: 1em;
  font-weight: bold !important;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==main ===comment */
  
.comments-article {
  background: #F2F5F7;
  border: 1px solid #FFF;
  margin: 20px; padding: 20px;
}

.comments-article h3 {
  background: url(../images/teaser_h3_background.gif) repeat-x;
  color: #00285E;
  font-size: .625em;
  margin-bottom: 10px;
}

.comments-article h4 {
  color: #00285E;
  font-size: .6875em; line-height: 1.25em;
}

.comments-article h4 span.date {
  background: url(../images/date_divider.gif) no-repeat left center;
  font-weight: normal;
  padding-left: 5px;
}

.comments-article ul {
  margin-bottom: 32px;
}

.comments-article li {
  margin-bottom: 16px;
}

.comments-article p {
  font-size: .6875em; line-height: 1.25em;
}

.comments-article p a {
  color: #00285E;
  font-weight: bold;
  text-decoration: none;
}

.comments-article fieldset,
.comments-article form {
  width: 426px;
}

.comments-article form {
  margin-bottom: 35px;
}

.comments-article .input-short {
  width: 203px;
}

.comments-article .input-long {
  width: 426px;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==main ===linklist */

#content ul.linklist {
  display: block;
  list-style-type: none;
  margin: -0.5em 0 2em;
}

#content ul.linklist li {
  background: url(/img/pfeil_more.gif) no-repeat 0 0.5em;
  font-size: .7em; line-height: 1.25em;
  list-style-type: none;
  padding-left: 0.8em;
  font-weight: bold;
}

#content ul.linklist li.map24 {
  background: url(/img/symbol_denkmal2.gif) no-repeat 0 0.2em;
  font-weight: bold;
  padding: .4em 0 0 2em;
}

#content ul.linklist li a {
  color: #00285E;
}