@charset "UTF-8";


/*
###############################################################
### CUSTOM TEMPLATE FOR JOOMLA 3.x                        #####
###############################################################
*/


html {
    font: 100.01% 'Open Sans', arial, helvetica, sans-serif;
    color:#fff;
    height:100%;
}

body {
    font: 100.01% 'Open Sans', arial, helvetica, sans-serif;
    color:#2b2b2b;
    height:100%;
    background:#fff url('../images/bg_body.jpg') repeat-x left top;
}


body#tinymce {
    background:none;
    background-color:#fff;
    color:#000;
}

/*
###############################################################
### ALLGEMEINE EINSTELLUNGEN                              #####
###############################################################
*/

.red {
	color:#fd4f50;
}

.red-bold {
	color:#fd4f50;
	font-weight:bold;
}

.blue {
    color:#001fc5;
}

.blue-bold {
	color:#001fc5;
	font-weight:bold;
}


/*
###############################################################
### CONTAINTER STRUKTUR                                   #####
###############################################################
*/

#sh-wrapper {
    width:940px;
    margin:0 auto;
	font-size:13px;
    line-height:24px;
    box-shadow: 0px 0 15px 4px rgba(200, 200, 200, 0.8);
    position:relative;
}

#sh-top{
    height:100px;
}

#logo-container {
    height:100px;
    width:320px;
    background:transparent url('../images/logo_neu.jpg') no-repeat left top;    
}

#sh-branding {
    height:340px;
}

.colorbar {
    height:14px;
    background-color:#fd4f50;
}

.colorbar-inner {
    height:14px;
    background-color:#001fc5;
    width:300px;
}


#sh-menu {
    width:300px;
    height:340px;
    float:left;
}

#sh-slideshow {
    width:640px;
    height:340px;
    float:left;
}


#sh-content {
    padding:85px 60px 100px 60px;
}

#sh-comwrap {
    
	
}

#sh-comwrap-duo {
    width:520px;
    float:left;
    min-height:200px;
}


#sidebar-a {
    width:240px;
	min-height:20px;
    margin-left:60px;
    float:left;
}

#sh-topnav {
    position:absolute;
    right:20px;
    top:23px;
    width:400px;
    text-align:right;
}

#footer {
	padding:15px 0px;
	text-align:right;
	margin:0 auto;
	width:940px;
	font-size:12px;
}

#footer-inner {
	
}

#banner {margin-bottom:20px;}

/* Zum Abschliessen von Float-Konstrukten */
.clear {
clear:both;
height:0px;
width:0px;
font-size:0.0em;
visibility:hidden;
}

/*
#############################################################
### FOOTER MODULES                                      #####
#############################################################
*/


#footer h3 {
	display:none;
}

#footer ul {
}

#footer li {
    height:26px;
    line-height:26px;
}

#footer li:first-child {
    border-left:none;
}

#footer li a {
    display:inline-block;
    color:#2b2b2b;
    text-decoration:none;
}

#footer li a:hover,
#footer li.active a {
    color:#2b2b2b;
    text-decoration:underline;

}

#footer li.current a {

}

#footer a {
    color:#2b2b2b;
    text-decoration:none;    
}

#footer a:hover {
    text-decoration:underline;
}


/*
#############################################################
### TOPNAV                                              #####
#############################################################
*/

#sh-topnav ul {
    text-align:right;
}

#sh-topnav li {
    display:inline-block;
    padding-left:20px;    
}

#sh-topnav li a {
    text-transform:uppercase;
    font-size:14px;
	letter-spacing:1px;
    line-height:32px;
    color:#fd4f50;
	font-weight:bold;
	text-decoration:none;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

#sh-topnav li a:hover {
    color:#001fc5;    
}


/*
#############################################################
### SIDEBAR-A                                           #####
#############################################################
*/

#sidebar-a > div {
    margin-bottom:15px;
}

#sidebar-a > div > div {              
    margin:0px;
   
}

#sidebar-a div > div > div {
}

#sidebar-a div > div > div > div {
    margin:0px;
    padding:0px;
    background:none;
}

#sidebar-a .readmore {
    display:block;
    padding:4px 0px;
}

#sidebar-a h3 {
    color:#2b2b2b;
    font-size: 16px;
    margin-bottom:20px;
    font-weight:bold !important;
}

#sidebar-a h4 {
    color: #2b2b2b;
    font-size: 1.0em;
}

#sidebar-a .newsflash_item {
    padding-bottom:5px;
}

#sidebar-a a.readmore {
    display:block;
    text-align:right;
    text-decoration:none !important;
    font-size:0.9em;
}

#sidebar-a ul.menu {
    list-style: none outside none;
    margin: 0;
    padding: 0 0;
}

#sidebar-a ul li {
    margin: 0;
    padding:0px;
    background:none;
}

#sidebar-a ul.menu li:first-child {
    padding-top:0px;
}

#sidebar-a ul ul {
}

#sidebar-a ul.menu li {
    line-height:1.7em;
    list-style: none;
}

#sidebar-a ul.menu a:link,
#sidebar-a ul.menu a:active,
#sidebar-a ul.menu a:visited {
    color:#2b2b2b;
    text-decoration: none;
    display:block;
    padding-left:0px;
    
}

#sidebar-a ul.menu li.active a,
#sidebar-a ul.menu a:hover {
    color:#2b2b2b;
    text-decoration: underline;    
}

/* Zweite Ebene ++ */
#sidebar-a ul.menu ul {
    padding-top:3px;
}

#sidebar-a ul.menu ul li.deeper ul li a,
#sidebar-a ul.menu ul li a:link,
#sidebar-a ul.menu ul li a:active,
#sidebar-a ul.menu ul li a:visited {
    color:#2b2b2b;
    font-size:12px;
    font-weight:normal;
    line-height:1.3em;
    padding-bottom:5px;
    text-decoration:none;
}

#sidebar-a ul.menu ul li.current a,
#sidebar-a ul.menu ul li.active a,
#sidebar-a ul.menu ul li.deeper ul li a:hover,
#sidebar-a ul.menu ul li.deeper ul li.current a,
#sidebar-a ul.menu ul li a:hover {
    text-decoration:underline;
}

#sidebar-a ul.menu ul {
    padding-left:15px;
    padding-bottom:5px;
}

#sidebar-a a:link,
#sidebar-a a:active,
#sidebar-a a:visited {
    color:#2b2b2b;
    text-decoration:none;    
}

#sidebar-a a:hover {
    text-decoration:underline !important;
}

#sidebar-a ul,
#sidebar-a ol {
    margin-left:20px;

}

#sidebar-a ul li {
    list-style-type:disc;
}

#sidebar-a ul ul li {
    list-style-type:circle;
}

#sidebar-a ol li {
    list-style-type:decimal;
}


/*
#############################################################
### STYLING ELEMENTS                                    #####
#############################################################
*/

/* Überschriften Inhaltsbereich */

#component h1,
#component h2,
#component h3,
#component h4,
#component h5,
.contentheading,
.componentheading {
    margin: 0 0 0.6em 0;
    padding: 0;
}

#component h1,
.contentheading, .componentheading {
    font-size: 24px;
    line-height:28px;
    color:#fd4f50;
    font-weight:600;
}

#component h2 {
    font-size: 20px;
    line-height:36px;
    color:#fd4f50;
    font-weight:600;
}

#component h3 {
    font-size: 16px;
    line-height:22px;
    color:#fd4f50;
    margin-bottom:0.5em;
}

#component h4 {
    font-size:1.0em;
    margin-bottom:0.2em;
}

#component h1 a,
#component h2 a,
#component h3 a,
#component h4 a,
#component h1 a:hover,
#component h2 a:hover,
#component h3 a:hover,
#component h4 a:hover {
    color:inherit;    
    text-decoration:none !important;
}

#component p {
    margin:5px 0px;
}

/* Erstellungs- und Änderungsdatum, small class */
.article-info {
    font-size:12px;
    text-align:right;
}

#component .readmore {
    padding:4px 0px;
}



/* Links: Contentbereich*/
#component a {
    color:#2b2b2b;
    text-decoration:underline;
}

/* Links: Contentbereich mit Hovereffekt */
#component a:hover {
    text-decoration:none;
}

body#tinymce table td,
#component table td {
    vertical-align:top;
}

#bottom ul,
#bottom ol,
#component ul,
#component ol {
    margin-left:20px;

}
#component ul {
}

#component ul li {
    list-style-type:disc;
}

#component ul ul li {
    list-style-type:circle;
}


#component ol li {
    list-style-type:decimal;
}

#component .sectiontableentry1 td,
#component .sectiontableentry2 td {
    padding-top:2px;
    padding-bottom:2px;
}

#component .sectiontableentry2 {
    background-color:#eee;
}

hr.system-pagebreak {
    margin:10px;    
}

/* Login-Page Styling */
fieldset.input {
    margin-bottom:10px;
}

fieldset.input p {
    padding:2px;
}

form#com-form-login input.button {
    margin-top:10px;
}

#contact-slider {
   
}

#component div.contact div.panel {
    border-bottom:1px solid #fff;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}

#component div.contact h3 {
    background-color:#2b2b2b;
    margin:0px;
    padding:5px 10px;
    border-top:1px solid #fff;
    color:#fff;
}

#component div.contact .pane-slider {
    padding: 0px 10px !important;
}

#component div.contact .pane-down {
    padding:10px  !important;
}

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

.contact .panel .contact-form form, .contact .panel .contact-address {
    margin: 20px 0 0;
}
  
.contact p {
    line-height: 1.7em;
    margin: 0px 0;
}  
 

#component div.pagination li a,
#component li.pagenav-prev a,
#component li.pagenav-next a {
	display:inline-block;
	padding:1px 5px;
	border:1px solid #2b2b2b;
	text-decoration:none;
	border-radius:5px;
}

#component div.pagination li a:hover,
#component li.pagenav-prev a:hover,
#component li.pagenav-next a:hover {
    color:#fff;
	background-color:#2b2b2b;
	border:1px solid #2b2b2b;
	text-decoration:none;
}

ul.actions {
    margin-top:0px;
}

.items-row {
    margin-bottom: 1.3em;
}

#logo-link {
    display:block;
    height:inherit;
    width:inherit;
    text-indent:-9999em;
}


.hidden {
    display:none;
}

::selection {
     background-color:#2b2b2b;
     color:#fff;
}

::-moz-selection {
    background-color:#2b2b2b;
    color:#fff;
}

.pg-field-table {
 display:none; 
}

.pg-legend {
  font-size:12px !important;
}

.pg-legend .small {
  display:none;
  
}

.tooltip, .pg-cv-name {display:none !important;}

.pg-cv-name.pg-cv-folder {display:block !important;}

.pg-cv-box-image {height:125px !important}


.contact dl {
	padding-bottom:20px;  
}

.contact dt,
.contact dd{
  display:inline;
}
.contact input, .contact textarea {background-color:#fff !important;}

.contact .form-actions button {margin-top:20px;}

/* 2018-12-07 // Studio H */
.chrono_credits {
  	display:none;
}

.head_required {
  	text-align:right;
  	display:block;
  	margin-bottom:15px;
}

.chronoform #form-row-text14 {
  	display:none!important;
  	margin-left:-999999999px;  
}

.chronoform #fin-checkbox11 {
  	margin-bottom:10px;
}

.chronoform .btn {
  	border:none;
  	background:none;
  	background-color:#001fc5;
  	color:#fff;
  	padding:0px 40px;
  	height:50px;  	
}

.chronoform .btn:hover, .chronoform .btn:focus {
  	background-color:#fd4f50;
  	color:#fff;
}