/*!
css 
(c) 2019, 2020 toonsup.com
author: i.decker, www.webdecker.de
date: 2019-12-02, 2020-01, 2020-02...
*/

/* -------------------------------------- */
/* Basics, reset */
/* -------------------------------------- */
body { padding: 0; margin: 0; display: block; width: 100%; }

div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea { margin: 0; padding: 0; }
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; vertical-align: top; }
abbr, acronym { font-variant: normal; border-bottom: 1px dotted #444; cursor:help; }
blockquote, q { quotes: none; }
fieldset, img { border:0; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
del { text-decoration: line-through; }
ins { text-decoration: none; }
hr { border: 0; border-top: 1px solid #dddddd; }

div, section, aside, nav, header, footer, main { display: block; position: relative; box-sizing: border-box; }
p { display: block; position: relative; padding: 0; margin-bottom: 12px; }

img { max-width: 100%; height: auto; }
img.left { max-width: 50%; display: block; float: left; margin-right: 10px; margin-bottom: 10px; }
img.right { max-width: 50%; display: block; float: right; margin-right: 10px; margin-bottom: 10px; }
figure { max-width: 100%; display: block; position: relative; text-align: center; }
figure img { display: block; margin: 0 auto 0 auto; }
figcaption { box-sizing: border-box; padding: 8px 12px 8px 12px; color: #888888; /*  background: #eeeeee;  */ }
figure.float_right { float: right; margin: 0 0 12px 12px; }
figure.float_left { float: left; margin: 0 12px 0 12px; }
img.float_right { float: right; margin: 0 0 12px 12px; }
img.float_left { float: left; margin: 0 12px 0 12px; }
#top #wrapper img.max100 { max-width: 100px; }
#top #wrapper img.max200 { max-width: 200px; }
#top #wrapper img.max300 { max-width: 300px; }


#lb_sw .lb_item img { max-width: none; }

.clear, .clearfix { clear: both; display: block; }

body#top .invisible { display: none; }
body#top .mobile { display: none; }
body#top .nomobile { display: block; }
body#top .printblock { display: none; }
body#top .printinline { display: none; }
body#top .screenblock { display: block; }
body#top .screeninline { display: inline; }

/* -------------------------------------- */
/* Fonts */
/* -------------------------------------- */

body { font-family: Lato, Trebuchet MS, Helvetica, Arial, sans-serif; font-weight: normal; font-size: 15px; line-height: 20px; font-weight: 400; }
.select2-results__option, .select2-container--default .select2-selection--single .select2-selection__rendered,
input { font-family: Lato, Trebuchet MS, Helvetica, Arial, sans-serif; font-weight: normal; font-size: 15px; line-height: 20px; }
textarea, select, option, button { font-family: Lato, Trebuchet MS, Helvetica, Arial, sans-serif; font-weight: normal; font-size: 15px; line-height: 20px;  }

.fa, .fab:before, .faa:after,
#o_search a:after,
#o_upload a:after,
#o_menu a:after,
#o_user a:after,
#container ul li:before,
#mainmenu .level_1 > li > a.submenu:after,
#submenu li a:before,
#momenu li a:before,
#momenu a.submenu > span:after,
#header a.close:before,
p.back a:before,
div.toggler:after,
a.toggle:after,
.ce_text a:before,
.download-element a:before,
i.calendar:before,
.social a span:before,
.share a span:before,
.more a:after, a.more:after, /* f101 */
.actions a.remove:before, .actions a.add:before, .actions a.edit:before,
.actions a.contactartist:before, .actions a.report:before,
.ce_comments a.remove:before, .ce_comments a.edit:before,
.actions a.alarm:before,
xxx
	{ font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.social a span:before,
.share a span:before,
xxx
	{ font-family: "Font Awesome 5 Brands";  }

	
a { text-decoration: none; }
a:hover { text-decoration: none; }
a:hover img { opacity: 0.8; }
#header a { text-decoration: none; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
nav a { text-decoration: none; }
#wrapper .ce_text a { text-decoration: underline; } 
#wrapper .ce_text a.more { text-decoration: none; } 
#wrapper .ce_text > .inside > a { text-decoration: none; color: #333; display: block; } 

h1 { font-size: 32px; line-height: 40px; margin: 0 0 1ex 0; font-weight: 700; }
h2 { font-size: 26px; line-height: 32px; margin: 0 0 1ex 0; font-weight: 700; }
h3 { font-size: 22px; line-height: 28px; margin: 0 0 1ex 0; font-weight: 700; }
h4 { font-size: 18px; line-height: 22px; margin: 0 0 1ex 0; font-weight: 700; }
h1 a, h2 a, h3 a, h4 a { color: inherit; }
strong { font-weight: 700; }

div.toggler { font-size: 22px; line-height: 28px; margin: 0 0 1ex 0; font-weight: 700; }
.h2 div.toggler { font-size: 26px; line-height: 32px; margin: 0 0 1ex 0; font-weight: 700; }
.h4 div.toggler { font-size: 18px; line-height: 22px; margin: 0 0 1ex 0; font-weight: 700; }


figcaption { font-family: Lato, Arial, Oswald, sans-serif; font-size: 13px; line-height: 18px; }




/* -------------------------------------- */
/* Icons */
/* -------------------------------------- */

div.toggler:after,
a.toggle:after { content: "\f078"; display: inline-block; padding-left: 4px; margin-left: 4px; }
div.toggler.open:after,
a.toggle.open:after { content: "\f077";  }

#mainmenu .level_1 > li > a.submenu:after { content: "\f078"; display: inline-block; padding-left: 4px; margin-left: 4px; line-height: 20px; }
#mainmenu .level_1 > li > a.submenu.open:after { content: "\f077";  }

#momenu a.submenu > span:after { content: '\f078'; display: inline-block; width: 24px; font-size: 15px; vertical-align: top; text-align: right; }
#momenu a.submenu > span { display: inline-block;  }
#momenu a.submenu.open  > span:after { content: '\f077'; }

#header a.close:before { content: '\f077'; display: inline-block; }
#header a.close span { display: none; }

#o_search a:after { content: "\f002";  }
#o_search a.open:after { content: "\f002"; }
#o_search a span { display: none; }

.anonym #o_upload { display: none; }
#o_upload a:after { content: "\f574";  }
#o_upload a.open:after { content: "\f574"; }
#o_upload a span { display: none; }

#o_menu a:after { content: "\f0c9";  }
#o_menu a.open:after { content: "\f0c9"; }
#o_menu a span { display: none; }

#o_user a:after { content: "\f007";  }
#o_user a.open:after { content: "\f007"; }
#o_user a span { display: none; }
#o_user.loggedin a span { display: block; width: 32px; height: 32px; overflow: hidden; }
#o_user.loggedin a span img { display: block; width: 32px; height: auto; }
#o_user.loggedin a:after { display: none; }

#container ul li:before { content: '\f0da'; display: block; width: 16px; margin-left: -16px; float: left; }


.more a:after, a.more:after { content: '\f101'; display: inline-block; width: 16px; vertical-align: bottom; line-height: 19px; margin-left: 4px; vertical-align: bottom; line-height: 19px; }

#submenu li a:before { content: '\f0da'; display: inline-block; width: 16px; margin-left: -16px; font-size: 22px; vertical-align: top; }

.popup #container p.back { display: none; }

p.back a { display: inline-block; }
p.back a:before { content: '\f137'; display: inline-block; padding-right: 6px; vertical-align: bottom; line-height: 22px; }

/* .ce_text a:before, */
xxx 
	 { content: '\f30b'; display: inline-block; margin-right: 6px; }

.social a, .share a { display: inline-block; width: 48px; height: 48px;  }
.social a span, .share a span { display: block; width: 48px; height: 48px; font-size: 48px; line-height: 48px; }

.social a span:before,
.share a span:before { display: inline-block; }

a.facebook span:before { content: '\f082'; }
a.twitter span:before { content: '\f081'; }
a.instagram span:before { content: '\f16d'; }

a.linkedin span:before { content: '\f08c'; }
	 
	 
.actions a.remove { display: inline-block; padding-left: 20px;  }
.actions a.remove:before { content: '\f2ed'; display: inline-block; margin-left: -20px; width: 20px; }
.actions a.add { display: inline-block; padding-left: 20px;  }
.actions a.add:before { content: '\f058'; content: '\f055'; display: inline-block; margin-left: -20px; width: 20px; }

.actions a.edit { display: inline-block; padding-left: 20px;  }
.actions a.edit:before { content: '\f044'; display: inline-block; margin-left: -20px; width: 20px; }
.ce_edit a.edit:before { display: none; }



.actions a.report { display: inline-block; padding-left: 20px;  }
.actions a.report:before { content: '\f25a'; content: '\f0f3'; display: inline-block; margin-left: -20px; width: 20px; }

.actions a.contactartist { display: inline-block; padding-left: 20px;  }
.actions a.contactartist:before { content: '\f674'; display: inline-block; margin-left: -20px; width: 20px; }

.actions a.alarm { display: inline-block; padding-left: 20px; color:#aa0000; }
.actions a.alarm:before   { content: '\f0f3'; display: inline-block; margin-left: -20px; width: 20px; }






.ce_comments a.edit { display: inline-block; padding-left: 20px;  }
.ce_comments a.edit:before { content: '\f044'; display: inline-block; margin-left: -20px; width: 20px; }
.ce_comments a.remove { display: inline-block; padding-left: 20px;  }
.ce_comments a.remove:before { content: '\f2ed'; display: inline-block; margin-left: -20px; width: 20px; }


/* -------------------------------------- */
/* Colors */
/* -------------------------------------- */

body { background: #444; color: #333; }
body.popup { background: #fff; }
input { color: #333; }
textarea, select, option, button { color: #333; }

a { color: #64a9d3; }
a:hover { color: #ffa62e; }

#buttons a.open { color: #ffa62e; }
body #totop a { color: #ffa62e; }

mark, .highlight, p.confirm { color: #ffa62e; background: transparent; font-style: italic;  }



h1, h2, h3, h4 { color: #333; }
#footer h1, #footer h2, #footer h3, #footer h4 { color: #fff; }
div.toggler, .h2 div.toggler, .h4 div.toggler { color: #333; }

#wrapper { background: #fff; }
#header { background: #fff; }
#header { background: #fff; }
#head_top { background: #fff; }
#head_logo { background: #fff;  }
#head_menu { background: rgba(255,255,255,0.8);  }
#container { background: #fff; }
#footer { background: #444; color: #fff; }
#footer a { color: #fff; }
#support { background: #999; }
	#support .ce_text a:hover { color: #ffa62e; }
#service { background: #666; }

.pagination li > span { color: #000; }
.pagination a.current, .pagination a.active, .pagination ul li > span { background-color: #ffa62e; color: #fff; }
.pagination a:hover { background-color: #64a9d3; color: #fff; }
.pagination a { border: 1px solid #999; background: #fff; }
.pagination li > span { border: 1px solid #999; background-color: #ffa62e; color: #fff;  }

.pagination li > span, .pagination a { 
	text-align: center; cursor: pointer; padding: 6px 24px 6px 24px; -webkit-border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px;
	background: #64a9d3; color: #ffffff; border: 1px solid #eee; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.pagination a:hover, .pagination a.current, .pagination a.active  { 
	background: #ffa62e; 
}


.ce_edit a.edit, .ce_edit a.delete, .ce_edit a.view,
.button a,
a.button,
button.submit,
input.submit { background: #64a9d3; color: #ffffff; border: 1px solid #eee; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.ce_edit a.edit:hover, .ce_edit a.delete:hover, .ce_edit a.view:hover,
.button a:hover,
a.button:hover,
button.submit:hover,
input.submit:hover { background: #ffa62e; color: #fff; }

p.error { border: 1px solid #880000; background: #ffa62e; color: #880000; }

#sysmsg, .sysmsg { border: 1px solid #64a9d3; background: #c5deed; }
#sysmsg.error, .sysmsg.error { border: 1px solid #880000; background: #ffa62e; color: #880000; }

#chatnotification { border: 1px solid #64a9d3; background: #c5deed; }
	



/* -------------------------------------- */
/* Layout */
/* -------------------------------------- */

/* general, sizes */
#container, .w, .fullsize #main .mod_article > div, .fullsize div.fullsize.w > .inside > div { width: 100%; max-width: 1080px; margin-left: auto; margin-right: auto; }
.fullsize #container { width: 100%; max-width: none; }
.fullsize #main .mod_article > div.fullsize { max-width: none; width: 100%;  }

#container .mod_article > div { margin-bottom: 32px; }
#left > .inside > .block { margin-bottom: 32px; }
#container .layout_full > .block { margin-bottom: 32px; }

#container .mod_article > div:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0;  }


#wrapper { width: 100%; }
#header { width: 100%; z-index: 1000; }
	#header > .inside { z-index: 1000; }
	#head { z-index: 1000; width: 100%; }
	#o_menu { display: none; }
	#c_momenu { display: none; }
	
	#header div.close { text-align: center; padding: 12px 0 0 0; }
	#header a.close { display: inline-block; width: 32px; height: 32px; font-size: 32px; line-height: 32px; box-sizing: border-box; text-align: center;  }
	#header a.close b { display: block; font-size: 32px; line-height: 32px; }

#container { clear: both; z-index: 1; overflow: hidden; }
	#container { padding-left: 300px; }
	.fullsize #container { padding-left: 0; }
	#container:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
	#left { width: 300px; margin-left: -100%; float: left; left: -300px; }
		#left > .inside { padding: 32px 32px 32px 0; }
		.fullsize #left { display: none; }
	#right { display: none; }
	#main { float: left; width: 100%; }
		#main > .inside { padding: 32px 0 32px 0; }
		.fullsize #main { float: none; }
#footer { clear: both; z-index: 2; padding-bottom: 64px; width: 100%; }
	#support { padding: 24px 0 24px 0; }
		#support .ce_text a { text-decoration: none; }
		#support .ce_text { text-align: center; }
	#service { padding: 36px 0 24px 0; }
	#copy { width: 150px; float: left; margin: 0 12px 12px 0; }
	#footermenu { float: right; }
	#copyright { padding-top: 12px; }
	#copyright:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
	
#totop { position: fixed; bottom: 0; right: 0; text-align: center; background: rgba(255,255,255,0.5); z-index: 10000; }
#totop:hover { background: rgba(255,255,255,1); }
#totop a { display: block; box-sizing: border-box; font-size: 24px; line-height: 24px; width: 40px; height: 40px; padding: 8px; }
body #totop a:hover { text-decoration: none; color: #000; }

/* Header */
#head > div { z-index: 1; clear: both; }
#head > div.shadow { z-index: 2; }
#head_top { padding-top: 4px; padding-bottom: 4px; font-size: 12px; }
#head #head_logo { z-index: 10001; padding-top: 12px; padding-bottom: 12px; }
#head #head_menu { z-index: 10000; padding-top: 4px;  }
#head #head_menu > .inside { margin-bottom: -1px; }
/* #head #head_menu > .inside:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0; margin-bottom: -1px; } */
#head_logo:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
#logo { width: 250px; float: left; }
	#logo a, #logo img { display: block;  }
#buttons { float: right; padding-top: 24px; }
	#buttons a { display: block; margin-left: 10px; font-size: 32px; line-height: 32px; }
#buttons > div { float: right; }
#c_momenu { background: #444; color: #fff; }
	#c_momenu > .inside { padding-top: 42px; padding-bottom: 24px; }
#c_search { background: #444; color: #fff; }
	#c_search > .inside { padding-top: 42px; padding-bottom: 24px; }
	#c_search form { width: 100%; max-width: 400px; margin: 0 auto; }
	#c_search input, #c_search button { box-sizing: border-box; width: calc(50% - 4px); display: block; float: left; }
	#c_search input { margin: 0 4px 8px 0; }
	#c_search button { margin: 0 0 8px 4px; }
#c_user { background: #444; color: #fff; }
	#c_user > .inside { padding-top: 42px; padding-bottom: 24px; }
	#c_user .mod_login { width: 100%; max-width: 500px; margin: 0 auto; }
	#c_user .ce_text { width: 100%; max-width: 500px; margin: 0 auto; }
	/*
	#c_user .mod_login .widget { padding-left: 120px; }
	#c_user .mod_login .widget label { margin-left: -120px; width: 120px; display: block; float: left; }
	#c_user .mod_login .widget input { width: 100%; }
	*/
#header a.close { color: #fff; }
#header a.close:hover { color: #ffa62e; }

/* Header shadow stuff */
/*
#head { box-shadow: 0px 4px 4px #444; }
#head #cs { overflow: hidden; clear: both; }
#head .c { z-index: 1; clear: both; }
#head .shadow { z-index: 2; height: 10px; margin-bottom: -10px; overflow: hidden; }
#head .shadow .inside { height: 5px; margin-top: -6px; box-shadow: 0px 4px 4px #000; }
*/
#head #cs { overflow: hidden; clear: both; margin-bottom: -1px; }
#head_menu { border-bottom: 6px solid #ffa62e; margin-bottom: -6px; }
#head { border-bottom: 6px solid #ffa62e; }

/* Header sticky stuff */
body { padding-top: 50px; }
body.popup { padding-top: 0; }
#head-placeholder { margin-top: -50px; }
#head {	margin-top: -50px; transform: translatey(0); }
#head.sticky { transform: translatey(50px); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }

#head.sticky #head_top { display: none; }
#head.sticky #head_logo { display: none; }

/* hide #cs (containers for toggle search etc) until JS has started: */
#head #cs { display: none; }
.jsgo #head #cs { display: block; }


/* language switch */
.lswitch a { color: transparent; width: 32px; }
.lswitch a.lang-de { background: transparent url(../img/lang/en_high.png) center center no-repeat; }
.lswitch a.lang-de:hover { background: transparent url(../img/lang/de_high.png) center center no-repeat; }

.lswitch a.lang-en { background: transparent url(../img/lang/de_high.png) center center no-repeat; }
.lswitch a.lang-en:hover { background: transparent url(../img/lang/en_high.png) center center no-repeat; }

/* Layout media queries */
@media all and (max-width: 1130px) {
	#container, .w, .fullsize #main .mod_article > div, .fullsize div.fullsize.w > .inside > div { max-width: 800px; }
	
	/* breakpoint (mobile, layout) */
	body#top .mobile { display: block; }
	body#top .nomobile { display: none; }
	
	/* breakpoint (menu) */
	#o_menu { display: block; }
	#mainmenu { display: none; }
	#c_momenu { display: block; }
	
	#logo { width: 150px; }
	#buttons { padding-top: 8px; }
	#head.sticky #head_top { display: none; }
	#head.sticky #head_logo { display: block; }
	#head.sticky #head_menu { display: none; }	
}
@media all and (max-width: 840px) {
	#container, .w, .fullsize #main .mod_article > div, .fullsize div.fullsize.w > .inside > div { max-width: 600px; }
	#container { padding-left: 0; }
	#left { width: 100%; max-width: 400px; margin-left: 0; left: 0; }
	#left > .inside { padding-right: 0; }
	

}
@media all and (max-width: 640px) {
	#container, .w, .fullsize #main .mod_article > div, .fullsize div.fullsize.w > .inside > div { max-width: 400px; }
}
@media all and (max-width: 440px) {
	body { min-width: 340px; }
	#logo { width: 100px; padding-top: 10px; }
	#container, .w, .fullsize #main .mod_article > div, .fullsize div.fullsize.w > .inside > div { max-width: 340px; }
}
@media all and (max-width: 360px) {
	body { min-width: 320px; }
	#logo { width: 100px; padding-top: 10px; }
	#container, .w, .fullsize #main .mod_article > div, .fullsize div.fullsize.w > .inside > div { max-width: 300px; }
}
@media all and (max-width: 400px) {
	/* no sticky if too small */
	body #head-placeholder { display: none; }
}


/*
{ transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
*/


/* -------------------------------------- */
/* Lists */
/* -------------------------------------- */
ul, ol { display: block; position: relative; margin-top: 10px; margin-bottom: 10px; box-sizing: border-box; }
li { margin-left: 16px; }
ul ul { margin-top: 8px; margin-bottom: 8px; }

nav ul { list-style-type: none; margin: 0; padding: 0; }
nav ul:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0;  }

nav li { display: block; margin: 0; padding: 0; position: relative; }

.teaser ul, .teaser li { list-style: none; margin-left: 0; }
.teaser li li { margin-left: 16px; }

#container ul li { list-style: none; margin-left: 0; padding-left: 16px; margin-bottom: 4px; }

#footermenu li { float: left; }


.pagination { clear: both; padding: 12px 0 24px 0; text-align: center; }
.pagination ul { display: block; position: relative; overflow: hidden; list-style-type: none; margin: 0; padding: 0; }
.pagination li { display: inline-block; margin: 0 4px 12px 4px; text-align: center; }
#container .pagination li:before { display: none; }
.pagination a, .pagination li > span { display: block; padding: 8px; min-width: 70px; box-sizing: border-box; }
.pagination li > span { }



/* -------------------------------------- */
/* Menus */
/* -------------------------------------- */

/* main menu desktop */
#mainmenu li { float: left; }
#mainmenu li a { display: block; padding: 8px 16px 8px 16px; margin-right: 8px; text-transform: uppercase; letter-spacing: 0.5px; }
#mainmenu li:last-child a { margin-right: 0; }
#mainmenu .level_1 > li > a { -webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; }
#mainmenu li a			{ background: #64a9d3; color: #fff; }
#mainmenu li a:hover	{ background: #ffa62e; color: #fff; }
#mainmenu li a.active	{ background: #ffa62e; color: #fff; }
#mainmenu li a.trail	{ background: #ffa62e; color: #fff; }
#mainmenu li.open > a	{ background: #ffa62e; color: #fff; }

#mainmenu ul.level_2 { overflow: hidden; border: 2px solid #ffa62e; -webkit-border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px;  } /* box-shadow: -4px 5px 4px #444;  */
#mainmenu ul.level_2 { position: absolute; top: 38px; left: 0; min-width: 100%; background: #ffa62e; color: #fff; }
#mainmenu .alias_shop > ul.level_2 { min-width: 180px; }
#mainmenu li:last-child ul.level_2 { left: auto; right: 0; }
#mainmenu ul.level_2 { visibility: hidden; opacity: 0; margin-top: 24px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
#mainmenu .open ul.level_2 { visibility: visible; opacity: 1; margin-top: 0px;  }

#mainmenu ul.level_2 li { float: none; }
#mainmenu ul.level_2 li a { margin-right: 0; padding-left: 20px; }
#mainmenu ul.level_2 li li a { margin-right: 0; padding-left: 32px; }

#mainmenu ul.level_2 li a { background: #ffa62e; color: #fff;  }
#mainmenu ul.level_2 li a:hover { background: #fff; color: #ffa62e; }
#mainmenu ul.level_2 li a.active { background: #fff; color: #ffa62e; }
#mainmenu ul.level_2 li a.trail { background: #fff; color: #ffa62e; }

#mainmenu a.close { display: block; width: 100%; height: auto; font-size: 16px; line-height: 22px; color: #64a9d3; }

#mainmenu li.overview { display: none; }


/* mobile menu */
#momenu ul.level_1 { border-top: 1px solid #fff; margin: 12px 0 12px 0; }
#momenu li a { border-bottom: 1px solid #fff; }

#momenu li { float: none; }
#momenu li.close { display: none; }
#momenu li a { display: block; box-sizing: border-box; padding-top: 8px; padding-bottom: 8px; width: 100%;  padding-left: 0px; }
#momenu li a { color: #fff; text-transform: uppercase; letter-spacing: 0.5px; }
#momenu ul li a:hover { color: #ffa62e; }
#momenu li a.active { color: #ffa62e; font-weight: bold; }
#momenu li a.trail { color: #ffa62e; }
#momenu li li a { padding-left: 20px; }
#momenu li li li a { padding-left: 40px;  }
#momenu li li li li a { padding-left: 60px;  }

#momenu ul ul { margin: 0; }


/* user menu */
#usermenu ul.level_1 { border-top: 1px solid #fff; margin: 12px 0 12px 0; }
#usermenu li a { border-bottom: 1px solid #fff; }

#usermenu li { float: none; }
#usermenu li a { display: block; box-sizing: border-box; padding-top: 8px; padding-bottom: 8px; width: 100%;  padding-left: 0px; }
#usermenu li a { color: #fff; text-transform: uppercase; letter-spacing: 0.5px; }
#usermenu ul li a:hover { color: #ffa62e; }
#usermenu li a.active { color: #ffa62e; font-weight: bold; }
#usermenu li a.trail { color: #ffa62e; }
#usermenu li li a { padding-left: 20px; }
#usermenu li li li a { padding-left: 40px;  }
#usermenu li li li li a { padding-left: 60px;  }

#usermenu ul ul { margin: 0; }



/* sub menu */

#submenu ul.level_1 { border-top: 1px solid #eee; margin: 12px 0 12px 0; }
#submenu li a { border-bottom: 1px solid #eee; }

#submenu ul li { padding: 0; margin: 0; }
#submenu ul li:before { display: none; }
#submenu li { float: none; }
#submenu li a { display: block; box-sizing: border-box; padding-top: 8px; padding-bottom: 8px; width: 100%;  padding-left: 16px; }
#submenu li a { color: #64a9d3; text-transform: uppercase; letter-spacing: 0.5px; }
#submenu ul li a:hover { color: #000; }
#submenu li a.active { color: #000; font-weight: bold; }
#submenu li a.trail { color: #000; }
#submenu li li a { padding-left: 32px; }
#submenu li li li a { padding-left: 48px;  }
#submenu li li li li a { padding-left: 64px; }

#submenu ul ul { margin: 0; }
#submenu li.overview { display: none; }


/* footer menu */
#footermenu li { padding-bottom: 8px;}
#footermenu li a { padding-left: 32px;  }
@media screen and (max-width: 640px) {
	#footermenu { float: none; clear: both; }
	#footermenu li a { padding-left: 0px; padding-right: 32px; }
}
/* footer service menu */
#footer-copy a { color: #000; }

#footerservicemenu li { display: block; float: none; padding: 6px 0 8px 0; margin: 4px 0 4px 0; border-bottom: 1px solid #fff; }
#footerservicemenu li:last-child {  border-bottom: 0; }


/* breadcrumbs */

#container .mod_breadcrumb ul { display: block; position: relative; overflow: hidden; list-style-type: none; margin: 0; padding: 0; margin-bottom: 16px; font-size: 13px; }
#container .mod_breadcrumb li { display: inline-block; margin: 0 12px 0 0; padding: 0 0 0 16px; }
#container .mod_breadcrumb li.first { padding-left: 0; }
#container .mod_breadcrumb li.first:before { display: none; }
#container .mod_breadcrumb ul li:before { font-size: 13px; }


/* sitemap */
#sitemap ul li:before { color: #64a9d3; }

/* footer service */
#service nav li { display: block; float: none; }
#service .socialmedia a { margin-right: 12px; }

/* -------------------------------------- */
/* Wrappers */
/* -------------------------------------- */

#wrapper .col2,
#wrapper .col3,
#wrapper .col4,
#wrapper .col5,
#wrapper .col6 { overflow: hidden; }

#wrapper .col2 > .inside,
#wrapper .col3 > .inside,
#wrapper .col4 > .inside,
#wrapper .col5 > .inside,
#wrapper .col6 > .inside { margin-left: -12px; margin-right: -12px;  }

#wrapper .col2 > .inside:after,
#wrapper .col3 > .inside:after,
#wrapper .col4 > .inside:after,
#wrapper .col5 > .inside:after,
#wrapper .col6 > .inside:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }

#wrapper .col2 > .inside > div:nth-child(odd) { clear: both; }
#wrapper .col3 > .inside > div:nth-child(3n+1) { clear: both; }
#wrapper .col4 > .inside > div:nth-child(4n+1) { clear: both; }
#wrapper .col5 > .inside > div:nth-child(5n+1) { clear: both; }
#wrapper .col6 > .inside > div:nth-child(6n+1) { clear: both; }

#wrapper .col2 > .inside > div,
#wrapper .col3 > .inside > div,
#wrapper .col4 > .inside > div,
#wrapper .col5 > .inside > div,
#wrapper .col6 > .inside > div { float: left;  margin: 0 12px 24px 12px; }

#wrapper .col2 > .inside > div { width: calc(50% - 24px); }
#wrapper .col3 > .inside > div { width: calc(33.3% - 24px); }
#wrapper .col4 > .inside > div { width: calc(25% - 24px); }
#wrapper .col5 > .inside > div { width: calc(20% - 24px); }
#wrapper .col6 > .inside > div { width: calc(16.6% - 24px); }

.equal > .inside { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin: 0 -12px 0 -12px; } 

@media screen and (max-width: 1130px) {
	#wrapper .col3 > .inside > div { width: calc(50% - 24px); }
	#wrapper .col3 > .inside > div:nth-child(3n+1) { clear: none; }
	#wrapper .col3 > .inside > div:nth-child(2n+1) { clear: both; }
	
	#service .col3 > .inside > div:nth-child(2n+1) { clear: none; }
	

}
@media screen and (max-width: 840px) {
	#wrapper .col4 > .inside > div { width: calc(50% - 24px); }
	#wrapper .col4 > .inside > div:nth-child(2n+1) { clear: both; }
	
	#wrapper .col6 > .inside > div { width: calc(33.3% - 24px); }
	#wrapper .col6 > .inside > div:nth-child(3n+1) { clear: both; }
	
	#wrapper form .col2 > .inside > div { width: calc(100% - 24px); }
	
}
@media screen and (max-width: 640px) {
	#wrapper .col6 > .inside > div { width: calc(50% - 24px); }
	#wrapper .col6 > .inside > div:nth-child(3n+1) { clear: none; }
	#wrapper .col6 > .inside > div:nth-child(2n+1) { clear: both; }
	
	#wrapper .col5 > .inside > div { width: calc(33.3% - 24px); }
	#wrapper .col5 > .inside > div:nth-child(5n+1) { clear: none; }
	#wrapper .col5 > .inside > div:nth-child(3n+1) { clear: both; }
	
	#wrapper .col4 > .inside > div { width: calc(100% - 24px); }
	#wrapper .col3 > .inside > div { width: calc(100% - 24px); }
	#wrapper .col2 > .inside > div { width: calc(100% - 24px); }
}
@media all and (max-width: 440px) {
	#wrapper .col5 > .inside > div { width: calc(50% - 24px); }
	#wrapper .col5 > .inside > div:nth-child(5n+1) { clear: none; }
	#wrapper .col5 > .inside > div:nth-child(3n+1) { clear: none; }
	#wrapper .col5 > .inside > div:nth-child(2n+1) { clear: both; }
}

/* -------------------------------------- */
/* Forms */
/* -------------------------------------- */

::-webkit-input-placeholder { color:#999999; }
::-moz-placeholder { color:#999999; } /* firefox 19+ */
:-ms-input-placeholder { color:#999999; } /* ie */
input:-moz-placeholder { color:#999999; }

/*
form { background: #ffffff; border: 1px solid #aaaaaa; padding: 24px; margin-bottom: 24px; box-shadow: 0px 0px 6px #999999; }
*/
#container form { background: #ddeeff; padding: 24px 24px 12px 24px;  margin-bottom: 24px; 
	border: 0px; -webkit-border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px;
}
#container form.error { border: 1px solid #ffa62e; }


#container .tab form { background: transparent; padding: 0; margin-bottom: 0; -webkit-border-radius:0 0 0 0; -moz-border-radius:0 0 0 0; border-radius:0 0 0 0; }

input { border: 1px solid #aaaaaa; padding: 4px 6px 6px 6px; box-sizing: border-box; max-width: 100%; }
input[type="checkbox"], input[type="radio"] { border: 0; }
textarea { border: 1px solid #aaaaaa; padding: 6px; width: 100%; box-sizing: border-box; max-width: 100%; }
select { border: 1px solid #aaaaaa; padding: 6px; max-width: 100%; }
.widget > .inside > label { font-weight: bold; }

fieldset { display: block; position: relative; overflow: hidden; }
.formbody:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0;  }


.ce_edit a.edit, .ce_edit a.delete, .ce_edit a.view,
.button a,
a.button,
button.submit,
input.submit { display: inline-block; text-align: center; cursor: pointer; padding: 6px 24px 6px 24px; -webkit-border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px; }
.ce_edit a.edit:hover, .ce_edit a.delete:hover, .ce_edit a.view:hover,
.button a:hover,
a.button:hover,
button.submit:hover,
input.submit:hover {  }
button.disabled { opacity: 0.5; }

.widget-submit { text-align: right; }

form div.hidden { display: none; }

.filter_form .formbody > div { float: left; width: 25%; padding: 0 24px 24px 0; margin-bottom: 0; }
.filter_form .formbody > div:nth-child(4n+2) { clear: both; } /* 4n+2 statt 4n+1 weil die Browser offenbar die hidden inputs als children mit zaehlen...! */
.filter_form .formbody { width: 100%; }
.filter_form .formbody:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0; }
.filter_form .formbody .widget-submit { float: right; margin: 0; }
.filter_form .formbody input { width: 100%; }

.filter_form .formbody div.extended { width: 100%; padding: 0; }

.filter_form .formbody div.extended .content > div { float: left; width: 25%; padding: 0 24px 24px 0; margin-bottom: 0; }
.filter_form .formbody div.extended .content > div:nth-child(4n+1) { clear: both; } /* 4n+2 statt 4n+1 weil die Browser offenbar die hidden inputs als children mit zaehlen...! */


.filter_form .widget > .inside { padding-left: 0; overflow: hidden; }
.filter_form .widget > .inside > label { margin-left: 0; width: 100%; float: none;  }

.filter_form .smiliesselection { display: none; }

.form_row.widget { width: 100%; margin-bottom: 12px; overflow: hidden; padding-bottom: 12px; }
.widget > .inside { padding-left: 142px; }
.widget > .inside > label { margin-left: -142px; width: 130px; display: block; float: left; }

@media all and (max-width: 640px) {
	.widget > .inside { padding-left: 0; }
	.widget > .inside > label { margin-left: 0; width: 100%; }

	.filter_form .formbody > div { width: 50%;  }
	.filter_form .formbody > div:nth-child(2n) { clear: both; }
	
	.filter_form .formbody div.extended .content > div  { width: 50%;  }
	.filter_form .formbody div.extended .content > div:nth-child(2n+1) { clear: both; }
}
@media screen and (max-width: 440px) {
	.filter_form .formbody > div { width: 100%; padding-right: 0; }
	
	.filter_form .formbody div.extended .content > div  { width: 100%;  }
	
	.filter_form .formbody 
}

.checkbox_container span { display: block; }
.checkbox_container label { margin-left: 6px; }


.radio_container span { display: block; }
.radio_container label { margin-left: 6px; }

.field_defaultAvatar span { display: inline-block; width: 10%; box-sizing: border-box; padding: 4px; margin-bottom: 12px; }
.field_defaultAvatar span:hover { background: #f0f0f0; }
.field_defaultAvatar span label { display: block; margin-left: 0; }

.widget-captcha .captcha_text { display: block; margin-top: 4px; }

.wide input, .wide textarea { width: 100%; }
.medium input, .medium textarea { width: 60%; min-width: 200px; }
.small input, .small textarea { width: 30%; min-width: 100px; }
.mod_login .widget input.text { width: 100%; }

#top .select2-container ul li { margin-left: 0; padding-left: 6px; }
#top .select2-container ul li:before { display: none; }

.select2-container { max-width: 100%; }

.select2-dropdown  { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-color: #999; }
.select2-container--default .select2-selection--single { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-color: #999; }
.select2-container--default .select2-results__option[aria-selected=true] { background-color: #ccc; color: #888; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #ffa62e;  }
.select2-container--default .select2-results__option--highlighted[aria-selected=true] { color: #888; }
.select2-container .select2-selection--single { height: 34px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 30px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 34px; }


#top .select2-container--default .select2-selection--multiple { border-color: #999; border-radius: 0; min-width: 100px; }
#top .select2-container--default .select2-selection--multiple .select2-selection__choice { border-radius: 0; background: #ffeeaa; }
#top .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { font-size: 22px; vertical-align: bottom; }
#top .select2-container--default .select2-selection--multiple .select2-search--inline { clear: both; border: 0; }
#top .select2-container--default .select2-selection--multiple .select2-search--inline input { }
#top .select2-container--default .select2-selection--multiple .select2-selection__rendered { white-space: normal; }

body .flatpickr-day { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
body .flatpickr-day.selected { background: #64a9d3; border-color: #64a9d3; }
body .flatpickr-day.nextMonthDay.selected { background: #64a9d3; border-color: #64a9d3; opacity: 0.3; }
body .flatpickr-day.today { border-color: #64a9d3; }
body .flatpickr-calendar { font-family: 'Arial', 'Times', 'Times New Roman', serif; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }

body .flatpickr-months .flatpickr-prev-month:hover,
body .flatpickr-months .flatpickr-next-month:hover { color: #64a9d3;}
body .flatpickr-months .flatpickr-prev-month:hover svg,
body .flatpickr-months .flatpickr-next-month:hover svg{ fill: #64a9d3; }
i.calendar { display: inline-block; font-size: 24px; line-height: 24px; vertical-align: middle; }
i.calendar:before { content: "\f073"; display: inline-block; margin-left: 6px; }

#container div.widget.multifieldwizard { }
.multifieldwizard .widget > .inside { padding-left: 0; }
.multifieldwizard .widget > .inside > label { width: 100%; margin-left: 0; float: none; }
#container .multifieldwizard ul { list-style: none; }
#container .multifieldwizard ul li { padding: 6px 0 6px 0; border-bottom: 1px solid #ffffff; margin: 0; position: relative; }
#container .multifieldwizard ul li:before { display: none; }

.multifieldwizard li .buttons { position: absolute; top: 6px; right: 0; z-index: 2;   }
.multifieldwizard li .fields { z-index: 1; }
.multifieldwizard.field_cartoons .buttons .wizard_copy { display: none; }


.widget-upload iframe { width: 0; height: 0; border: 0; }

.widget.readonly { margin-bottom: 12px; } 

/* -------------------------------------- */
/* Goodies */
/* -------------------------------------- */


/* tables */
#container table { width: 100%; }
td, th { padding: 4px 8px 4px 8px; }
#container td, #container th { border: 1px solid #999; }
#container thead th, #container thead td { background: #444; color: #fff; font-weight: bold; }
#container tbody tr:nth-child(2n) { background: #ddeeff; }
#container tbody tr:hover { background: #ffeeaa; }
#container tfoot tr:hover { background: #ffeeaa; }
#container tfoot td { font-weight: bold; }

#top table.mobilize > tbody > tr > td:before { padding-left: 4px; }
#top table.mobilize > tfoot > tr > td:before { padding-left: 4px; }

#top table.mobilize > tfoot > tr > td { font-weight: normal; }


#top table.mobilize > tbody > tr > td { border-top: 1px solid #999; border-bottom: 0; }
#top table.mobilize > tfoot > tr > td { border-top: 1px solid #999; padding-left: 4px; }

#top table.mobilize > tbody > tr { border-bottom: 1px solid #999; margin-bottom: 6px; }
#top table.mobilize > tfoot > tr { border-bottom: 1px solid #999; margin-bottom: 6px; }



/* gallery */
#container .ce_gallery ul li:before { display: none; }
.ce_gallery ul { list-style-type: none; margin: 0 -12px 0 -12px; padding: 0; }
.ce_gallery li { display: block; float: left; box-sizing: border-box; margin: 0; padding: 0 12px 24px 12px; }

.ce_gallery ul.cols_2 li { width: 50%; }
.ce_gallery ul.cols_2 li:nth-child(2n+1) { clear: both; }

.ce_gallery ul.cols_3 li { width: 33.3%; }
.ce_gallery ul.cols_3 li:nth-child(3n+1) { clear: both; }

.ce_gallery ul.cols_4 li { width: 25%; }
.ce_gallery ul.cols_4 li:nth-child(4n+1) { clear: both; }

.ce_gallery ul.cols_5 li { width: 20%; }
.ce_gallery ul.cols_5 li:nth-child(5n+1) { clear: both; }


.ce_gallery li a { text-decoration: none; display: block; }
.ce_gallery li a img { border: 0; display: block; }
.ce_gallery:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }

@media all and (max-width: 640px) {
	.ce_gallery ul.cols_3 li { width: 50%; }
	.ce_gallery ul.cols_3 li:nth-child(3n+1) { clear: none; }
	.ce_gallery ul.cols_3 li:nth-child(2n+1) { clear: both; }

	.ce_gallery ul.cols_4 li { width: 50%; }
	.ce_gallery ul.cols_4 li:nth-child(4n+1) { clear: both; }
	.ce_gallery ul.cols_4 li:nth-child(2n+1) { clear: both; }

	.ce_gallery ul.cols_5 li { width: 50%; }
	.ce_gallery ul.cols_4 li:nth-child(5n+1) { clear: none; }
	.ce_gallery ul.cols_4 li:nth-child(2n+1) { clear: both; }
}


/* Accordion #3d662f */
.ce_accordion  { margin-bottom: 24px; border: 1px solid #ddd; }
.ce_accordion .accordion > div { padding: 24px; border-top: 0; }
#top div.toggler { background: #eee; margin: 0; padding: 12px 24px 12px 24px; }
#top .h2 div.toggler { background: #64a9d3; color: #fff; }
#top .h2 .accordion > div {  } /* border: 1px solid #3d662f; border-top: 0;   */
#top .h4 div.toggler { }

/* audio, video */
audio { width: 100%; display: block; position: relative; outline: none; }
video { max-width: 100%; display: block; position: relative; height: auto; }
.cartoons video { margin: 0 auto; height: 99%; }

.ce_youtube > .inside { width: 100%; padding-top: 56.25%; }
.ce_youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

.ce_external_video { }
.ce_external_video .content { background: #000000; display: block; position: relative; }
.ce_external_video .stage {  overflow: hidden; position: relative; } 
.ce_external_video .spacer { width: 0px; height: 0px; margin-bottom: 56.1%; } 
.ce_external_video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.ce_external_video .text { margin-top: 12px; }




/* sliding */
.sliding { overflow: hidden; display: none; }
.sliding .slide { background-color: #fff; width: 100%; position: absolute; top: 0px; left: 0px; }
.sliding .slide > a { display: block; }
.sliding .slide a img { display: block; }

.sliding .controls { text-align: center; padding: 12px 36px 24px 36px; position:relative; line-height: 30px; font-size: 30px; vertical-align:top; }
.sliding .controls b { display: inline-block; vertical-align:top; }
.sliding .controls a { display: inline-block; vertical-align:top; text-align: center; box-sizing: border-box; vertical-align:top; text-decoration: none; color: #aaaaaa; margin: 0 4px 8px 4px; }
.sliding .controls a.navi { font-size: 50px; position: absolute; top:  12px; }
.sliding .controls a.prev { left: 0; }
.sliding .controls a.next { right: 0; }
.sliding .controls a.navi b { margin-top: -5px; }
.sliding .controls a:hover { text-decoration: none; color: #ffa62e; }
.sliding .controls a.disabled { color: #dddddd; }
.sliding .controls a.active { color: #64a9d3;  }

.sliding .controls .pagi { display: inline-block; vertical-align:top; }
.sliding .controls .pagi a { width: 30px; border: 0; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;  background: #aaaaaa; }
.sliding .controls .pagi a b { color: transparent; font-size: 10px; }
.sliding .controls .pagi a.active { background: #64a9d3; }
.sliding .controls .pagi a:hover { background: #ffa62e; }
.sliding.sl_type_carousel .slide { width: 33.3%; padding: 0 8px 0 8px; }

@media all and (max-width: 1130px) {
	.sliding.sl_type_carousel .slide { width: 50%; }
}


/* parallax */
.parallax > .inside { min-height: 400px; }

@media all and (max-width: 840px) {
	.parallax > .inside { min-height: 200px;  }
}

/*
body #lb_vp .lb_item img { max-width: none; }
*/

/* -------------------------------------- */
/* Misc CEs */
/* -------------------------------------- */


/* Styling */
#top .white { background: #ffffff; }
#top .white-trans { background-color: rgba(255,255,255,0.8); }
#top .colored { background: #c5deed; }
#top .light { background: #f0f0f0; } 
#top .dark { background: #aaaaaa;  }
#top .gloomy { background: #555555; }
	#top .gloomy > * { color: #ffffff; }

#top .border { border: 1px solid #aaaaaa; padding: 24px; margin-bottom: 24px; }
#top .mark > .inside { border-left: 6px solid #64a9d3; padding-left: 24px; }
#top .comment p.cite { border-left: 1px solid #64a9d3; margin: 12px 0 12px; padding: 0 0 0 12px;  }
#top .colorwhite { color: #ffffff; }
	#top .colorwhite h1 { color: #ffffff; }
	#top .colorwhite h2 { color: #ffffff; }
	#top .colorwhite h3 { color: #ffffff; }
#top #wrapper .rounded { -webkit-border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px; }
#top #wrapper .padded { padding: 24px; }
#top #wrapper .ptop { padding-top: 24px; }
#top #wrapper .pbottom { padding-bottom: 24px; }
#top #wrapper .mtop { margin-top: 24px; }
#top #wrapper .mbottom { margin-bottom: 24px; }
#top #wrapper .mleft { margin-left: 24px; }
#top #wrapper .mright { margin-right: 24px; }
#top #wrapper .margin { margin-top: 24px; margin-bottom: 24px; }
#top #wrapper .centered { text-align: center; }
#top #wrapper .justify p { text-align: justify; }
#top #wrapper .pnopad p { padding-bottom: 0; }
#top #wrapper .nomargin { margin-bottom: 0; }
#top #wrapper .mmtop { margin-top: -24px; }
#top #wrapper .indent { padding-left: 10%; padding-right: 10%;  }

#top #wrapper .float_right { float: right; max-width: 50%; }
#top #wrapper .float_left { float: left; max-width: 50%; }
#top #wrapper .float_above { margin-bottom: 12px;  }
#top #wrapper .float_below { margin-top: 12px; }

#top #wrapper .uppercase { text-transform: uppercase; }

@media all and (max-width: 840px) {
	#top #wrapper .indent { padding-left: 5%; padding-right: 5%;  }
}
@media all and (max-width: 640px) {
	#top #wrapper .indent { padding-left: 2%; padding-right: 2%;  }
	#top #wrapper .float_right { max-width: none; margin-left: 0; float: none; display: block; }
	#top #wrapper .float_left {  max-width: none; margin-right: 0; float: none; display: block; }
	body#top #wrapper .layout_teaser .float_right { max-width: none; }
	body#top #wrapper .layout_teaser .float_left { max-width: none; }
}

/* Sys msg */
#sysmsg, .sysmsg { padding: 24px; margin-bottom: 24px;  -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; }
p.error { padding: 24px; margin-bottom: 24px;  -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; }
#chatnotification { padding: 24px; margin-bottom: 24px;  -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; }

/* .wrapper.cover */
.cover { background-size: cover; background-repeat: no-repeat; background-position: center center; }

/* misc */


/* News */
.layout_full { margin-bottom: 24px; overflow: hidden; }
.layout_full .info:after { display: block; content:''; clear: both; }

.layout_full .cats { display: block; color: #999; }
.layout_full .tags { display: block; color: #999; }
.layout_full  p.info a { display: inline-block;  }
.layout_full  p.info a img { display: inline-block; width: 100%; vertical-align: middle;  }
.layout_full  p.info span span { display: block; }

.layout_full > .img { width: 100px; margin: 0 0 12px 12px; float: right; }


#top #wrapper .layout_latest { padding-left: 148px; overflow: hidden; }
.layout_latest > .img { margin-left: -124px; width: 100px; float: left; }
.layout_latest { padding-bottom: 12px; margin-bottom: 24px;  } /* border-bottom: 1px solid #eeeeee; */
.layout_latest .cats { display: block; color: #999; }
.layout_latest .tags { display: block; color: #999; }
.layout_latest  p.info { margin-bottom: 0; }
.layout_latest  p.info a { display: inline-block;  }
.layout_latest  p.info a img { display: inline-block; width: 100%; vertical-align: middle;  }
.layout_latest  p.info span span { display: block; }
.layout_latest h2 { margin: 0; }

@media all and (max-width: 640px) {
	#top #wrapper .layout_latest { padding: 24px; }
	.layout_latest > .img { margin: 0; width: 100px; float: none; }
	
	/* .layout_full > .img { float: none; } */
}
@media all and (max-width: 440px) {
	.layout_full > .img { width: 50px; }
}


.mod_eventreader .ce_tu_cartoon_list div.more { margin-bottom: 24px; }
.mod_eventreader p.back { margin-bottom: 24px; }
.mod_eventreader .ce_tu_cartoon_list { margin-bottom: 24px; }

/* Board */
.thread { margin-bottom: 12px; padding-left: 44px; }
.thread a { display: inline-block; color: #333; font-weight: bold;   }
.thread a img { display: inline-block; height: auto; width: 24px; vertical-align: middle; }
.thread > a.user { margin-left: -32px; display: block; float: left; }
.thread .comment { padding-left: 32px; padding-top: 12px; font-size: 13px; line-height: 17px; }
.thread .comment > div.img { margin-left: -32px; display: block; float: left; }
.thread .comment > a { display: block; }
.thread .comment div.img > a { display: block; }
.thread .comment img  { display: inline-block; height: auto; width: 24px; vertical-align: middle; }
.thread > span { color: #888; }

.thread { background-color: #fff; padding: 12px 12px 12px 44px; border: 1px solid #fff; -webkit-border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px; }

.thread:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0;  }
.thread .comment:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0;  }


div.layout_full.status_00 h1, div.layout_latest.status_00 h2 { color: #990000; }
div.layout_full.status_02 h1, div.layout_latest.status_02 h2 { color: #ffa62e; }
div.layout_full.status_04 h1, div.layout_latest.status_04 h2 { color: #64a9d3; }
div.layout_full.status_06 h1, div.layout_latest.status_06 h2 { color: #64c9d3; }
div.layout_full.status_08 h1, div.layout_latest.status_08 h2 { color: #008800; }
div.layout_full.status_10 h1, div.layout_latest.status_10 h2 { color: #888888; }
div.layout_full.status_12 h1, div.layout_latest.status_12 h2 { text-decoration: line-through; }

p.status.status_00, .item.status_00 strong { color: #990000; }
p.status.status_02, .item.status_02 strong { color: #ffa62e; }
p.status.status_04, .item.status_04 strong { color: #64a9d3; }
p.status.status_06, .item.status_06 strong { color: #64c9d3; }
p.status.status_08, .item.status_08 strong { color: #008800; }
p.status.status_10, .item.status_10 strong { color: #888888; }
p.status.status_12, .item.status_12 strong { text-decoration: line-through; }

/* Events... */
.mod_eventlist .header { display: none; }
.layout_teaser { padding-bottom: 12px; margin-bottom: 24px; /* border-bottom: 1px solid #eeeeee; */ }
#top #wrapper .layout_teaser .float_right { max-width: 30%; }
#top #wrapper .layout_teaser .float_left { max-width: 30%; }
.event { margin-bottom: 24px; }
.event > .inside { display: table; width: 100%; }
.event  h2 { margin: 0; }
.event .ce_text { overflow: hidden; }

.event  .info { font-weight: bold; }
.event  .tags { display: block; color: #999; }

.event.withdate > .inside { padding-left: 96px; }
.event  .dates { float: left; width: 72px; margin-left: -96px; }
.event  .dates > span { display: block; text-align: center;  }
.event  .date { background: #f0f0f0; background: #ffffff; text-align: center; padding: 6px; }
.event  .date span { display: block;  }
.event  .date .day { font-size: 26px; line-height: 32px; }
.event  .date .month { font-size: 26px; line-height: 32px; }

.event  div.location { margin-top: 24px; margin-bottom: 24px; padding: 24px; background: #eeeeee; }
.event figure { margin-bottom: 24px; }

.mod_eventreader .ce_tu_cartoon_list div.more { margin-bottom: 24px; }
.mod_eventreader p.back { margin-bottom: 24px; }

@media all and (max-width: 640px) {
	/*
	.event.withdate > .inside { padding-left: 68px; }
	.event  .dates { width: 52px; margin-left: -68px; }
	.event  .date .day { font-size: 16px; line-height: 22px; }
	.event  .date .month { font-size: 16px; line-height: 22px; }
	*/
	
	.event.withdate > .inside { padding-left: 0; }
	.event  .dates { width: 100%; margin-left: 0; float: none; margin-bottom: 12px }
	.event  .date .day { font-size: 16px; line-height: 22px; }
	.event  .date .month { font-size: 16px; line-height: 22px; }
	.event.withdate > .inside > .dates { overflow: hidden; }
	.event.withdate > .inside > .dates > * { display: block; float: left; margin-right: 12px; }
	.event  .dates > span { margin-top: 28px; }
}



/* downloads */

.ce_download > .inside { padding-left: 32px; }
.ce_downloads > .inside { padding-left: 32px; }

.download-element { margin-bottom: 12px; }
.download-element a { font-weight: bold; color: #000; display: block; line-height: 28px; }
.download-element a:hover { color: #64a9d3; }
.download-element a span { font-weight: normal; }
.download-element a:before { content: '\f019'; display: block; width: 32px; margin-left: -32px; font-size: 28px; line-height: 28px; height: 32px; vertical-align: bottom; float: left; }
.download-element.ext-pdf a:before { content: '\f1c1';  }
.download-element p { padding-bottom: 0; }



/* search */

.mod_search .relevance { display: none; }
.mod_search  .url { display: none; }
.mod_search  .results { border-top: 1px solid #eeeeee; padding-top: 12px; }
.mod_search  .results > div {  padding-bottom: 12px; margin-bottom: 24px; border-bottom: 1px solid #eeeeee; }
.mod_search  p.header { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #eeeeee; }
.mod_search input[name=keywords] { margin-bottom: 12px; width: 100%; }


/* -------------------------------------- */
/* Toonsup specials */
/* -------------------------------------- */

/* start */
.ce_tu_start { text-align: center; }
.ce_tu_start b { display: block; font-size: 30px; line-height: 40px; }
.ce_tu_start span { display: block;  }
/*
.ce_tu_start .col5 { background: #f0f0f0; padding: 24px 24px 12px 24px; margin-bottom: 12px; border: 0px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; }
*/


/* comments */
.ce_comments form .field_notify,
.ce_comments form .field_name,
.ce_comments form .field_email,
.ce_comments form .field_website { display: none; }
.comment_default { padding-left: 92px; overflow: hidden; padding-bottom: 12px; border-bottom: 1px solid #ddeeff; margin-bottom: 24px; }
.comment_default > div.img { margin-left: -92px; width: 70px; display: block; float: left; }
.comment_default a.user  { display: block; }
.comment_default div.img img { display: block; }
.comment_default .comment:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0;  }
.comment_default .reply { padding: 0 0 0 24px; border-left: 1px solid #ddeeff; margin-top: 12px; }
.comment_default .reply .info { font-style: italic; }
.comment_default p.info { font-size: 14px; line-height: 20px; }
.comment_default .blocked { font-style: italic; padding-bottom: 12px; }
.ce_tu_latestcomments .blocked .comment span { text-decoration: line-through; }
.ce_tu_latestcomments .blocked .comment strong { text-decoration: none; }
.ce_tu_latestboards .blocked { text-decoration: line-through; }

span.smilie { display: inline-block; }

@media all and (max-width: 640px) {
	.comment_default { padding-left: 60px;  }
	.comment_default > div.img  { margin-left: -60px; width: 48px; height: 48px; }
}

.ce_tu_latestcomments .wrapper { background: #f0f0f0; padding: 24px 24px 12px 24px; margin-bottom: 12px; border: 0px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; }

.ce_tu_latestcomments .item a { display: inline-block; }
.ce_tu_latestcomments .item .comment a { display: block; color: #333333; }
.ce_tu_latestcomments .item .comment a:hover { color: #ffa62e; }
.ce_tu_latestcomments .item img { display: block; }
.ce_tu_latestcomments .item > .inside { padding-left: 60px; overflow: hidden; }
.ce_tu_latestcomments .item > .inside > a { margin-left: -60px; width: 48px; float: left; }

.ce_tu_latestboards .wrapper { background: #f0f0f0; padding: 24px 24px 12px 24px; margin-bottom: 12px; border: 0px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; }

.ce_tu_latestboards .item a { display: inline-block; }
.ce_tu_latestboards .item .teaser a { display: block; color: #333333; }
.ce_tu_latestboards .item .teaser a:hover { color: #ffa62e; }
.ce_tu_latestboards .item img { display: block; }
.ce_tu_latestboards .item > .inside { padding-left: 60px; overflow: hidden; }
.ce_tu_latestboards .item > .inside > a { margin-left: -60px; width: 48px; float: left; }
.ce_tu_latestboards .item .comment img { width: 24px; vertical-align: middle; display: inline-block; margin-right: 4px; margin-top: -4px; }
.ce_tu_latestboards .item .comment { font-size: 13px; line-height: 17px; padding-top: 4px; }

/* cartoon lists */
.mod_article > .ce_tu_cartoon_list .list { background: #f0f0f0; padding: 24px 24px 12px 24px; margin-bottom: 12px; border: 0px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; }
.mod_eventreader  .ce_tu_cartoon_list .list { background: #f0f0f0; padding: 24px 24px 12px 24px; margin-bottom: 12px; border: 0px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; }
.mod_newsreader  .ce_tu_cartoon_list .list { background: #f0f0f0; padding: 24px 24px 12px 24px; margin-bottom: 12px; border: 0px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; }

.ce_tu_cartoon_list .meta { overflow: hidden; margin-bottom: 24px; }
.ce_tu_cartoon_list .text > div { margin-bottom: 24px; }
.ce_tu_cartoon_list .meta .img { width: 200px; float: right; margin: 0 0 12px 12px; }

.ce_tu_cartoon_list .item { overflow: hidden; }
#wrapper .ce_tu_cartoon_list.list_short .item { margin-bottom: 6px;  }
.ce_tu_cartoon_list .item a { display: block; color: #333; } /*   color: #333;  */
.ce_tu_cartoon_list .item a:hover { color: #64a9d3;  } /* color: #ffa62e; */
.ce_tu_cartoon_list .item .image { margin-bottom: 12px; padding: 2px 12px 0 2px; } /* 10x rechts wegen shadow!!!! */
.ce_tu_cartoon_list .item .image img { display: block; box-shadow: 5px 5px 8px #666; }
.ce_tu_cartoon_list .item .meta { text-align: center; }
.ce_tu_cartoon_list .item .user img { width: 22px; display: inline-block; margin-right: 6px; vertical-align: middle; }

.ce_tu_cartoon_list  div.more { border-top: 1px solid #888; padding-top: 8px; padding-bottom: 12px; }
.ce_tu_cartoon_list  div.more a {  }

.ce_tu_cartoon_list .item .user { font-size: 13px; line-height: 18px; }
.ce_tu_cartoon_list .item .user span { display: inline-block; vertical-align: middle; display: none;  } /*  */
.ce_tu_cartoon_list .artists.many .user { display: inline-block; }
.ce_tu_cartoon_list .artists.many span {  } /* display: none; */
.ce_tu_cartoon_list .item .user img { } /* display: none;  */

.ce_tu_cartoon_list .stars { text-align: center; }
.ce_tu_cartoon_list .counts { color: #aaaaaa; font-size: 11px; text-align: center; }
.ce_tu_cartoon_list .counts b { display: inline-block; width: 100%; height: 0; overflow: hidden; }
.ce_tu_cartoon_list .comcount.has { color: #666; }

@media screen and (max-width: 640px) {
	.ce_tu_cartoon_list .meta .img { width: 200px; float: none; margin: 0 0 12px 12px; }
}


/* cartoon details */


.ce_tu_cartoon .nav { float: right; margin: 0 0 12px 12px; text-align: right; overflow: hidden; }
.ce_tu_cartoon .nav .prevnext a { font-size: 48px; line-height: 40px; display: inline-block; margin-top: -8px; margin-left: 6px; }
.ce_tu_cartoon .text { margin-bottom: 24px; }
.ce_tu_cartoon .cartoons figure { padding: 10px; }
.ce_tu_cartoon .cartoons figure a { displaY: block; }
.ce_tu_cartoon .cartoons img { box-shadow: 5px 5px 8px #666; }
.ce_tu_cartoon .cartoons .isfile { }
.ce_tu_cartoon .cartoons .isfile > .item { padding: 10px; }
.ce_tu_cartoon .cartoons .file { padding: 24px; background: #f0f0f0; box-shadow: 5px 5px 8px #666; }
.ce_tu_cartoon .cartoons .file p { box-sizing: border-box; padding: 8px 12px 8px 12px; color: #888888; text-align: center; font-size: 13px; line-height: 18px; }

.ce_tu_cartoon .cartoons { width: 100%; max-width: 1000px; margin: 0 auto 24px auto; }
.ce_tu_cartoon .details > .meta { background: #f0f0f0; padding: 24px; margin-bottom: 24px; border: 0px; -webkit-border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px; }
.ce_tu_cartoon .details > .meta .row { overflow: hidden; padding-left: 156px; padding-bottom: 12px; }
.ce_tu_cartoon .details > .meta .row .label { width: 144px; margin-left: -156px; float: left; font-weight: bold; }
/*
.ce_tu_cartoon .artists > .value > div { display: inline-block; margin: 0 12px 12px 0; }
*/
.ce_tu_cartoon .artists > .value a { display: block; }
.ce_tu_cartoon div.actions { }

.ce_tu_cartoon .similar .artists {  }
.ce_tu_cartoon .similar .ce_tu_cartoon_list .list > .inside { overflow: hidden; }
.ce_tu_cartoon .similar .more { display: none; }

.ce_tu_cartoon div.infos { }
/*
.ce_tu_cartoon span.vote { display: inline-block; font-size: 30px; vertical-align: bottom; margin-bottom: -6px; color: #ffa62e; }
.ce_tu_cartoon .vote .vote { display: inline-block; font-size: 30px; vertical-align: bottom; }
*/

.ce_tu_cartoon .row ul { margin: 0; }


.ce_tu_cartoon .vote a { display: inline-block; margin-right: 12px; }

#container .ce_tu_cartoon .votings li { margin-bottom: 12px; }

@media screen and (max-width: 640px) {
	.ce_tu_cartoon .details > .meta .row { padding-left: 0; }
	.ce_tu_cartoon .details > .meta .row .label { width: 100%; margin-left: 0; padding-bottom: 8px; float: none; }
}
/*
@media screen and (max-width: 440px) {
	.ce_tu_cartoon .vote a { display: block; }
}
*/

/* flags */
span.flag { display: inline-block; }
.flag_text { display: inline-block; width: 15px; height: auto; border: 0; vertical-align: baseline; margin-bottom: -1px; opacity: 0.6; }


/*
	'none' => 'Universal',
	'de' => 'Deutsch',
	'en' => 'Englisch',
	'fr' => 'Französisch',
	'it' => 'Italienisch',
	'ja' => 'Japanisch',
	'zh' => 'Chinesisch',
	'ar' => 'Arabisch',
	'es' => 'Spanisch',
	'tr' => 'Türkisch',
	'other' => 'Andere',
*/


/* stars */
.stars { white-space: nowrap; }
.stars .star { color: #ffa62e; }
.stars .star.half { color: #ddcc66; }
.stars .star.empty { color: #aaaaaa; }

/* collections */
.ce_tu_collections .item { overflow: hidden; text-align: center; }
.ce_tu_collections .item .image a { display: block; padding: 2px 12px 0 2px; } /*   color: #333;  */
.ce_tu_collections .item a:hover {  } /* color: #ffa62e; */
.ce_tu_collections .item .image { margin-bottom: 12px; text-align: center; height: 120px; }
@media screen and (max-width: 1130px) {
	.ce_tu_collections .item .image { height: auto; }
}
@media screen and (max-width: 840px) {
	.ce_tu_collections .item .image { height: 120px; }
}

.ce_tu_collections .item .image img { display: inline-block; box-shadow: 5px 5px 8px #666; width:auto; height:100%; max-height: 120px; }

.ce_tu_collections .item .user img { width: 22px; display: inline-block; vertical-align: middle; }
.ce_tu_collections .item .user span { display: inline-block; vertical-align: middle; font-size: 14px; color: #333; }

.ce_tu_collections .item .counts { color: #aaaaaa; font-size: 13px; text-align: center; }
.ce_tu_collections .item .counts > span { display: inline-block; }
.ce_tu_collections .item .comcount.has { color: #666; }
.ce_tu_collections  div.more { border-top: 1px solid #888; padding-top: 8px; padding-bottom: 12px; }
.ce_tu_collections  div.more a {  }

.ce_tu_collections .item .title a { color: #333; }

/* profiles, users */
.users { background: #f0f0f0; padding: 24px 24px 12px 24px; margin-bottom: 12px; border: 0px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; }
.users a { display: block; text-align: center; }
.users a img { display: inline-block; width: 100px; }
.users .disable a { opacity: 0.5; }
.tab .users { padding: 0; }

.ce_tu_profile h1 img { display: inline-block; height: 40px; width: auto; vertical-align: middle; margin-right: 12px; }

.ce_tu_profile > .inside > .overview { overflow: hidden; margin-bottom: 24px; }
.ce_tu_profile > .inside > .overview > .logo { display: block; float: right; margin: 0 0 12px 12px;    float: none; margin: 0 0 24px 0; }
.ce_tu_profile > .inside > .overview > .logo { 
	text-align: center; background: #f0f0f0; padding: 24px; border: 0px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px;
}
.ce_tu_profile > .inside > .overview > .logo img { display: inline-block; }

.ce_tu_profile > .inside > .overview > .meta {  } /* min-width: 50%; float: left;  */

.ce_tu_profile ul.nav { list-style: none; margin: 0; padding: 0; }
#top .ce_tu_profile ul.nav li { display: inline-block; margin: 0; padding: 0; margin-right: 6px;  }
#top .ce_tu_profile ul.nav li:before { display: none; }
.ce_tu_profile .nav li a { display: block; margin: 0; padding: 6px 12px 6px 12px; background: #64a9d3; color: #ffffff; border: 0px; -webkit-border-radius:6px 6px 0px 0px; -moz-border-radius:6px 6px 0px 0px; border-radius:6px 6px 0px 0px; }
.ce_tu_profile .nav li.active a { background: #f0f0f0; color: #333333; }
.ce_tu_profile .nav li a:hover { background: #ddeeff; background: #f0f0f0;  color: #333333; }
.ce_tu_profile .tab { overflow: hidden; background: #f0f0f0; padding: 24px; border: 0px; -webkit-border-radius: 0px 6px 6px 6px; -moz-border-radius: 0px 6px 6px 6px; border-radius: 0px 6px 6px 6px; }

.ce_tu_profile .tab.infos > .photo { display: block; float: right; margin: 0 0 12px 12px; max-width: 200px; }

.ce_tu_profile .formbody { background: transparent; padding: 0; }
.ce_tu_profile div.actions { margin-bottom: 24px; }

.ce_tu_profile .meta { margin-bottom: 24px;  }
.ce_tu_profile .meta .row { overflow: hidden; padding-left: 156px; padding-bottom: 12px; }
.ce_tu_profile .meta .row .label { width: 144px; margin-left: -156px; float: left; font-weight: bold; }

.ce_tu_profile .collections .private { opacity: 0.5; }
.ce_tu_profile .galleries .private { opacity: 0.5; }

.ce_tu_profile .tab h3 { margin-bottom: 2ex; }

@media screen and (max-width: 840px) {
	.ce_tu_profile .nav { overflow: hidden; }
	#top .ce_tu_profile ul.nav li { display: block; margin-right: 0; }
	#top .ce_tu_profile ul.nav li a { padding-bottom: 506px; margin-bottom: -500px; }
	#top .ce_tu_profile ul.nav li:nth-child(10n+2) { padding-left: 16px; }
	#top .ce_tu_profile ul.nav li:nth-child(10n+3) { padding-left: 32px; }
	#top .ce_tu_profile ul.nav li:nth-child(10n+4) { padding-left: 48px; }
	#top .ce_tu_profile ul.nav li:nth-child(10n+5) { padding-left: 64px; }
	#top .ce_tu_profile ul.nav li:nth-child(10n+6) { padding-left: 80px; }
	
	.ce_tu_profile .meta .row { padding-left: 0;  }
	.ce_tu_profile .meta .row .label { width: 100%; margin-left: 0; }
	

}
@media screen and (max-width: 440px) {
	/* .ce_tu_profile .tab.infos > .photo:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0; } */
	.ce_tu_profile .meta { clear: both; }
}

.ce_tu_galleries .item { padding-right: 6px; }

.ce_tu_galleries a { display: block; }
.ce_tu_galleries a img { display: block; box-shadow: 5px 5px 5px #666; margin: 0 0 12px 0; }
.ce_tu_galleries .sort a { display: inline-block; margin-right: 8px; }

.ce_edit .newlink { padding-top: 24px; }
.ce_edit a.edit, .ce_edit a.delete, .ce_edit a.view { padding: 4px 6px 6px 6px; }
.ce_edit a.delete { background: #aaa;  }
.ce_edit a.delete:hover { background: #ffa62e;  }

.ce_edit .form_row.widget-submit { width: auto; float: right; }
.ce_edit .form_row.widget-submit > .inside { padding-left: 12px; }

.ce_edit .itemscount { margin-bottom: 12px; }
.ce_edit p.back { margin-top: 12px; }





/* misc */
.police, .field_alarm, #userfilter .field_group  { color: #880044; }
.police a, a.police { color: #880044; text-decoration: underline; }
.police a:hover, a.police:hover { color: #888; text-decoration: none; }
.police_block { background: #f0e0f8; padding: 24px; -webkit-border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px; }


.ce_tu_cartoon_list .item.alarm { color: #aa0000;  }
.ce_tu_cartoon_list .item.alarm a { color: #aa0000;  }

.ce_tu_latestboards .item.hasgroups em { color: #880044; }

.ce_tu_cartoon div.error { margin-top: 24px; margin-bottom: 24px; }
.ce_tu_cartoon div.error { padding: 24px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; }
.ce_tu_cartoon div.error { border: 1px solid #880000; background: #ffa62e; color: #880000; }


.ce_tu_cartoon div.alarm { margin-top: 24px; margin-bottom: 24px; }
#top div.alarm { background: #ffa62e; background: #ffc64e; }

#top .ce_tu_cartoon_list .item.alarm  { background: inherit; }
.ce_tu_cartoon_list .item.alarm .image img { box-shadow: 5px 5px 8px #a00; }
.ce_tu_cartoon_list .item.c_invisible .image img { opacity:0.5; }

/*
prio
	'00' => 'Diskussion',
	'02' => 'Zukunft',
	'05' => 'Feature',
	'10' => 'Medium',
	'20' => 'Wichtig',
	'25' => 'Sehr Wichtig',
	'30' => 'Blocker',
*/
.ce_issues .prio_00 { color: #aaaaaa; }
.ce_issues .prio_02 { color: #999999; }
.ce_issues .prio_05 { color: #444444; }
.ce_issues .prio_10 { color: #664400; }
.ce_issues .prio_20 { color: #ff8800; }
.ce_issues .prio_25 { color: #880000; }
.ce_issues .prio_30 { color: #ff0000; }
/*
status
	'00' => 'neu',
	'05' => 'zugeordnet',
	'10' => 'in Arbeit',
	'20' => 'fertig',
	'30' => 'abgenommen',
	'40' => 'abgelehnt',
*/
.ce_issues .status_00 { color: #880000; }
.ce_issues .status_02 { color: #ff0000; }
.ce_issues .status_05 { color: #ff8800; }
.ce_issues .status_10 { color: #0000ff; }
.ce_issues .status_20 { color: #008800; }
.ce_issues .status_30 { color: #00aa00; }
.ce_issues .status_40 { color: #888888; }
.ce_issues .comment { padding-left: 24px; }


/* -------------------------------------- */
/* Media queries */
/* -------------------------------------- */



@media all and (max-width: 1130px) {

}

@media all and (max-width: 840px) {


}

@media all and (max-width: 640px) {

}

@media all and (max-width: 400px) {

}