/*
Theme Name: hamburgerstiftung
Theme URL: www.customwordpresstheme.co.uk 
Description: Created for hamburgerstiftung.
Author: www.customwordpresstheme.co.uk 
Author URI: www.customwordpresstheme.co.uk 
Version: 1.0
*/
@charset "utf-8";
/* CSS Document */
* { padding: 0; margin: 0; outline: 0; }
html {
	
}
body {
	margin: 0px;
	padding: 0px;
	background:#fff;
	color: #586470;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 20px;
}

.bu { 
	position:relative;top:139px;left:-490px;
	font-size:6px;
	font-style:italic;
	width:240px;
	line-height:9px;
	float: right;
	text-align: right;
}

.bu_large { 
	position:relative;top:269px;left:-200px;
	font-size:6px;
	font-style:italic;
	width:240px;
	line-height:9px;

	text-align: right;
}

.content_align {
	position:absolute; top:180px;
	width:400px;
}

a img { border: 0; }
a { 
	color: #37434f; 
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	cursor: pointer;
}

a.tlink:link {color:#586470;}
a.tlink:visited {color:#586470;}
a.tlink:hover {color:#586470;}
a.tlink:active {color:#586470;}
a.tlink {text-decoration:underline}

a.rbl:link {color:#586470;font-size:10px;}
a.rbl:visited {color:#586470;font-size:10px;}
a.rbl:hover {color:#586470;font-size:10px;}
a.rbl:active {color:#586470;font-size:10px;}
a.rbl {text-decoration:underline;font-size:10px;}


p {
	margin-bottom:15px;

}

p.rundbrief {
	margin-top:0px;
	margin-bottom:0px;
	line-height: 13px;
}

h1, h2, h3, h4 {
	font-weight: normal;
	padding-top: 6px;
	padding-bottom: 8px;
	margin: 0px;
	color:#586470;
	font-size:18px;
}

#Header {
		width:804px;
		margin:auto;
		height:50px;
	    background:url(images/header.jpg) repeat-y top center;
}
#Main {
		width:804px;
		margin:25px auto 5px auto;
}
#Left {
		width:297px;
		float: left;
}

#Right {
	width: 450px;
	float: right;
	padding:25px;
}



#WrapBG {
		width:804px;
		margin:auto;
	    background:#d7d3d6 url(images/contentBg.jpg) repeat-y -1px 0px;
}
.imageBg {
	
}
.subtitle {
		width:287px;
	text-align: right;
	font-style: italic;
	font-size: 9px;
	padding:3px 0px;
	clear: both;margin-bottom:75px;
	line-height:12px;
}


#WrapLogo {
	   /* background:url(http://www.hamburger-stiftung.de/en/wp-content/uploads/2021/03/logo_de_footer_en.png) no-repeat left bottom; */
	background:url(https://www.hamburger-stiftung.de/en/wp-content/uploads/2025/01/hslogo39en.png?v=1) no-repeat left bottom;
min-height:600px;
}



#Menu {
	width: 805x;
	background:#f1f3f5;
	//margin:auto;
	height: 30px;

}


#Menu ul {
	width: 804px;
	height: 23px;
        list-style: none;
 
        text-align: justify;
        text-align-last: justify; 
}


#Menu ul ul {
	text-align-last: justify;
	text-align: justify;
}
#Menu ul li {
	position:relative;
	float:left;
}
#Menu ul li a {
	display: block;
	float: left;
	color:#586470;
	font-size:13px;
	padding: 5px 6px;
	//margin-right: 1px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	text-align:left;
}
#Menu ul li a:hover {
	text-decoration: none;
	background:#a5abb3;
	color:#fff;
}

#Menu ul ul {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#Menu ul ul li {
	min-width: 180px;
}
#Menu ul ul ul {
	left: 100%;
	top: 0;
}

#Menu ul ul a {
	background: #a5abb3;
	line-height: 1em;
	padding: 10px 20px;
	width: 160px;
	height: auto;
}
#Menu li:hover > a,
#Menu ul ul :hover > a {
	background: #a5abb3;
	color: #fff;
}
#Menu ul li:hover > ul {
	display: block;
}
/**/
#Menu ul li a {
	display: block;
	float: left;
	color:#586470;
	font-size:13px;
	padding: 5px 17px;
	//margin-right: 1px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

 

#Menu ul li a:hover {
	text-decoration: none;
	background:#a5abb3;
	color:#fff;
}


/*ul::after
{
        content: "\A0";
        display: inline-block;
        height: 0;
        width: 100%;
}

 
 li, li:lang(zxx)
{
        display: inline-block;
        padding: 0;
}





*+html li
{
        display: inline;
}*/

#Menu ul li.current_page_item a,
#Menu ul li.current-menu-ancestor a,
#Menu ul li.current-menu-item a,
#Menu ul li.current-menu-parent a {
	text-decoration: none;
	background:#a5abb3;
	color:#fff;
}



#Footer {
	width:804px;
	margin: auto;
	color:#586470;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.copy {
		width:300px;
		float: left;
}
#Footer ul {
		float: right;
		text-align: right;
		list-style-type: none;
}
#Footer ul li {
		display: inline-block;
		text-align: right;
		padding:0px 3px;
}
.profile img{
	float: left;
	margin-right:10px;
	margin-top:10px;
}

.profile {
		font-size:15px;
		margin-bottom:10px;
		clear: both;
		float: left;
		width: 600px;
}

.profile div {
float: left;
width: 350px;
line-height:15px;
padding: 0 0 0 0;
position:relative;top:-9px;
font-size:13px;

}

.profile div span {
font-size:13px;
font-weight:bold;
white-space:nowrap;
}

h2.title {
	font-size:15px;
	padding-left:75px;
}
#Right ul, #Right ol {
	margin-left: 15px;
}
/* =Gallery listing
-------------------------------------------------------------- */

.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}
.home #content .format-gallery .entry-utility,
.home #content .category-gallery .entry-utility {
	padding-top: 4px;
}


/* =Attachment pages
-------------------------------------------------------------- */

.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}


/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #ff4b33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}


/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}





.your-name input, .your-email input, .your-subject input, .your-message textarea {
	padding: 4px;
	border: 1px solid #ccc;
	width: 300px;
	font-family: Tahoma;
	font-size: 15px;
}
.wpcf7 {
	width: 300px !important;
	margin: auto !important;}

ul li.language {
	width: 58px;
	height: 17px;
	background:url(images/flag.gif) repeat-y top center;
	display: block;
	float: rightl;
}
a.de, a.en {
	width: 27px;
	height: 17px;
	display: block;
	float: left;
}
a.en {
	float: right;
}

.ehrungen {
	padding: 36px 0px 0px 9px;
	background:#cad6e2;
	float:left;
}
.ehrungen img {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 72px;
	height: 72px;
}