/*
Theme Name: Schirn Custom, Playing the city
Description: Custom Template für die Schirn Kunsthalle, basierend auf TwentyTen
Author: Philipp Bartz, Anpassungen von Daniel Bagel		
Version: 3.0
Tags: 
*/

/* Farben für Playing the City 2 (2010)
	Pink: #E30059
	
*/

/* Farben für Playing the City 3 (2011)
	Blau: #00a1c6
	Grau: #9d9fa2
*/


/* =Reset default browser CSS. 
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}


p {
	background: transparent;
	border: 0;
	margin: 0 0 6px 0;
	padding: 0;
	vertical-align: baseline;
line-height:1.4em;
}


body    {
    font-family: arial, sans-serif;
    font-size:12px;
    text-align:center;
    }

ul li	{list-style:none;}
a		{color:#000;}


#container h1, h2, h3, h4 					{font-family:"Arial black", Arial, sans-serif;font-weight:normal;font-size:14px;color:#9d9fa2;}
#container h1 a, h2 a, h3 a, h4 a			{color:#9d9fa2;}
#container #content .entry-title 			{font-weight:normal}
#container #content h3.subline				{font-weight:normal}
#spalte-rechts div.widget-container h3 		{font-weight:normal;}


/**/

.clear	{clear:both;}


/* ********************[bof]topbar********************  */
#topbar{
	margin:auto;
    width:974px;
    background:#9d9fa2;
    text-align:center;
	height:25px;
    }
#topbar .wrapper {
    width:974px;
    margin:auto;
    text-align:left;
    }
.menu-topnavigation-container	{
	margin:0 0 0 178px;
	float:left;
	width:560px;
	}
	
.menu-topnavigation-container ul li					{float:left;list-style: none;}	
.menu-topnavigation-container ul li a				{float:left;font-size:11px;color:#fff;text-decoration:none;border-right:1px solid white;text-transform:uppercase;padding:0 8px 0 0;margin:5px 8px 0 0; }	
.menu-topnavigation-container ul li a:hover			{color:#555;}
.menu-topnavigation-container .current_page_item a	{color:#666;}
.menu-topnavigation-container .menu-item-20	a		{border-right:none;}


#searchform										{float:right;margin:0 0 0 0px;width:235px;}
#searchform input#s								{height:20px;padding:0 3px 0 3px;font-size:11px;border:none;float:left;margin:3px 3px auto auto;width:163px;}
#searchform input#searchsubmit					{height:20px;width:55px;background:url(images/btn_suchen.png) no-repeat;border:none;text-indent:-999em;margin:3px auto auto auto;float:left;}
#searchform	.screen-reader-text					{display:none;}

.entry-content #searchform						{float:left;margin:10px 0 0 0;}
.entry-content #searchform input#s				{height:18px;padding:0 3px 0 3px;font-size:11px;border:1px solid #000;float:left;margin:3px 3px auto auto;width:163px;}
/* ********************[eof]topbar******************** t */

/* ********************[bof]header********************  */
/*#header 					{height:124px;background:url(images/bg_header_3.jpg) no-repeat center;
margin:auto;
margin-top:1px;
width:974px;}*/

#header .wrapper 			{position:relative;width:974px;margin:auto;text-align:left;}
#header .wrapper div#logo	{position:absolute;top:90px;left:18px;z-index:222;}
#header .wrapper a#logo		{float:left;width:154px;height:154px;background:url(images/logo.png) no-repeat;text-indent:-999em;}

/* ********************[eof]header********************  */

#wrapper	{
	width:995px;
	margin:62px auto auto auto;
	text-align:left;
	display:block;
	padding:0 0 45px 0;
	}

#container	{float:left;width:481px;padding:8px 10px 0 10px;}

.hl-only {color:#00a1c6;border-bottom:1px solid #00a1c6;padding:0 0 15px 0; margin-bottom:20px;}

#content .entry-title 			{font-weight:bolder;width:445px;float:left;margin:0 0 10px 0;float:left;}
#content .entry-title a			{text-decoration:none;text-transform:uppercase;font-size:18px;}
#content h2.entry-title 			{text-decoration:none;text-transform:uppercase;font-size:18px;}
#content h2.searchentrys		{text-decoration:none;text-transform:uppercase;font-size:18px; color:#00a1c6;}
#content h3.subline				{font-weight:bolder;font-size:14px;color:#00a1c6;text-transform:uppercase;}
#content .entry-content	p img	{margin:0px 0 10px 0;}
#content .entry-comments		{float:left;background:url(images/bg_blase_comments.png) no-repeat;width:19px;height:26px;margin:-2px 0px 0 15px;text-align:center;}
#content .entry-comments a		{font-weight:bolder;color:#fff;text-decoration:none;padding:2px 0 0 0;display:block;width:19px;height:24px;}
.comments-link span {font-weight:bolder;color:#fff;text-decoration:none;padding:2px 0 0 0;display:block;width:19px;height:24px;}

.entry-content h3  {  font-weight:bolder;font-size:14px;color:#00a1c6;text-transform:uppercase; margin:14px 0 6px 0;  }

.entry-content p a  {display:block;text-decoration:none; font-size:10px; font-weight:bold;background:url(images/bg_more_link.png) no-repeat  left center;padding:0 0 0 10px;text-transform:uppercase;}
.entry-content p a:hover  {text-decoration:underline;}

#content .post		{border-bottom:1px solid #00a1c6;padding:0 0 25px 0;margin:0 0 20px 0;}


#content .gallery a img	{width:79px;height:79px;float:left;margin:0 1px 1px 0;}
#content .gallery br    {display:none;}


#spalte-links							{float:left;width:227px;padding:0 10px 0 10px;}
#spalte-links div.widget-container		{margin:10px 0 10px 0;border-bottom:1px solid #00a1c6;padding:0 0 15px 0;}	

#spalte-links #mycategoryorder-6	{margin:0 0 30px 0;padding:0 0 30px 0;}
#spalte-links #mycategoryorder-6 a    {
	display:block;
	text-decoration:none;
	font-size:14px;
	color:#9d9fa2;
	font-weight:bolder;
	text-transform:uppercase;
	min-height:14px;
	border-bottom:1px solid #9d9fa2;
	padding:8px 20px 8px 0px ;
	background:url(images/bg_nav_pfeil.png) no-repeat right ;
	}
#spalte-links #mycategoryorder-6 .hasChildren a:hover									{color:#00a1c6;border-bottom:1px solid #9d9fa2;}
#spalte-links #mycategoryorder-6 a:hover												{color:#00a1c6;border-bottom:1px solid #9d9fa2;background:url(images/bg_nav_pfeil_rechts.png) no-repeat right;}
#spalte-links #mycategoryorder-6 h3														{display:none;}
#spalte-links #mycategoryorder-6 ul.children  			 								{display:none;border-bottom:1px solid #9d9fa2;}
#spalte-links #mycategoryorder-6 ul.children a											{font-size:12px;margin:0 0 0 10px;padding:5px 0px 5px 0px;background:none; }
#spalte-links #mycategoryorder-6 .current-cat a											{color:#00a1c6;border-bottom:1px solid #9d9fa2;background:url(images/bg_nav_pfeil_rechts.png) no-repeat right;}
#spalte-links #mycategoryorder-6 ul.children .current-cat a								{color:#00a1c6;border-bottom:1px solid #9d9fa2;}
#spalte-links #text-2	{background:none;}
#spalte-links #mycategoryorder-6 a.active_category 										{color:#00a1c6;border-bottom:1px solid #9d9fa2;background:url(images/bg_nav_pfeil_rechts.png) no-repeat right;}
#spalte-links #mycategoryorder-6 .hasChildren a.active_category							{color:#00a1c6;border-bottom:1px solid #00a1c6;background:url(images/bg_nav_pfeil_down.png) no-repeat right;}
#spalte-links #mycategoryorder-6 .hasChildren ul.children a.active_category				{background:none;border-bottom:1px solid #9d9fa2;}

#spalte-links #mycategoryorder-6 .activ	{color:#00a1c6;border-bottom:1px solid #00a1c6;background:url(images/bg_nav_pfeil_down.png) no-repeat right;}

#spalte-rechts							{float:left;width:227px;padding:0 10px 0 10px;}



#spalte-rechts div.widget-container		{margin:10px 0 10px 0;border-bottom:1px solid #00a1c6;padding:0 0 15px 0;}	
#spalte-rechts div.widget-container h3	{text-transform:uppercase;margin:25px 0 0px 0;}

#spalte-rechts #text-3 form				{margin:10px 0 10px 0;}
#spalte-rechts #text-3 input#email		{padding:0 3px 0 3px;width:159px;height:20px;border:none;background:#ccc;color:#fff;font-size:11px;float:left;}	
#spalte-rechts #text-3 input#nlsubmit	{height:20px;width:55px;background:url(images/btn_senden.png) no-repeat;border:none;text-indent:-999em;margin:0px auto auto 3px;float:left;}		
#spalte-rechts #text-3 p				{margin:10px 0 0px 0;}

#spalte-rechts #text-4					{}
#spalte-rechts #text-4 h3				{display:none;}
#spalte-rechts #text-4 a				{color:#9d9fa2;background:url(images/rss_feed.png) no-repeat top right;text-decoration:none;font-size:14px;font-weight:bold;height:22px;padding:3px 0 0 0;display:block;}

#spalte-rechts #smart-youtube .youtube		{margin:10px 0 10px 0;display:block;}
#spalte-rechts #smart-youtube a				{display:block;text-decoration:none; font-size:10px;font-weight:bold;margin:0px 0 0 0;background:url(images/bg_more_link.png) no-repeat  left center;padding:0 0 0 10px;text-transform:uppercase;}
#spalte-rechts #smart-youtube a:hover				{text-decoration:underline;}
#spalte-rechts #text-8      {margin:0;padding:0;border:none;background:none;}
#spalte-rechts #randimage   {margin-top:0;height:145px;background:none;}
#spalte-rechts #randimage h3{margin:10px 0 0 0;}
#spalte-rechts #randimage a {margin:0;padding:0;border:0;}
#spalte-rechts #randimage a img {width:74px;height:74px;margin:0 1px 1px 0;float:left;}

#spalte-rechts #get_recent_comments_wrap			{margin:10px 0 10px 0;}
#spalte-rechts #get_recent_comments_wrap ul li		{padding:5px;font-size:11px;background:#ececec;margin:0 0 1px 0;}
#spalte-rechts #get_recent_comments_wrap ul li a	{text-decoration:none;font-weight:bold;color:#000;}




#footer				{display:block;color:#fff;font-size:11px;text-transform:uppercase;}
#footer .wrapper 	{width:995px;margin:auto;text-align:left;background:#9d9fa2;height:100px;}
#footer-widget-area	{padding:10px;}

#footer-widget-area	#first						{width:288px;float:left;}
#footer-widget-area	#first a#schirn_logo		{background:url(images/logo_schirn_khf.png) no-repeat;width:214px;height:72px;float:left;}

#footer-widget-area	#second						{width:258px;float:left;}
#footer-widget-area	#second ul ul				{float:left;}
#footer-widget-area	#second ul li				{list-style:none;background:url(images/list_bullet_footer_navi.gif) no-repeat left;}
#footer-widget-area	#second a					{color:#fff;text-decoration:none;padding:0 10px 0 10px;}
#footer-widget-area	#second a:hover				{color:#666;}
#footer-widget-area	#second #mycategoryorder-5	{margin:0 0px 0 120px;}

#footer-widget-area	#third					{width:222px;float:left;}
#footer-widget-area	#third a				{width:15px;height:16px;float:left;text-indent:-999em;margin:0 6.5px 6px 0;}
#footer-widget-area	#third .wrap-1			{float:left;width:98px;height:85px;background:url(images/footer_social.png) no-repeat 0px 33px;}
#footer-widget-area	#third .wrap-1 .head	{color:#6d6d6d;margin-bottom:5px;}

#footer-widget-area	#third .wrap-2			{float:left;width:98px;background:url(images/footer_links.png) no-repeat 0 34px;margin-left:20px;min-height:70px;}
#footer-widget-area	#third .wrap-2	a		{margin:0 8px 0 0;}
#footer-widget-area	#third .wrap-2 .head	{color:#6d6d6d;margin-bottom:5px;}

#footer-widget-area	#fourth					{width:182px;float:left;font-size:11px;}
#footer-widget-area	#fourth	a				{color:#fff;text-decoration:none;padding:0 10px 0 10px;background:url(images/list_bullet_footer_navi.gif) no-repeat left;}
#footer-widget-area	#fourth	a:hover			{color:#666;}
#footer-widget-area	#fourth	span			{display:block;margin:20px 0 0 0;color:#6d6d6d;}

/*

#footer-widget-area	#third 		{float:left;width:160px;height:72px;color:#6d6d6d;margin-left:40px;}
#footer-widget-area #third ul.socialbookmarks {
	margin-left: 0;
	margin-top:3px;
}

#footer-widget-area #third ul.socialbookmarks li {
	display: inline;
	margin-right: 3px;
	
}
#footer-widget-area #third ul.socialbookmarks li a {
	display: inline;
	padding: 0px 2px 0 0;
	background: none;
}


*/

/* =SOCIALICONS NEU
-------------------------------------------------------------- */
.clearfix
{
	clear:both;
}

.socialiconswrapper
{
	width:90px;
	float:left;
}

.socialicons
{
	list-style:none;
	margin:0px;
	padding:0px;
	margin-top:10px;
}

.schirnimnetz
{
	list-style:none;
	margin:0px;
	padding:0px;	
	margin-top:10px;

}

.socialicons li, .schirnimnetz li
{
	float:left;
	margin-right:5px;
	width:16px;
	height:16px;
}

.socialicons li a, .schirnimnetz li a
{
	width:16px;
	height:16px;
	display:block;
}

.socialicons li a.twitter, .schirnimnetz li a.twitter
{
	background:url(images/icons/twitter.png);
}

.socialicons li a.facebook, .schirnimnetz li a.facebook
{
	background:url(images/icons/facebook.png);
}

.socialicons li a.mrwong
{
	background:url(images/icons/mrwong.png);
}

.socialicons li a.google
{
	background:url(images/icons/google.png);
}

.socialicons li a.myspace
{
	background:url(images/icons/myspace.png);
}

.socialicons li a.delicious
{
	background:url(images/icons/delicious.png);
}

 .schirnimnetz li a.youtube
{
	background:url(images/icons/youtube.png);
}
 .schirnimnetz li a.flickr
{
	background:url(images/icons/flickr.png);
}

	
	

	
/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
	border-bottom:1px solid #00a1c6;
	
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #9d9fa2;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
	font-size:14px;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	line-height: 24px;
	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 {
	float:left;
	background:#ececec;
	padding:10px 0 0 10px;
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;	
	background:#ececec;
	padding:10px 10px 0 0;

}
.comment-body{background:#ececec;padding:0px 10px 10px 10px;}

.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color:#00a1c6;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 10px 0;
}
.reply a.comment-reply-link {
	display:block;text-decoration:none;font-weight:bold;background:url(images/bg_more_link.png) no-repeat  left center;padding:0 0 0 10px;

}
.reply a:hover,
a.comment-edit-link:hover {
	color:#00a1c6;
}
.commentlist .children {
	list-style: none;
	margin: 0 0 0 20px;
    
}
.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 {

	margin: 24px 0;
	overflow: hidden;
	position: relative;
	border-bottom:1px solid #00a1c6;
}
#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;
	font-size:14px;
}
#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;
	float:right;
	margin-right:5px;
}
#respond label {
	color: #888;
	font-size: 12px;
	float:right;
	width:230px;
	font-weight:bold;
}
#respond input {
	margin: 0 0 9px;
	width:215px;
	background:#ececec;
	border:none;
	padding:5px 10px 5px 10px;
	}
.comment-form-comment label	{display:none;}


#respond textarea {
	width: 98%;
	background:#ececec;
	border:none;
}
#respond .form-allowed-tags {
	display:none;
}

#respond .form-allowed-tags code {
	display:none;
}
#respond .form-submit {
	margin: 30px 0 0 0 ;
	width:70px;
	float:left;
}
#respond .form-submit input {
	height:20px;width:65px;background:url(images/btn_absenden.png) no-repeat;border:none;text-indent:-999em;margin:0px auto 20px 3px;float:left;
}
#respond .comment-notes .required {float:right;margin-right:36px;}

#respond .subscribe-to-comments			{float:left;margin:5px 0 0 3px;width:400px;position:absolute;}
#respond .subscribe-to-comments label	{width:380px;text-transform:uppercase;}

.wpcf7 form							{}
.wpcf7 form	p						{padding:5px;background:#eee;margin:0 0 1px 0;}
.wpcf7 form input					{width:300px;padding:3px;}
.wpcf7 form textarea				{width:300px;padding:3px;}
.wpcf7 form input:focus				{background:#efefef;border:1px solid #000;}
.wpcf7 form textarea:focus			{background:#efefef;border:1px solid #000;}
.wpcf7 form input.wpcf7-submit		{height:20px;width:65px;background:url(images/btn_absenden.png) no-repeat;border:none;text-indent:-999em;margin:0px auto auto 3px;float:left;}
.wpcf7 form .wpcf7-response-output	{background-color:#FFFFCC;border:1px solid #FFCC00;padding-top:5px;padding-bottom:5px;}


#gallery {
    padding: 30px;
    background: #e1eef5;
  }
#descriptions {
    position: relative;
    height: 50px;
    background: #EEE;
    margin-top: 10px;
    width: 640px;
    padding: 10px;
    overflow: hidden;
  }
#descriptions .ad-image-description {
      position: absolute;
    }
#descriptions .ad-image-description .ad-description-title {
      display: block;
     }

.more-link	{display:none;}
.gimmemore	{display:block;text-decoration:none;font-size:10px;font-weight:bold;margin:15px 0 0 0;background:url(images/bg_more_link.png) no-repeat  left center;padding:0 0 0 10px;text-transform:uppercase;}
a:hover.gimmemore  {text-decoration:underline;}

.navigation	a {text-decoration:none;font-weight:bold;margin:15px 0 0 0;background:url(images/bg_more_link.png) no-repeat  left center;padding:0 0 0 10px;text-transform:uppercase;}
.navigation	.alignleft	{float:left;}
.navigation	.alignright	{float:right;}

/* blut aus den augen tropf modus */
#spalte-rechts #text-4 a					{font-family:"Arial black", Arial, sans-serif;font-weight:normal;}
#spalte-links #mycategoryorder-6 a 			{font-family:"Arial black", Arial, sans-serif;font-weight:normal;}
h3#comments-title, h3#reply-title 			{font-family:"Arial black", Arial, sans-serif;font-weight:normal;}


#content .type-page
{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #00a1c6;
}

#backhome
{
	text-align:right;
}

#contentgallery
{
	
}


#mittendrin a				{display:block;text-decoration:none; font-size:10px;font-weight:bold;margin:0px 0 0 0;background:url(images/bg_more_link.png) no-repeat  left top;padding:0 0 0 10px;text-transform:uppercase;}

#mittendrin a:hover				{text-decoration:underline;}

/* ----------------------------------------------- gMAP ------------------- */

#mapContainer {
	position: relative;
	z-index: 111;
}
#wpgeo_map_id_1 {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#mapContainer.open {
	height: 402px;
}
#mapContainer #noMapBg {
	background:url(images/bg_header_3.jpg) no-repeat center;
	width:974px;
}
#mapContainer.closed #noMapBg {
	height:185px;
	margin:auto;
	margin-top:1px;
}

#mapContainer.closed #theMap {
	position: absolute;
	width: 974px;
	height: 402px;
	left: -2000px;
}
#mapContainer.open #theMap {
	position: relative;
}
#mapContainer a#openMap_btn {
	display: block;
	position: absolute;
	right: 0;
	top:162px;
	width: 137px;
	height: 40px;
	background: url(images/btn_map2.gif) no-repeat 0 0;
	text-indent: -2000px;
	overflow: hidden;
}
#mapContainer.closed a#openMap_btn:hover {
	background-position: 0 -40px;
}
#mapContainer.open a#openMap_btn {
	top: 401px;
	background-position: -137px 0;
}
#mapContainer.open a#openMap_btn:hover {
	background-position: -137px -40px;
}

/* TOOLTIP */
#tooltip_static {
	z-index: 1000;
	position: absolute;
	display: none;
}
#tooltip2, #tooltip_static {
	padding: 7px 10px;
	background-color: #00a1c6;
	max-width: 333px;
	text-align: left;
	font-size: 11px;
	color:#fff;
	text-transform: uppercase;
}
#tooltip2 h3, #tooltip_static h3 {
	font-family: "Arial black", Arial, sans-serif;
	color: #fff;
	margin-bottom: 5px;
}
#tooltip2 p, #tooltip_static p {
	font-family: "Arial black", Arial, sans-serif;
}

/* Newsletter form */
form#newsletter #email {
	background-color: #9d9fa2;
}

/* Facebook Likebox */
#facebooklikebox-3 h3.widget-title {
	display: none;
}