/* --- Common --- */
*
{
	margin:					000px 000px 000px 000px ;
	padding:					000px 000px 000px 000px ;

	color:						#000000 ;
	background-color:		transparent ;

	font-style:				normal ;
	font-variant:				normal ;
	font-weight:				normal ;
	font-size:					011px ;
	font-family:				Verdana, Arial, Geneva, Helvetica, Tahoma, sans-serif ;
	text-decoration:			none ;
	text-align:					left ;
	vertical-align:				top ;
}

input,
textarea
{
	border-width:				1px;
	padding:					2px;
	margin:						0 0 8px 0;
	background-color:			#FFFFFF;
}
select
{
	background-color:			#FFFFFF;
}
select.search_small
{
	width:						50px;
}
select.search_normal
{
	width:						125px;
}

a,
h1,
h2
{
	font-family:				Arial, Verdana, Geneva, Helvetica, Tahoma, sans-serif ;
	font-weight:				bold ;
}

a:hover
{
	color:						#911935 ;
}

img
{
	border:					none ;
}

ul
{
	list-style:					none ;
}


/* --- BODY --- */
body
{
	background-color:		#EEEEEE ;
}

/* --- DIVs --- */
div
{
	display:					block ;
}

strong
{
	font-weight:				bold;
}

div.image p strong
{
    font-weight:                normal;
}


div#main ol
{
	margin:						0 0 0 25px;
}

div#main ul
{
	list-style:					disc ;
	margin:						0 0 0 25px;
	vertical-align:				middle ;
}
div#main ul.material_links,
div#main ul.audio_links,
div#main ul.text_links,
div#main ul.video_links,
div#main ul.link_links
{
	list-style:					none ;
}

div#maincontainer
{
	width:						740px ;
	background-color:		#FFFFFF ;
	overflow:					hidden ;
	margin:					000px auto 000px auto ;
}


div#outer_wrapper
{
	float:						left ;
	width:						100% ;
}

div#content
{
	float:						left ;
	width:						100% ;
	margin:					050px 000px 000px 000px ;

	background:				#FFFFFF url('chronik/images/points-line.gif') repeat-y ;
	background-position:		179px 000px ;
}

div#left
{
	float:						left ;
	width:						169px ;
	font-family:				Arial, Verdana, Geneva, Helvetica, Tahoma, sans-serif ;
	margin-right:				010px ;
}

div#main
{
	float:						left ;
	width:						394px ;
	margin:					    000px 020px 000px 010px ;
}

div#main div.map img.map
{
	position: absolute;
}

div#main div.map ul.stationlist
{
	margin:						470px 0 0 0;
}

div#marginal
{
	float:	left ;
	width:	125px ;

	overflow:	hidden ;

	font-size:					010px ;
}

div.divider
{
	height:						020px ;
	width:						100% ;
	float:						left ;
}

#main h2 {
    padding: 0; 
    margin: 0;
	padding-bottom: 15px; 
/*	padding-left: 9px;  */
	font-weight: bold;
	font-size: 13px;
	color: #911935;
	font-family:				Verdana, Arial, Geneva, Helvetica, Tahoma, sans-serif ;
}

#main h3 {
    padding: 0; 
    margin: 0;
	padding-bottom: 2px; 
/*	padding-left: 8px;  */
	font-weight: normal;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

#main h3.gallery_list
{
	margin:	0 0 8px 0;
	text-transform: none;
}

/*--- DIV Left ---*/

div#left h1
{
	line-height:			010px ;
	padding:				000px 000px 000px 023px ;
	margin:					000px 000px 010px 000px ;
	background:				top left repeat-y url('home/images/bg-left-h.gif') ;
	text-transform:			uppercase ;
	color: 					#000000;
}

div#left p span.date
{
	color:					#911935;
}

div#left div#subnavigation,
div#left p
{
	padding:				000px 000px 000px 023px ;
	background:				top left repeat-y url('home/images/bg-left-p.gif') ;
}

/* --- Klasse für aktive Einträge --- */
.selected_date
{
	color:						#911935 ;
}

div#main ul.date-grouping
{
	margin:					000px 000px 010px 000px ;
	padding:	 				000px 000px 000px 000px ;
	list-style:					none ;
}

div#main h1
{
	font-size:					012px ;
}


div#sidebar
{
	width:						125px ;
	margin:					000px 000px 000px 000px ;
	padding:					000px 000px 000px 000px ;
	float:						right ;
}

div#left a .date
{
	color:						#000000 ;
	font-weight:				bold ;
}

div#left a:hover .date
{
	color:						#000000 ;
	font-weight:				bold ;
}

/*----- Marginal col -----*/

div#marginal h1
{
	font-family:	Arial, Helvetica, Tahoma, sans-serif ;
	font-size:	    012px ;
	font-weight:	bold ;
	text-transform: uppercase;
	color:			#000000;
}

div#marginal h2
{
	margin:	015px 000px 001px 000px ;

	font-family:	Arial, Helvetica, Tahoma, sans-serif ;
	font-size:		012px ;
	font-weight:	bold ;
	color:			#911935;
}

div#marginal h1 a,
div#marginal h2 a
{
	color:	#760D0A ;
}

div#marginal h1 a:hover,
div#marginal h2 a:hover
{
	color:	#000000 ;
}

/*----- Marginal Teaser -----*/

div#marginal .teaser
{
	margin:					000px 000px 010px 000px ;
	padding:					010px 000px 000px 000px ;
	font-family:				Arial, Verdana, Geneva, Helvetica, Tahoma, sans-serif ;
}


div#marginal .teaser img
{
	display:					block ;
	margin:					000px 000px 010px 000px ;
}





.date
{
	color:	#000000 ;
	font-weight: bold;
}

h1
{
	color: #911935;
}


#karte_nav li {
	margin:	000px 000px 000px 000px ;
	padding:	000px 005px 000px 022px ;
	font-size:	011px ;
	font-weight:	bold ;
}

/** Gallerie **/
.gallery-thumbnail
{
    float:                  left;
    margin:                 0px 10px 15px 0px;
    width:                  120px;
    height:                 120px;
}

/*--- ---*/
.last {
	margin-bottom:			000px 000px 000px 000px ;
}
.clearing {
	height:	020px ;
	clear:	left ;
/*      background-color:	blue ; */
}


.illu
{
	position:					absolute ;
	margin:					000px 000px 000px 415px ;
	padding:					000px 000px 000px 000px ;

	background:				bottom right no-repeat url('http://www.chronikdermauer.de/images/plus.gif') ;
	float:						right ;
}


/* links with arrow*/
a.arrow
{
	background-image:url( ../images/pfeil.gif ) ;
	background-position: 1px 2px;
	background-repeat:	no-repeat ;
	padding-left:	013px ;
	font-weight:	bold ;
	color:	#000000 ;
}
a.arrow:hover
{
	text-decoration:	underline ;
	color:	#760D0A ;
}

a.iconaudio
{
	background-image:url( ../images/audio.gif ) ;
	background-position:	top left ;
	background-repeat:	no-repeat ;
	padding-left:	018px ;
	font-weight:	bold ;
	color:	#760D0A ;
}
a.iconaudio:hover
{
	text-decoration:	underline ;
}
a.iconvideo
{
	background-image:url( ../images/video.gif ) ;
	background-position:	top left ;
	background-repeat:	no-repeat ;
	padding-left:	018px ;
	font-weight:	bold ;
	color:	#760D0A ;
}
a.iconvideo:hover
{
	text-decoration:	underline ;
}




.quote
{
	margin-left:	060px ;
}

.bold
{
	font-weight:	bold ;
}

.italic
{
	font-style:	italic ;
}

.underline
{
	text-decoration:	underline ;
}


#next img
{
	vertical-align:	middle ;
}
#prev img
{
	vertical-align:	middle ;
}
#next
{
	font-size:	010px ;
	float:	right ;
	padding:	015px ;
	height:	025px ;
}

#prev
{
	font-size:	010px ;
	float:	left ;
	padding:	015px ;
	height:	025px ;
}





/* styles fuer diverse Links:	*/

ul.material_links,
ul.material_literature
{
	list-style-position:	outside ;
	list-style-image:		none ;
	/* IE6 Hack lets start Text at the beginning of a list **/
	vertical-align:	middle ;
	/* IE6 Hack lets display Links and not vanish them **/
	position:	relative ;
}

ul.material_links li,
ul.material_literature li
{
	padding:					005px 000px 015px 017px ;
	background-repeat:		no-repeat ;
	background-position:		000px 005px ;
}

.audio_links
{
	background-image:	url('../images/audio.gif') ;
}
.print_links
{
	background-image:	url('../images/print.gif') ;
}
li.text_links
{
	background-image:	url('../images/text.gif') ;
}
.video_links
{
	background-image:	url('../images/video.gif') ;
}
.galerie_links
{
	background-image:	url('../images/text.gif') ;
}
.gallery_links
{
	background-image:	url('../images/text.gif') ;
}
.link_links
{
	background-image:	url('../images/link_right.gif') ;
}

ul.material_links li.link_links,
ul.material_literature li.link_links
{
	background-position:	000px 010px ;
}

/* tabellen */
table
{
	width:	400px ;
	margin-left:	006px ;
}
td, th
{
	font-family:	Verdana, Helvetica, Arial, Tahoma, sans-serif ;
	font-size:	010px ;
}

div.logo
{
	margin:					000px 000px 000px 000px ;
	padding:					030px 000px 000px 000px ;
	text-align:					center ;
	clear:                  both;
}



/*----- portale -----*/
div#main div.pleft
{
	width:						140px ;
	margin:					000px 000px 000px 000px ;
	padding:					000px 000px 000px 000px ;
	float:						left ;
}

div#main div.pleft img
{
	width:						140px ;
	margin:					000px 000px 000px 000px ;
	padding:					000px 000px 000px 000px ;
	border:					000px ;
	font:						normal 009px Arial,Verdana;
}

div#main div.pleft p
{
	width:						140px ;
	margin:					003px 000px 000px 000px ;
	padding:					000px 000px 000px 000px ;
	font-family:				Verdana, Arial ;
	font-size:					010px ;
}

div#main div.pright
{
	float:						right ;
	margin:					000px 000px 010px 000px ;
	width:						244px ;
}


div#main div.pright p.minihead
{
	font-family:				Verdana,Arial,Helvetica,Tahoma,sans-serif;
	font-size:					10px;
	font-weight:				bold;
	padding:					0pt 0pt 2px;
	text-transform:				uppercase;
}

div#main div.pright h1
{
	margin:					000px 000px 010px 000px ;
}

div#main div.pright h1 a
{
	font-size:					018px ;
	line-height:				018px ;
	color:						#760D0A ;
}

div#main div.pright h1 a:hover
{
	color:	#000000 ;
}

div#main div.mauerkarte
{
	float:	left ;
	margin:	000px 000px 000px 000px ;
	padding:	000px 000px 000px 000px ;
	padding-left:	010px
}

#main .mauerkarte h1,
#main .mauerkarte h2
{
	padding:	000px 000px 000px 000px ;
	margin:	000px 000px 000px 000px ;
	font-family:	Verdana, Geneva, Arial, Helvetica, Tahoma, sans-serif ;
}
#main .mauerkarte h2
{
	font-size:	013px ;
}


.mauerkarte_img
{
	padding:	000px 000px 000px 000px ;
	float:	left ;
	margin-left:	002px ;
}

.karte_small
{
	padding:	000px 000px 000px 000px ;
	margin:	000px 002px 000px 000px ;
	float:	right ;
}

#main .pright h1,
#main .mauerkarte h1
{
	font-family:	Arial, Helvetica, Tahoma, sans-serif ;
	font-size:	018px ;
	font-weight:	bold ;
	color:	#000000 ;
}

/* mauerkarte def list */

h3.station
{
	font-family:	Arial, Helvetica, Tahoma, sans-serif ;
	font-size:	012px ;
	float:	left ;
	width:	080px ;
	color:	#760D0A ;
	font-weight:	bold ;
	display:	inline ;
}

p.station_p
{
	float:	left ;
	margin:	000px 000px 000px 000px ;
	width:	240px ;
	margin-left:
}

/*----- category-switch -----*/

#category-switch
{
	margin:	000px 010px 000px 010px ;
}


/*----- Range, A-Z SuchFilter -----*/

ul#range-switch
{
	position:	relative ;
	list-style:	none ;
	margin:	000px 000px 010px 000px ;
	padding:	000px 000px 000px 000px ;
	font-weight:	bold ;
}

ul#range-switch li
{
	position:	relative ;
	display:	inline ;
	margin:	000px ;
	padding:	000px ;
	font-weight:	bold ;
}

p.page_navigation
{
	font-weight:				bold ;
	padding:					000px 000px 010px 000px ;
}

div.thumbnail
{
	float:	left ;
	margin:	000px 000px 010px 010px ;
}
img.thumbnail
{
	margin:	000px 010px 010px 000px ;
}
div.literature_content_image
{
	float:	left ;
}
#main div.literature_content_image p
{
	width:	270px ;
	margin:	 000px 000px 000px 000px ;
	padding:	000px 000px 000px 010px ;
}
#main div.literature_content_image ul
{
	margin:	010px 000px 000px 000px ;
	padding-top:	 000px 000px 000px 000px ;
	padding-bottom:	000px 000px 000px 000px ;
}
#main ul.literature_content_image
{
	width:	250px ;
}
div.clear
{
	clear:	both ;
}

/**
 * custom table Styles
 **/
#main table.vorschau-tabelle
{
	margin:				0pt 0pt 0.5em;
	padding:			0.4em 0pt 0pt;
}

#main td.rechte-spalte
{
	background-color:	#EAECED;
	padding:			6px 6px 6px 13px;
	text-align:			left;
}

#main td.linke-spalte
{
	background-color:	#CCD3D4;
	margin-right:		0.125em;
	padding:			6px 13px 6px 6px;
	text-align:			right;
}

#main .as3player {
    margin-bottom:30px;
}

#main .as3player hr {
    border:0;
    background-color:#96989B;
    height:1px;
    margin:30px 0px;
}


/**
 * -- style for XHTML_Text
 **/
table.var_dump          { border-collapse:separate ; border:001px solid black ; border-spacing:	000px 000px 000px 000px ; font-size:	010px ; }
table.var_dump tr       { color:#006600 ; background:#F8F8F8 ; vertical-align:top ; }
table.var_dump tr.alt   { color:#006600 ; background:#E8E8E8 ; }
table.var_dump th       { padding:004px ; color:black ; background:#CCCCCC ; text-align:left ; }
table.var_dump td       { padding:004px ; }
table.var_dump caption  { caption-side:top ; color:white ; background:#339900 ; }
table.var_dump i        { color:	#000000 ; background:	transparent ; font-style:	normal ; }