/*
Theme Name: Harry Klein
Theme URI: www.harrykleinclub.de
Author: schoenereWelt! -> Sven Steinmayer & Michael Göttner
Author URI: www.swelt.com
Description: HarryKlein Club München / Ultra Visuals / Mega Bässe
Version: Version 1.0 /////////////////Last Update   13. August 2013 0610cet von Sven 
Tags: Harry Klein, Club, Simple, Artists
Text Domain: harry_klein
Template: twentyeleven
*/

@import url('../twentyeleven/style.css');
/*@import url(http://fonts.googleapis.com/css?family=Londrina+Solid);*/ 
@font-face {
	font-family: 'LeagueGothic';
	src: url('fonts/LeagueGothic-Regular.eot');
	src: local('☺'), url('fonts/LeagueGothic-Regular.woff') format('woff'), url('fonts/LeagueGothic-Regular.ttf') format('truetype'), url('fonts/LeagueGothic-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


a {
	color: #000;
	text-decoration: none;
}


.entry-content img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
	-webkit-backface-visibility: hidden; /* Fix for transition flickering */
	transition: all .6s ease;
	padding-top:8px;
		padding-bottom:8px;
}

.entry-content img:hover {
	filter: none;
	-webkit-filter: grayscale(0);
}



h1, h2, h3, h4, h5, h6{
	font-family: LeagueGothic;

}
.entry-title,
.entry-title a{
	font-family: LeagueGothic;
}

.entry-title {
	clear: both;
	color: #222;
	font-size: 20pt;
	/*font-weight: bold;*/
	line-height: 1.5em;
	padding-bottom: .3em;
	padding-top: 15px;
}
#sidebar h3{
	font-size: 20pt;
}
/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 0px solid #ddd;
	padding: 6px;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: transparent;
	border-color: none;
}


/* Startseite rechte und linke Spalte
----------------------------------------------- */
.entry-content .leftcolumn, 
.entry-content .rightcolumn {width: 45%; }
.entry-content .leftcolumn {float: left;  margin-left:1.9em; min-width:250px;}
.entry-content .rightcolumn {float: right;  margin-right:3em; min-width:250px;}
.entry-content .topcolumn {clear: both; } 

ul.xoxo, ul.xoxo li, .widget-area ul {
	list-style-type: none;
	text-align:center;
	margin:0;
	padding:0;
}


/*----------------------------------------------- */
 
 /* Allgemeine Formatierungen
----------------------------------------------- */
body {
	background: transparent;
	line-height: 1;
	font-family: Times New Roman;
}
body {
	padding: 0 0em !important;
}

#page {
	margin: 0em auto;
	max-width: 1000px;

/* xxx */


}
#bg_page{
	width: 100%;
	min-height: 100%;
	
}




.widget-title{
	color: #fff;	
	font-size: 22pt;
	text-align:center;
	letter-spacing:0.15em;
}
.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
	color: #000;
	font-weight: normal;
	margin: 0 0 .8125em;
}
.entry-content h2{
	font-size: 28pt;	
    }
h1.start-title{
	font-size: 48pt;
	margin: -8px;
	padding:0;
	
}
h2.start-title, h1.entry-title{
	font-size: 32pt;
	margin: 0;
	padding:0;	
	font-weight: normal;
	
}



.leftcolumn h2.start-title, .rightcolumn h2.start-title{
	font-style:normal;
	text-decoration: none;
}
h3.start-title{
	color:#000;
	font-size: 25px;
	text-align:center;
	
}


.entry-content h3,
.comment-content h3 {
		font-size: 20pt;	
	letter-spacing: 0.0em;
	line-height: 1.4em;
	text-transform: uppercase;
	font: 'Londrina Solid', Arial, sans-serif;
}

h4 {
		font-size: 18pt;
		color: #666 !important;

}

h5 {
		font-size: 18pt;
		font-style: italic;
		font-weight: bold; 
		font-family: Times New Roman !important;	
}



.xoxo hr, .hentry hr {
	background-color: #000;
	border: 0;
	height: 4px;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 30%;
	display:block;
}
#main, .entry-meta{
	background: #CCCCCC;

}
.one-column .commentlist .avatar {
	background: #96A5AF;
	display: block;
	padding: 0;
	top: 1.625em;
	left: auto;
	right: 1.625em;
}
.one-column .commentlist .children .avatar {
	background: #96A5AF;
	padding: 0;
	position: absolute;
	top: 2.2em;
	left: 2.2em;
}
.leftcolumn h1.page-title, .rightcolumn h1.page-title{
	color:#fff;
}

@media (min-width:800px) {
	.leftcolumn .recent-posts, #content .cat_, .ai1ec-date {	
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;



	}


	.leftcolumn .recent-posts:hover,
	#content .blog .cat_:hover,category-foto
	#content .residents .cat_:hover,
	#content .podcasts .cat_:hover,
	#content .category-club .cat_:hover,
	#content .category-foto .cat_:hover,
	#content .category-residents .cat_:hover,
	#content .category-presse .cat_:hover,
	#content .category-anfahrt .cat_:hover,
	#content .category-getraenke .cat_:hover,
	#content .category-vj-visuals .cat_:hover,
	#content .category-dinge .cat_:hover,
	#content .category-shop .cat_:hover,
	/* #content .category-tickets .cat_:hover, */ 
	#content .category-kontakt .cat_:hover,
	.ai1ec-date:hover, ai1ec-date:hover,
	#sidebar #text-5:hover{
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;	
		-webkit-transform:rotate(-2deg); /* Safari */
		-moz-transform:rotate(-2deg); /* Firefox 3.6 Firefox 4 */	
		-o-transform:rotate(-2deg); /* Opera */
		transform:rotate(-2deg); /* W3C */
		-ms-transform:rotate(-2deg); /* IE9 */

	}



	.rightcolumn .recent-posts{	
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	.rightcolumn .recent-posts:hover{
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;

		-webkit-transform:rotate(2deg); /* Safari */
		-moz-transform:rotate(2deg); /* Firefox 3.6 Firefox 4 */	
		-o-transform:rotate(2deg); /* Opera */
		transform:rotate(2deg); /* W3C */
		-ms-transform:rotate(2deg); /* IE9 */
	}
}
	
#recent-posts-3 a, #recent-posts-4 a{
	display: inline-table;
	margin-top:50px;
	background: #fff;
	padding: 2px 5px 2px 5px;
	font-size: 13px;
	font-style: italic;
	font-family: Times New Roman;	
	max-width: 150px;
	text-align: center;
	left: 50%;
}
/* Kategorie K�nstler ausgeschlossen*/

#content .cat_:hover{
 	-webkit-transition: none;
 	-webkit-transition: none;
	transition: none;

}

.more-link {
	background: #fff;
	padding: 2px 5px 2px 5px;
	margin: 20px 5px 2px 5px;
	font-size: 18px;
	font-style: italic;
	font-family: Times New Roman;
	display:b�ock;
}

.more-link:hover {
	text-decoration: underline;
}


/* BG Content
----------------------------------------------- */

#club {
	/*background: #CCC;*/
	max-width: 100%;
	height: auto;
	margin: 0px;
	padding:0;
	

}


#page {
	margin: 28px auto;
	max-width: 1000px;
	background:none


}

#main, #supplementary{ background:#CCCCCC}


#primary {
	background: none repeat scroll 0 0 #CCCCCC;
	float: left;
	margin: 0 -26.4% 0 0;
	width: 100%;
}
#content {
	margin: 0 15% 0 15%;
	width: 70%;
	background-color:#CCCCCC;
	text-align: center;
}


.page-title {
    color:#fff;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.25em;
    line-height: 2.6em;
    margin: 0 0 2.6em;
    font-family: Times New Roman;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #000;
}

#site-generator {
	background: none repeat scroll 0 0 #CCCCCC;
	border-top: 0px solid #ddd;
	color: #666;
	font-size: 13px;
	line-height: 0em;
	padding: 0em 0em;
	text-align: center;
}
#partner {
	background: none repeat scroll 0 0 #000;
	border-top: 0px solid #ddd;
	color: #666;
	font-size: 15px;
	line-height: 1.1em;
	
	text-align: center;
}
#footer_black{
	padding: 1em 1.5em;
}

#footer_black a:link, #footer_black a {
    color: #666666;
    text-decoration: underline;
}

#footer_black a:hover{
	text-decoration: none;
	color : #fff;
}

/* Comments link */
.entry-header .comments-link a {
	background: none;
	color: #666;
	font-size: 13px;
	font-weight: normal;
	line-height: 35px;
	overflow: hidden;
	padding: 0 0 0;
	position: absolute;
	top: 1.5em;
	right: 0;
	text-align: center;
	text-decoration: none;
	width: 43px;
	height: 36px;
	display:none;
}

.widget-title {
    font-weight: 500;
    line-height: 1.5em;
    text-transform: uppercase;
}
#supplementary_2  a:hover {
    text-decoration: none;
}

#supplementary_2 ul li a {
    text-decoration: none;
    display:block;
}

#supplementary_2 ul li a:hover {
    text-decoration: none;
    background: #000;
    color:#fff;
    display:block;
}

#site-generator a {
    color: #000000;
    font-style: italic;
    font-weight: normal;
    line-height: 0.8em;
}

.hentry,
.no-results {
	border-bottom: 0px solid #ddd;
	margin: 0 0 0em;
	padding: 0 0 0em;
	position: relative;
}

#content ul{
	list-style: none;
	padding:0;
	margin:0;
}


p {
    margin-bottom: 1.625em;
    font-style: italic;
	line-height: 1.5em;

}
/*----------------------------------------------- */


/*----------------------------------------------- */

    
/* TopNavigation
----------------------------------------------- */
	.ym-grid {
		display:block;
		width:100%;
		table-layout:fixed;
		list-style-type: none;
		padding-left:0;
		padding-right:0;
		margin-left:0;
		margin-right:0;
		position:relative;
	}
	
	.ym-gl { float:left; margin: 0; position:relative; }
	.ym-gr { float:right; margin: 0 0 0 -5px; position:relative; }
	.ym-g20 { width:20%; }
	.ym-g80 { width:80%; position:relative; }
	.ym-gbox { padding: 0 10px; position:relative; }

/* Header-Navigation */

#kopf_bereich{
	width: 100%;
	max-width: 1000px;
	height:153px;
	background-image:url('images/bg_topnav.png'),  url('images/bg_topnav_2.png');
	background-repeat:no-repeat, no-repeat;
	background-position: top left, 100% 0%;
	background-size: 14% 100%, 28% 100%;/**/ 
}
#topnav{	
	width: 100%;
	height:153px;
}
#logo_bereich{
	width:19%;
	max-width: 150px;
}
.logo{	
	max-height:149px;
	max-width: 147px;
	width:  auto;
	position:relative;	
	float:right;
	z-index: 9999;
}

#navigation {
	max-width: 650px;
	height: 153px;
	position: relative;
	left: 50%;
	margin-left: -290px;/**/
	
  }
  

#navigation ul{	
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
	
}


#navigation ul li {
	padding:0;
	margin:0;
	list-style:none;
	float:left;
	text-align:center;		
	font-family: LeagueGothic;
	font-size: 25pt;
	letter-spacing:0.15em;
	width: 100px;
}


#navigation ul ul li{
	text-align:center;	
	font-size: 15pt;
	width: 180px;
		
}

#navigation ul li a {
	line-height:53px;	
	/* text-transform:uppercase;*/
	color:#000;
	display:block;
	margin: 0px;
	padding-left:10px;
	background: url("images/bg_topnav.png");

}


/* #navigation ul li.current-menu-item a,
#navigation ul li.current-menu-ancestor a,*/
#navigation ul li.menu-item-object-page a,
#navigation ul li.menu-item-object-category a,
#navigation ul li.menu-item-object-custom a{
	padding-top:100px;
	vertical-align:bottom;
}






#navigation ul li.last-menu-item.current-menu-item a,
#navigation ul li.last-menu-item a:hover{
	background-image: url("images/topnav_active.gif");
	background-position: 0px 0px; 
	background-repeat:no-repeat;	
}


#navigation ul li.menu-item-object-page .submenu a{
	padding-top:0;
	vertical-align:bottom;
}

#navigation ul li a:hover,
#navigation ul li.current-menu-item a,
#navigation ul li.current-menu-ancestor a,
#navigation ul li.current-menu-parent a{
	/*  background:#fff url("images/topnav_active.gif") repeat-x top;*/
	background-image: url("images/topnav_active.gif");
	background-position: 50% 0px; 
	background-repeat:repeat-x;
	text-decoration: none;
}

/* #navigation ul li.current-menu-item a,
#navigation ul li.current-menu-ancestor a {
	color:#df7104;

}
*/

#navigation ul li.first-menu-item {
	min-width:150px;
}


/* programm*/
#navigation #menu-item-128.current-menu-item > a, #menu-programm .current-menu-item > a, #nav_menu-12 h3{
	color:#7AAFBD;
}
/* blog*/
#navigation #menu-item-124.current-menu-item > a, #menu-blog .current-menu-item > a{
	color:#99CC33;
}
/* musik*/
#navigation #menu-item-127.current-menu-item > a, #menu-musik .current-menu-item > a{
	color:#FECC00;
}
/* club*/
#navigation #menu-item-125.current-menu-item > a, #menu-club .current-menu-item > a{
	color:#01FF01;
}
/* shop*/
#navigation #menu-item-129.current-menu-item > a, #menu-shop .current-menu-item > a{
	color:#00A0E3;
}
/* kontakt*/
#navigation #menu-item-318.current-menu-item > a, #menu-kontakt .current-menu-item > a{
	color:#E5097F;
}


#navigation  ul.sub-menu {
	background:#000;
	padding:0;
	/*position:absolute;*/
	/*top:53px;*/ 
	text-align:center;  
	margin: 0 0 0 -1.6em;
	width: 180px;
	z-index: 99999;
   }
   
#navigation .first-menu-item ul.sub-menu{
	margin: 0 0 0 -0.6em;
}
#navigation .menu-item-318 ul.sub-menu{
	margin: 0 0 0 -0.9em;
}
     
#navigation ul li:hover ul.sub-menu {
	opacity:1.0;	

   
}
#navigation ul li ul.sub-menu li {
	float:none;
	text-align:center; 
	border:none;

}



#navigation ul li ul.sub-menu li a {
	line-height:0px;
	color: #FFFFFF;
   	text-align:center; 
	padding-top:0;
	opacity:0.0;	
	background-image:none;
	transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-webkit-transition:all 0.4s linear;
	-ms-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;  
}
#navigation ul li:hover ul.sub-menu li a {
	line-height:30px;
	opacity:1;
	padding-top:0;
	color:#fff;
	background-image:none;
	transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-webkit-transition:all 0.4s linear;
	-ms-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;  	

}


#navigation ul li ul.sub-menu li a:hover,
#navigation ul li.current-menu-item ul.sub-menu li a:hover,
#navigation ul li.current-menu-ancestor ul.sub-menu li a:hover,
#navigation ul li.current-menu-ancestor ul.sub-menu li.current-menu-item a,
#navigation ul li.current-menu-ancestor ul.sub-menu li.current-menu-item ul.sub-menu li a:hover,
#navigation ul li.current-menu-ancestor ul.sub-menu li.current-menu-ancestor a,
#navigation ul li.current-menu-ancestor ul.sub-menu li.current-menu-ancestor ul.sub-menu li.current-menu-item a,
#navigation ul li.current-menu-ancestor ul.sub-menu li.current-menu-ancestor ul.sub-menu li a:hover {
	color:#fff;
	background:#df7104;  	
	text-align:center; 
}
#navigation ul li ul.sub-menu li ul.sub-menu {
	top:0px;
	opacity:0.0;
	transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	padding-top:0;
 }
#navigation ul li ul.sub-menu li:hover ul.sub-menu {
	opacity:1.0;
	padding-top:0;
}
#navigation ul li.current-menu-item ul.sub-menu li a,
#navigation ul li.current-menu-ancestor ul.sub-menu li a,
#navigation ul li.current-menu-ancestor ul.sub-menu li.current-menu-item ul.sub-menu li a,
#navigation ul li.current-menu-ancestor ul.sub-menu li.current-menu-ancestor ul.sub-menu li a {
	background:none;
	color:#53534a;
	padding-top:0;
}


/*----------------------------------------------- */
/* Footer Widget Area
----------------------------------------------- */
#menu-blog{
	display:none;
}
#supplementary {
	border-top: 0px solid #ddd;
	margin: 0 0 0 0;
	padding:0em 0;
	width: 100%;
	overflow: hidden;
}

	
#supplementary_2 {
	text-align:center;
	border-top: 0px solid #ddd;
	margin: 0 0 0 0;
	overflow: hidden;
	width: 100%;
}
#menue_supplementary_2{
	padding:0em 0;
	margin: 0 15% 0 15%;
	width: 70%;
	line-height: 1.65em;
	clear:both;
}
#first, #second, #third, #four, #five, #six{
	min-width: 15%;
	float:left;
}
.tagcloud{
	padding:0em 0;
	margin: 0 15% 0 15%;
	width: 70%;
	line-height: 1.65em;
	clear:both;
}
#supplementary #seven{
	text-align:center;
	width: 50%;
	margin: 0 25% 0 25%;
}
#seven_tagcloud{
	display:block;
	width: 100%;

}
#supplementary.three .widget-area {
	float: left;
	margin-right: 0%;
	width: 16%;
}

#supplementary_2 .widget-title, #menu-item-313{
	border-bottom:1px solid #000000;
	font-size: 22pt;
	width: 100%;
	display:block;
}

#supplementary_2 ul li{
	padding-top:15px;
	/*border-bottom:1px solid #000000;*/
}

#supplementary_2 ul ul li{
	padding-top:15px;
	border-bottom:0px solid #000000;
}

.widget a {
    font-weight: normal;
    text-decoration: none;
    font-size: 15pt;
}

.recent-posts span, .titel_cal{
	font-size: 24pt;
	font-style:italic;

}

.more-link span {
    font-size: 13px;
}

img{
	height: auto;
}
#colophon {
	background: #cccccc;
}


#content nav a {
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 2.2em;
    padding: 2px 5px;
}


/*----------------------------------------------- */
/* Event Kalender
----------------------------------------------- */
.ai1ec-calendar-toolbar, .ai1ec-title-buttons {
    display: none;
}

.paged #nav-above {
	display:inline-table;
	width: 350px;
	left:50%;
	text-align: center;
}

#nav-single {
	background: none repeat scroll 0 0 #cccccc;
	top: 0em;
	text-align: center;
	z-index: 99999;	
	width:100%;
	
}

#nav-single a {
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 2.2em;
    padding: 2px 5px;
}

.nav-previous {
	float: left;
	text-align: left;
	max-width: 150px; 
	padding-left:10%;
    
}
.nav-next {
	float: right;
	text-align: right;
	max-width: 150px;
	padding-right:10%;
}


#site-generator a {
	color: #000;
	font-weight: normal;
	font-style:italic;
}
.kalender img{
	margin:0px;
}

/*----------------------------------------------- */
/* Mobile Navigation
----------------------------------------------- */

#toggle, .toggle {
    display: none;
}

#mobi_nav {
	display: none;
  
} 

	#sidebar {
		max-width: 100%;
		display:block;
		text-align:center;
		margin:1em 3.65em;
	}


@media (min-width:1100px) {

	#sidebar {
		position: fixed;
		right: 0px;
		top: 200px;
		max-width: 10.8%;
		z-index:1;
		
	}
	
#oben_links{
	position:absolute;
	left:0;
	top:28px;
	max-width: 200px;
	text-align: center;
	z-index:9999;
	line-height: 1em;

}
	
	
 }


 
  @media (max-width: 1100px) {
	#oben_links{
		display:none;
	}
}


/* 850px */

@media (max-width: 850px) {

		body {
			padding: 0;
			margin:0;
		}
		#supplementary {
			border-top: 0 solid #DDDDDD;
			overflow: hidden;
			padding: 0;
		}

		#supplementary #seven {
			left: 0;
			margin: 0 15%;
			text-align: center;
			width: 70%;
		}


	}

/* 800px */

@media (max-width: 800px) {

		body {
			padding: 0;
			margin:0;
		}
		#page {
		margin:15px 0 0;
		max-width: 1000px;
		background: none;
		}	
		#main #content {
			margin: 0 0;
			width: auto;
		}
		#oben_links{
			display:none;

		}


		#sidebar {
			max-width: 100%;
			display:block;
			text-align:center;
			margin:1em 1.65em;
		}



		#kopf_bereich{
			display:none;
		}

	.toggle {
		cursor: pointer;
		display: block;
		position: relative;
	}
	#toggle:checked ~ #nav {
		display: block;
		opacity: 1;
	}

	.toggle {
		z-index: 2;
	}

	.toggle:before {
		color: #000;
		content: "≡";
		display: inline-block;
		float: right;
		font-size: 25pt;
		font-family: LeagueGothic;
		font-weight: 200;
		padding: 10px 0px;
		margin-right: 0.6em;
	}
	.toggle:after {
		background: none repeat scroll 0 0 #fff;
		box-sizing: border-box;
		color: #000;
		content: "Menu";
		display: block;
		font-size: 25pt;
		font-family: LeagueGothic;
		margin: 0;
		padding: 10px 50px;
		text-align: center;
		transition: all 0.5s linear 0s;
		width: 100%;
	}
	.toggle:hover:after {
		background: none repeat scroll 0 0 #000000;
		color:#fff;
	}
	#toggle:checked + .toggle:after {
		content: "Menu weg";
		font-size: 25pt;
		font-family: LeagueGothic;
	}

		#mobi_nav {
			background:none; 
			/* Show a solid color for older browsers */
			/*background-image:url('images/bg_topnav.png'), url('images/bg_topnav_2.png');
			background-repeat:no-repeat, no-repeat;
			background-position: top left, 100% 0%;
			background-size: 40% 100%, 40% 100%;*/
			clear: both;
			display: block;
			float: none;
			margin: 0 auto 0px;
			height: auto;
			max-width: 800px;
		}

		#mobi_nav ul {
			list-style: none;
			margin: 0 auto;
			padding-left: 0;
			diplay:block;
			width: 200px;
			
		}
		#mobi_nav li {
			float: left;
			position: relative;
			text-align:center;		
			font-family: LeagueGothic;
			font-size: 25pt;
			width: 100%;
		}
		#mobi_nav ul li {
			padding:0;
			margin:0;
			list-style:none;
			float:left;
			text-align:center;		
			position:relative;
			font-family: LeagueGothic;
			font-size: 25pt;
			letter-spacing:0.15em;

		}

		#mobi_nav ul li a {
			line-height:53px;	
			padding:0 0px 0 0px;
			/* text-transform:uppercase;*/
			color:#000;
			display:block;
			margin: 0px;
			background:#fff; 

		}


		.entry-content .leftcolumn, 
		.entry-content .rightcolumn {width: 95%; dispaly:block;}
		.entry-content .leftcolumn {float: left;  margin-left:0; min-width:250px;}
		.entry-content .rightcolumn {float: left;  margin-right:1.0em; min-width:250px;}


		#colophon #supplementary .widget-area {
			max-width: 70%;
		}

		#supplementary_2 {
			text-align:center;
			border-top: 0px solid #ddd;
			margin: 0 8% 0 8%;
			overflow: hidden;
			width: 80%;
			display:block;
			clear:both;

		}
		#first, #second, #third, #four, #five, #six{
			min-width: 100%;
		}


		/* Svens Anderes */

		.textwidget .harry-fb,
		.textwidget .harry-tw,
		.textwidget #harry-yt  {

		font-size: 18px;
		width: 120px;
		background: #fff; 
		line-height: 18px;
		padding: 2px 5px;
		}

/*			
.widget_tag_cloud  {
		width: 100% !important ;	

		} 
*/

		.wp-post-image  {

		max-width: 100%;
		height: auto;

		} 



	body {
	color: #555 !important;
	}


.yarpp-related {
	padding-top: 2em;
	border-top: 5px solid #eee;  
	}


}

/*Media 800 Ende */




.recent-posts h1, .recent-posts h2, .start-title{
	text-decoration: none;
}




/* timely */


.timely h3 {
line-height: 24px;
font-size: 28px !important ;
}


.timely h4 {
line-height: 22px !important ;
font-size: 22px !important ;
}


.ai1ec-icon-datepicker  {
border: 1px double #000;
outline: 2px solid #000;
outline-offset: -3px;

}
  
input#s {
background: url(images/search.png) no-repeat 5px 6px #fff !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
font-size: 14px;
height: 22px;
line-height: 1.2em;
padding: 4px 10px 4px 28px;
}

a.ai1ec-minical-trigger {
outline:2px solid #000; !important;
margin-right:3px !important;

}