/* Begin Additional CSS Styles */






/* @group NKA Artikel */

#nka-artikel {
	width: 100%;
	padding: 5px;
}

#nka-artikel .head-container {
	display: table; 
	width: 100%;
	margin-bottom: 10px;
}

#nka-artikel .head-block{
	display: table-row;
}

#nka-artikel .ueberschrift {
	display: table-caption;
	font-size: 22px;
	margin-bottom: 5px;
	line-height: 120%;
	font-weight: bold;
}

#nka-artikel .zw-ueberschrift {
display: table-cell; 
font-weight: bold;
font-size: 16px;
	line-height: 120%;
	margin-bottom: 10px;
}


#nka-artikel .anzeige-hinweis {
display: table-cell; 
text-align: right;
font-size: 12px;
}



#nka-artikel .text-container {
line-height: 1.5;
color: black;
	margin-top: 20px;
}


#nka-artikel .einleitung {
	font-weight: bold;
	text-align: justify;
}

#nka-artikel .text {
	font-weight: normal;
	font-style: normal;
	padding-top: 10px;
}

#nka-artikel .text-info {
	font-weight: bold;
	padding-top: 10px;
	text-align: right;
}


#nka-artikel .text-author {
	font-weight: bold;
	text-align: right;
	padding-top: 10px;
}


#nka-artikel .text-container a { 
padding: .2em; 
}

#nka-artikel .text-container a:link { 
color: orange;
}

#nka-artikel .text-container a:hover { 
background-color: orange; 
color: white; 
}

#nka-artikel .text-container a:active {  
color: black; 
}


#nka-artikel .bilder-container {
	width: 300px;
	float: left;
	margin-right: 10px;
}

#nka-artikel .bild-block {
	display: block;
}

#nka-artikel .foto-container {
animation: fading 15s; 
}

@keyframes fading {
0%   {opacity:0}
50%  {opacity:1}
100% {opacity:1}
}


#nka-artikel img {
	width:  100%;
	height: auto;
	transition: transform 0.2s;
}


#nka-artikel .info-text {
animation: fading 15s; 
background-color: #e9e9e9;
padding: 5px;
font-size: 14px;
line-height: 1.3;
margin-bottom: 20px;
}



#nka-artikel .bildunterschrift {
	font-size: 10px;
	line-height: 1.2;
	text-align: center;
	font-style: italic;
	margin-top: 5px;
	margin-bottom: 15px;
	padding-right: 5px;
	padding-left: 5px;

}


#nka-artikel .bildunterschrift a { 
padding: .2em; 
}

#nka-artikel .bildunterschrift a:link { 
color: orange;
}

#nka-artikel .bildunterschrift a:hover { 
background-color: #244d9c; 
color: white; 
}

#nka-artikel .bildunterschrift a:active{ 
color: black; 
}




/* @group Responsive */

@media all {}



@media only screen and (max-width: 480px) {

#nka-artikel .bilder-container{
	width: 100%;
}}
	
@media only screen and (min-width: 481px) and (max-width: 991px) {
	
#nka-artikel .bilder-container {
	width: 40%;	
}}
	
@media only screen and (min-width: 992px) and (max-width: 1199px) {}
	
@media only screen and (min-width: 1200px) {}


/* @end */

/* @end */
/* @group Text mit Foto */

.tmf-box {
	width: 100%;
	margin-bottom: 10px;
	font: 12px/150% "Lucida Grande", Lucida, Verdana, sans-serif;
}

.tmf-box a:link {
	color: orange;
}

.tmf-box a:hover {
	color: gray;
}

.tmf-box a:visited {
	color: orange;
}

.tmf_ueberschrift-box {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

#tmf_haupt-ueberschrift {
	text-align: left;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 22px;
	line-height: 120%;
}

#tmf_zwisch-ueberschrift {
	text-align: left;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
	line-height: 120%;
}

.tmf_artikel-box {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

#tmf_artikel-einl {
	text-align: justify;
	vertical-align: top;
	font-weight: bold;
	margin-bottom: 10px;
}

#tmf_artikel {
	text-align: justify;
	vertical-align: top;
}

#tmf_redakteur {
	text-align: right;
	font-weight: bold;
	margin-top: 10px;
}

#tmf_bildbox {
	width: 283px;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

#tmf_foto {
	vertical-align: top;
	margin: 0;
	padding: 0;
	float: left;
}

#tmf_bu {
	text-align: center;
	padding-bottom: 10px;
	vertical-align: top;
	padding-top: 2px;
	font: italic 10px/120% "Lucida Grande", Lucida, Verdana, sans-serif;
}

#tmf_zs_hl {
	background-color: #cccccc;
	text-align: left;
	font-weight: bold;
	padding: 2px;
}

#tmf_zs_tx {
	background-color: #cccccc;
	vertical-align: top;
	padding: 2px;
	text-align: left;
}

#tmf_zs_tx li {
	text-align: left;
	padding: 0;
	margin: 0 0 10px;
	
	list-style-position: outside;
	list-style-image: url(../images/M_images/arrow.png);
}

#tmf_zs_tx ul {
	text-align: left;
	padding: 0 0 0 15px;
	margin: 0;
}



/* @end */

/* @group Contact */

.contact .inputbox,
.registration input,
.profile-edit input,
.login-fields input,
.remind input,
.reset input


{
	background:#fff url(../images/content_bg.gif) repeat-x ;
	border:solid 1px #ccc;
	padding:3px
}

.contact-category h1 {
	font-weight: bold;
	color: orange;
	border-top: 1px solid orange;
	border-bottom: 1px solid orange;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 10px;
}

.contact form
{
	color:#000;
}

.contact input
{
	color:#000;
}

.contact .button
{

}

.contact input.invalid,
.contact textarea.invalid
{
	border:solid 2px red;
}

.contact label.invalid
{
	color:red;
}

.panel .contact-form,
.panel  .contact-miscinfo
{
	padding:10px;
}

.contact .panel .contact-form form,
.contact .panel .contact-address
{
	margin:20px 0 0 0;
}

.contact-position
{
	font-size: 12px;
	font-weight: bold;
}

.contact
{
        padding:0 5px;
}

.contact-category  #adminForm fieldset.filters
{
	border:0;
	padding:0;
}

.contact-image
{
	margin: 10px 5px 10px 0;
	overflow:hidden;
	float: right;
	position: relative;
    box-shadow: 0px 1px 6px #292929; /* CSS3 */
}

.contact-image img
{
	width: 150px;

}
.contact-address

{
margin:20px 0 10px 0;
}


.contact-email div
{
        padding:2px 0;
        margin:0 0 10px 0;
}

.contact-email label
{
        width:17em;
        float:left;

}
span.contact-image
{
    margin-bottom:10px;
    overflow:hidden;
    display:block
}

.contact .thumbnail {
}

.contact .thumbnail img {
	width: 150px;
	float: right;
}

#contact-textmsg
{padding: 2px 0 10px 0;
}

#contact-email-copy
{
        float:left;
        margin-right:10px;

}

.contact .button
{
        float:none !important;
        clear:left;
        display:block;
        margin:20px 0 0 0
}

.contact-category .category
{
	border: 1px solid orange;
}

.contact-category .category th
{
	background-color: orange;
}

.contact-category .category .cat-list-row0
{
	padding-bottom: 10px;
}

.contact-category .category .cat-list-row1
{
	background-color: rgba(255,221,198,0.51);
	margin-bottom: 10px;
}

.contact h1 {
	font-weight: bold;
	border-bottom: 1px solid #244d9c;
	border-top: 1px solid #244d9c;
	color: #244d9c;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.contact .panel {
	border: 1px solid orange;
	padding: 5px;
	margin-top: 10px;
}

.contact-name {
	font-weight: bold;
	color: black;
}



/* @end */

/* @group categories */

.category {
	padding: 2px;
	border: 1px solid orange;
	color: black;
}

.category a:link {
	color: black;
}

.category a:hover {
	color: orange;
}

.category th {
	padding: 2px 5px;
	border: 1px solid orange;
	background-color: #ffddc6;
}

.category .cat-list-row0 {
}

.category .cat-list-row1 {
	background-color: #ddd;
}

.category .list-title {
	font-weight: bold;
	padding: 2px;
}

.category .list-date {
	padding: 2px;
}

.category .list-author {
	padding: 2px;
}

.category .list-hits {
	padding: 2px;
	text-align: right;
}



/* @end */

/* @group JDownloads */

.jd_cat_subheader {
	border: 1px solid #69205b;
	background-color: #fbefc1;
	color: #244d9c;
	width: 100%;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 10px;
}

.dj_subcats_title {

}

.jd_cat_title {
	padding: 6px;
}

.jd_sort_order {
	font-size: 10px;
}

.dj_cat_layout {
	float: left;
	position: relative;
}

.dj_cat_layout_title {
}

.dj_cat_layout_box {
	width: 100%;
	margin-bottom: 10px;
	float: left;
	position: relative;
}

.dj_cat_layout_cat_description {
	padding: 5px;
	text-align: left;
	color: #fbf0cd;
	float: none;
	background-color: #244d9c;
	font-size: 14px;
	font-weight: bold;
}

.dj_cat_layout_sum_files {
	color: #ddd;
	float: right;
}

.dj_cat_layout_sum_subcats {
	padding: 5px;
	width: 100%;
	text-align: left;
	font-size: 12px;
	color: red;
}

.dj_cat_layout_table {
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #69205b;
}

.jd_dateien_layout_info {
	padding: 5px;
	vertical-align: top;
	width: 91%;
	font-size: x-small;
}

.jd_dateien_layout_table {
	width: 100%;
	border: 1px solid #69205b;
	margin-bottom: 10px;
}

.jd_dateien_layout_titel {
	background-color: rgba(36,77,156,0.3);
	padding: 6px;
	margin-bottom: 10px;
}

.jd_zusammenfassungs_layout .jd_cat_title {
	border: 1px solid #69205b;
	padding: 5px;
	font-size: 12px;
	background-color: #fbf0cd;
}

.dj_cat_layout {
}

.jd_dateien_layout {
}

.jd_download_details_layout {
}

.jd_zusammenfassungs_layout {
	border: 1px solid #69205b;
	background-color: rgba(36,77,156,0.1);
}

.jd_body {


}

.jd_zusammenfassungs_layout {
	font-size: 10px;
}



/* @end */

/* @group Weblinks */

.weblink-category {
}

.weblink-category .filters {
	text-align: right;
	margin-bottom: 10px;
}

.weblink-category h2 {
	background-color: #244d9c;
	padding: 5px;
	color: #fdedbc;
}

.weblink-category .cat-list-row0 {
	background-color: rgba(36,77,156,0.1);
}

.weblink-category .cat-list-row0 .hits {
	text-align: right;
    vertical-align: top;
	padding: 5px;
	width: 25px;
}

.weblink-category .cat-list-row1 {
	background-color: #fdedbc;
}

.weblink-category .cat-list-row1 .hits {
	text-align: right;
    vertical-align: top;
	padding: 5px;
	width: 25px;
}

.weblink-category .title {
	padding: 5px;
	float: left;
	position: relative;
}

.weblink-category .actions {
	text-align: right;
	float: right;
	position: relative;
	bottom: 30px;
}

.weblink-category .category a {
	border-style: none;
	font-weight: bold;
	font-size: 14px;
}

.weblink-category #adminForm {
}



/* @end */

/* @group Kommentare */

.comment-body {
	border-bottom: 1px solid #244d9c;
	border-top: 1px solid #244d9c;
	font-size: 12px;
	line-height: 150%;
}

.comments-buttons {
	margin-top: 10px;

}

div.comments-policy {
	background-color: #eae0b6;
	border: 1px solid #2e62ac;
	padding: 5px;
	margin: 0;
}

div.comments-policy ol, div.comments-policy ul {margin: 0;padding: 5px 0 0 20px;line-height: 5px}
div.comments-policy ol li, div.comments-policy ul li {font: normal 1em Verdana, Arial, Sans-Serif; margin: 0;padding: 0;border: none;line-height: 5px}



/* @end */

/* @group accordeon */

.accordion
{
  margin-bottom: 18px;
}

.accordion-group
{
  margin-bottom: 2px;
  border: 2px solid orange;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
	background-color: rgba(214,204,163,0.3);
	margin-top: 10px;
}

.accordion-heading
{
  border-bottom: 0;
	background-color: orange;
	color: white;
}

.accordion-heading .accordion-toggle
{
  display: block;
  padding: 8px 15px;
}

.accordion-toggle
{
  cursor: pointer;
}

.accordion-inner
{
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}

.accordion-body.in:hover
{
  overflow: visible;
}

.art-postcontent .accordion-heading a:link
{
  border-bottom: 0;
	font-weight: bold;
	color: white;
	text-decoration: none;
	font-size: 16px;
}

.art-postcontent .accordion-heading a:hover
{
  border-bottom: 0;
	font-weight: bold;
	color: red;
	text-decoration: none;
}



/* @end *//* @group Button */

.eh-btn a:link, .eh-btn a:active, .eh-btn a:visited{

  background: #FFA500;
  background-image: -webkit-linear-gradient(top, #FFA500, FFA494);
  background-image: -moz-linear-gradient(top, #FFA500, FFA494);
  background-image: -ms-linear-gradient(top, #FFA500, FFA494);
  background-image: -o-linear-gradient(top, #FFA500, FFA494);
  background-image: linear-gradient(to bottom, #FFA500, FFA494);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  padding: 5px 10px 5px 10px;
  border: 1px solid #fcf2cc;
  
  font-size: 16px;
  color: #fbf0c2;
  text-decoration: none;
}

.eh-btn a:hover{
  
  background: FFA494;
  background-image: -webkit-linear-gradient(top, FFA494, #FFA500);
  background-image: -moz-linear-gradient(top, FFA494, #FFA500);
  background-image: -ms-linear-gradient(top, FFA494, #FFA500);
  background-image: -o-linear-gradient(top, FFA494, #FFA500);
  background-image: linear-gradient(to bottom, FFA494, #FFA500);
  border: 1px solid #aaa;
  
  color: #ffffff;
 
}



/* @end */

/* @group Banner */

.bannergroup_banner-klein #banner-head-klein {
	background-color: rgba(255,221,198,0.51);
	color: black;
	margin-bottom: 5px;
	font-size: 12px;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
}

.bannergroup_banner-klein .banneritem {

}

.bannergroup_banner-klein .banneritem img {
	margin-top: 1px;
}

.bannergroup_banner-gross {
	margin-right: 10px;
	margin-left: 10px;
}

.bannergroup_banner-gross #banner-head-gross {
	background-color: #F19E0E;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	color: white;
	margin: 10px auto 2px;
	width: 815px;
}

.bannergroup_banner-gross .banneritem {
	border: 1px solid #F19E0E;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 5px;
	width: 815px;
	height: 150px;
}


.bannergroup_banner-gross .banneritem img {

}



/* @end */

/* @group Breadcrumbs */

.breadcrumbs
{
  margin: 0 auto;
	font-size: 9px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #F19E0E;
}

.art-breadcrumbs
{
  margin: 0 auto;
}

.breadcrumbs img
{
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}



/* @end */

/* @group PageFooter */

.art-page-footer a:link, .art-page-footer a:visited
{
	color: black;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

.art-page-footer a:hover
{
	color: gray;
}



/* @end */

/* @group Responsive */

@media all {}

@media only screen and (max-width: 767px) {}
	
@media only screen and (min-width: 768px) and (max-width: 991px) {}
	
@media only screen and (min-width: 992px) and (max-width: 1199px) {}
	
@media only screen and (min-width: 1200px) {}



/* @end */

/* End Additional CSS Styles */

.countdown {
	line-height: 1.5;
}

.countdown h2 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}






/* @group Kontakt Formular */


fieldset {
  padding: 10px !important;
  border: 1px !important;
}



legend {
margin-top: 10px !important;
margin-bottom: 15px !important;
}


 .form-horizontal .control-label {
    text-align: left !important;
  }


a.art-button, a.art-button:link, a:link.art-button:link, body a.art-button:link, a.art-button:visited, body a.art-button:visited, input.art-button, button.art-button {
  margin: 10px 5px 10px 10px !important;
}

/* @end */