@charset "utf-8";
/* Bassis CSS für alle Seiten mit UI-Komponenten */
body 		{ background-color:#b5c4d7; }
a			{ color:#003399; text-shadow:none; }
a:visited	{ color:#003366; }
a:hover		{ color:#0033ff; }
h3			{ text-shadow:1px 1px 2px rgba(0,0,0,0.6); }

#container		{ background-image:url(../imag/bg/bg960i.jpg); background-repeat:no-repeat; background-size:100% 100%; color:#000; } 
#navtoggle		{ background-image:url(../imag/nav.png); }
#usrtoggle		{ background-image:url(../imag/usr.png); }

/* Submenübar oben */
#menubar	{ background-color:#8c643c; }

.bloglistitem		{ position:relative; width:48%; height:100px; margin:0 1% 15px 1%; padding:0; background-color:rgba(255,255,255,0.2); border-radius:10px; float:left; overflow:hidden; box-shadow:1px 1px 5px rgba(0,0,0,0.3); font-size:12px; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto;  }
.bloglistitem.featured	{ width:98%; height:auto; float:none; font-size:13px;  }
.bloglistitem.blogs	{ border-radius:40px 8px 8px 8px; font-size:14px; }
.bloglistitem>img	{ position:absolute; left:0; top:0; width:100px; height:100px; margin:0; padding:0; }
.bloglistitem h3	{ margin:5px 5px 1px 110px; height:25px; overflow:hidden; word-break:hyphenate; text-overflow:ellipsis; }
.bloglistitem p		{ margin:0 10px 5px 110px; line-height:1.25; }
.bloglistitem:not(.featured) p		{ max-height:3.7em; overflow:hidden; }
.bloglistitemedit	{ position:absolute; right:2px; top:2px; width:auto; height:20px; margin:0; padding:0; cursor:pointer; }
.blogdatum			{ margin:10px 30px 0 30px; text-align:right; font-size:10px; color:#468; }
.blogeintrag		{ position:relative; min-height:60px; background-color:rgba(255,255,255,0.4); border-radius:0 10px 10px 10px; margin:0 20px 20px 60px; padding:10px 20px; overflow:visible; }
.blogeintrag p		{ text-align:justify; }
.blogeintrag iframe		{ display:block; margin:5px auto 15px auto; border-radius:5px; }
.blogeintragneu		{ position:relative; background-color:rgba(255,255,255,0.4); border-radius:10px; margin:0 20px 20px 60px; padding:8px 20px; overflow:visible; }
.blogeintragedit	{ position:absolute; right:10px; top:10px; width:auto; height:20px; margin:0; padding:0; cursor:pointer; }
.blogvon			{ position:absolute; background-color:rgba(255,255,255,0.4); left:-55px; top:0px; width:55px; height:70px; padding:0 0 10px 0; border-radius:30px 0 0 10px; }
.blogedit			{ background-image:url(../imag/bg_warn.gif); border-radius:20px; margin:0 10px 20px 10px; padding:10px; }
.blogedit>div		{ background-color:rgba(204,204,204,0.9); border-radius:10px; margin:0; padding:20px; }
.blogeintrag h2, .blogedit h2		{ margin-top:0; margin-bottom:10px; }
.blogpicLC			{ position:relative; width:100%; height:auto; clear:both; margin:5px auto 15px auto; box-sizing:border-box; text-align:center;  }
.blogpicML			{ position:relative; width:auto; max-width:300px; height:auto; max-height:300px; float:left; margin:5px 20px 15px 0; }
.blogpicMR			{ position:relative; width:auto; max-width:300px; height:auto; max-height:300px; float:right; margin:5px 0 15px 20px; }
.blogpicLC img:not(.pdel)		{ max-width:100% !important; height:auto; max-height:100%; border-radius:5px; }
.blogpicML img:not(.pdel), .blogpicMR img:not(.pdel)		{ display:block; width:inherit; max-width:300px !important; height:auto; max-height:300px; border-radius:5px; }
.blogthumb			{ width:100px; height:100px; border:solid 5px #fff; box-shadow:2px 2px 7px rgba(0,0,0,0.4); }
.pdel				{ position:absolute; right:-2px; top:-2px; width:20px; height:20px; cursor:pointer; } 
.pxxx				{ position:absolute; right:0; bottom:0; width:auto; height:auto; padding:3px 6px; background:#FFF; border-radius:5px 0; color:#666; font-size:10px; visibility:hidden; cursor:pointer; } 
.blogpicLC:hover .pxxx,	.blogpicML:hover .pxxx,	.blogpicMR:hover .pxxx { visibility:visible; } 

#blogkalender ul	{ display:none; list-style-type:none; }
#blogkalender ul:first-of-type { display:block; }
#blogkalender h4		{ padding:5px 0; cursor:pointer; }
#blogkalender h4:after	{ content:"+"; display:inline-block; margin-left:10px; width:9px; height:7px; line-height:7px; padding-bottom:2px; text-align:center; font-weight:normal; border:solid 1px; border-radius:2px; } 
#blogkalender h4.open:after	{ content:"-"; } 
#blogkalender li.aktiv	{ font-weight:bold; } 

.bg1				{ background-color:rgba(255,255,255,0.2); }

@media screen and (max-width: 1600px) {
	.bloglistitem	{ width:98%; float:none; }
}
@media screen and (max-width: 640px) {
	.blogeintrag	{ margin:0 -10px 20px -10px; border-radius:0; padding:10px; }
	.blogvon		{ position:relative; left:-15px; top:-30px; float:left; background-color:transparent; }
}
@media screen and (max-width: 400px) {
	.bloglistitem	{ border-radius:0; width:100%; margin-left:0; margin-right:0; }
	.bloglistitem:hover { background-color:rgba(255,255,255,0.4);}
	.blogpicML,.blogpicMR	{ margin:5px auto 15px; }
	.blogeintrag p	{ clear:both; }
}
@media print {
	.bloglistitem, .blogeintrag			{ border:solid 1px #999; }
}