@import url("//hello.myfonts.net/count/2f0124");

/**
 * @license
 * MyFonts Webfont Build ID 3080484, 2015-08-25T05:36:26-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: GloberRegular by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/glober/regular/
 * 
 * Webfont: GloberRegularItalic by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/glober/regular-italic/
 * 
 * Webfont: GloberSemiBold by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/glober/semi-bold/
 * 
 * Webfont: GloberSemiBoldItalic by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/glober/semi-bold-italic/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3080484
 * Licensed pageviews: 100,000
 * Webfonts copyright: Copyright (c) 2014 by Fontfabric LLC. All rights reserved.
 * 
 * © 2015 MyFonts Inc
*/

  
@font-face {font-family: 'GloberRegular';src: url('fonts/2F0124_0_0.eot');src: url('fonts/2F0124_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/2F0124_0_0.woff2') format('woff2'),url('fonts/2F0124_0_0.woff') format('woff'),url('fonts/2F0124_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'GloberRegularItalic';src: url('fonts/2F0124_1_0.eot');src: url('fonts/2F0124_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/2F0124_1_0.woff2') format('woff2'),url('fonts/2F0124_1_0.woff') format('woff'),url('fonts/2F0124_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'GloberSemiBold';src: url('fonts/2F0124_2_0.eot');src: url('fonts/2F0124_2_0.eot?#iefix') format('embedded-opentype'),url('fonts/2F0124_2_0.woff2') format('woff2'),url('fonts/2F0124_2_0.woff') format('woff'),url('fonts/2F0124_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'GloberSemiBoldItalic';src: url('fonts/2F0124_3_0.eot');src: url('fonts/2F0124_3_0.eot?#iefix') format('embedded-opentype'),url('fonts/2F0124_3_0.woff2') format('woff2'),url('fonts/2F0124_3_0.woff') format('woff'),url('fonts/2F0124_3_0.ttf') format('truetype');}

@font-face {
    font-family: 'blogfilericons';
    src: url('fonts/blogfilericons-webfont.eot');
    src: url('fonts/blogfilericons-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/blogfilericons-webfont.woff2') format('woff2'),
         url('fonts/blogfilericons-webfont.woff') format('woff'),
         url('fonts/blogfilericons-webfont.ttf') format('truetype'),
         url('fonts/blogfilericons-webfont.svg#blogfilericonsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body  {
	background: white;
	line-height: 120%; 
	background: #fff;
	font-family: 'GloberRegular', "Lucida Grande", "Lucida Sans Regular", Verdana, Helvetica, sans-serif ;
	font-size:18px;
	margin: 0;
	padding: 0;
}
.swipeleft {
	position:relative;
	left:-2000px;
	opacity:0;
}
.swiperight {
	position:relative;
	left:2000px;
	opacity:0;
}
.fade {
	-webkit-transition: opacity linear 0.4s;
	-moz-transition: opacity linear 0.4s;
	-o-transition:opacity linear 0.4s;
	transition:opacity linear 0.4s;
	opacity:1 !important;
}
.prefade {
		opacity:0;
}
input, textarea {
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
select {
	height: 24px;
	font-size: 13px;
}
a:link { 
	color: #2f79af; 
	text-decoration: none;
 	border-bottom:1px solid #ccc;
	padding:3px 2px 1px 2px;
	margin:-2px;
	font-family:'GloberSemiBold', "Lucida Grande", "Lucida Sans Regular", Verdana, Helvetica, sans-serif ;
	-webkit-transition:linear 0.1s;
	-moz-transition:linear 0.1s;
	-o-transition:linear 0.1s;
	transition:linear 0.1s;
}
a:visited { 
	color: #666; 
	text-decoration: none;
 	border-bottom:1px solid #ccc;
	padding:3px 2px 1px 2px;
	margin:-2px;
}
a:active { 
	color: #656500; 
	text-decoration: none;
	border-bottom: 1px solid #656500;
	position:relative;
	top: 1px;
}
a:hover { 
	color: #2f79af; 
	text-decoration: none;
	border-bottom: 1px solid #999;
	background:#e5edfd;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;	
	-webkit-transition:linear 0.1s;
	-moz-transition:linear 0.1s;
	-o-transition:linear 0.1s;
	transition:linear 0.1s;
}
em, i, cite, blockquote {
	font-family:'GloberRegularItalic', "Lucida Grande", "Lucida Sans Regular", Verdana, Helvetica, sans-serif ;
	font-style:normal;

}
a em {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding-bottom: 1px;
}
a:focus, select:focus {
	-moz-outline-style: none;
	outline-style: none;
}

strong, .dachzeile, b {
	font-family: 'GloberSemiBold', Calibri, Helvetica, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
	font-weight:normal;
}
.dachzeile {
	font-size:14px;
	margin: 0 0 12px -2px;
	text-align:center;
}
code { 
	color: #630; 
	color: #7CABFF; 
	text-decoration: none;
    font-family: "Andale Mono", 'Monaco', 'Courier', monospace;
}
pre {
	margin: 0 0 24px 0; 
	padding: 8px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	width: 96%;
	height: auto;
    font-family: "Andale Mono", 'Monaco', 'Courier', monospace;
	background-color: #edece1;
	background-color: #e9f1fe;
	/*\*/
	overflow: auto;/**/
}
pre > code {
	color: #333;
}
sup, sub {
	line-height:0px;
}
sup {
	vertical-align: 0.6ex;
}
html\:abbr, acronym, abbr {
	font-style:normal;
	border-bottom: 1px dotted #666;
	cursor: help;
}
.balken {
	background:#333;
}
a.img, a.img:hover {
	text-decoration: none;
	border-bottom: none;
	padding:0;
	margin:0;
}
img {
	text-decoration: none;
	border: none;
	background: none;
}
img.taste  {
	vertical-align: -10%;
}
hr {
	width: 100%;
	height: 1px;
	color: #fff;
	border: none;
	border-top: 1px solid #dedede; 
	clear:both;
}
.clear {
	clear: both;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom:16px;
}
.satzzeichen {
	height:0.925em;
	vertical-align:2px;
	vertical-align:-0.991px;
	width:0.9em;
}
#textlinks td {
	padding: 0 10px 0 0;
	color: #333;
	line-height:150%;
	border: #ddd;
	border-width: 1px 0 1px 0;
	border-style: solid none solid none;
}
#textlinks td.zeichen {
	font-size:16px;
	line-height:120%;
	vertical-align:middle;
	width:50px;
	text-align:center;
}
#textlinks td.beschreibung {
	vertical-align:middle;
	line-height:120%;
	width:200px;
	text-align:left;
}
#textlinks td.entity {
	vertical-align:middle;
	line-height:120%;
	width:80px;
	text-align:right;
}
#textlinks tr:hover {

}
#textlinks td.ohne {
	border: transparent;
	border-width:5px;
	border-style:none;
}
p {
	margin-top: 0;
}
small { 
	color: #666; 
	line-height:150%;
	font-size: 14px;
}
form {
	margin-bottom:10px;
}

/* MenŸleiste ---------------------------------------------------------*/

#headeroben {
	background-image: url(http://static.qxm.de/menubgblue.png); 
	position: absolute; 
	z-index: 800; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 70px;
}
#headerunten {
	background-image: url(http://static.qxm.de/menubg_darkblue.png); 
	position: absolute; 
	z-index: 800; 
	top: 70px; 
	left: 0px; 
	width: 100%; 
	height: 30px;
}
#headerschatten {
	background-image: url(http://static.qxm.de/menuschatten.png); 
	position: absolute; 
	z-index: 800; 
	top: 100px; 
	left: 0px; 
	width: 100%; 
	height: 10px;
}
#headerklein {
	position: absolute; 
	z-index: 880; 
	top: 12px; 
	right: 20px; 
	width:67%;
	overflow:hidden;
	height: 20px;
	line-height:1px;
	text-align:right;
	opacity:0;
	color:#fff;
	white-space:nowrap;
}
.headerkleintitel {
	width:60%;
	max-width:600px;
	font-size:15px;
	color:#eee;
	height:40px;
	line-height:20px;
	text-overflow:ellipsis;
	overflow: auto;
	display:inline-block;
}
#headerklein img { 
	vertical-align:-4px;
}
.stern { 
	background-image: url(http://static.qxm.de/robot_ani_2.gif); 
	position: absolute; 
	z-index: 880; 
	top: 12px; 
	right: 40px; 
	width: 48px; 
	height: 48px;
}
#seitentitel {
	z-index : 850;
	width : 80%;
	position : absolute;
	height : 36px;
	top : 22px;
	left : 19px;
	text-align:left;
}
#seitentitel abbr, h2 abbr {
	font-style:normal;
	border-bottom: none;
	cursor: help;
}
.titelbreak {
	display:none;
}
#menu {
	font-size: 14px;
	line-height:18px;
	position: absolute; 
	z-index: 800; 
	left: 14px; 
	width: 95%; 
	height: 30px;
}
.menutext {
	display:inline;
}
#menu ul {
	margin: 0;
	padding: 0;		
	list-style-type: none;
	white-space: nowrap;
} 

#menu ul li {
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}
#menu a, #menuselected a {
	color: #fff;
	height: 22px;
	padding: 8px 10px 0 8px;
	margin: 0;
	text-decoration: none;
	display: block;
	text-align: left;
	border-bottom: none;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}  
#menu a:link {
	color: #fff;
	text-decoration: none;
	border-bottom: none;
	font-family:'GloberRegular', "Lucida Grande", "Lucida Sans Regular", Verdana, Helvetica, sans-serif ;
}
#menu a:hover, #menu a:active  {
	color: #fff;
	background: #265e9e;
	border-bottom: none;
}
#menuselected a, #menuselected a:link  {
	color: #fff;
	background: #3d80df;
} 

#menuselected {
	color: #fff !important;
	background: #336d9f;
	height: 17px;
	padding: 6px 8px 0 6px;
	display: block;
	text-align: left;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}
body#start li#start-nav a,
body#portfolio li#portfolio-nav a,
body#kontakt li#kontakt-nav a {
	color: #fff !important;
	background: #336d9f;
}
#menu small { 
	color: #fff; 
	font-size: 14px;
}
#menu img { 
	vertical-align:-10%;
}
#menu a img:hover {
	border:none;
	text-decoration: none;
}
#nav_schmal {
	display:none;
}

/* Container ---------------------------------------------------------*/


#maincontainer {
	max-width:906px;
	position:relative;
	/* background: transparent url(http://static.qxm.de/bg.png) repeat-y 0 0; */
	background: transparent;
 	color: #000;
 	margin: 0 auto;
	padding: 136px 20px 20px 20px;
	height:auto;
	text-align:left;
	z-index: 0;
}

.textwrapper {
	padding: 0;
	margin: 0 0 14px 0;
	width:100%;
	z-index: 1;
	clear:both;
}
#textlinks {
	position:relative;
	color: #000; 
	line-height: 160%;
	padding: 0;
	margin: 0;
	width:100%;
	max-width: 640px;
	float: left;
	z-index: 1;

}
#textlinks p {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-hyphens: auto;
}
#textrechts { 
	float: right;
	font-size:14px;
	line-height: 150%;
	background: transparent;
	margin: 0; 
	padding: 0px 0 0 0; 
	z-index: 1;
	width:100%;
	max-width: 200px; 
}

#textrechts em {
	font-family: GloberRegularItalic, "Lucida Grande", "Lucida Sans Regular", Verdana, Helvetica, sans-serif ;
	font-style:normal;
	font-weight: normal;
	color:#333;
}
.portfolio-links { 
	float: left; 
	background: transparent;
	z-index: 1; 
	width: 200px; 
	margin-right:20px;
}
.spalte1, .spalte2 { 
	float: left; 
	background: transparent;
	z-index: 1; 
	width: 47%; 
	margin-right:6%;
}
.spalte2 { 
	float: left; 
	background: transparent;
	z-index: 1; 
	margin-right:0;
}
.einespalte {
	color: #000; 
	font-size:16px;
	line-height:150%;
	text-align: left; 
}
.portfolio-links { 
	width: 320px; 
}
.portfolio-rechts { 
	float: right; 
	text-align: right;
	background: transparent;
	z-index: 1; 
	width: 24px; 
}
#footer { 
	color: #333; 
	font-size:14px;
}
.kommentareintrag {
	word-wrap: break-word;
	margin: 20px 0px 0 0;
}
.kommentarzeile {
	float:left;
	padding-top:0px;
	height: 30px;
	white-space:nowrap;
}
.kommentarstatus {
	float:left;
	line-height:200%;
	margin: 0 0 6px 0;
	white-space:nowrap;
}
#hiddendiv { 
	display: none;
	padding-top: 0px;
}
.hiddendiv { 
	display: none;
}
.key {
	font-style:normal;
}
.sticky {
	display: block;
	position: -webkit-sticky; 
	position: sticky;
	top: 0px;
}
.unsichtbar {
	display: none;
}
.kommentarfeld, .eingabe { 
	font: 18px/150% GloberRegular, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", "LucidaSans", "Trebuchet MS", Verdana, sans-serif;
	width:100%;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;	
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 1px solid #ccc;
	padding:6px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
}
.popupmenu, .suchfeld {
	font-size:18px;
	width:100%;
	padding:3px;
	margin:0 0 20px 0;
}
.eingabe {
	width:60%;
}
/* Text --------------------------------------------------------------*/
h1, h2, h3, h4, h5, h7, #pullquote, .headertitel {
	font-family: 'GloberSemiBold', Share, Calibri, Helvetica, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
	font-weight: normal;
	text-rendering: optimizeLegibility;
	-webkit-column-break-after:avoid;
	-moz-column-break-after:avoid;
	-o-column-break-after:avoid;
	-ms-column-break-after:avoid;
	column-break-after:avoid;
	margin: 0 0 0.4em 0;
}
h1  { 
	font-size: 42px;
	color: #222; 
	line-height: 120%;
	margin: 0 0 0.4em 0;
	text-align:center;
}

h1 a:link, h1 a:visited { 
	color: #222; 
	text-decoration: none;
	border-bottom: none;
	background:none;
}
h1 a:hover, h1 a:active {
	color: #2f79af; 
	text-decoration: none;
	border-bottom: 1px solid #111;
}
h2  { 
	color: #444;
	font-size: 28px;
	line-height: 100%;
}

h3  { 
	font-size:22px;
	color: #333;
	line-height: 120%;
	font-weight: normal;
	margin: 12px 0 8px 0;
}

h4  { 
	font-size: 18px;
}

blockquote {
	padding: 0px 8px 0px 16px;
	margin: 8px 0px 8px -3px;
	background: transparent url('/bilder/quote.png') 0px 0px no-repeat;
	min-height:64px;
	color: #000;
}
#pullquote { 
	float: left; 
	margin-right: 24px; 
	margin-left: 0px; 
	margin-bottom: 6px; 
	width: auto; 
	font-size: 20px;
	line-height:113%; 
	color: #666; 
	text-align: left; 
	display: inline;
}
.ich {
	padding:10px 10px 2px 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background-color: #f0f5ff; 
}
.ich .kommentareintrag {
	margin:0;
}
.textbox {
	padding:10px 10px 10px 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background-color: #efefe6;
	background-color: #eef2f8;
	margin: 0 0 6px 0px;
}

.textbox p {
	margin: 0 0 6px 0;
}
.textbox ul, .textbox select, .textbox input, .textbox h3, .textbox h2 {
	margin-top: 0;
	margin-bottom: 0;
}
.textbox hr {
	border-top: 1px solid #fff; 
}
.textbox h3 {
	margin: 0 0 6px 0;
}
.textbox h2 {
	margin: 0 0 6px 0;
}
.textbox a:link, a:hover {
	color: #333;
}
.textrahmen {
	width: 95%;
	padding:10px;
	border:  1px solid #aaa;
	margin: 0 0 20px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.caps {
	text-transform: uppercase;
	font-size: 88%;		
	letter-spacing: 0.5px;
}

h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h1::selection, h2::selection, h3::selection {
	background:#3470cc;
	color:#fff;
}
.kommentarheader {
	font-family: 'GloberSemiBold';
	font-size: 20px;
}
.kommentardate   { 
	color: #666; 
	font-size:14px;
}
.fehler, .error { 
	color: #e00;
	font-size:16px;
}
.achtung { 
	color: #900; 
}
a.achtung:link  { 
	color: #900; 
}
a.achtung:visited  { 
	color: #900; 
}
a.achtung:hover, a.achtung:active { 
	color: #900;
	text-decoration: underline;
}
a.notizbuchlink:link, a.notizbuchlink:visited  { 
	color:#a0a054;
	border:none;
}
.suchergebnis  {
	background-color: #f2f27e; 
}
#textlinks ul, #textrechts ul {
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	column-break-inside:avoid;
}
.nocolbreak {
	margin: 0 0 24px 0;
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	column-break-inside:avoid;
}
.colbreakafter {
	break-after: column;
}
#textlinks li {	
	margin: 0 0 0 -40px;
	padding: 0 0 2px 0px;
	list-style: none;
}
.empfehlungen li {	
	margin: 0 0 0 -53px;
	padding: 0px 0 0px 13px;
	list-style: none;
	background: url(http://static.qxm.de/bookmark1.png) no-repeat 0px 4px;
	background-size:11px;
}
.artikel li {	
	margin: 0 0 0 -53px;
	padding: 2px 0 2px 13px;
	list-style: none;
	background: url(http://static.qxm.de/artikel.gif) no-repeat 0px 6px;
}

.kommentar li {	
	margin: 0 0 0 -55px;
	padding: 1px 0 5px 15px;
	list-style: none;
	background: url(http://static.qxm.de/kommentar1.png) no-repeat 0px 5px;
	background-size:11px;
}

/* Bilder --------------------------------------------------------*/

.indicator {
	width:13px;
	height:13px;
	margin-left:-13px;
}
.bild { 
	margin:0px 0px 24px 0px;
	border: none;
	text-align:center;
}
.w100, .bildcopy, .bild100 {
	margin:0px 0px 10px 0px;
	border: none;
	width:100%;
	max-width:800px;
}
.w60 {
	margin:0px 0px 10px 0px;
	border: none;
	width:60%;
	max-width:400px;
}
.w50, .bildcopy50 {
	margin:0px 0px 10px 0px;
	border: none;
	width:50%;
	max-width:400px;
}
.w25, .bildcopy25 {
	margin:0px 0px 10px 0px;
	border: none;
	width:25%;
	max-width:200px;
}
.w48, .bildcopy48 { 
	margin:0px 0px 10px 0px;
	border: none;
	width:48%;
	max-width:310px;
}
.w40, .bildcopy40 { 
	margin:0px 0px 10px 0px;
	border: none;
	width:40%;
	max-width:256px;
}
.w30, .bildcopy30 { 
	margin:0px 0px 10px 0px;
	border: none;
	width:30%;
	max-width:213px;
}
.w20, .bildcopy20 { 
	margin:0px 0px 10px 0px;
	border: none;
	width:20%;
	max-width:128px;
}
.schatten {
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.15);
	margin: 8px 0 6px 0;
}
.bildlinks, .divlinks {
	float:left;
	margin:3px 12px 3px 0px;
}
.bildrechts, .divrechts {
	float:right;
	margin:3px 0px 3px 12px;
	text-align:center;
}
.bildrechts, .bildlinks, .divlinks, .divrechts {
	color: #999;
	font-size:14px;
}
.drittel img {
	width:30%;
	-webkit-transition:linear 0.1s;
	-moz-transition:linear 0.1s;
	-o-transition:linear 0.1s;
	transition:linear 0.1s;
}
.drittel a:nth-child(n+1) {
	margin:0 5% 18px 0;
}
.drittel a:nth-child(3n) {
	margin:0 0 18px 0;
}
div.halb {
	margin:0 0 18px 0;

}
.halb img {
	width:48%;
	-webkit-transition:linear 0.1s;
	-moz-transition:linear 0.1s;
	-o-transition:linear 0.1s;
	transition:linear 0.1s;
}
.halb a:nth-child(n) {
	margin:0 4% 18px 0;
}
.halb a:nth-child(2n) {
	margin:0 0 18px 0;
}
.abstand24 {
	margin:0 0 24px 0;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	margin:0 0 24px 0;
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	column-break-inside:avoid;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
video {
  width: 100%    !important;
  height: auto   !important;
}
.fotorahmen {
	width:420px; 
	height:294px;
	background-image:url('img_tree.png');
	background-repeat:no-repeat;
	background-position:center center;
	margin-bottom:8px;
}
.linietop {
	border-top: solid 1px #eaeaea;
}
.portfoliobilder {
	background: url(http://static.qxm.de/bildschatten-portfolio.png) no-repeat bottom left;
	padding:0 12px 4px 2px;
	margin-right:6px;
}
.galerie img {
	float:left;
	margin:3px 8px 3px 0px;
	padding: 5px; 
	border: dotted 1px #999;
}
.galerie a img:hover { 
	border: solid 1px #656500;
	text-decoration: none;
}
a.noborder, a.lightbox {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in; 
	text-decoration: none;
	border-bottom: none;
	background: none;
	padding:0;
	margin:0;
}
a.imglink {
	text-decoration: none;
	border: none;
	background: none;
	padding:0;
	margin:0;
}
a.imglink:active {
	position:relative;
	top: 0px;
}
div.galerie {
	margin:-12px 0 16px 0;
}
a.imgl  {
	text-decoration: none;
	padding-bottom: 5px; 
	border: none;
	background: none;
}
a.imgl img {
	margin:0 0 4px 0;
}
.avatar {
	position:relative;
	float:left;
	margin:0px 20px 2px 0px;
	z-index:10;
}
.ich .avatar {
	float:left;
	margin:2px 10px 6px 0px;
}
audio {
	width:100%;
	margin: 0 0 24px 0;
}
/*  --------------------------------------------------------*/
#spaltelinks {
	width: 200px;
	margin: 0 20px 0 0;
	float: left;
}
#spaltelinks h3, #spalterechts h3 {
	margin-top: 0;
	height: 1.4em;
	color: white;
	background-color: #999;
}
#spalterechts {
	width: 200px;
	float: left;
}
.preis {
	color: #c60; 
	font: bold 12px/150% 'GloberRegular', "Lucida Grande", Verdana, Helvetica, sans-serif;
}
.preis a {
	color: #c60; 
}
/* Zoom --------------------------------------------------------*/
#zoom a img {
	float:left;
	width:100px;
	height:75px;
	border:1px solid #aaa;
	margin:5px 12px 5px 0px;
	padding: 1px; 
} 
#zoom a:hover img {
	width:400px;
	height:300px;
}
#zoom img:hover {
	width:400px;
	height:300px;
}
#zoom a:hover {
	padding:0;  
}

/* Formatierungen -----------------------------------------------*/

.rechtsb, .floatright { 
	text-align: right; 
	float: right; 
}
.linksb, .floatleft { 
	text-align: left; 
	float: left;
}
.linksb { 
	width:50%;
}
.rechtsb { 
	width:50%;
}
.centered {
	text-align:center;
}
#itunes table { 
	font-weight:normal;
	width:98%;
	text-align: left;
	border-collapse: collapse;
	border: #ddd;
	border-width: 0 0 1px 0;
	border-style: none none solid none;	
}
#itunes table a, #itunes table a:hover, #itunes table a:visited, #itunes table a:active {
	padding:0;
	margin:0;
	border:none;
	text-decoration: none;
	display:block;
}
#itunes tr {
	vertical-align: top;
	color:#ddd;
}
#itunes tr,#itunes th,#itunes td {
	padding:4px 8px 0 8px;
	border:none;
}
#itunes tr.odd {
	background-color: #ebf3ff;
}
#itunes th {
	background: #3cb0fd;
	color: #fff;
	border:none;
	font-weight:normal;
}
#itunes tr a {
	color: #000;
	border:none;
}
#itunes em { 
	font-family: 'GloberRegular', "Trebuchet MS", Verdana, sans-serif;
	font-style: n;
}
#itunes tbody tr:hover td, #itunes tbody tr:hover a {
	background-color: #3d80df;
	color: #fff;
	text-decoration: none;
}
#itunes tbody tr:hover th {
	text-decoration: none;
}
.mehr {
	float:right;
	width:50%;
	text-align:right;
}
.zurueck {
	float:left;
	width:50%;
}
.zurueck img, .mehr img, .bottomnav img {
	vertical-align:-4px
}
p.bottomnav  {
	margin:0 0 6px 0;
}
div.clear {
    clear:both;
}
.stichwortliste acronym {
	border-bottom: none;
	font-size:150%;
	line-height:10px;
}
.kommentarzaehler {
	z-index: 0; 
	position:relative;
	top:0px;
	right:0px;
	float:right;
	font-size:36px;
	color:#ddd;
}
.formularfeld, .suchfeld, .suchfeldsafari {
	font: 16px/150% 'GloberRegular', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", "LucidaSans", "Trebuchet MS", Verdana, sans-serif;
	width:50%;
	min-width:200px;
	color:#000;
	border:1px solid #aaa;
	padding:3px 3px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.suchfeld {
	width:100%;
	margin:0 0 8px 0;
	font-size:16px;
}
ul {
	margin: 0 0 16px 0;
}
#textlinks ul.stichworte {
	float: right;
	margin:0;
	padding:0;
}
#textlinks ul.stichworte li {
	position: relative;
	display: block;
	float: left;
	margin: -2px 3px 3px 4px;
	padding: 0;
	height: 26px;
	background: transparent;
}
#textlinks ul.stichworte li a {
	font-family: 'GloberRegular', "Lucida Grande", "Lucida Sans Regular", Verdana, Helvetica, sans-serif ;
	display: block;
	color:#000;
	margin: 0;
	padding: 0 14px 0 14px;
	background: #ddebff;	
	text-shadow: #fff 0 1px 0;
	font-size: 14px;
	line-height: 25px;
	height: 23px;
	border-bottom: none;
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
}
#textlinks ul.stichworte li a:hover {
	background: #3e84c0;
	color: #fff;
	border:none;
	text-shadow: none;
}
#textlinks ul.stichworte li a:active {
	position:relative;
	top: 0px;
}
#help-wrapper {
	position: fixed;
	padding: 1px;
	width: 600px;
	height: 400px;
	font: 14px/150%  'GloberRegular', "Lucida Grande", "Lucida Sans Regular", "Lucida Sans Unicode", Calibri, "Trebuchet MS", Helvetica, Verdana, sans-serif;
	color:#444;
	text-align:left;
	top:50%;
	left:50%;
	margin-left: -300px;
	margin-top: -200px;
	z-index: 900;
	border: 1px solid #999;
	background: white;
	-webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, .9);
	-moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, .9);
	box-shadow: 0px 2px 20px rgba(0, 0, 0, .9);
}
#help-wrapper iframe {
	border:none;
	width:100%;
	height:100%;
	text-align:left;
	margin:0;
	padding:0px;
}

#help {
	height: 360px;
	width: 560px;
	margin:0;
	padding: 20px 0 0 0;
	overflow:auto;
}
.closebox {
	position:relative;
	float:left;
	top:-10px;
	left:-10px;
	z-index: 11;
}
.button, a.button, a.button:visited, input[type=submit], input[type=button] {
	-webkit-appearance: none;
	margin:0;
	font: 18px/100% GloberRegular, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", "LucidaSans", "Trebuchet MS", Verdana, sans-serif;
	background:#6c95cf;
	color:#fff;
	padding: 8px 12px 5px 12px;
	border:none;
	text-align: center;
	width:auto;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;	
	-webkit-border-radius:5px;
	border-radius:5px;
	text-shadow: #444 0 -1px 0;
}	
.button:hover, a.button:hover, input[type=submit]:hover, input[type=button]:hover {
	background:#32608b;
	cursor:pointer;
}
.button:active, a.button:active, input[type=submit]:active, input[type=button]:active {
	background:black;
	cursor:pointer;
}
.button, a.button, a.button:visited {
	white-space: nowrap;
	display:inline-block;
	margin:0 0 4px 0;
}
#prev_article, #next_article {
	position: fixed;
	display:block;
	font-size: 128px;
	text-align:right;
	right: 20px;
	top: 42%;
	z-index:10;
	width:40px;
}
#next_article {
	left: 0px;
	right: 0px;	
	text-align:left;
}
#prev_article img, #next_article img, #topbutton img {
	opacity:.06;
	-webkit-transition: opacity linear 0.15s;
	-moz-transition: opacity linear 0.15s;
	-o-transition: opacity linear 0.15s;
	transition: opacity linear 0.15s;
	background:none;
}
#prev_article a, #next_article a, #prev_article a:visited, #next_article a:visited, #topbutton a, #topbutton a:visited {
	text-decoration: none;
	border:none;
	background:none;
}
#prev_article img:hover, #next_article img:hover, #topbutton img:hover{
	opacity:.9;
	background:none;
	-webkit-transition: opacity linear 0.15s;
	-moz-transition: opacity linear 0.15s;
	-o-transition: opacity linear 0.15s;
	transition: opacity linear 0.15s;
}
#topbutton {
	position: fixed;
	background:none;
	right: 20px;
	top:60px;
	display:none;
	z-index:100;
}
.navbutton {
	width:56px;
	height:56px;
}
#top {
	font-size: 48px;
	font-weight:500;
	background:none;
	right: 24px;
	top: 36%;
	display:none;
	z-index:10;
}
#pagenav a, #pagenav a:visited, #pagenav em, #pagenav a:active { 
	font-family:'GloberRegular', "Lucida Grande", "Lucida Sans Regular", Verdana, Helvetica, sans-serif ;
	font-style:normal;
	border: 1px solid #bbb; 
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding: 7px 10px 3px 10px;
	margin: 2px 0 0 10px;
	height: 18px;
	line-height:1px;
	text-decoration:none; 
	color:#333;
	background:none;
	border:none;
} 
#pagenav a:hover { 
	background: #5982bc; 	
	color:#fff;
	text-shadow: #666 0 -1px 0;	
	background: -webkit-gradient(linear, left top, left bottom, from(#60a9f0), to(#5982bc));
	background: -moz-linear-gradient(top,  #60a9f0,  #5982bc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#60a9f0', endColorstr='#5982bc');
}
#pagenav em, #pagenav a:active {
	font-style:normal;
	color:#fff;
	text-shadow: #666 0 -1px 0;
	background: #60a9f0;
	background: -webkit-gradient(linear, left top, left bottom, from(#acc8ff), to(#60a9f0));
	background: -moz-linear-gradient(top,  #acc8ff,  #c8daff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#acc8ff', endColorstr='#60a9f0');
}
#pagenav img {
	vertical-align:-2px;
}
.styledselect {
    border: 1px solid #aaa;
    width: 80%;
    height:24px;
    -webkit-border-radius:4px;
	-moz-border-radius:4px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
	background: url('../blogfiler/images/select_down.gif') 98% no-repeat;
	background: url('../blogfiler/images/select_down.gif') 98% no-repeat, -moz-linear-gradient(top, #fff, #eee);
	background: url('../blogfiler/images/select_down.gif') 98% no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee));
	background: url('../blogfiler/images/select_down.gif') 98% no-repeat, -webkit-linear-gradient(top, #fff, #eee);
	background: url('../blogfiler/images/select_down.gif') 98% no-repeat, -o-linear-gradient(top, #fff, #eee);
	background: url('../blogfiler/images/select_down.gif') 98% no-repeat, linear-gradient(to bottom, #fff, #eee);
    margin: 6px 0 16px 0;
    -webkit-box-shadow:	0px 0px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 	0px 0px 2px rgba(0, 0, 0, .2);
	box-shadow: 		0px 0px 2px rgba(0, 0, 0, .2);
}

.styledselect select {
	font-family: 'GloberSemiBold', Calibri, Helvetica, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
	font-weight:normal;
    font-size:14px;
    padding: 3px 8px;
    width: 100%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    outline:none;
    text-indent: 0.01px;
    text-overflow: '';
}

.auswahlbutton {
	position: relative;
	display: inline-block;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: top;
	padding: 6px 20px 4px 20px !important;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius: 6px;
	margin: 5px 10px 5px 0;
	background-clip: padding-box;
	font-size: 16px;
	line-height: 100%;
	text-align: center;
	text-decoration: none;
	text-overflow: ellipsis;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

.auswahlbutton, a.auswahlbutton {
	text-decoration: none;
	border: 1px solid #a5a8a8;
  	background-color: #e5e9e8;
  	box-shadow: inset 0 1px #ffffff;
  	color: #454545;
  	text-shadow: 0 1px #ffffff;
}
.auswahlbutton:active,
.auswahlbutton.down {
	background-color: #d3d7d7;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.12);
}
.auswahlbutton-bar-wrapper {
 	margin-right:auto;
	margin-left:auto;
}
.auswahlbutton-bar {
	position: relative;
	display: inline-block;
	overflow: visible;
	margin: 5px 5px 5px 0;
	vertical-align: top;
	white-space: nowrap;
	text-align:center;
}

.auswahlbutton-bar > .auswahlbutton { word-wrap: break-word; }

.auswahlbutton-bar > .auswahlbutton:first-child {
	-moz-border-radius:6px 0 0 6px;
	-webkit-border-radius:6px 0 0 6px;
	border-radius: 6px 0 0 6px;
	margin: 0 -1px;
}

.auswahlbutton-bar > .auswahlbutton:not(:first-child):not(:last-child) {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius: 0;
	margin: 0 -4px;
}

.auswahlbutton-bar > .auswahlbutton:last-child {
	-moz-border-radius: 0 6px 6px 0;
	-webkit-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
	margin: 0 -2px;
}

.auswahlbutton-bar.duo > .auswahlbutton:last-child {
	margin: 0 -6px;
}
#picdiv01, #picdiv02, #picdiv03, #picdiv04 {
	position:relative;
	width:auto;
	height:auto;
}
#picdiv01 img, #picdiv02 img, #picdiv03 img, #picdiv04 img {
	width:100%;
	max-width:640px;
}
div.sprechblase, span.sprechblase {
	position: relative;
	width: 24px;
	height: 16px;
	background-color: #6c95cf;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:3px 8px 0 0;
	float:left;
	z-index:1;
	font-family: 'GloberRegular', "Lucida Grande", "Lucida Sans Regular", Verdana, Helvetica, sans-serif ;
	font-size:10px;
	color:#fff !important;
	text-align:center;
	line-height:20px;
}
span.sprechblase {	
	position: absolute;
	left:0px;
	margin-right:0px;
	float:none;
}
div.sprechblase:before, span.sprechblase:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	right: 6px;
	top: 16px;
	border: 4px solid;
	border-color: #6c95cf #6c95cf transparent transparent;
}
.thumbcrop {
	width:90px;
	height:90px;
	overflow:hidden;
	float:left;
	margin:0 20px 0 0;
}
.icon, [class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: 'blogfilericons';
	font-style: normal;
	speak: none;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	font-size:22px;
	line-height:2px;
	color:#666;
	position:relative;
	top:2px;
	margin-right:4px;
}
#menu [class^="icon-"]:before, [class*=" icon-"]:before {
	font-size:25px;
	color:#fff;
	position:relative;
	top:4px;
	margin-right:6px;
}
.icon-besserwisser:before {
	content: "\0075";
}
.icon-buecher:before {
	content: "\007E";
}
.icon-widget:before {
	content: "\20AC";
}
.icon-digitalewelt:before {
	content: "\0074";
}
.icon-film:before {
	content: "\0079";
}
.icon-fotos:before {
	content: "\0076";
}
.icon-gestaltung:before {
	content: "\2039";
}
.icon-kueche:before {
	content: "\0077";
}
.icon-leben:before {
	content: "\0070";
}
.icon-musik:before {
	content: "\0071";
}
.icon-photoshop:before {
	content: "\0072";
}
.icon-webdesign:before {
	content: "\0073";
}
.icon-start:before {
	content: "\007A";
}
.icon-portfolio:before {
	content: "\0044";
}
.icon-kontakt:before {
	content: "\0078";
}
.icon-hilfe:before {
	content: "\0052";
}
.icon-bearbeiten:before {
	content: "\004D";
}
.icon-links:before {
	content: "\201A";
	margin:0;
}
.icon-rechts:before {
	content: "\2026";
	margin:0;
}
.icon-anfang:before {
	content: "\2019";
	margin:0;
}
.icon-ende:before {
	content: "\201C";
	margin:0;
}
a .icon-links:hover:before, a .icon-rechts:hover:before, a .icon-anfang:hover:before, a .icon-ende:hover:before  {
	color:#fff;
	margin:0;
}

@media only screen and (max-width:900px) and (min-width:481px) {
	#nav_schmal {
		display:block;
	}
	#nav_breit {
		display:none;
	}	
	.headerkleintitel{
		display:none;
	}
	#menu [class^="icon-"]:before, #menu [class*=" icon-"]:before {
		line-height:7px;
	}	
	#help-wrapper {
		width: 400px;
		margin-left: -200px;
	}
	#help {
		-webkit-overflow-scrolling:touch !important;
		width: 360px;
	}
	#headeroben {
		position:absolute;
	}
	#headerunten {
		position:absolute;
	}
	#maincontainer {
		background: transparent;
		margin:0px auto;
		float:none;
	}
	#textlinks {
		color: #333333; 
		margin:0px auto;
		float: none;
		word-wrap: break-word; 
	}
	#textrechts {
		margin:54px auto 0 auto;
		float:none;
		width:100%;
		max-width:640px;
		column-count:2;
		column-gap:72px;
		-webkit-column-count: 2;  
		-webkit-column-gap: 72px; 
		-moz-column-count: 2;  
		-moz-column-gap: 72px;
		column-rule-color: #ccc;
		column-rule-style: solid;
		column-rule-width: 1px;
		-webkit-column-rule-color: #ccc;
		-webkit-column-rule-style: solid;
		-webkit-column-rule-width: 1px;
		-moz-column-rule-color: #ccc;
		-moz-column-rule-style: solid;
		-moz-column-rule-width: 1px;
		widows:2;
		orphans:3;

		/* -webkit-margin-bottom-collapse: separate; */
	}
	.suchfeld {
		width:50%;
	}

}

@media only screen and (max-width:720px) {
	#prev_article, #next_article, #top {
		display:none;
	}
	.headertitel  {
		font-size: 28px;
	}

}

@media only screen and (max-width:640px) {
	.menutext { 
		display:none;
	}
	.titelbreak {
		display:block;
	}
	#seitentitel h2 {
		line-height: 8px;
		margin:4px 0 0 0;
	}
	.eingabe {
		width:100%;
	}
}

@media only screen and (min-device-width : 320px) and (max-width : 480px) { /* iPhone etc. */
	.suchfeld {
		width:100%;
	}
	object {
		display:none;
	}
	#nav_schmal {
		display:block;
	}
	#nav_breit {
		display:none;
	}
	#pagenav a, #pagenav a:visited, #pagenav em, #pagenav a:active { 

		padding: 7px 5px 3px 5px;
		margin: 2px 0 0 5px;
		height: 18px;
		line-height:1px;
	} 
	.drittel img {
		width:47%;
		height:auto;
		-webkit-transition:linear 0.2s;
		-moz-transition:linear 0.2s;
		-o-transition:linear 0.2s;
		transition:linear 0.2s;
	}
	.drittel a:nth-child(n+1) {
		margin:0 6% 18px 0;
	}
	.drittel a:nth-child(2n) {
		margin:0 0 18px 0;
	}

	#prev_article, #next_article, #top {
		display:none;
	}
	#textlinks object, #textlinks iframe  {
		width: 100%;
		height:auto;
		-ms-interpolation-mode: bicubic;
	}
	#headerklein {
		z-index: 10;
		display:none;
	}

	#maincontainer {
		background: transparent;
		padding: 136px 10px 10px 10px;
		width:90%;
		max-width:480px;
	}
	#textlinks {
		color: #333; 
		font-size: 14px;
		margin:0 auto;
		padding: 0;
		width: 100%;
		max-width:480px;
		border-right: none;
		float: none;
		word-wrap: break-word; 
	}
	#textrechts { 
		margin:50px auto 0 auto;
		float:none;
		width:100%;
		max-width:480px;
		font-size: 14px;
		padding: 0; 
		border-right: none;
		word-wrap: break-word; 
	}

	.stern    { 
		top:8px; 
		right: 10px; 
	}
	#seitentitel  {
		left : 10px;
	}
	#menu { 
		left: 4px;
	}
	.menutext { 
		display:none;
	}
	#menu [class^="icon-"]:before, #menu [class*=" icon-"]:before {
		top:4px;
		margin:0 6px 0 8px;
		line-height:6px;	
	}
	#prev_article, #next_article, #top {
		display:none;
	}
	#help-wrapper {
		width: 260px;
		height: 300px;
		margin-left: -130px;
		margin-top: -150px;
	}
	#help {
		-webkit-overflow-scrolling:touch !important;
		width: 240px;
		height: 240px;
		padding:10px;
	}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { /* iPad quer */

	#prev_article, #next_article, #top {
		display:none;
	}
	#maincontainer {

	}
	#textlinks {

	}
	#textrechts {

	}
	#help {
		-webkit-overflow-scrolling:touch !important;
	}
}

@media only screen and (min-width: 1560px) {
	#maincontainer {
		background: transparent;
		max-width:1250px;
		padding-top:126px;
	}
	#textlinks {
		max-width: 900px;
	}
	.wrapper {
		column-count:2;
		column-gap:72px;
		-webkit-column-count: 2;  
		-webkit-column-gap: 72px; 
		-moz-column-count: 2;  
		-moz-column-gap: 72px;
		column-rule-color: #aaa;
		column-rule-style: solid;
		column-rule-width: 1px;
		-webkit-column-rule-color: #aaa;
		-webkit-column-rule-style: dotted;
		-webkit-column-rule-width: 1px;
		-moz-column-rule-color: #aaa;
		-moz-column-rule-style: dotted;
		-moz-column-rule-width: 1px;
		widows:2;
		orphans:3;
		-webkit-margin-bottom-collapse: separate;
	}
	.wrapper a:active { 
		position:static;
	}

	.kommentareintrag {
		width: 790px;
		margin: 0 0 0 100px;
	}
	.ich .kommentareintrag {
		width: 800px;
		margin: 0 0 0 90px;
	}
	.ich {
		padding: 10px 0 10px 10px;
	}
	.kommentareintrag p {
		width: 98%;
	}
	.avatar {
		margin:2px 8px 0px -100px;
	}
	.ich .avatar {
		margin:2px 8px 0px -90px;
	}
	#kommentarspalte1 {
		float:right;
	}
	#kommentarspalte1a {
		padding-right: 80px;
	}
	#kommentarspalte2 {
		float:left;
	}
}