/* ----- mark old classes ----- */
.lnkintern, .lnklocal, .lnkextern{    background: #fbb !important;}
.lnkintern:before, .lnklocal:before, .lnkextern:before{
    content: "Alter Link!"; position: absolute; top: 10em; left: 0.2em;
    background: #fbb;
}


@font-face {
    font-family: "webfont0";
    font-style: normal;
    font-weight: 300;
	font-display: swap;
    /*
    src: url("/axel/fonts/Lato-Regular.ttf") format("truetype");
    */
    src: url("/axel/fonts/Quicksand-Regular.ttf") format("truetype");
	font-display: swap;
}
    /*
    */
@font-face {
    font-family: "webfont1";
    font-style: normal;
    font-weight: 300;
	font-display: swap;
	/*
    src: url("../../axel/fonts/ChelseaMarket-Regular.ttf") format("truetype");
    src: url("/axel/fonts/Lato-BlackItalic.ttf") format("truetype");
    src: url("/axel/fonts/CabinSketch-Bold.ttf") format("truetype");
    src: url("/axel/fonts/Righteous-Regular.ttf") format("truetype");
	*/

    src: url("/axel/fonts/Righteous-Regular.ttf") format("truetype");
	font-display: swap;
}
/*
@font-face {
    font-family: "webfont2";
    font-style: normal;
    font-weight: 300;
	font-display: swap;
    src: url("../../axel/fonts/CabinSketch-Bold.ttf") format("truetype");

}
*/
/* -- fix bootstrap menu -- */
.nav-justified > li {
    width: auto;
}

.nav a{
    background-image: none !important;
}
blockquote p {
    font-size: 100% !important;
    font-style: italic;
}
.row {
    margin-right:0;
    margin-left:0;
}
/* -- TAGS -- */
html, body{
    font-size: 1em;
}
body{
    background:#fff;
    background:#f8f8f8;
    background:linear-gradient(#cde,#fff,#fff,#fff,#dde) fixed;
    color: #345;
    font-size: 1.0em;
    font-family: "webfont0",verdana,Arial,sans-serif;
}
#divNavPrev, #divNavNext{ margin: 0 0.5em; position: fixed; height: 70%; width: 200px; border: 0px solid #f00; display: none; z-index: 0;}
#divNavPrev:hover, #divNavNext:hover{ z-index: 10000;}
#divNavPrev a:hover{background:linear-gradient(90deg, rgba(10,0,50,0.3), rgba(0,0,0,0.0)); }
#divNavNext a:hover{background:linear-gradient(90deg, rgba(0,0,0,0.0), rgba(10,0,50,0.3));}

#divNavPrev a, #divNavNext a{padding:20em 1em 0;height: 100%; width: 100%; display: block; color: #eee; text-decoration: none; border: 0px solid #f00;}
#divNavPrev a:hover, #divNavNext a:hover{color: #fff; text-shadow: 0 0 2px #000, 0 0 4px #000;}
#divNavPrev a:before{content: '<'; font-size: 400%; position: absolute; top: 3.5em;left: 0.3em;}
#divNavNext a{text-align: right;}
#divNavNext a:before{content: '>'; font-size: 400%; position: absolute; top: 3.5em; right: 0.3em;}
#divNavPrev{ left:0; border-left:0px solid #ddd; }
#divNavNext{ right:0; border-right:0px solid #ddd; }

.masthead .hint{
    margin: -0.5em 0 1em;
    padding: 0.3em; background: #ffc; display: none; 
    box-shadow: 0 0 2em #dca inset, 1px 1px 0 #fff, -1px 0px 0 #fff, 2px 2px 1em #ccc;
    border-radius: 0 0 0.5em 0.5em;
}
.masthead .hint em{color:#33c;}

.masthead h1{
    margin: 0; font-size: 200%;
    margin-bottom: -0.4em;
    font-family: "webfont0";
    font-size: 230%;
    padding: 0.1em 0.5em 0.1em 0.5em;
    background: #eee;
    background: linear-gradient(90deg,rgba(255,255,255,0.9) 10%,rgba(0,0,0,0));
    color: #335;
	font-weight: bold;
}
.masthead h1 a{
    color: #335;
    font-weight: bold;
}
.masthead h1 a:hover{text-decoration: none;}
#divmain h2{
    color:#558;
    font-family: verdana,arial;
    font-size: 250%;
    font-weight: bold;
    position: absolute;
    margin-top: -2.5em;
    
    text-shadow: -2px -2px 0 rgba(255,255,255,0.7), 
        2px 2px 0 rgba(255,255,255,0.7),
        0px 2px 0 rgba(255,255,255,0.7),
        2px 0px 0 rgba(255,255,255,0.7),
        0px -2px 0 rgba(255,255,255,0.7),
        -2px 0px 0 rgba(255,255,255,0.7),
        0px 0px 0.1em #000,
        0px 0px 1em #000
        ;
    background: linear-gradient(90deg, rgba(255,255,255,0.6), rgba(255,255,255,0.25));
    border-left: 0.6em solid rgba(255,255,255,0.8);
    font-family: "webfont0";
    padding: 0.1em 0.3em;
    text-shadow: 1px 1px 2px #fff, 0 0 0.1em #fff; 
	/*
	animation: h2move 2s;
	*/
}

		@keyframes h2move {
		  0%   {margin-top: -3.2em; opacity: 0.0;}
		  5%   {margin-top: -3.2em; opacity: 0.0;}
		  50% {margin-top: -2.5em;opacity: 0.6;}
		  100% {margin-top: -2.5em;opacity: 1;}
		}

#divmain h3:before{
	content: "►";
	content: "::";
	color:#ccc;
	margin-right: 0.2em;
}
#divmain h3{
	font-family: "webfont1";
    border-bottom: 0px dashed #dee;
    font-size: 220%;
    margin: 4em 0 2em;
    padding: 1em 0 0;
}
#divmain h3:first-of-type{
    margin-top: 0;
}
#divmain h4{color:#999; font-size: 160%; margin: 2em 0;}
#divmain h5{color:#aaa; font-size: 130%; }
#divmain h4,h5{
	font-family: "webfont1";
}

pre, .dp-highlighter{
    font-family: Menlo,​Monaco,​Consolas,​"Lucida console", "Courier New",​monospace;
    background: #eee;
    background: linear-gradient(20deg,#fff,#eee,#fff);
    color: #666;
    box-shadow: 0 0 1em #ddd inset;
}
pre strong{
    color:#949;background:#eeb;
}



/* -- IDs -- */
#contentteaser {
    margin-top: -8em; 
    position: absolute;
    width: 850px;
}
#contentteaser p{
    background: #558;
    color:#fff;
    font-family: "webfont0", arial;
    padding: 0.5em;
	font-size:120%;
    text-shadow: 1px 1px 3px #000, 0 0 0.3em #000;
	/*
	animation: teaserstart 1.0s;
	*/
}

		@keyframes teaserstart {
		  0%   {opacity: 0.0;}
		  100% {opacity: 1;}
		}

ul.breadcrumb{ 
    display: inline; 
    box-shadow: 0 0 20px #555;
    margin-left: -17em;
    position: absolute;
    top: 17em;
    box-shadow: none;
    background: #445;
}
ul.breadcrumb a{ color: #abc;}

#header-image{
    background-color: #abc;
    background-size: cover;
    background-position: 20% 50%;
    background-repeat: none;
    box-shadow: 0px -50px 60px #fff inset;
    position: fixed;
    top: 0;
    width: 100%;
    transition: all ease 0.1s;
}

@media (max-width: 768px) {#header-image{display:none;}}
#header-image-raster{
    width:100%;
    height: 100%;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVQImWNgQAI/fvxII5XDwMAAAMUvDTkOI2GXAAAAAElFTkSuQmCC) repeat;
}
#header-image{
    height: 60%;
}

#footer{
    border-top: 2px solid rgba(255,255,255,0.7);
    box-shadow: -1em -0.5em 8em rgba(10,20,40,1);
    padding: 5em 10% 3em 10%;
    /*
    position: fixed; bottom: 0;
    */
    width: 100%;
    z-index: 20;
}
#footer, #footer a{ color: #aaa; color: rgba(220,200,220,0.5);}

#footerinner{
    border: 0px solid #666;
    width: 75%;
}
#footerinner .boxes {
	border-top: 1px dashed rgba(255,255,255,0.15);
	color:#678;
	clear: both; margin-top:2em; padding-top: 1em;
}
#footerinner .boxes *{
	display: block; float: left; padding: 1em; margin: 0 1em 1em 0;
	background:rgba(255,255,255,0.01);
}
#footerinner .boxes .none{
	background:none;
}

#localStats{
    background:#f8f8f8;
    background:linear-gradient(#f8f8f8,#ddd,#f8f8ff);
    bottom: 5em;
    border: 3px solid #fff; 
    border-radius: 1em;
    box-shadow: 0 0 2em #888;
    color: #333;
    display: none;
    margin-left: auto;
    padding: 1em; 
    position: fixed;
}
.localstatsbar{
    background:#ace; 
    background:linear-gradient(#9bd,#bdf,#ace); 
    border-bottom: 1px solid #fff;
}
#sbright{
    /*
    box-shadow: -5px -0px 15px #ddd, -10px 0 20px #fff;
    */
    border-top-left-radius: 10px;
    background: #fff;
    background: #ccc;
    background: linear-gradient(70deg, #f2f0f8, #fafafa, #fff);
    
    padding-bottom: 2em;
    margin-left: 2em;
    margin-top: 4em;
    float: right;
    width: 300px;
    padding: 1em;
}
@media (max-width: 768px) {
    #sbright{margin-top: 1em;}
    #sbright ul{margin-left: 0.1em;}
}

#divmain{
    background:#fff;
    border-top-left-radius: 1em;
    margin-top: 180px;
    padding: 1em;
}

#gotop {
    background-color: #558;
    border-radius: 1em 1em 0 0;
    bottom: -1em;
    opacity:0;
    right: 1em;
    position: fixed;
    transition: all 0.5s ease-out;
    z-index: 9999999;
}
#gotop a {
    color: #ccc;
    display: block;
    padding: 1em 2em;
    text-decoration: none;
}
#gotop a span{display: none;}
#gotop a:hover span{display: inline;}

#gotop.affix
{
    opacity:0.9;
    bottom: 3em;
}

/* ----- sitemap ----- */
#divcontent .nav{
    float: left; width: auto;
    background: #fff; 
}
#divcontent > ul.nav > li{
    float: left;
    border-right: 1px dashed #ccc;
    padding: 0 2em;
}

/* ========== classes ========== */

/* -- Links -- */
a.lnkextern{
    background: url("/axel/defaultimages/sprites_icons.png") no-repeat scroll 0 -20px transparent;
    padding-left: 20px;
}

#divcontent a, #sbright p a{
	margin: 0.2em; 
}

.row a[href^="#"]{background:url("/axel/defaultimages/sprites_icons.png") 0px -36px no-repeat; padding-left:16px; text-decoration: none; }
.row a[href^="mailto:"].lnkemail{background:url(/axel/defaultimages/sprites_icons.png) 0px -78px no-repeat; padding-left:20px; padding-bottom: 4px;}

.row a[href^="http:"],
.row a[href^="https:"]
{background:url("/axel/defaultimages/sprites_icons.png") 0px -17px no-repeat; padding-left: 20px;}

.row a[href^="/"],
.row a[href^="."],
.row a[href^="https:\/\/c58\."],
.row a[href^="https:\/\/www\.axel-hahn\.de"],
.row a[href^="https:\/\/www\.axelhahn\.de"]
{
    background: url("/axel/defaultimages/sprites_icons.png") no-repeat scroll 4px 2px transparent;
    background-color: #dee;
	border: 1px solid rgba(0,0,0,0.05);
	border-radius:0.3em;
    color:#46b;
    padding: 0 0.5em 0 16px;
	transition: all 0.5s;
}
.row a[href^="/"]:hover,
.row a[href^="."]:hover,
.row a[href^="https:\/\/c58\."]:hover,
.row a[href^="https:\/\/www\.axel-hahn\.de"]:hover,
.row a[href^="https:\/\/www\.axelhahn\.de"]:hover
{
    background-color: #dfa;
}
.row div.csvdata table td>a,
.row main ul.nav a
{
    background-color: transparent !important;
	border: none;
}

.row a[href$=".ac3"],
.row a[href$=".csv"],
.row a[href$=".exe"],
.row a[href$=".m4a"],
.row a[href$=".mid"],
.row a[href$=".mp3"],
.row a[href$=".ogg"],
.row a[href$=".zip"]
{background: #fff0e0 url("/axel/defaultimages/sprites_icons.png") 0px -97px no-repeat; padding-left:20px;}

.row a[href^="mailto:"]
{
    background:url("/axel/defaultimages/sprites_icons.png") no-repeat scroll 0 -78px transparent; padding-left:20px;
}

.row .rsskeycloud a[href^="#"],
.row h3 a[href^="http"],
.row h3 a[href^="/"],
.row .searchResult a,
.row a[href$=".jpg"],
.row a[href$=".png"],
.song a[href^="#"],
.ccm-block-tags-wrapper a[href^="http"]
{
    background-image: none; padding: 0
}

.song a[href^="#"]{padding: 0 4px; box-sizing: content-box;}

.song a.songbtn[href^="#"]{background: #eee;}
.song a.songbtnactive[href^="#"]{background: #fa2;}

a.subpage{
    border: 1px solid #313;
    background-color: #818 !important;
    background-position: 4px 7px !important;
    color: #f8e0f8;
    margin: 0 1em 1em 0;
    padding: 0.3em;
    transition: 0.5s all;
}
a.subpage:hover{background-color: #c8c !important;}

/* fix player */
.row .mcpsystembutton > a{
    background: none;
    padding-left: 0;
}
.container, #footerinner{
    max-width: 1200px;
	margin: 0.5em auto 1em;
    padding: 0;
    width: 90%;
    position: relative;
}

.container{
    background: none;
    background: rgba(0,40,100,0.2);
	border-left: 0px solid rgba(0,30,60,0.01);
	border-right: 0px solid rgba(0,30,60,0.05);
	border-top: 3px solid rgba(0,0,0,0.01);
	border-bottom: 2px solid rgba(0,0,0,0.01);
	margin: 1.5em auto 20em;
}

.masthead ul.nav, #footer
{
    background: #334;
}

/* ----- top navigation ----- */

.masthead ul.nav{
    box-shadow: 0 1em 2em rgba(0,0,0,0.6);
    margin-bottom: 2em;
    margin-top: 1em;
    text-shadow: 1px 1px 0 #fff;
}
.masthead ul.nav li{border-right: 1px dashed rgba(255,255,255,0.15); float: left;}
.masthead ul.nav li a{
    border-top: 0px solid #556;
    background: none;
    color:#ddd;
    text-shadow: none;
    font-family: "webfont0", arial;
}
.masthead ul.nav li a span{
}

.masthead ul.nav li.nav-path-selected{
    background: #558;
}
.masthead ul.nav li.nav-path-selected a span{
    color:#fc0;
    text-shadow: 0 0 1px #000, 0 0 6px rgba(255, 255, 255, 0.9);
}
.masthead ul.nav li.nav-path-selected a{
    border-top-color: #fc0;
    color:#f8f8f8;
    text-shadow: 0px 0px 3px rgba(0,0,0,0.4);
}
.masthead ul.nav li a:hover{
    background: rgba(0,0,0,0.1);
}
.masthead ul.nav li a:hover span{
    color:#fff;
}
.masthead ul.nav li a span{color:#ccc; color:rgba(255,255,255,0.6); font-size: 150%; margin-right: 5px;}
.masthead ul.nav li a span.fas,
.masthead ul.nav li a span.far{margin-top: 3px;}


ul.naviH{margin:0 0 30px 0;padding:0;list-style:none;}
ul.naviH li {
    border: 1px solid rgba(0,0,0,0.1);
    border-left: 0px; border-top: 0px;
    border-radius: 10px;
    float:left; 
    margin: 0 10px 0 0; 
    padding:7px;
}
ul.naviH li.active{
    border: 1px solid rgba(0,0,0,0.2);
    border-right: 0px; 
    border-bottom: 0px;
    font-weight: bold;
}
ul.naviH li a{text-decoration: none; color:#aaa;}
ul.naviH li.active a{text-decoration: none; color:#888;}

ul.affix {position: relative;}

.masthead > nav > ul.affix { 
    border-bottom: 0px solid #fff;
    margin-top: 0;
    position: fixed;
    top: 0;
    width: auto;
    z-index: 10000;
}
.masthead > nav > ul.affix > li > a { line-height: 0;
                                      padding-bottom: 10px;
                                      padding-top: 3px;
                                      top: 0px;
}
.masthead > ul.affix.breadcrumb{ top: 3.5em;
                                 position: fixed;
                                 padding-bottom: 3px;
                                 padding-top: 3px;
                                 box-shadow: 0 5px 15px #888;
                                 z-index: 1000;
}

#mytoppages{
    background: rgba(255,255,255,0.9); 
    border: 3px solid #666; 
    border-radius: 0.5em;
    box-shadow: 0 0 10em #000; 
    position: fixed; 
    margin-left: 15em; 
    top: 10em; 
    display: none; 
    padding: 0.5em; 
    z-index: 200;
}
#mytoppages div.title{background:rgba(0,0,0,0.05); border-bottom: 1px solid #ccc; padding: 0.5em; font-size: 130%; color:#888;}
#mytoppages .close a{float: right; background:rgba(250,0,0,0.9); padding: 0 0.5em 0.3em; color: #fff; }

#searchformontop{
    float: right; margin-right: 3em; margin-top: 0em;
}

div.warning{background: #fc8; color: #651; padding: 0.3em;}

/* ----- sidebar navigation ----- */

#sbright ul li ul{display: none;}
#sbright ul li.nav-path-selected ul{display: block;}

#sbright.sidebar h4,
#sbright.sidebar .ccm-tags-display h4{
    border-top: 2px dashed #ddd;
    color:#69a;
    font-family: "webfont1";
    font-size: 170%;
    margin-top: 2em;
    padding-top: 1em;
    text-shadow: none;
}
.sidebar h4 span,
.sidebar .ccm-tags-display h4 span{
    font-size: 200%;
    text-shadow: 1px 1px 0 #999, 4px 4px 6px #ccc;
    float: right;
}
#sbright.sidebar h5{
	clear: both;
	font-size: 120%;
	opacity: 0.7;
	background:#e8f0f4; padding: 0.5em;
	border-bottom: 2px dotted #815;
	}
.sidebar ul.nav{
    background: #445;
    margin-bottom: 3em;
}
.sidebar ul.nav  a{background: none;}

#divcontent .nav > li,
.sidebar ul.nav li {
    display: block;
    float: none;
    list-style-type: none;
    margin-left: 0px;
}
#divcontent ul.nav-lev1 li,
#divcontent ul.nav-pills li
{
    float: left;
}
.nav-pills a{color:#789;}
.nav-pills .active{background:#9ab;}

.sidebar ul.nav > li > a:before{
    content: '▒';
    margin-right: 0.5em;
}
#divcontent .nav-justified > li > a,
.sidebar ul.nav > li > a{
    background: none;
    border-top: 1px solid #fcfcff;
    color: #bbc;
    font-family: "webfont10", arial;
    font-weight: normal;
    padding: 0.7em;
    text-align: left;
}
#divcontent .nav-justified > li > a{
    color: #999;
}
.sidebar ul.nav > .nav-path-selected > a {
    background: #558;
    color: #f8f8f8;
    text-shadow: 0 0 0.5em #333;
}
.sidebar ul.nav > li.nav-path-selected > a:before{
    content: '▒';
    color: #fc2;
}
.sidebar ul.nav > .nav-path-selected > a:hover {
}

/* 2nd level */
.sidebar ul.nav  li ul{padding-left: 1em;
                               background: #bbc;
}
.sidebar ul.nav  li ul a{
    color: #667;
    font-family: "webfont10", arial;
    display: block;
    padding: 0.4em;
}
.sidebar ul.nav  li ul li{
    border-top: 1px dashed rgba(0,0,0,0.1);
    border-left: 3px solid rgba(0,0,0,0);
}
.sidebar ul.nav  li ul li.nav-path-selected{
    border-left: 3px solid #88a;
    border-left: 3px solid rgba(0,0,0,0.2);
    background: #aac;
}
.sidebar ul.nav  li ul li.nav-path-selected a{
    text-shadow: 0 0 0.3em #111;
    color: #f8f8f8;
}

.sidebar hr{
    clear: both;
    border-top: 2px dashed #ddd;
    margin: 0px 0 10px 0;
}

/* icon in taglist */
.sidebar ul.ccm-tag-list{margin: 0 0 1em; padding: 0; background: none !important;}
ul.ccm-tag-list li{margin: 0.4em 0 !important; -moz-box-sizing: border-box;}
ul.ccm-tag-list a{padding: 0.2em 0.5em 0.2em 0.2em !important; margin: 0.5em 0;}


/* ========== datatables ========== */

.dataTables_length {float: left;width: auto;}
.dataTables_filter {float: left; padding-left: 5em; text-align: left; width: 50%;}
.dataTables_wrapper {box-shadow: 0 0 1em #ddd; padding: 1em 1em 3em; border-radius: 1em;}
table.display {clear: both; margin: 0 auto 1em; width: 100%; }
td{padding-left: 0.5em; padding-right: 0.5em;}


/* ========== ========== */

.clickimage{
    background: radial-gradient(#cccccc, #EEEEEE, #f0f8e8, #FFFFFF) repeat scroll 0 0 transparent;
    background: radial-gradient(#86b, #FFFFFF) repeat scroll 0 0 transparent;
    background: radial-gradient(#bad, #FFFFFF) repeat scroll 0 0 transparent;
    border: 5px solid #FFFFFF;
    border-bottom-right-radius: 18px;
    border-top-left-radius: 18px;
    box-shadow: 0 0 25px #EEEEEE;
    height: 110px;
    margin-right: 5px;
    padding: 11px 0 0 12px;
    padding: 0;
    width: 110px;

    background: radial-gradient(#c8c0e0, #FFFFFF) repeat scroll 0 0 transparent;
    padding: 1.4em;
    height: 160px;
    width: 160px;
    opacity: 0.5;
}

img.teaser{
    border: 1px dotted #ebe; 
    border-radius: 0.5em; 
    box-shadow: 0 0 0.2em #ccc;
    margin: 0 1em 1em 0 ; padding: 1em;
}
img.teaser:hover{
    box-shadow: 0 0 0.05em #ccc;
}

.ccm-ui input, .ccm-ui textarea, .ccm-ui select, .ccm-ui .uneditable-input{
    height: 2em;
}

.song{padding: 8px; border-bottom: 1px dashed #ccc;}

ul.boxes {padding: 0;}
ul.boxes li { border: 1px solid #f0f4f8; box-shadow: 0 0 0em #f0f0f0; list-style: none; margin: 0 0 1em 0; padding: 1em; width:95%; }
ul.boxes li:nth-child(odd) { background: #d1e1e5; float: left;}
ul.boxes li:nth-child(even) { background: #ced; float: right;}
ul.boxes li:hover { border: 1px solid #cde; }

/* ---------- RSS ---------- */
#iNewRssMsg{position: absolute; top: 130px; left: 34em; padding: 0.2em 1em; border-radius: 1em; width: 17em; z-index: 200;}
#iNewRssMsg.visible{background: linear-gradient(rgba(255,255,255,0.3), #fff ,rgba(255,255,255,0.7));}
#iNewRssMsg span{font-size: 400%; font-weight: bold;color: #d93; float: left; margin-right: 0.2em; }
#iNewRssMsg a{padding-left: 0; background: none;}

#divmain .newsdiv h3{margin: 0; border: 0px solid #eee; border-radius: 0.3em; padding: 0.4em 0.4em;}
#divmain .newsdiv h4{margin: 0; display: inline; float: left; border: 0px solid #eee; border-radius: 0.3em; padding: 0.4em 0.4em; margin-left:0.4em;}
.rssitem{
    background-color: transparent;
    border: none; border-radius: 0; box-shadow: none; 
    clear: left;
    float: none;
    height: auto;
    margin: 0 0 0 2em;
    opacity: 1;
    padding: 0.5em 1em;
    width: auto;
    transition: all ease-in-out 0.3s;
}
.newrssitem{
    border-left: 2px dashed #eb6;
}
.rssitem a{background: none !important; padding-left: 0 !important; text-shadow: 1px 1px 1px #fff; }
.rssitem .headline{font-size: 100%; display: inline; padding:0; }
.rssitem .pubdate{color:rgba(0,0,0,0.5); width: 170px; display: block; float: left; text-align: center;}
.rssitem .texts{display: block; margin-left: 170px; }
.rssitem .rsslink{}
.rssitem .rssfeed{color:#9bc; float: right; opacity: 0.4;}
.rssitem .description{}
.rssitem .description img{border: 1px solid #fff; box-shadow: 0 0 10px #aaa; max-height: 200px; max-width: 350px;}
.rssitem:nth-child(odd)  .description img{float: left; margin: 0 1em 0.3em 0; border-radius: 0 0 0 1em; }
.rssitem:nth-child(even) .description img {float: right; margin: 0 0em 0.3em 1em; border-radius: 0 0 1em 0; }
.rssitem .category{color:#aca; font-size: 80% !important;}
    /*
.rssitem:hover{
    background: #fafafa !important;
    border-left: 2px solid #abc;
    background: linear-gradient(#f8f8f8,#fff,#f8f8f8,#f0f0f0) !important;
}
    */
.rssitem:hover .rssfeed{opacity: 1;}

.rssitem.rssitem-boxes{
    border-left: none;
    border-bottom: 2px solid rgba(255,255,255,0.3);
    box-shadow: 0px 0px 7px rgba(0,0,0,0.1);
    clear: none;
    float: left;
    height: 15em; 
    margin: 10px 10px 2em 0;
    overflow: hidden;
    padding: 0.3em 10px;
    width: 32%; 
} 
.rssitem.rssitem-boxes .pubdate{width: 100%;}
.rssitem.rssitem-boxes .texts{margin-left:0; }
.rssitem.rssitem-boxes .headline{display: block; font-size: 120%; font-weight: bold;}
.rssitem.rssitem-boxes .rssfeed{float: none;}
.rssitem.rssitem-boxes .category{display: none;}
.rssitem.rssitem-boxes .description img{max-width: 100px;}

.rssitem.rssitem-detail{border-top: 0px dotted #eee; padding: 1em 0 6em; }
.rssitem.rssitem-detail a{backgroundx: linear-gradient(-10deg, #fff 60%,#e8f0f8) !important; margin: 0 !important; text-shadow: none;}
.rssitem.rssitem-detail .rssfeed{float: none; display: block; transform: skew(-10deg); opacity:0.7;}
.rssitem.rssitem-detail .rssfeed span{border-left: 0.4em double; padding: 0.1em 0.4em 0.1em 0.3em ;}
.rssitem.rssitem-detail .headline{display: block; margin-bottom: 1em;}
.rssitem.rssitem-detail .headline a{font-size: 150%; }
.rssitem.rssitem-detail .pubdate{background: linear-gradient(90deg, #f4f4f4, #fff); margin-top: 1.7em;}

.rssitem.rssitem-detail .texts{border-radius: 1em; box-shadow: 0 0 0.1em #eee; transition: all .5s; padding: 1em;}
.rssitem.rssitem-detail .texts:hover{box-shadow: 0.1em .1em 0.5em #ddd; }
.rssitem.rssitem-detail .texts:after{content:'';display: block;clear: both;}

.rssitem.rssitem-simple .category, 
.rssitem.rssitem-simple .description{display: none;}


.olditem{opacity:0.4 !important;}
.olditem .description{display: none !important;}
.olditem .rssfeed{display: none !important;}

.highlight{background:#fc8;}

.rssfilterdiv{/* background:#fafcff; padding: 8px; */ border-bottom: 0px solid #eef;}
.rsssourcediv{margin-left: 80px; background:rgba(0,0,0,0.03); padding: 10px;}
.rsskeycloud{
    box-shadow: 0 0 25px #eee;
    margin: 2em 0;  
    padding: 0.5em 1em;
    width: 55%; 
}

.eRssFilter{
    display: inline;
    height: auto;
    width: auto;
}
.toolbarOLD{background: linear-gradient(#eee,#fff,#eee); margin: 5px 0; padding: 10px; border: 3px solid #fff; box-shadow: 0 0 15px #eee; border-radius: 10px;}
.toolbar{background: #f8f8f8; margin: 5px 0; padding: 10px;}
.row .toolbarView a[href^="#"]{background-image: none;}
/*
.viewDetail, .viewSimple, .viewBoxes{text-decoration: none; font-weight: normal;color:#aaa; padding-left:20px; padding-bottom: 4px;}
.viewDetail *, .viewSimple *, .viewBoxes * {padding-left:24px;}
.viewDetail{background:url("../../axel/images/nuvola/16x16/actions/view_detailed.png") 10px 7px no-repeat; }
.viewSimple{background:url("../../axel/images/nuvola/16x16/actions/view_text.png") 10px 7px no-repeat; }
.viewBoxes{background:url("../../axel/images/nuvola/16x16/actions/view_multicolumn.png") 10px 7px no-repeat; }

.textfilter{background:url("../../axel/images/nuvola/16x16/actions/viewmag.png") no-repeat; padding-left:20px; padding-bottom: 4px;}
*/

/* ---------- Lightbox ---------- */
.lightboxed-image-block{
    border: 0px solid #f00;
    float: left; 
    height: 230px;
    margin: 0 1em 1em 0;
}
.lightboxed-image{
    border-radius: 1em;
    border: 2px solid #eee;
    box-shadow: 0.2em 0.2em 1em #888;
    transition: all 0.5s;
}
.lightboxed-image:hover{
    transform:  scale(1.05) rotate(-0.3deg);
}


.lightboxed-image-caption{
}
.lightboxed-image-caption-content{
    margin: 4px;
}

/* ---------- Suchseite (Tags) - Formular ausblenden ---------- */
.ccm-search-block-form > h3,
.ccm-search-block-form > input{display: none;}


/* ---------- Icons ---------- */
.icoblue{color: #428BCA;}
.icogreen{color: #8c8;}
.icogray{color: #ccc;}

/* ---------- Social bar ---------- */

#socialbar{
    background: linear-gradient(#f8f4e8, rgba(255,255,255,0));
    background: #fff;
    border: 2px solid #eee;
    bottom: 2em; right: 18%;
    margin-top: 20px; 
    padding: 15px 5px 15px 1em ;
    position: fixed;
    transition: all ease-in-out 0.3s;
}
#socialbar:hover{bottom: 2.5em; border: 2px solid #ace;}
#socialbar span.glyphicon{font-size: 120%; color:#ddd; }
#socialbar ul{list-style: none; display: inline;}
#socialbar ul li{float: left;}


.share{padding:3px 0 15px 38px; width: 40px !important; height: 40px;
       opacity: 0.3; transition: ease-in-out all 0.3s;
}
.share:hover{opacity: 0.9;}
.share span{display: none; position: absolute; margin-left: -3em; margin-top: -7em; padding: 10px;
            background: #fea; color:#666; border: 3px solid #ed9; z-index:100;}
.share:hover span{display: block;}


.email{background: url(../../themes/theme_axel_hahn_de/images/icons-social-32x32/forum.png) no-repeat;}
.facebook{background: url(../../themes/theme_axel_hahn_de/images/icons-social-32x32/facebook.png) no-repeat;}
.gplus{background: url(../../themes/theme_axel_hahn_de/images/icons-social-32x32/gplus.png) no-repeat;}
.twitter{background: url(../../themes/theme_axel_hahn_de/images/icons-social-32x32/twitter-bird.png) no-repeat;}
.delicious{background: url(../../themes/theme_axel_hahn_de/images/icons-social-32x32/delicious.png) no-repeat;}


.error{background: #faa !important;}

#myclock{
    position: absolute; 
    right: 1.5em; 
}

/* ---------- project listing ---------- */

div.project{border-bottom: 2px dashed #dde; margin: 0 0 1em 0;}
div.project .title{font-size: 130%; padding: 0.2em;}
div.project .content{padding: 1em;}

.image{border: 0px solid #abc; float: left; margin: 0 1em 1em 0; max-height: 20em; max-width: 70%; overflow: hidden; }
.image img{
    max-height: 80%;
}
div.project .content .leftbox{float: left; border-right: 0px dotted #eee; padding-right: 1em; margin-right: 1em; max-width: 30%;}
div.project .content .leftbox .image{border: 0px solid #eee; margin-bottom: 1em;}
div.project .content .leftbox .image img{border: 0px dotted #abc; max-width: 100%; padding: 0em;}
div.project .content .leftbox .image .description{font-style: italic;}
div.project .content .rightbox{float: right; border-left: 0px dotted #eee; padding-left: 1em; margin-left: 1em; width: 270px;}
div.project .content .rightbox span{font-size: 300%; text-shadow: 1px 1px 0 #999, 4px 4px 6px #ccc; float: right;}

div.project .content .bottombox{border-top: 2px solid #eee; clear: both; margin-top: 1em; padding-top: 1em; }
div.project .content .bottombox .image{border: 1px solid #eee; float: left; margin: 0 1em 1em 0; padding: 0; height: 20em; width: 31%; overflow: hidden; opacity: 0.7;}
div.project .content .bottombox .image a{background: none; max-height: 80%;}
div.project .content .bottombox .image img{border: 0px solid #0f0; margin: 1em;}
div.project .content .bottombox .image .description{padding: 0.5em;}
div.project .content .bottombox .image:hover{border: 1px solid #abc; box-shadow: 0 0 3em #ccc; opacity: 1; }
div.project .content .bottombox .image:hover .description{background: #789; color:#eee;}

.programminglanguage .lang{font-size: 120%; font-weight: bold;}
.programminglanguage .lang-PHP{color:#86a;}
.programminglanguage .lang-Delphi{color:#68a;}
.programminglanguage .lang-JS{color:#a68;}
.type div{color:#aaa; font-weight: bold;}
div.projectmore{border: 2px dashed #dde; float: left; margin: 0 1em 1em 0; padding: 1em;height: 8em; width: 31%;}

/* ---------- quicksearch ---------- */
#qsresult{
    /*
    position: absolute; margin-top: -2em; margin-left: -400px;
    width: 320px;
    border: 3px solid #def; border-radius: 0.5em 0 0.5em 0.5em;
    padding: 1em;
    background: #fff;
    box-shadow: 0 0 1em #888;
    opacity: 0.9;
    */
    background: #f8f8f8;

    /*
    position: fixed; top: 10em; right: 30em;
    width: 400px;
    background: #fff;
    padding: 1em;
    border: 3px solid #ccc; border-radius: 0.5em;
    box-shadow: 0 0 1em #888;
    */
}
.result-top{ background:#fec; font-weight: bold;}
.result-first{ background:#E8F0F8; }
.result-other{ font-style: italic;}
.result-suggest{ font-style: italic; color:#ccc;}
#qsresult ul{padding: 0;}
#qsresult li{list-style: none;}
#qsresult li a{display: block;}
#qsresult .bg0{color: #3c3;}


/* ---------- reponssive design ---------- */

@media (max-width: 1000px) {
    .masthead h1{color:#66a; background: none !important;}
    #myclock, #searchformontop,#divNavPrev,#divNavNext,#h3list
        {display:none !important;}
    #contentteaser p{
        width: 40%; float: left;
    }
    .container{width: auto; margin: 0;padding:0;}
    #sbright{padding:0; width: 200px;}
    .masthead ul.nav {
	border: 0px;
        box-shadow: none;
        margin: 0px;
    }
    #divmain h2{margin-top: -1.5em;}
    .sidebar ul.nav > li > a:before{content: '' !important;}
    #footer{
        position: relative;
    }
}

/* ---------- Drucken ---------- */

 @media print{
    nav,
    div#myModal,
    .noprint{
        display:none;
    }
}