/*
Theme Name: German Historical Institute London
Theme URI: http://www.ghil.ac.uk
Description: SCREEN Theme
Version: 1.8
Author: Projekt 77
Author URI: http://www.projekt-77.de
Author: Christoph Schoenberger
Author URI: http://www.ghil.ac.uk
*/

/* LAST MOD

07-08-10  Create document
07-09-11  Change #615c6e to #413E4A, #66A9AE to #000000, #232c2c to #101414, #566c6e to #344243, #727272 to #555555, #D6BA1D to #E8D155, #50878D to #50878D
07-09-11  subnavigation 2, sitemap 1 to 3
07-09-12  #middle line-height 150 to 140
07-09-12  #content p, ul, ol = padding
07-09-12  News
07-09-12  title h1, h2, h3 sized
07-09-12  #middle .news_teaser h2
07-09-13  archiv news
07-09-13  search results
07-09-13  login internal area
07-09-13  table content
07-09-14  #teaser to .teaser
07-09-19  add events based on news list
07-09-19  .news_teaser .news_info p
07-09-19  #right .news_subheader
07-09-19  front resizer
07-09-20  #service edit display: inline to float: left
07-09-20  add #content
07-09-24  changed id to class top
07-10-01  news publications template_list
07-10-02  Edit MarkUp error
07-10-04  delete .pub_img
08-01-18  changed colour red #CC0000 to #CC3049
09-11-26  .important added
10-02-08  .stand_out added
11-01-24  class bulletin_table added
11-01-25  added background colour ocka (as well as bg_headline.jpg)
17-03-13  share buttons (Twitter etc.)
18-04-24  list of most recent publications

/* FACELIFTING 2011/08
#####################################

BLUE      #5688CD
GREEN      #99CC33

CONTENT GREY  #676767
TITLE BLACK    #676767


*/

/*

########## typo font content headlines ##########

Site title        #101414
title 1:          #566C6E

########## typo color ##########

default font      Verdana
typo content       #413E4A
typo content a     #000000

########## default color  ##########

screen mint        #9FC5C9
screen ocka        #D6BA1D   CS 2011-01-25: #D6B91D

nav mint light      #C4D4D5
nav mint light II   #E5ECED

*/

/* ------------------------------------------ DEFAULT --------------------------------------------------- */

body {
		font-family: Tahoma, Geneva, sans-serif;
		/*font-size: 70%;*/
		/*font-size: 100.01%;*/
		font-size: 12px;
		color: #413E4A;
		background: #FFFFFF url(../graphic/bg/bg_site.gif) repeat-y;
		margin: 0;
		padding: 0;
}

html, body {height: 100%;}

a:link,
a:visited {
		color: #5688CD;
		background-color: transparent;
		text-decoration: none;
}

a:hover,
a:active,
a:focus {
		color: #413E4A;
		background-color: transparent;
		text-decoration: underline;
}

acronym,
abbr {
		/* color: #5688CD; @CS@ */
		background-color: transparent;
		font-size: 100%;
		cursor: help;
		/* border-bottom: 1px dashed #413E4A; */
		/* border-bottom: 0;  @CS@ */
}

.invisible {visibility: hidden;}

.hide, #address {display: none;}

.hide_title, .hide_active, .jumptocontent, #search label {
	position: absolute;
		top: -6000px;
		left: -6000px;
		 height: 1px;
		width: 1px;
}

a img {border: 0;}

table {
		border: 0;
		font-size: 100%;
}

.wrapper {
		clear: both;
		width: 100%;
		height: 1px;
		font-size: 1%;
}

.important {color: darkred;}

.align-center {text-align: center;}

.stand_out {
		padding: 2px;
		border: 1px solid #D6B91D;
}

/* #### -> */

/* -------------------------------------------- TAB NAVIGATION --------------------------------------------------------- */

#jumpmenu a:link,
#jumpmenu a:visited {
		color: #FFFFFF;
		background: #5688CD;
		text-transform: uppercase;
		text-decoration: none;
		text-align: center;
		border: 2px solid #E8D155;
}

#jumpmenu a:hover,
#jumpmenu a:active,
#jumpmenu a:focus {
		color: #FFFFFF;
		background: #5688CD;
		font-size: 130%;
		font-weight: bold;
		text-decoration: none;
		position: absolute;
		top: 5000px;
		left: 5150px;
		width: 24em;
		margin: 20px 0 0 0;
		padding: 20px 40px;
		white-space: nowrap;
		display: block;
		float: left;
		z-index: 100;
}

/* #### -> */

/* -------------------------------------------- LAYER --------------------------------------------------------- */

#site {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		float: left;
}

	#header {
			width: 100%;
			height: 70px;
			color: #FFFFFF;
			background-color: #5688CD;
			border-bottom: 1px solid #FFFFFF;
			text-align: right;
			margin: 0;
			padding: 0;
			float: left;
		}

		#headline {
			width: 100%;
			height: 31px;
			color: #000000;
			background-color: #99CC33;
			border-bottom: 1px solid #FFFFFF;
			margin: 0;
			padding: 0;
			float: left;
		}

		#search {
				width: 285px;
				text-align: right;
				margin: 0;
				padding: 0;
				float: left;
		}

		#content_area {
			width: 100%;
			min-width: 780px;
			color: #413E4A;
			background: #FFFFFF url(../graphic/bg/bg_content.jpg) repeat-y;
			border-top: 1px solid #99CC33;
			margin: 0;
			padding: 0;
			float: left;
			overflow: hidden;
		}

		#left {
				width: 285px;
				margin: -1px 0 0 0;
				padding: 0;
				/* display: inline;   OL-12-07-24 */
				float: left;
		}

		#middle {
				width: auto;
				color: #413E4A;
				background-color: #FFFFFF;
				border-right: 1px solid #DDDDDD;     /* OL-12-07-24 */
				line-height: 140%;
				/* margin: 20px 229px 0 35px;   OL-12-07-24 */
				margin: 20px 222px 0 320px;
				padding: 0;
				/* display: inline;
				position: absolute;   OL-12-07-24 */
		}

				#content {
					margin: 0;
					padding: 14px 35px 0 0;
				}

		#right {
				width: 183px;
				color: #413E4A;
				background-color: #FFFFFF;
				/* border-left: 1px solid #DDDDDD;   OL-12-07-24 */
				line-height: 150%;
				margin: 17px 25px 0 0;
				/* padding: 0 0 20px 20px;   OL-12-07-24 */
				padding: 0;
				display: inline;
				float: right;
		}

/* #### -> */

/* -------------------------------------------- NAVIGATION --------------------------------------------------------- */

/* -------------------- mainnavigation -------------------- */

#mainnavigation {
		width: 205px;
		color: #000000;
		background-color: #5688CD;
		margin: 0 0 0 80px;
		padding: 0;
		list-style: none;
		display:inline;
		float: left;
}

		#mainnavigation li {
		width: 205px;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 100%;
		font-weight: normal;
		line-height: normal;
		float: left;
		}

		li.main a:link,
		li.main a:visited {
			width: 191px;
			color: #FFFFFF;
			background-color: #5688CD;
			border-bottom: 1px solid #FFFFFF;
			margin: 0;
			padding: 5px 7px 5px 7px;
			text-decoration: none;
			float: left;
		}

		li.main a:hover,
		li.main a:active,
		li.main a:focus {
			color: #000000;
			background-color: #BBCFEA;
			text-decoration: none;
		}

		li.main_a a:link,
		li.main_a a:visited {
			width: 191px;
			color: #000000;
			background-color: #BBCFEA;
			border-bottom: 1px solid #FFFFFF;
			margin: 0;
			padding: 5px 7px 5px 7px;
			text-decoration: none;
			float: left;
		}

		li.main_a a:hover,
		li.main_a a:active,
		li.main_a a:focus {
			color: #676767;
			background-color: #BBCFEA;
			text-decoration: none;
		}

/* #### -> */

/* ---------------------- subnavigation ---------------------- */

#subnavigation {
		width: 205px;
		color: #000000;
		background-color: #BBCFEA;
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
}

		#subnavigation li {
		width: 205px;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 100%;
		font-weight: normal;
		line-height: normal;
		float: left;
		}

		li.sub1 a:link,
		li.sub1 a:visited {
			width: 186px;
			color: #000000;
			background: #BBCFEA url(../graphic/bg/bg_main.jpg) repeat-y left;
			 border-bottom: 1px solid #FFFFFF;
			margin: 0;
			padding: 5px 7px 5px 12px;
			text-decoration: none;
			float: left;
		}

		li.sub1 a:hover,
		li.sub1 a:active,
		li.sub1 a:focus {
			color: #000000;
			background: #E4ECF7 url(../graphic/bg/bg_main.jpg) repeat-y left;
			font-weight: normal;
			text-decoration: none;
		}

		li.sub1_a a:link,
		li.sub1_a a:visited {
			width: 186px;
			color: #000000;
			background: #E4ECF7 url(../graphic/bg/bg_main.jpg) repeat-y left;
			font-weight: normal;
			margin: 0;
			padding: 5px 7px 5px 12px;
			text-decoration: none;
			float: left;
		}

		li.sub1_a a:hover,
		li.sub1_a a:active,
		li.sub1_a a:focus {
			color: #676767;
			background: #E4ECF7 url(../graphic/bg/bg_main.jpg) repeat-y left;
			font-weight: normal;
			text-decoration: none;
		}

/* #### -> */

/* ---------------------- subnavigation 2 ---------------------- */

#subnavigation1 {
		width: 205px;
		color: #000000;
		background-color: #E5ECED;
		border-bottom: 1px solid #FFFFFF;
		margin: 0;
		padding: 0 0 3px 0;
		list-style: none;
		float: left;
}

		#subnavigation1 li {
		width: 205px;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 100%;
		font-weight: normal;
		line-height: normal;
		margin: 0;
		padding: 3px 0 0 0;
		float: left;
		}

		li.sub2 a:link, li.sub2 a:visited {
			width: 178px;
			color: #000000;
			background: #E5ECED none;
			border: none;
			font-weight: normal;
			margin: 0;
			padding: 2px 11px 3px 16px;
			text-decoration: none;
			float: left;
		}

		li.sub2 a:hover, li.sub2 a:active, li.sub2 a:focus {
			color: #000000;
			background: #E5ECED none;
			font-weight: normal;
			text-decoration: underline;
		}

		li.sub2_a a:link, li.sub2_a a:visited {
			width: 178px;
			color: #000000;
			background: #E5ECED none;
			font-weight: normal; /* font-weight: bold; @CS@ */
			border: none;
			margin: 0;
			padding: 2px 11px 3px 16px;
			text-decoration: underline;
			float: left;
		}

		li.sub2_a a:hover, li.sub2_a a:active, li.sub2_a a:focus {
			color: #000000;
			background: none;
			background: #E5ECED none;
			font-weight: normal; /* font-weight: bold; @CS@ */
			text-decoration: none;
		}

/* #### -> */

/* -------------------- breadcrumb -------------------- */

#breadcrumb {
		font-size: 80%;
		color: #413E4A;
		background-color: #FFFFFF;
		border-bottom: 1px solid #DDDDDD;
		margin: 0 35px 0 0;
		padding: 0 0 2px 0;
		list-style: none;
}

		#breadcrumb li {
		margin: 0 5px 0 0;
		padding: 0;
		display: inline;
		}

		li.bread a:link, li.bread a:visited {
			color: #413E4A;
			background-color: #FFFFFF;
			margin: 0 5px 0 0;
			padding: 0;
			text-decoration: underline;
		}

		li.bread a:hover, li.bread a:active, li.bread a:focus {
			color: #413E4A;
			background-color: #FFFFFF;
			margin: 0 5px 0 0;
			padding: 0;
			text-decoration: none;
		}

/* #### -> */

/* -------------------- front resizer -------------------- */

#font_resizer {
		 font-family: Tahoma, Geneva, sans-serif;
		font-size: 100%;
		font-weight: bold;
		border-bottom: 1px solid #DDDDDD;
		width: 183px;
		padding: 0 0 2px 0;
		margin: 0 0 23px 0;
}

	.cReduceTextSize a:link, .cReduceTextSize a:visited,
	.cNormalTextSize a:link, .cNormalTextSize a:visited,
	.cEnlargeTextSize a:link, .cEnlargeTextSize a:visited {
		color: #5688CD;
		background-color: transparent;
		margin: 0;
		padding: 0;
		text-decoration: none;
	}

		.cReduceTextSize a:link,
		.cReduceTextSize a:visited {font-size: 130%;}

		.cNormalTextSize a:link,
		.cNormalTextSize a:visited {
			font-size: 145%;
			margin: 0 2px 0 2px;
		}

		.cEnlargeTextSize a:link,
		.cEnlargeTextSize a:visited {font-size: 170%;}

		.cReduceTextSize a:hover,
		.cReduceTextSize a:active,
		.cReduceTextSize a:focus,

		.cNormalTextSize a:hover,
		.cNormalTextSize a:active,
		.cNormalTextSize a:focus,

		.cEnlargeTextSize a:hover,
		.cEnlargeTextSize a:active,
		.cEnlargeTextSize a:focus {
			color: #413E4A;
			background-color: #FFFFFF;
			text-decoration: none;
			}

/* #### -> */

/* ### calender
###################### */

.cal-box {
		width: 100%;
		margin: -3px 0 0 0;
		padding: 0 0 40px 0;
		display: inline;
		float: left;
}

		.cal-month {
		width: auto;
		margin: ;
		padding: 0;
		display: inline;
		float: left;
		}

			.month-before {
			width: 27px;
				font-size: 130%;
				text-align: center;
				font-weight: bold;
				margin: 3px 0 -3px 0;
				padding: 0;
				display: inline;
				float: left;
			}

					.month-before a,
					.month-before a:link,
					.month-before a:visited {
				width: 27px;
				height: 22px;
				color: #5688CD;
				background-color: transparent;
				margin: 0;
				padding: 0;
				display: inline;
				float: left;
				text-decoration: none;
					}

				 .month-before a:hover,
				.month-before a:active,
				.month-before a:focus {
				width: 27px;
				height: 22px;
				color: #413E4A;
				background-color: transparent;
				margin: 0;
				padding: 0;
				display: inline;
				float: left;
				text-decoration: none;
				}

			.month-now {
			width: 129px;
			height: 22px;
			color: #413E4A;
			background-color: transparent;
			font-weight: normal;
			text-align: center;
			margin: 3px 0 -3px 0;
			padding: 0;
			display: inline;
			float: left;
			}

			.month-next {
			 width: 27px;
			 font-size: 130%;
			 text-align: center;
			 font-weight: bold;
			 margin: 3px 0 0 0;
			 padding: 0;
			 display: inline;
			 float: left;
			}

					.month-next a,
					.month-next a:link,
					.month-next a:visited {
						width: 27px;
				height: 22px;
				color: #5688CD;
				background-color: transparent;
				margin: 0;
				padding: 0;
				display: inline;
				float: left;
				text-decoration: none;
					}

			 .month-next a:hover,
			 .month-next a:active,
			 .month-next a:focus {
				width: 27px;
				height: 22px;
				color: #413E4A;
				background-color: transparent;
				margin: 0;
				padding: 0;
				display: inline;
				float: left;
				text-decoration: none;
			 }

	.cal-detail {
		width: auto;
		border-top: 1px solid #DDDDDD;
		margin: 0;
		padding: 0;
		display: inline;
		float: left;
		}

			.cal-day-line-week {
			 width: auto;
			 border-left: 1px solid #FFFFFF;
			 border-bottom: 1px solid #DDDDDD;
			 margin: 0;
			 padding: 5px 0;
			 display: inline;
			 float: left;
		}

					.cal-day-line-week .cal-day {
				width: 25px;
				color: #413E4A;
				background-color: #FFFFFF;
				border-right: 1px solid #FFFFFF;
				text-align: center;
				font-weight: normal;
				margin: 0;
				padding: 0;
				display: inline;
				float: left;
					}

			.cal-day-line {
				 width: auto;
				 border-left: 1px solid #DDDDDD;
				 border-bottom: 1px solid #DDDDDD;
				 margin: 0;
				 padding: 0;
				 display: inline;
				 float: left;
			}

				.cal-day {
				width: 25px;
				height: 23px;
				color: #413E4A;
				background-color: #FFFFFF;
				border-right: 1px solid #DDDDDD;
				text-align: center;
				margin: 0;
				padding: 7px 0 3px 0;
				display: inline;
				float: left;
				}

				.today {
					width: 25px;
					height: 23px;
					color: #413E4A;
					background-color: #EAEAEA;
					border-right: 1px solid #DDDDDD;
					font-weight: bold;
					text-align: center;
					margin: 0;
					padding: 7px 0 3px 0;
					display: inline;
					float: left;
				}

					.cal-day-active {
				width: 25px;
				border-right: 1px solid #DDDDDD;
				text-align: center;
				display: inline;
				float: left;
					}

				.cal-day-active a,
				.cal-day-active a:link,
				.cal-day-active a:visited {
						width: 23px;
						color: #FFFFFF;
						background-color: #5688CD;
						text-align: center;
						margin: 1px;
						padding: 6px 0 7px 0;
						display: inline;
						float: left;
						text-decoration: none;
				}

				.cal-day-active a:hover,
				.cal-day-active a:active,
				.cal-day-active a:focus {
						color: #FFFFFF;
						background-color: #99CC33;
						text-decoration: none;
				}

			.no-month {
				color: #CCCCCC;
				background: transparent 0;
			}

/* ### END calender
###################### */

/* ---------------------- service ---------------------- */

#service {
	width: 183px;
	border-top: 1px solid #DDDDDD;
	font-weight: bold;
	list-style: none;
	margin: 15px 0 0 0;
	padding: 0 0 60px 0;
	float: left;
}

	 #service li {
		margin: 0 15px 0 0;
		padding: 0;
		float: left;
	 }

		 li.serv a:link, li.serv a:visited {
			color: #5688CD;
			background-color: #FFFFFF;
			margin: 0;
			padding: 0;
			text-decoration: none;
			}

			li.serv a:hover, li.serv a:active, li.serv a:focus {
			color: #413E4A;
			background-color: #FFFFFF;
			margin: 0;
			padding: 0;
			text-decoration: underline;
			}

			li.serv_a a:link, li.serv_a a:visited {
			color: #413E4A;
			background-color: #FFFFFF;
			margin: 0;
			padding: 0;
			text-decoration: underline;
			}

			li.serv_a a:hover, li.serv_a a:active, li.serv_a a:focus {
			color: #999999;
			background-color: #FFFFFF;
			margin: 0;
			padding: 0;
			text-decoration: none;
			}

/* #### -> */

/* #### -> */

/* -------------------------------------------- TITLE --------------------------------------------------------- */

/* ---------------------- site "logo" ---------------------- */

#header h1 {
	color: #FFFFFF;
		background-color: #5688CD;
		font-family: Georgia, "Times New Roman", Times, serif;
		text-shadow: 1px 1px 1px #314D73;
		font-size: 200%;
		line-height: normal;
		font-weight: normal;
		letter-spacing: 1px;
		text-transform: uppercase;
		margin: 29px 20px 0 0;
		padding: 0;
}

		#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:active, #header h1 a:focus {
		color: #FFFFFF;
		background-color: #5688CD;
		text-decoration: none;
		}

/* #### -> */

/* ---------------------- default ---------------------- */

#middle h1,
#right h1 {
		color: #413E4A;
		background-color: #FFFFFF;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 120%;
		font-weight: bold;
		line-height: normal;
		margin: 10px 0 0 0;
		padding: 0 0 6px 0;
}

	#middle h2,
	#right h2 {
		color: #413E4A;
		background-color: #FFFFFF;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 105%;
		font-weight: bold;
		line-height: normal;
		margin: 0;
		padding: 0 0 6px 0;
	}

		#middle .news_teaser h2,
	#middle .events_teaser h2 {
		color: #413E4A;
		background-color: #FFFFFF;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 105%;
		font-weight: normal;
		line-height: normal;
		margin: 0;
		padding: 0 0 5px 0;
		}

		#middle h3,
		#right h3 {
			color: #413E4A;
			background-color: #FFFFFF;
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 100%;
			font-weight: bold;
			line-height: normal;
			margin: 0;
			padding: 0 0 5px 0;
		}

/* #### -> */

/* -------------------------------------------- TEXT --------------------------------------------------------- */

/* ---------------------- default ---------------------- */

#content p,
.teaser p {
		margin: 0;
		padding: 0 0 15px 0;
}

#content ol,
.teaser ol {
	margin: 0 0 0 32px;
		padding: 0 0 15px 0;
}

#content ul,
.teaser ul {
		margin: 0 0 0 20px;
		padding: 0 0 15px 0;
}

#content li,
.teaser li {
		margin: 0;
		padding: 0 0 4px 0;
}

/* #### -> */

/* -------------------------------------------- SITEMAP --------------------------------------------------------- */

/* -------------------- sitemap layer 1 -------------------- */

dl.sitemap1  {
		margin: 20px 0 0 0;
		padding: 0;
}

	.sitemap1 dt {
		font-weight: normal;
		margin: 0;
		padding: 0;
	}

		.sitemap1 .site1 a:link, .sitemap1 .site1 a:visited {
			color: #413E4A;
			background: transparent url(../graphic/bg/bg_more.gif) no-repeat;
			text-transform: uppercase;
			margin: 0;
			padding: 0 0 0 20px;
			text-decoration: none;
		}

		.sitemap1 .site1 a:hover, .sitemap1 .site1 a:active, .sitemap1 .site1 a:focus {
			color: #99CC33;
			background: transparent url(../graphic/bg/bg_more_a.gif) no-repeat;
			text-decoration: underline;
		}

/* #### -> */

/* -------------------- sitemap layer 2 -------------------- */

dl.sitemap2 {
		margin: 5px 0 0 0;
		padding: 5px 0 0 20px;
}

	.sitemap2 dt {
		font-weight: bold;
		margin: 0;
		padding: 0;
	}

		.sitemap2 .site2 a:link, .sitemap2 .site2 a:visited {
			color: #413E4A;
			background: transparent url(../graphic/bg/bg_more.gif) no-repeat;
			text-transform: none;
			margin: 0;
			padding: 0 0 0 20px;
			text-decoration: none;
		}

		.sitemap2 .site2 a:hover, .sitemap2 .site2 a:active, .sitemap2  .site2 a:focus {
			color: #99CC33;
			background: transparent url(../graphic/bg/bg_more_a.gif) no-repeat;
			text-decoration: underline;
		}

/* #### -> */

/* -------------------- sitemap layer 3 -------------------- */

dl.sitemap3 {
		margin: 5px 0 0 0;
		padding: 5px 0 0 20px;
}

	.sitemap3 dt {
		margin: 0;
		padding: 0;
	}

		.sitemap3 .site3 a:link, .sitemap3 .site3 a:visited {
			color: #413E4A;
			background: transparent url(../graphic/bg/bg_site3.gif) no-repeat;
			text-transform: none;
			margin: 0;
			padding: 0 0 0 10px;
			text-decoration: none;
		}

		.sitemap3 .site3 a:hover, .sitemap3 .site3 a:active, .sitemap3 .site3 a:focus {
			color: #99CC33;
			background: transparent url(../graphic/bg/bg_site3a.gif) no-repeat;
			text-decoration: underline;
		}

		.sitemap1 dd {
				color: #413E4A;
				background-color: transparent;
				margin: 0;
				padding: 0 0 10px 20px;
		}

		.sitemap3 dd {
			 color: #413E4A;
			 background-color: transparent;
				margin: 0;
				padding: 0 0 10px 10px;
		}

/* #### -> */

/* #### -> */

/* ---------------------- news ---------------------- */

/* ----------- overview ----------- */

.news_teaser {}

.news_info {
		font-size: 90%;
		color: #413E4A;
		background-color: #FFFFFF;
		font-weight: bold;
		margin: 0;
		padding: 0;
}

		.news_teaser .news_info p {
			font-size: 110%;
			margin: 0;
			padding: 0 0 4px 0;
		}

.news_subheader {
		margin: 2px 0 0 0;
		padding: 0 0 4px 0;
}

		#right .news_subheader {
				margin: 2px 0 0 0;
			padding: 0 0 16px 0;
		}

		#content .news_subheader p,
	.teaser .news_subheader p {
			margin: 0;
			padding: 0 0 2px 0;
		}

.news_more {
	 margin: 0;
	 padding: 0 0 20px 0;
}

		.news_more a:link, .news_more a:visited {
		color: #5688CD;
		background: transparent url(../graphic/bg/bg_more.gif) no-repeat;
		margin: 0 0 0 0;
		padding: 0 0 0 18px;
		}

		.news_more a:hover, .news_more a:active, .news_more a:focus {
		color: #676767;
		background: transparent url(../graphic/bg/bg_more_a.gif) no-repeat;
		margin: 0 0 0 0;
		padding: 0 0 0 18px;
		}

/* #### -> */

/* ----------- single ----------- */

.news_subheader_single {
		margin: 8px 0 0 0;
		padding: 0;
}

.news_content {
		margin: 0;
		padding: 0;
}

.news_related {
		width: 100%;
		margin: 0;
		padding: 0 0 40px 0;
}

		.news_related img {vertical-align: middle;}


		 .news_related_single {
			line-height: 180%;
			margin: 0;
			padding: 0 0 15px 0;
		}

		/* .news_related_single img {
			margin: 0 0 -2px 0;
			padding: 0;
		} */

.news_back {
		margin: 0;
		padding: 0 0 10px 0;
}

		.news_back a:link, .news_back a:visited {
		color: #5688CD;
		background: transparent url(../graphic/bg/bg_back.gif) no-repeat;
		margin: 0 0 0 0;
		padding: 0 0 0 18px;
		}

		.news_back a:hover, .news_back a:active,  .news_back a:focus {
		color: #413E4A;
		background: transparent url(../graphic/bg/bg_back_a.gif) no-repeat;
		margin: 0 0 0 0;
		padding: 0 0 0 18px;
		}

/* #### -> */

/* ----------- archiv ----------- */

ul#news_archiv {
		list-style: none;
		margin: 5px 0;
		padding: 0 0 20px 0;
}

		#news_archiv, #news_archiv li {
		list-style: none;
		margin: 0;
		padding: 0;
		}

		.news-amenu-item-year {
		color: #413E4A;
		background-color: #FFFFFF;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 140%;
		line-height: 200%;
		border: none;
		margin: 0;
		padding: 0;
		}

.news_archiv_month {
		margin: 0;
		padding: 0 0 8px 0;
}

		.news_archiv_month a:link, .news_archiv_month a:visited {
		color: #5688CD;
		background: transparent url(../graphic/bg/bg_more.gif) no-repeat;
		margin: 0 0 0 0;
		padding: 0 0 0 18px;
		}

		.news_archiv_month a:hover, .news_archiv_month a:active,  .news_archiv_month a:focus {
		color: #413E4A;
		background: transparent url(../graphic/bg/bg_more_a.gif) no-repeat;
		margin: 0 0 0 0;
		padding: 0 0 0 18px;
		}

/* #### -> */

/* ---------------------- events ---------------------- */

.news-box {
		width: 100%;
		margin: 25px 0 0 0;
		padding: 0;
		float: left;}

.events_teaser {
		width: 100%;
		margin: 0;
		padding: 0 0 15px 0;
		float: left;
}

.events_date {
		width: 120px;
		font-size: 110%;
		color: #413E4A;
		background-color: #FFFFFF;
		font-weight: normal;
		margin: 0;
		padding: 0;
		float: left;
}

.events_txt {
		margin: 0 0 0 130px;
		padding: 0;
}

.events_date_home {
		width: 120px;
		color: #413E4A;
		background-color: #FFFFFF;
		font-size: 100%;
		font-weight: normal;
		margin: 0;
		padding: 0;
		float: left;
}

.news-list-morelink {}

.events_txt_home {
		margin: 0 0 0 130px;
		padding: 0;
		font-weight: normal;
}
#content .events_txt p, .teaser .events_txt p {
		margin: 0;
		/* padding: 0 0 2px 0;  CS20150903 */
		padding: 0 0 6px 0;
}

/* #### -> */

/* ----------- puplication template_list ----------- */

.pub_date {
		width: 60px;
		font-size: 110%;
		color: #413E4A;
		background-color: #FFFFFF;
		font-weight: normal;
		margin: 0;
		padding: 0;
		float: left;
}

#most_recent_publications div.events_teaser div.pub_date {
		visibility: hidden;
		width: 0;
}

.pub_img {
		width: 140px;
		text-align: center;
		margin: 0 0 0 10px;
		padding: 0;
		float: left;
}

.pub_txt {
		margin: 0 0 0 70px;
		padding: 0;
}

#content .pub_txt p {
		margin: 0;
		padding: 0 0 2px 0;
	}

#most_recent_publications div.events_teaser div.pub_txt{
		margin: 0;
}
#most_recent_publications div.events_teaser div.pub_txt h2{
		margin: 0 0 0 40px;
		text-indent: -40px;
}
#most_recent_publications div.events_teaser div.pub_txt p{
		margin: 0 0 0 40px;
		text-indent: 0;
}

/* #### -> */

/* #### -> */

/* ---------------------- to top ---------------------- */

.top  {
		width: 100%;
		font-size: 90%;
		margin: 10px 0 -3px 0;
		padding: 0 0 20px 0;
		float: left;
}

	.top a:link, .top a:visited {
			color: #5688CD;
			background: transparent url(../graphic/bg/bg_top.gif) no-repeat;
			margin: 0;
			padding: 0 0 0 18px;
			text-decoration: none;
	}

	.top a:hover, .top a:active, .top a:focus {
			color: #99CC33;
			background: transparent url(../graphic/bg/bg_top_a.gif) no-repeat;
			margin: 0;
			padding: 0 0 0 18px;
			text-decoration: underline;
	}

/* #### -> */

/* -------------------- DELFAUT LAYOUT: contenttable-0 -------------------- */

#content table.contenttable-0 {
		border: 0;
}

#content table.contenttable-0 th {
		color: #413E4A;
		background-color: transparent;
		border: 0;
		margin: 2px 2px 2px 0;
		padding: 2px 2px 2px 0;
}

#content table.contenttable-0 td {
		color: #413E4A;
		background-color: transparent;
		border: 0;
		margin: 2px 2px 2px 0;
		padding: 2px 2px 2px 0;
}



/* -------------------- LAYOUT 1: contenttable-1 -------------------- */

#content table.contenttable-1 {
		border: 1px solid #DDDDDD;
		background-color: #F9F9F9;
}

#content table.contenttable-1 td {
		border: 1px solid #DDDDDD;
}

#content table.contenttable-1 th {
		color: #FFFFFF;
		background-color: #5688CD;
}


/* -------------------- LAYOUT 2: contenttable-2 -------------------- */

#content table.contenttable-2 {
		border: 1px solid #DDDDDD;
		background-color: #F9F9F9;
}

#content table.contenttable-2 th {
		color: #FFFFFF;
		background-color: #5688CD;
}

#content table.contenttable-2 td {
		border: 1px solid #DDDDDD;
}

#content table.contenttable-2 td.td-0 {
		color: #FFFFFF;
		background-color: #5688CD;
		font-weight: bold;
}


/* -------------------- LAYOUT 3: contenttable-3 -------------------- */

#content table.contenttable-3 {
		border: 1px solid #DDDDDD;
		background-color: #F9F9F9;
}

#content table.contenttable-3 th {
		color: #413E4A;
		background-color: #F2F2F2;
}

#content table.contenttable-3 td {
		border: 1px solid #DDDDDD;
}

#content table.contenttable-3 td.td-0 {
		color: #413E4A;
		background-color: #F2F2F2;
		font-weight: bold;
}


/* -------------------- table content default -------------------- */

caption {
		color: #413E4A;
		background-color: #FFFFFF;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 105%;
		text-align: left;
		font-weight: bold;
		line-height: normal;
		margin: 0;
		padding: 0 0 6px 0;
		/*
		color: #413E4A;
		background-color: #FFFFFF;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 100%;
		text-align: left;
		font-weight: bold;
		line-height: normal;
		margin: 0;
		padding: 0 0 8px 0;
		*/
}

#content table {
		width: auto;
		border: 0; /* 1px solid #DDDDDD; @CS@ */
		border-collapse: collapse;
		margin: 0 0 15px 0;
		padding: 0;
}

#content table td {
		width: auto;
		color: #413E4A;
		background-color: #FFFFFF;
		font-weight: normal;
		margin: 5px;
		padding: 5px;
		/* border: 1px solid #DDDDDD; @CS@ */
		border-collapse: collapse;
		vertical-align: top;
}

#content table th {
		width: auto;
		font-weight: bold;
		text-align: center;
		margin: 5px;
		padding: 5px;
		border: 0; /* 1px solid #DDDDDD; @CS@ */
}

#content table.contenttable {
		width: auto;
		border: 0; /* 1px solid #DDDDDD; @CS@ */
		border-collapse: collapse;
		margin: 0 0 15px 0;
		padding: 0;
}

#content table.contenttable td {
		width: auto;
		color: #413E4A;
		font-weight: normal;
		margin: 5px;
		padding: 5px;
		border: 0; /* 1px solid #DDDDDD; @CS@ */
		border-collapse: collapse;
}




/* -------------------- Bulletin Table -------------------- */

.bulletin-table { border-spacing: 18px;}

.bulletin-table .tr-even{}

/* 2. Spalte (Seitenzahlen) */
.bulletin-table .td-1 {text-align: right;}

/* #### -> */

/* -------------------------------------------- FORM --------------------------------------------------------- */

/* ---------------------- default ---------------------- */

#content form {
		width: 100%;
		margin: 0;
		padding: 0 0 15px 0;
		float: left;
}

	.form_box {
		width: 100%;
		margin: 0;
		padding: 0;
		float: left;
	}

		.form_label {
			clear: both;
			width: 140px;
			margin: 5px 0 2px;
			padding: 0;
			float: left;
		}

		.form_element {
			width: 50%;
			margin: 2px 0;
			padding: 0;
			float: left;
		}

.form_send {
		width: 80%;
		margin: 0;
		padding: 0 0 0 10px;
		float: left;
}

/* #### -> */

/* ---------------------- search header ---------------------- */

#search form {
		width: 100%;
		margin: 0;
		padding: 0;
}

		#search fieldset {
			border: 0;
			/* margin: 4px 0 0 0;       OL-12-07-24 */
			margin: -1px 0 0 0;  /*  OL-12-07-24 */
			padding: 0;
		}

		#search .in_box {
			width: 179px;
			height: 15px;
				font-family: Tahoma, Geneva, sans-serif;
				font-size: 11px;
				color: #CCCCCC;
			background-color: #FFFFFF;
			border-right: 0;
			border-bottom: 1px solid #5688CD;
			border-left: 1px solid #5688CD;
			border-top: 1px solid #5688CD;
				margin: 5px 0 0 80px;
				padding: 3px;
			display: inline;
			float: left;
		}

		#search .in_box:hover,
		#search .in_box:active,
		#search .in_box:focus {
				color: #5688CD;
				background-color: #FFFFFF;
				border-right: 0;
				border-bottom: 1px solid #5688CD;
				border-left: 1px solid #5688CD;
				border-top: 1px solid #5688CD;
				margin: 5px 0 0 80px;
				padding: 3px;
		}

			#search .s_button {
			width: 19px;
			height: 23px;
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 10px;
			color: #000000;
			background: #FFFFFF url(../graphic/bg/bg_lupe.gif) 0 1px no-repeat;
			border-right: 1px solid #5688CD;
			border-bottom: 1px solid #5688CD;
			border-left: 0;
			border-top: 1px solid #5688CD;
			margin: 5px 0 0 0;
			padding: 0;
			display: inline;
			float: left;
			cursor: pointer;
			}

			#content .s_button {margin: 3px 0 0 0;}

		#search .s_button:hover,
		#search .s_button:active,
		#search .s_button:focus {
				color: #FFFFFF;
				background: #FFFFFF url(../graphic/bg/bg_lupe.gif) -18px 1px no-repeat;
				border-right: 1px solid #5688CD;
				border-bottom: 1px solid #5688CD;
				border-top: 1px solid #5688CD;
		}

		#content .clear_button {
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 90%;
		font-weight: bold;
		color: #FFFFFF;
		background-color: #CC3049;
		border: none;
		margin: 0;
		padding: 2px;
		cursor: pointer;
		}

		#content .clear_button:focus {
				font-family: Tahoma, Geneva, sans-serif;
				font-size: 90%;
				font-weight: bold;
				color: #FFFFFF;
				background: none;
				background-color: #CC3049;
				border: none;
				margin: 0;
				padding: 2px;
				cursor: pointer;
		}

/* #### -> */

/* -------------------- search results -------------------- */

.search_both {
		width: 100%;
		margin: 0;
		padding: 0;
}

.search_no {
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0;
}

.search_content {
		width: 100%;
		margin: 5px 0 0 0;
		padding: 0;
}

.search_path {
		width: 100%;
		font-size: 90%;
		font-weight: bold;
		line-height: normal;
		color: #413E4A;
		background-color: transparent;
		margin: 2px 0 4px 0;
		padding: 0;
}

		.search_path a:link,
		.search_path a:hover,
		.search_path a:active,
		.search_path a:focus {
			color: #5688CD;
			background-color: transparent;
		}

		.search_path a:visited {
			color: #413E4A;
			background-color: transparent;
		}

.search_specs {
		width: 100%;
		font-size: 90%;
		font-weight: bold;
		line-height: normal;
		color: #413E4A;
		background-color: #FFFFFF;
		margin: 3px 0 30px 0;
		padding: 0;
}

.search_nav {
		width: 100%;
		font-weight: bold;
		color: #413E4A;
		background-color: #FFFFFF;
		margin: 20px 0 0 0;
		padding: 1px 0 20px 0
}

#content .search_both h2 {
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 90%;
		color: #413E4A;
		background-color: #FFFFFF;
		font-weight: bold;
		line-height: normal;
		margin: 0;
		padding: 4px 0 2px 0;
}

		.search_both h2 a:link,
		.search_both h2 a:visited {
		font-size: 115%;
		color: #5688CD;
		background: #FFFFFF url(../graphic/bg/bg_search.gif) no-repeat top left;
		text-decoration: none;
		font-weight: bold;
		line-height: normal;
		margin: 20px 0 0 0;
		padding: 4px 10px 10px 25px;
		}

		.search_both h2 a:hover,
		.search_both h2 a:active
		.search_both h2 a:focus {
		color: #413E4A;
		background: #FFFFFF url(../graphic/bg/bg_search.gif) no-repeat top left;
		text-decoration: none;
		}

	.tx-indexedsearch-redMarkup {
		color: #413E4A;
		background-color: #99CC33;
		padding: 2px 4px;
	}

.tx-indexedsearch-res, .tx-indexedsearch {
		width: 100%;
		margin: 0;
		padding: 0;
		float: left;
}

/* #### -> */

/* -------------------- login internal area-------------------- */

.login_txt {
		width: 40%;
		margin: 2px 0 0 0;
		padding: 0;
}

.login_input {
		width: 40%;
		margin: 0 0 10px 0;
		padding: 0;
}


#content .login_input input {
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 90%;
		color: #413E4A;
		background-color: #FFFFFF;
		border: 1px solid #C4D4D5;
		margin: 0;
		padding: 2px;
}

		#content .login_input input:focus {
			color: #413E4A;
				background: #FFFFFF url(../graphic/bg/bg_input.gif) right center no-repeat;
				border: 1px solid #C4D4D5;
				margin: 0;
				padding: 2px;
		}

#content .login_input .log_send {
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 90%;
		font-weight: bold;
		color: #413E4A;
		background-color: #C4D4D5;
		border: none;
		margin: 5px 0;
		padding: 2px;
		cursor: pointer;
}

		#content .login_input .log_send:focus {
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 90%;
		font-weight: bold;
		color: #413E4A;
		background: none;
		background-color: #FFFFFF;
		border: none;
		margin: 5px 0;
		padding: 2px;
		cursor: pointer;
		}

/* #### -> */

/* NEWSLETTER  -> */

#content form.newsletter {
		width: 100%;
		margin: 0;
		padding: 0 0 15px 0;
		float: left;
}

	#content form.newsletter .form_box {
		width: 100%;
		margin: 0;
		padding: 0;
		float: left;
	}

		#content form.newsletter .form_label {
			clear: both;
			width: 120px;
			margin: 2px 0 2px 0;
			padding: 0;
			float: left;
		}

		#content form.newsletter .form_element {
			width: 50%;
			margin: 2px 0;
			padding: 0;
			float: left;
		}

#content form.newsletter .form_send {
		width: 80%;
		margin: 0;
		padding: 0 0 0 10px;
		float: left;
}

		#content form.newsletter .in_box {
			width: auto;
				font-family: Tahoma, Geneva, sans-serif;
				font-size: 11px;
				color: #413E4A;
			background-color: #FFFFFF;
			border: 1px solid #5688CD;
				margin: 0;
				padding: 3px;
		}

		#content form.newsletter .in_box:hover,
		#content form.newsletter .in_box:active,
		#content form.newsletter .in_box:focus {
				color: #5688CD;
				background-color: #FFFFFF;
				margin: 0;
				padding: 3px;
		}

		#content form.newsletter .s_button {
			width: auto;
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 100%;
			font-weight: bold;
			color: #413E4A;
			background: #FFFFFF 0;
			border: 1px solid #413E4A;
			margin: 0;
			padding: 3px 0 3px 0;
			cursor: pointer;
			}

		#content form.newsletter .s_button:hover,
		#content form.newsletter .s_button:active,
		#content form.newsletter .s_button:focus {
				color: #5688CD;
				background: #FFFFFF 0;
				border: 1px solid #5688CD;
		}

/* #### -> */

/* #### -> */

.newsCalendar_calendarItem {
	display: table;
	line-height: 160%;
	font-size: 1em;
	padding: 5px 0;
}

#content form.newsletter .captcha_newsletter {
		display: none;
}

#content_inner {
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
}

.right-res span {display: none;}

.right-res span.cReduceTextSize,
.right-res span.cNormalTextSize,
.right-res span.cEnlargeTextSize {
	display: inline;
}


/* AddThisEvent */
.addthisevent-drop             {height:16px;padding-left:20px;padding-top:1px;display:inline-block;position:relative;z-index:999998;font-family:inherit;color:#333;text-decoration:none;font-size:inherit;text-decoration:none;background:url(/fileadmin/template/graphic/default/calsheet.png) no-repeat !important;}
.addthisevent-drop:hover         {color:#555;font-size:inherit;text-decoration:none;}
.addthisevent-selected           {}
.addthisevent_dropdown           {width:200px;position:absolute;z-index:99999;padding:6px 0px 0px 0px;background:#fff;text-align:left;display:none;margin-top:4px;margin-left:-1px;border-top:1px solid #c8c8c8;border-right:1px solid #bebebe;border-bottom:1px solid #a8a8a8;border-left:1px solid #bebebe;-moz-border-radius:2px;-webkit-border-radius:2px;-webkit-box-shadow:1px 3px 6px rgba(0,0,0,0.15);-moz-box-shadow:1px 3px 6px rgba(0,0,0,0.15);box-shadow:1px 3px 6px rgba(0,0,0,0.15);}
.addthisevent_dropdown span       {width:175px;display:block;line-height:110%;background:#fff;text-decoration:none;font-size:12px;color:#6d84b4;padding:8px 10px 9px 15px;}
.addthisevent_dropdown span:hover     {background:#f4f4f4;color:#6d84b4;text-decoration:none;font-size:12px;}
.addthisevent span             {display:none!important;}
.addthisevent-drop ._url,.addthisevent-drop ._start,.addthisevent-drop ._end,.addthisevent-drop ._summary,.addthisevent-drop ._description,.addthisevent-drop ._location,.addthisevent-drop ._organizer,.addthisevent-drop ._organizer_email,.addthisevent-drop ._facebook_event,.addthisevent-drop ._all_day_event {display:none!important;}
.addthisevent_dropdown .copyx       {width:200px;height:21px;display:block;position:relative;cursor:default;}
.addthisevent_dropdown .brx       {width:180px;height:1px;overflow:hidden;background:#e0e0e0;position:absolute;z-index:100;left:10px;top:9px;}
.addthisevent_dropdown .brx       {width:180px;height:1px;overflow:hidden;background:#e0e0e0;position:absolute;z-index:0;left:10px;top:9px;}
.addthisevent_dropdown .frs       {position:absolute;top:5px;cursor:pointer;right:10px;padding-left:10px;font-style:normal;font-weight:normal;text-align:right;z-index:101;line-height:110%;background:#fff;text-decoration:none;font-size:9px;color:#cacaca;}
.addthisevent_dropdown .frs:hover     {color:#6d84b4;}
.addthisevent               {visibility:hidden;}


.csc-textpic-imagewrap {
    padding-top: 10px;
    padding-bottom: 20px;
}

/* Share Buttons e.g. publications -> bulletin */
#share-buttons {
	width: 300px;
	height: 36px;
	margin: 24px 0 36px 0;
}	
#share-buttons img {
	width: 26px;
	padding: 5px;
	border: 0;
	box-shadow: 0;
	display: inline;
}
#share-buttons a {
	text-decoration: none;
}