@charset "UTF-8";

/* IMPORT BASIC */
@import url(../../basic_new/variables.css);

body {font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 75.00%; background: none;}
pre,tt,code {font-family: "Courier New", Courier, monospace; font-size: 110%;}

/* HEADERS */
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-style: normal; margin: 0 0 0.5em 0; line-height: 130%;}

h1 {font-size: 222%;}
h2 {font-size: 155%;}
h3 {font-size: 150%;}
h4 {font-size: 150%;}
h5 {font-size: 100%; font-weight: bold;}
h6 {font-size: 100%;}

/* LISTS */
ul,ol,dl {line-height: 1.5em; margin: 0 0 1em 0; padding: 0 0 0 1.5em;}

li {line-height: 1.5em;}

dt {}
dd {}
.x-tip dl,.x-tip dd {margin: 0 0 0 0}
.x-tip dl {padding: 1px;}

/* TEXT FORMATTING */
cite,blockquote {}
blockquote {}
strong,b {}
em,i {}
acronym,abbr {}

/* ACCORDION */
details {
    margin-bottom: 1em;
    padding: .5em .5em 0;
    border: 1px solid var(--main-theme-gray-30);
    border-radius: 4px;
}

details[open] {
    padding: .5em;
}

summary {
    display: list-item;
    margin: -.5em -.5em 0;
    padding: .5em;
    text-decoration: underline;
    font-weight: bold;
}

details[open] summary {
    border-bottom: 1px solid var(--main-theme-gray-30);
    margin-bottom: .5em;
}

summary:hover {
    cursor: pointer;
}

summary:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -.3rem;
}

/* FORMS */
fieldset {border-color: #ccc; padding: 1.5em 1.5em 1em;}
fieldset legend {letter-spacing: 0.01em; color: #666;}
input {font-family: Verdana, Arial, Helvetica, sans-serif; padding: 2px; background-color: #fff;}
#b_body input:focus {border: 1px solid #000; outline: 1px solid #4b6585 !important;}
select {font-family: Verdana, Arial, Helvetica, sans-serif; padding: 2px; background-color: #fff;}
textarea {background-color: #fff; font-size: 130%;}

/* LINKS*/
a {color: #094196; text-decoration: none;}
a:focus,a:hover,a:active {text-decoration: underline;}
#b_body a:focus, #b_body a:active {outline: 1px solid #4b6585 !important;}

/* OTHER ELEMENTS */
p {margin: 0 0 .7em;}
hr {margin: 10px 20px; padding: 0 0 0.5em 0; border-color: #ccc; border-style: solid; border-width: 0 0 1px 0; height: 0;}
span[style*="background-color"] {display: inline-block;}
span[style*="large"] {display: inline-block; line-height: 1em;}

/* CONTENT CLASSES */
/* content boxes */
.b_info {
	background-color: #E9EAEF;
	padding: 5px 5px 5px 30px;
	border-width: 1px;
}
.b_note {
	background: #E9EAEF none;
	padding: 5px 5px 5px 30px;
	border-width: 1px;
}
.b_important {
	background: #f7ddc4 none;
	padding: 5px 5px 5px 30px;
	border: 1px solid #F4AE5B;
}
.b_warning {
	background: #fdd none;
	padding: 5px 5px 5px 30px;
	border: 1px solid #D65F2B;
}
.error {color: #BB2508; font-weight: bold;}

/* CUSTOM TINY MCE FORMATS */
.box {margin: .5em 0; padding: 0.5em; border-radius: 2px;}
.box-light {border: 2px solid #e1e1e1;}
.box-info {background-color: #D2DEEC;}
.box-success {background-color: #CADEB4;}
.box-warning {background-color: #F9E4CF;}
.box-danger {background-color: #d96666; color: #fff;}

.b_tabbedpane_content .b_note,
.b_tabbedpane_content .b_important,
.b_tabbedpane_content .b_warning {
	background-image: none;
}

/* font  */
.b_disabled {color: #5d5d5d;}
.b_deleted {text-decoration: line-through;}
.b_selected {font-weight: bold;}

/* font sizes relative to parent object */
.b_xsmall {font-size: 80%;}
.b_small {font-size: 90%;}
.b_large {font-size: 150%;}
.b_xlarge {font-size: 222%;}

/* text alignment: */
.b_align_normal {text-align: left;}
.b_align_center {text-align: center;}
.b_align_inverse {text-align: right;}


.b_quote_wrapper {position: relative; margin: 20px;}
.b_quote_author {
	padding: 10px 5px 15px 11px;
	position: relative;
	top: 1px;
	font-style: italic;
	color: #aaa;
}
blockquote.b_quote {
	margin: 0;
	border: 1px solid #ddd;
	background-color: #fff;
	padding: 8px 10px 6px;
	color: #666;
}

/***********
	LINKS
***********/
a.b_link_extern {
	background: url(../images/default/external_link.gif) no-repeat center left;
	padding: 0 0 0 14px;
}
a.b_link_mailto {
	background-repeat: no-repeat; background-position: center left; padding-left: 20px;
}
a.b_link_call:link,
a.b_link_call:visited,
a.b_link_call:hover,
a.b_link_call:active {background-image: url(../images/icons/phone.png); padding-left: 20px;}

/************
	TABLES
*************/
/* GENERIC TABLES styles for home-brew tables, table component uses other styles */
table.b_table {
	background: #fff; width: auto; border-collapse: collapse; margin-bottom: 0.5em; margin-left: 1px; font-size: 90%; border: 1px solid #ddd; border-top: none;
} /* left margin fix for FF */
table.b_full {
	width: 99.5%;
} /* 99.5% width fix for FF border overflow issue*/
table.b_fixed {

}

table.b_table thead tr {
	border-left: 1px solid #666; border-right: 1px solid #666;
}

table.b_table th,table.b_table td {
	padding: 0.4em 0.6em 0.5em; vertical-align: top; line-height: 150%;
}

table.b_table th {
	font-size: 100%; background-color: #666; background-image: none; color: #fff; text-transform: uppercase; font-weight: normal;
}

table.b_table tr.b_table_odd {
	background-color: #eee;
}

table.b_table tr:hover {
	background-color: transparent;
}
table.b_table_nohover tr:hover {
	background: none
}
table.b_table tr.b_table_odd:hover {
	background-color: #eee;
}

/* tables with visible grid layout */
table.b_grid_row tr,table.b_grid th,table.b_grid td {
	border: none; border-right: 1px dotted #eee;
}

table td p:only-child {margin-bottom: 0;}

/* Hintergrund RedScreenseite */
#b_main.b_exception {
	background: #FFFFFF none;
}

/* Wartungsmeldung*/
#b_msg_sticky {border-top: none;}

.div.b_portlet div.magma_player{display: none;}

span.unsichtbar, span.altImage, .invisible {
    left: -10000px;
    position: fixed;
    top: -5000px;
}

div.o_institution {overflow: hidden;}

/* smilies */
.b_emoticons_angel {
	display: inline-block; background: url(../images/emoticons/angel.gif) no-repeat; width: 18px; height: 18px;
}

.b_emoticons_angry {
	display: inline-block; background: url(../images/emoticons/angry.gif) no-repeat; width: 18px; height: 18px;
}

.b_emoticons_blushing {
	display: inline-block; background: url(../images/emoticons/blushing.gif) no-repeat; width: 18px; height: 18px;
}

.b_emoticons_confused {
	display: inline-block; background: url(../images/emoticons/confused.gif) no-repeat; width: 18px; height: 18px;
}

.b_emoticons_cool {
	display: inline-block; background: url(../images/emoticons/cool.gif) no-repeat; width: 18px; height: 18px;
}

.b_emoticons_cry {
	display: inline-block; background: url(../images/emoticons/cry.gif) no-repeat; width: 18px; height: 18px;
}

.b_emoticons_devil {
	display: inline-block; background: url(../images/emoticons/devil.gif) no-repeat; width: 18px; height: 18px;
}

.b_emoticons_grin {
	display: inline-block; background: url(../images/emoticons/grin.gif) no-repeat; width: 18px; height: 18px;
}

.b_emoticons_kiss {
	display: inline-block; background: url(../images/emoticons/kiss.gif) no-repeat; width: 18px; height: 18px;
}

.b_emoticons_ohoh {
	display: inline-block; background: url(../images/emoticons/ohoh.gif) no-repeat; width: 18px; height: 18px;
}

.b_emoticons_sad {
	display: inline-block; background: url(../images/emoticons/sad.gif) no-repeat; width: 18px; height: 18px;
}

.b_emoticons_sick {
	display: inline-block; background: url(../images/emoticons/sick.gif) no-repeat; width: 18px; height: 18px;
}

.b_emoticons_smile {
	display: inline-block; background: url(../images/emoticons/smile.gif) no-repeat; width: 18px; height: 18px;
}

.b_emoticons_tongue {
	display: inline-block; background: url(../images/emoticons/tongue.gif) no-repeat; width: 18px; height: 18px;
}

.b_emoticons_ugly {
	display: inline-block; background: url(../images/emoticons/ugly.gif) no-repeat; width: 18px; height: 18px;
}

.b_emoticons_weird {
	display: inline-block; background: url(../images/emoticons/weird.gif) no-repeat; width: 18px; height: 18px;
}

.b_emoticons_wink {
	display: inline-block; background: url(../images/emoticons/wink.gif) no-repeat; width: 18px; height: 18px;
}

.b_emoticons_worried {
	display: inline-block; background: url(../images/emoticons/worried.gif) no-repeat; width: 18px; height: 18px;
}