/**
 * Style sheet style
 */
 
body {
 	background-color: #fff;
	width: 100%;
	height: 100%;
	font: 18px/1.6 "myriad-pro-1","myriad-pro-2", sans-serif;
	}

p {
	margin-bottom: 26px;
	}
	
hr {
	margin-bottom: 20px;
	}


/*a[href^="http:"] {
background: transparent
url('/ueber-mich/tl_files/denniserdmann/extlink.gif') 100% 50% no-repeat;
padding-right: 15px;
}

a[href^="http://denniserdmann.de"],
a[href^="http://www.denniserdmann.de"]
{
background: transparent;
padding-right: 0px;
}*/

.entry ul, .entry ol {
	margin-left: 20px;
	}
.entry ul li {
	list-style-type: circle;
	font-size: 17px;
	line-height: 26px;
	padding-bottom: 10px;
	}
.entry ol li {
	list-style-type: decimal;
	font-size: 17px;
	line-height: 26px;
	padding-bottom: 10px;
	}
	


.nav_footer li.startseite a {
	display: block;
	text-indent: -9999em;
	background: url(/wp-content/themes/denniserdmann/images/home.png) center no-repeat;
	width: 16px;
	}

.nav_footer  {
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
	
	}


.nav_footer  li {
			float: left;
			}
			
			
	
/*RSS Icon*/
.nav_footer  li.rss {
	float: right;
					}		
.nav_footer  li.first {
	border-left: none;				
		}
	
		.nav_footer  li.rss {
		border: none;
		}
	.nav_footer  li.rss a {
		
		display: block;
		text-indent: -9999em;
		background: url(/wp-content/themes/denniserdmann/images/rss.png) center no-repeat;
		width: 16px;
		}
		
.nav_footer  li a {
			display: block;
			margin: 0px;
			color: #fff;
			padding: 7px 30px 7px 20px;
			font-size: 14px;
			line-height: 12px;
			font-family: 'Myriad Pro', Lucida, Arial, sans-serif;
			font-weight: bold;
			/*text-transform: uppercase;*/
		}
		
.nav_footer  li.contact {
	border-right: none;
	}

.nav_footer  li.contact a {
	background: none;
	}
		
		
.nav_footer  li ul {
	
	}

.nav_footer  li .level_2 li ul {
	
	}


.nav_footer  li ul li {
	border: none;
	float: none;
	}
	
.nav_footer  li ul li a {
	background: none;
	color: #ccc; 
	font-weight: normal;
	}		

#wrapper {
padding-top: 20px;
padding-left: 20px;
padding-bottom: 0px;
}


.background {
	padding-top: 60px;
	padding-bottom: 0px;
	position: relative;
	padding-left: 10px;
	background: url(/wp-content/themes/denniserdmann/images/trennstrich.png) 10px bottom no-repeat;
}

.home .introduction {
	min-height: 100%;
}
	



	
.entry {
	position: relative;
	z-index: 10;
	padding-bottom: 25px;
	}
	
	



.blaeschen {
	margin-top: 2px;
	background: url(tl_files/denniserdmann/bubble-w.png) bottom left no-repeat;/* #edf9ff*/
	padding-left: 11px;
	
	}
.blaeschen + .blaeschen {
	margin-left: 35px;
	}
	
.rss_default, .rss_items_only, #sidebar .ce_text, #privates .ce_text {
	padding: 10px;
	background: url('tl_files/denniserdmann/bg-bubble.png');
	border: 1px solid #d1e7f4;
	border-left: none;
	
	}
	
#sidebar, #right {
	width: 240px;
	
	position: absolute;
	top: 650px;
	float: none;
	
	
	
	}
#right .inside {
	margin-top: 10px;
	}
#right h1, #sidebar h1 {
	margin-left: 10px;
	margin-top: 0px;
	}
	
#sidebar .blase {
	width: 260px;
	}
#right .description {
	margin-bottom: 5px;
	}
#right p, #right .accordion {
	
	}

#main
{

max-width: 960px;
padding-bottom: 50px;
margin-right: 0px;
}
.sidenotes {
	position: relative;
	}

.block {
	overflow: hidden;
	}
#main .mod_article
{
	
	
	margin-bottom: 40px;
	
}


/* FORMATIERUNGEN SCHRIFT- und TEXTBLÖCKE */
h3 {
	
	margin-left: 0px;
	margin-bottom: 0.33em;
	margin-top:0px;
	font-weight: bold;
	line-height: 1.41;
	}
h4 {	
	margin: 0px;
	padding: 0px;
	font-size: 19px;
	font-weight: bold;
	font-family: "Myriad Pro", Arial, sans-serif;
	color: #555;
}

h3 + h4 {
	font-family: "ff-market-web-1","ff-market-web-2",cursive; 
	font-size: 30px;
	color: #68C4EE;
	margin: 10px 0 20px;
	-moz-transform:rotate(-1deg); /* Firefox 3.6 Firefox 4 */
	-webkit-transform:rotate(-1deg); /* Safari */
	-o-transform:rotate(-1deg); /* Opera */
	-ms-transform:rotate(-1deg); /* IE9 */
	transform:rotate(-1deg); /* W3C */
		}


.privat h4 + p, p.introduction {
	font-size: 18px;
	font-weight: 600;
	margin-left: 0px;
	color: #595959;
}
.home p.introduction {
	margin-bottom: 0;
	}
	
h5 {
	font-size: 30px;
	margin: 0 0 20px 10px;
	padding-bottom: 10px;
	line-height: 26px;
	font-weight: bold;
	
	
	}
h6 {
	line-height: 16px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	}
	h6 a {
		color: #555;
		}


.left {
	float: left;
	width: 280px;
	margin-left: 180px;
	}
.
	
.home #main .left {
	float: none;
	 width: auto;
	 margin-left: 0;
	 }
.magstyle .right { 
	margin-left: 500px;
	
	}
	
.magstyle .standard {
	width: 690px;
	margin-left: 260px;
	}

.bildbeschreibung {
	font-size: 14px;
	line-height: 18px;
	}
.home #main .entry div {
	line-height: 26px;
	}

.magstyle .left2 {
	clear: both;
	float: left;
	
	margin-left: 0px;
	}
.home #main .left2 {
	clear: both;
	float: left;
	line-height: 26px;
	margin-left: 0px;
	width: 100%;
	}
	
.magstyle .left3 { float: left;
	
	}
.magstyle .right3 { float: right;
	width: 350px;
}
.magstyle .right4 { float: right;
	width: 220px;
	margin-left: 10px;
}
.magstyle .left4 { float: left;
	width: 290px;
}

blockquote {
	color: #7f7f7f;
    left: 0px;
    padding:25px;
    padding-top: 0;

/*     font-family: "ff-market-web-1","ff-market-web-2",cursive; */
    font-family: georgia, serif;
    font-style: italic;

	}
blockquote p {
	font-size: 24px;
	/*font-style:italic;*/
/* 	color: #fff; */
	line-height: 32px;
	margin-bottom: 0;
	}
	
.kasten {
background: #222;
background: rgba(29,29,29,0.2);
padding: 0px 10px 10px 10px;
margin-bottom: 13px;
font-size: 12px;
}

.infokasten  {
background: #eee;
background: rgba(29,29,29,0.2);
clear: both;
padding: 10px 19px 19px 19px;
margin-bottom: 25px;

}
.magstyle .infokasten {
	margin: 35px 0 55px 0;
	}
.infokasten .left {
width: 440px;
float: left;
margin-right: 0;
}
.infokasten .right {
width: 440px;
margin-left: 480px;
}
.infokasten p {
	margin-bottom: 0;
	}

.kasten p {
font-size: 12px;
margin-bottom: 0px;
line-height: 15px;

}
#main .kasten ul {
	padding-top: 13px;
	margin-bottom: 0px;
	}
#main .kasten li {
	list-style-type: circle;
	margin-left: 20px;
	line-height: 16px;
	font-size: 12px;
}

.quoter {
	font-size: 20px;
	
	font-style: italic;
	padding-left: 10px;
	}
.spieltipp table {
	width: 550px;
	margin-bottom: 20px;
}
.spieltipp table td {
	font-size: 40px;
}

.magstyle .spieltipp table {
	width: 100%
}
.zitatgeber {
	display: block;
	width: 200px;
	float: left;
	font-size: 13px;
	padding-top: 12px;
	} 
.zitatgeber a {
	display: block;
	}
.zitatblase {
	margin-top: 2px;
	background: url(tl_files/denniserdmann/bubble-w.png) bottom left no-repeat;/* #edf9ff*/
	padding-left: 11px;
	margin-left: 200px;
	margin-bottom: 15px;
	}
.zitatblase p {
padding: 10px 10px 10px 10px;
	background: url('tl_files/denniserdmann/bg-bubble.png');
	border: 1px solid #d1e7f4;
	border-left: none;
	}
.empfehlungen {
	padding: 15px 10px 0px 15px;
	background: url('tl_files/denniserdmann/bg-bubble.png');
	border: 1px solid #d1e7f4;
	}
.empfehlungen .blogs {
	float: left;
	display: inline;
	width: 180px;
	}
	
	

	
.home .intro p, .home .intro + p {
	margin-bottom: 0px;
	}

 div.introduction {
	margin-left: 230px;
	margin-right: 10px;
	overflow: hidden;
	max-width: 700px;
}
 

	div.introduction div.introduction {
		margin-left: 0;
		}

div.introduction h3 {
	margin-left: 0px;
	margin-top: 0px;
}

.page .classic {
	margin-left: 260px;
}
.page .classic h3 {
	margin-left: 10px;
}
.classic h3 {
	margin-left: 0px;
	}



.information {
	margin-left: 280px;
}
img.border {
border: 5px solid #ccc;
margin: 11px 0 15px 0;
}

/*####################*/



.pagetitle {
	float: left;
	display: block;
	
	
	}
#main div.thema 
{
	background: url(tl_files/denniserdmann/bubble.png) bottom left no-repeat;
	display: block;
	float:left;
	color: #ddeef6;
	text-align: center;
	padding: 5px 0px 14px 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 13px;
	
}
.page-id-2 .classic ul {
	margin-bottom: 26px;
	margin-top: 2px;
	}

.page-id-2 .classic ul li {
	background: url(tl_files/denniserdmann/bubble.png) bottom left no-repeat;
    display: block;
    color: #ddeef6;
    text-align: center;
    padding: 5px 0px 14px 0px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 13px;
	}

#main_profil ul li a {
	
	font-size: 17px;
	padding: 5px 5px 3px 5px;
	border: 1px solid #d1e7f4;
	border-bottom: none;
	}
#main_profil ul li span {
	font-size: 17px;
	padding: 5px 5px 3px 5px;
	border: 1px solid #d1e7f4;
	border-bottom: none;
	}
	
#main .ce_text ul {
	margin:0 0 25px 0px;

	
	}
	
#main .mod_article.blase ul li {
	border: none;
	background: none;
	float: none;
	color: #555;
	text-align: left;
	margin: 0px 0px 5px 20px;
	padding: 0px;
	list-style-type: circle;
	font-size: 15px;
	display: list-item; 
	
	
	}
#main .blase ul li a {
	border: none;
	background: none;
	font-size: 15px;
	padding-left: 0px;
	
	}
.blase {
	margin-top: 2px;
	background: url(tl_files/denniserdmann/bubble-w.png) bottom left no-repeat;/* #edf9ff*/
	padding-left: 11px;
	margin-bottom: 20px;
}
	
.blase-inside {
	padding: 20px 20px 0px 20px;
    background: url('tl_files/denniserdmann/bg-bubble.png');
    border: 1px solid #d1e7f4;
    border-left: none;
    }

 .magstyle .frage {
	position: relative;
	margin-left: 260px;
	}




	
.rightside {
	float:right;
	}
.leftside {
		
	}

.description
{
	/*font-size:12px;
	color:#EEEEEE;*/
}


.middle
{
	margin:0 auto;
}

.blase ol {
	margin-bottom: 15px;
	}
.blase ol li {
margin-left: 30px;
	list-style-type: decimal;
	}



.layout_full .ce_text
{
	margin-bottom:15px;
}
.layout_full .hallo {
	height: 30px;
}


.left {
	float: left;
	margin-right: 20px;
	}


.alignleft {
	float: left;
	margin-right: 10px;
	}
.alignright {
	float: right;
	marginleft: 10px;
}
.aligncenter {
	
	display: block;
	margin: 0 auto;
	}

#footer {
	padding-top: 20px;	
	background-color: #222;
	padding-bottom: 10px;
	
	
	}
#footer .inside {
	margin: 0px 0px 0px 5px;
	}
#footer h1 {
	font-size: 12px;
	}
#footer p {
	font-size: 10px;
	}
#footer .left {
	margin:0px;
	width: auto;
	margin-right: 20px;
	float: left;
	}


	

div.neu {
	width: 78px;
	height:45px;
	display:block;
	position: absolute;
	
	margin-left: 900px;
	background: url(tl_files/denniserdmann/headlines.png) no-repeat -1905px 0px;
	text-indent:-9999px;
	}


p.last {
	margin-bottom: 0px;
	}

	
h4#comments {
margin-bottom: 10px;
margin-top: 0px;
	
}
.selbst-kommentieren {
	margin-bottom: 30px;
}

h3.werbung {
	width:167px;
	height:45px;
	display:block;
	margin-top: 30px;
	margin-left: 10px;
	background: url(tl_files/denniserdmann/headlines.png) no-repeat -697px 0px;
	text-indent:-9999px;
}

h2.error404 {
	width:480px;
	height:160px;
	display:block;
	margin-top: 30px;
	margin-left: 10px;
	background: url(tl_files/denniserdmann/error404.png) no-repeat 0px 0px;
	text-indent:-9999px;
}

h1.widgettitle {
	display: none;
	}
.brake {

	clear: both;
	display: none;
	}
#adressen .left {
	float: left;
	width: 235px;
	}

/**/

.commentnavigation:after {
    content: ".";
    display: block;
    clear: both;
    font-size: 0;
    height: 0;
    visibility: hidden;
}


#comments, .commentlist {
	max-width: 600px;

	}
	
	
#main .classic .commentlist {
	width: 680px;
	}


	
.kommentar {
	margin-bottom: 20px;
	}
div.avatar {
	
	}
	
.commentlist .meta {
	font-weight: bold;
	}
	
.commentlist a {
	color: #222;
	}
/*.commentblase {
	background: url(tl_files/denniserdmann/bubble-c.png) top left no-repeat;
	margin-top: 2px;
	padding-top: 11px;
	
	
	}
.commentblase .ce_text {
	padding: 10px 10px 5px 10px;
	background: url('tl_files/denniserdmann/bg-bubble.png');
	border: 1px solid #d1e7f4;
	border-top: none;
	} */
	
.commentblase {
    position:relative;
    color: #fff;
    left: 0px;
    padding:15px 15px 1px 15px;
    margin:20px 0 3em;
/*     border:5px solid rgba(30, 30, 30, 0.9); */
   background: rgba(30, 30, 30, 0.9);
    /* css3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
/*     font-family: "ff-market-web-1","ff-market-web-2",cursive; */
    font-family: "myriad-pro-1","myriad-pro-2",sans-serif;
    
    font-size: 17px;
}

/* creates the larger triangle */
.commentblase.top:before {
    content: "";
	position: absolute;
	border-style: solid;
	border-color: rgba(30,30,30,0.9) transparent;
	display: block;
	width: 0;
	top: -13px;
	left: 34px;
	border-width: 0 13px 13px;
}

/* Ende Commentblase
------------------------------------------------------------------------------------------------------------------------------- */
#commentform textarea {
	max-width: 100%;
	}
#commentform submit {
	text-align: right;
	}
	
/*RECENT COMMENTS*/
.recentcomments {
	width:243px;
	height:45px;
	display:block;
	margin-top: 60px;
	margin-left: 10px;
	margin-bottom: 10px;
	background: url(tl_files/denniserdmann/headlines.png) no-repeat -1650px 0px;
	text-indent:-9999px;
	clear: right;
	}

#sidebar .commentblase .ce_text {
	padding: 10px 10px 5px 10px;
	background: url('tl_files/denniserdmann/bg-bubble.png');
	border: 1px solid #d1e7f4;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top: none;
	
}

.linktipps ul li {
	list-style-type: circle;
	margin-left: 20px;
	margin-bottom: 10px;
	
	}
p.author {
	margin: 15px 0px 0px 15px;
	}
	
/*RELATED POSTS*/
#main .related_post li a {
	border: none;
	}
	
.google-map-sc-canvas {
float: right;
}


/*GREET BOX*/
.greet_block {
	position: absolute;
	left: 20px;
	top: 400px;
	width: 250px;
	border: none;
	background: url(tl_files/denniserdmann/bubble-c.png) top left no-repeat;/* #edf9ff*/
	margin-top: 2px;
	padding-top: 11px;
	}
.greet_text {
	margin: 0;
	padding: 10px;
	border: 1px solid #d1e7f4;
	border-top: none;
	background: url('tl_files/denniserdmann/bg-bubble.png');
	}
.greet_block_close {
	height: 20px;
	}
.greet_block_close a {
	line-height: 12px;
	margin-bottom: 5px;
	}
.yarpp {
	width: 680px;
	
	}
.magstyle .yarpp {
	width: 680px;
	margin-left: 280px;
	
	
	}	
.yarpp h5 {
	font-size: 24px;
	line-height: 16px;
	margin-bottom: 6px;
	}
.yarpp .kasten {
padding: 10px 0px 10px 0px;
}
	
.yarpp .kasten div {
	float: left;
	
	margin: 0 10px;
	width: 205px;
	}
.yarpp div.more  {
	margin: 0;
	font-size: 12px;
	}


	

.teaser {
	
	width: 710px;
	float: right;
	margin-bottom: 30px;
	}
	
#randnotizen {
	width: 220px;
	margin-right: 20px;
	float: left;
	overflow: hidden;
	padding-bottom: 5px;
	position: absolute;
	top: 720px;
	left: 20px;
	}
h5.fanboy {
	float: right;
	width: 715px;
	margin-left: 0;
	padding-left: 35px;
	background: url(/wp-content/themes/denniserdmann/images/apple-icon.png) 0 -4px no-repeat;
	padding-top: 5px;

	}
#randnotizen ul {
	margin-bottom: 15px;
	}
	
#randnotizen li {
	font-size: 30px;
	margin-left: 0px;
	}
#randnotizen li:before {
	content: "\00BB \0020";
	}
.grid {
	top: 670px;
	
}

.first-row-headline {
	 
	margin-left: 0;}

.first-row {
	
	overflow: hidden;
	float: right;
	
}
.second-row {
	padding-left: 5px;
	float: right;
	margin-bottom: 10px;
	
}
.second-row h4 {
	color: #67c4ef;
	font-size: 14px;
	font-family:'Helvetica Neue', Helvetiva, Arial, sans-serif;
	font-weight: bold;
	line-height: 15px;
	}
	
.second-row p {
	margin-bottom: 0px;
	}


.second-row + .third-row {
	margin-top: 20px; 
	
}
	
.teaserleft {
	width: 220px;
	float: left;
	background: #fff;
}

.teaserright {
	width: 220px;
	overflow: hidden;
	background: #fff;
}

.artikellist .entry {
	padding-bottom: 0px;
	}
	
.artikellist h4 a {
	padding: 15px  0;
	border-bottom: 1px solid #ccc;
	display: block;
	}
.artikellist h4 a:hover {
	background: #eee;
	}
.artikellist .date {
	float: left;
	margin-right: 15px;
	margin-left: 10px;
	color: #555;
	width: 100px;
	margin-bottom: 15px;
	}

.first-row .teaserleft {
	margin: 10px 4px 10px 5px;
	padding: 0 5px 0 5px;
	border-right: 1px solid #ccc;
}
.first-row .teaserright {
	margin: 10px 5px 10px 0px;
	padding: 0 5px 0 5px;
}

.second-row .teaserleft {
	width: 220px;
	float: left;
	border: 1px solid #ccc;
	margin-right: 10px;
	padding: 5px 4px;
	overflow: hidden;
	
	}
.second-row .teaserleft:hover {
	
	}
	
.second-row .teaserright {
	width: 220px;
	overflow: hidden;
	border: 1px solid #ccc;
	padding: 5px 4px;
	
	}
.second-row .teaserright:hover {
	}
	
.follow-me {
	width: 220px;
	}
	

.boxgrid{
	width: 220px;
	height: 150px;
	overflow: hidden;
	position: relative;
	float: left;
}
.boxgrid img{
	
	top: 0;
	left: 0;
	margin: 0 auto;
	border: 0;
}

.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #fff; 
				height: 115px; 
				width: 100%; 
				opacity: .9; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
				padding-top: 10px;
 			}
 				
 				.caption .boxcaption {
 					top: 110px;
 					left: 0;
 				}
	
/* ;MUSIK und FILM LISTEN */

.teaserright:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	
.page .teaserleft div, .page .teaserright div{
	display: block;
	overflow: hidden;
	margin: 10px 0;
	}
.page .teaserleft p, .page .teaserright p {
	font-size: 14px;
	display: block;
	overflow: hidden;
	margin: 10px 0;
	line-height: 1.2;
	}
.page .teaserleft img, .page .teaserright img {
	margin-top: 10px; 
	}
	
.page .teaserleft  img.alignleft, .page .teaserright  img.alignleft {
	border: 1px solid #fff;
	box-shadow: 10px 10px 5px #888;
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	margin: 0 10px 10px 0;
	 }
	
.page .teaserleft p:first-line, .page .teaserright p:first-line {
	font-weight: bold;
	}
.page .teaserleft div a, .page .teaserright div a {
	display: block;
	padding-top: 0px;
	float: left;
	}
.page .teaserleft a img, .page .teaserright a img {
	
	margin-top: 10px;
	display: block;
	}
.film {
	clear: both;
	}
	
.wp-pagenavi {
	text-align: center;
	padding-bottom: 30px;
}


.wp-pagenavi a,
.wp-pagenavi span.current {
	border-color:transparent;
	border: 0;
	background: #4fc5f1 url(images/button-bg.png) repeat-x; 
	background:-moz-linear-gradient(top, rgba(90,90,90, 0.9);, #222); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(90,90,90, 0.9)), to(#222)); /* Safari, Chrome */
    display: inline-block;
    padding: 10px 20px 10px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
 }
 
 .slider-pagination {
 	text-align: center;
 	margin-bottom: 30px;
 	}
 
 .slider-pagination a {

border-color:transparent;
border: 0;
background: #4fc5f1 url(images/button-bg.png) repeat-x; 
background:-moz-linear-gradient(top, #68C4EE, #59B); /* Firefox */
background:-webkit-gradient(linear, left top, left bottom, from(#68C4EE), to(#59B)); /* Safari, Chrome */

    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
    margin: 0 5px;
 }
 
 .slider-pagination .activeSlide {
 	opacity: 0.8;
 	}

/****************************************/

.begruessung {
    position:relative;
    color: #fff;
    left: 0px;
    padding:10px;
    margin:10px 0 3em;
   background: rgba(30, 30, 30, 0.9);
    /* css3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    font-family: "ff-market-web-1","ff-market-web-2",cursive;
    /*font-family: "myriad-pro-1","myriad-pro-2",sans-serif;*/
    font-weight: normal;
    font-size: 32px;
}

/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-border.left {
    margin-left:30px;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-border.right {
    margin-right:30px;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */



/* creates the smaller  triangle */
.begruessung:after {
    content:"";
    position:absolute;
    bottom:-13px; /* value = - border-top-width - border-bottom-width */
    left:127px; /* value = (:before left) + (:before border-left) - (:after border-left) */
    border-width:13px 13px 0;
    border-style:solid;
    border-color: rgba(30, 30, 30, 0.9) transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* Variant : top
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.top:before {
    top:-20px; /* value = - border-top-width - border-bottom-width */
    bottom:auto;
    left: 12px;
     /* controls horizontal position */
    border-width:0 20px 20px;
}

/* creates the smaller  triangle */
.triangle-border.top:after {
    top:-13px; /* value = - border-top-width - border-bottom-width */
    bottom:auto;
    left:65px;
    right:47px; /* value = (:before right) + (:before border-right) - (:after border-right) */
    border-width:0 13px 13px;
}


.border-shadow {
	border: 20px solid #fff;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
	}



#logo {
	margin: 60px auto;
	margin-top: 60px;
	width: 105px;
	height: 110px;
	
	}
/* MEDIA QUERIES */

/* smartphones in landscape mode */
@media screen and (min-width: 320px) {

h3 {
	font-size: 20px;
	}

.entry {
	max-width: 290px;
	}
	
	iframe {
	max-width: 300px;
	height: 182px;
	
	}
	
.entry img {	
 	max-width: 300px;
	height: auto;
	}
.artikellist h3 {
	padding-left: 0;
	}
}
@media screen and (min-width: 480px) {

h3 {
	font-size: 22px;
	}
.entry {
	max-width: 420px !important;
	padding-left: 20px;
	}
	
	iframe {
	max-width: 420px;
	height: 243px;
	}
	
.entry img {	
 	max-width: 420px;
	height: auto;
	}

}

/* tablets in portrait mode */
@media screen and (min-width: 768px) {

#logo {
	top: 50px;
	left: 45px;
	position: fixed;
	z-index: 5000;
	margin: 0;
	}
	
.entry {
 	max-width: 500px !important;
	padding-left: 220px;

	}
h3 {
font-size: 33px;
}
.entry.magstyle h3 {
/* 	padding-left: 160px; */
	}
iframe {
	max-width: 500px;
	height: 284px;
	}
	
.entry img {	
 	max-width: 500px;
	height: auto;
}
.background {
	background-position: 220px bottom;
	}
	
.magstyle #respond {
	padding-left: 250px;
	position: relative;
	}
.magstyle #comments, .magstyle .commentlist {
	padding-left: 270px;
	}
.artikellist h3 {
	padding-left: 230px;
	}

}

/* tablets in landscape mode */
@media screen and (min-width: 1024px) {

.entry {
	max-width: 700px !important;
	padding-left: 240px;
	}
iframe {
	max-width: 690px;
	height: 381px;
	}
.entry.magstyle {
	padding-left: 0;
	max-width: 950px !important;
	}
	
.entry img {
	max-width: 940px;
	}
.background {
	background-position: 240px bottom;
	}
	
}
/* standard laptop screens */
@media screen and (min-width: 1200px) {

body {
	background: #fbfbfb;
	font-size: 26px;
	}
.entry {
	max-width: 800px !important;
	padding-left: 240px;
	}


.post {
	width: 1100px;
	margin: 0 auto;
	border:1px solid #ccc;
	border-top: 0;
	border-bottom: 0;
	background: #fff;
	}

}

/* bigger desktop screens */
@media screen and (min-width: 1440px) {

}