@charset "UTF-8";

  /***************************
  * UKM TPL                  *
  *                          *
  *  UKM blau  #f4a258       *
  *  Textgrau  #4c4c4c       *
  *  Selection #cbe612       *
  ***************************/



/*  +++++++++++++++++
  +++ HEADLINES +++
  +++++++++++++++++ */
h1, h1.layout1, h2.layout1, h3.layout1, h4.layout1, h5.layout1, h6.layout1 {
  margin:0 0 10px 0;
  font:normal 20px/24px 'Roboto',Arial,Helvetica,sans-serif;
  color: #003366;
}
h2, h1.layout2, h2.layout2, h3.layout2, h4.layout2, h5.layout2, h6.layout2 {
  margin:0 0 10px 0;
  font:normal 20px/24px 'Roboto',Arial,Helvetica,sans-serif;
  color: #003366;
}
h3, h1.layout3, h2.layout3, h3.layout3, h4.layout3, h5.layout3, h6.layout3 {
  margin:30px 0 10px 0;
  font:normal 16px/20px 'Roboto',Arial,Helvetica,sans-serif;
  color: #003366;
}
h4, h1.layout4, h2.layout4, h3.layout4, h4.layout4, h5.layout4, h6.layout4 {
  margin:30px 0 10px 0;
  padding:5px 7px;
  font:normal 16px/20px 'Roboto',Arial,Helvetica,sans-serif;
  background:#deecf5;
  color: #003366;
}
h5, h1.layout5, h2.layout5, h3.layout5, h4.layout5, h5.layout5, h6.layout5 {
  margin:30px 0 10px 0;
  padding:5px 7px;
  font:normal 14px/18px 'Roboto',Arial,Helvetica,sans-serif;
  background:#deecf5;
  color:#003366;
}
h6, h1.layout6, h2.layout6, h3.layout6, h4.layout6, h5.layout6, h6.layout6 {
  margin:0 0 10px 0;
  font:normal 14px/18px 'Roboto',Arial,Helvetica,sans-serif;
  color:#003366;
}
body#p1 h1, body#p1 h2 {
  font:normal 19px/23px 'Roboto',Arial,Helvetica,sans-serif;
}
div.colMarginal h1,
div.colMarginal h2,
div.colMarginal h3,
div.colMarginal h4,
div.colMarginal h5,
div.colMarginal h6 {
  margin:0;
  padding:16px 20px;
  font:normal 14px/18px 'Roboto',Arial,Helvetica,sans-serif;
  text-transform:none;
  color:#003366 !important;
}
body.color_blue h4, h1.layout5, h2.layout5, h3.layout5, h4.layout5, h5.layout5, h6.layout5 {background:#deecf5;color:#006db0;}
body.color_purple h4, h1.layout5, h2.layout5, h3.layout5, h4.layout5, h5.layout5, h6.layout5 {background:#d7d3dd;color:#372257;}
body.color_green h4, h1.layout5, h2.layout5, h3.layout5, h4.layout5, h5.layout5, h6.layout5 {background:#f1f1cc;color:#baba00;}
body.color_brown h4, h1.layout5, h2.layout5, h3.layout5, h4.layout5, h5.layout5, h6.layout5 {background:#f5ebcc;color:#cc9900;}
body.color_red h4, h1.layout5, h2.layout5, h3.layout5, h4.layout5, h5.layout5, h6.layout5 {background:#ebd0d1;color:#9b141b;}
body.color_gray h4, h1.layout5, h2.layout5, h3.layout5, h4.layout5, h5.layout5, h6.layout5 {background:#dcdfde;color:#52605b;}

body.color_blue h5, h1.layout5, h2.layout5, h3.layout5, h4.layout5, h5.layout5, h6.layout5 {background:#deecf5;color:#006db0;}
body.color_purple h5, h1.layout5, h2.layout5, h3.layout5, h4.layout5, h5.layout5, h6.layout5 {background:#d7d3dd;color:#372257;}
body.color_green h5, h1.layout5, h2.layout5, h3.layout5, h4.layout5, h5.layout5, h6.layout5 {background:#f1f1cc;color:#baba00;}
body.color_brown h5, h1.layout5, h2.layout5, h3.layout5, h4.layout5, h5.layout5, h6.layout5 {background:#f5ebcc;color:#cc9900;}
body.color_red h5, h1.layout5, h2.layout5, h3.layout5, h4.layout5, h5.layout5, h6.layout5 {background:#ebd0d1;color:#9b141b;}
body.color_gray h5, h1.layout5, h2.layout5, h3.layout5, h4.layout5, h5.layout5, h6.layout5 {background:#dcdfde;color:#52605b;}

h1.csc-firstHeader {margin:0 0 10px 0;}
h2.csc-firstHeader {margin:0 0 10px 0;}
h3.csc-firstHeader {margin:0 0 10px 0;}
h4.csc-firstHeader {margin:0 0 10px 0;}
h5.csc-firstHeader {margin:0 0 10px 0;}
h6.csc-firstHeader {margin:0 0 10px 0;}



/*	++++++++++++++++++++
	+++ FLUID STYLES +++
	++++++++++++++++++++ */
.frame-default.frame-type-text.frame-layout-1 a[href*="ukm_von_a_bis_z"] {
	margin-right:4px;
}
.frame-default.frame-type-text.frame-layout-20 h3, .frame-default.frame-type-text.frame-layout-20 h4 {
	padding:5px 7px;
}
.frame-default.frame-type-text.frame-layout-11 .headline, .frame-default.frame-type-text.frame-layout-20 .headline,
.frame-default.frame-type-image.frame-layout-20 .headline {
	display:none;
}
.frame-default.frame-type-text.frame-layout-6 h1,
.frame-default.frame-type-text.frame-layout-6 h2,
.frame-default.frame-type-text.frame-layout-6 h3,
.frame-default.frame-type-text.frame-layout-6 h4,
.frame-default.frame-type-text.frame-layout-6 h5,
.frame-default.frame-type-text.frame-layout-6 h6 {
	margin: 0;
	padding: 16px 20px;
	background: #eeeeee;
}
.frame-default.frame-type-text.frame-layout-4 h1,
.frame-default.frame-type-text.frame-layout-4 h2,
.frame-default.frame-type-text.frame-layout-4 h3,
.frame-default.frame-type-text.frame-layout-4 h4,
.frame-default.frame-type-text.frame-layout-4 h5,
.frame-default.frame-type-text.frame-layout-4 h6 {
	margin: 0;
	padding: 16px 20px;
	background: #eeeeee;
}
figure.image {
	margin-bottom:10px;
}
.tx-ttaddress span[itemprop="telephone"] {
	display:block;
}



/*  ++++++++++++++++
  +++ ELEMENTS +++
  ++++++++++++++++ */
hr {
  height:0;
  margin:10px 0;
  color:white;
  border:0;
  border-bottom:1px solid #cccccc;
}
table th, table td {padding:3px;}
sub {
  vertical-align:sub;
  font-weight:normal;
   font-family:'Roboto',sans-serif;
  font-size:10px;
}
sup {
  vertical-align:super;
  font-weight:normal;
   font-family:'Roboto',sans-serif;
  font-size:10px;
}
p {margin:0 0 20px 0;}
b {font-weight:bold;}
strong {font-weight:bold;}
em {font-weight:italic;}

a:link, a:visited {
  text-decoration:underline;
  color:#003366;
}
a:hover, a:focus, a:active {
  color:#333333;
  outline:0;
}
::selection {
  background:#cbe612;
  color:white;
  text-shadow:none;
}
::-moz-selection {
  background:#cbe612;
  color:white;
  text-shadow:none;
}
::-webkit-selection {
  background:#cbe612;
  color:white;
  text-shadow:none;
}


/*  ++++++++++++++++
  +++ ELEMENTS +++
  ++++++++++++++++ */
ol {
  list-style:decimal;
  padding:0 0 0 27px;
  margin:10px 0 20px 0;
}
ol li {
  margin:0 0 4px 0;
}



/*  +++++++++++++++++++++++
  +++ GENERAL CLASSES +++
  +++++++++++++++++++++++ */
.hidden {display:none;}
.block {display:block;}

.floatLeft {float:left;}
.floatRight {float:right;}
.clear {
  clear:both;
  display:block;
  overflow:hidden;
  visibility:hidden;
  width:0;
  height:0;
}

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.justify {text-align:justify;}

.helpCursor {cursor:help;}
.pointerCursor {cursor:pointer;}
.defaultCursor {cursor:default;}

.nowrap {white-space:nowrap;}
.overflowHidden {overflow:hidden;}

/* Better clearfix: use .group in parent-element (http://css-tricks.com/snippets/css/clear-fix/) */
.group:before, .group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1;}/* For IE 6/7 (trigger hasLayout) */



/*  +++++++++++++++++++
  +++ RTE-CLASSES +++
  +++++++++++++++++++ */

/* old stuff, but still used */
p.lead {
  font-size:16px;
  line-height:21px;
  margin:0 0 15px 0;
}
p.bold, p.stellebold {
  font-weight:bold;
}
p.eingerueckt {margin-left:15px;}

div.colMarginal ul.outside_start {
  margin:0;
}
div.colMarginal ul.outside_start li {
  margin:0;
  padding:0 0 0 15px;
  list-style:outside none;
}
ul.outside {
  margin:20px 0;
  padding-left:20px;
   list-style-type:none;
}
ul.outside li {
  margin-left:5px;
  padding:0 0 3px 18px;
  background-image:url(../img/li_img.png);
  background-repeat:no-repeat;
  background-position:0 6px;
}
.colMain ul, .colMain .colMainLeft ul, .colMain .colMainRight ul, div.colMarginal ul {
  margin:20px 0;
  list-style-type:none;
}
.colMain li, .colMain .colMainLeft li, .colMain .colMainRight li, div.colMarginal li {}
.colOverview ul li, .colMain ul li, .colRight ul li, div.colMarginal ul li {
  margin-left:5px;
  padding:0 0 3px 15px;
  background-image:url(../img/arrow.png);
  background-repeat:no-repeat;
  background-position:0 6px;
}
html[dir=rtl] .colOverview ul li, .colMain ul li, .colRight ul li, div.colMarginal ul li {
  margin-right:5px;
  margin-left: auto;
  padding:0 15px 3px 0;
  background-image:url(../img/arrow-left.png);
  background-repeat:no-repeat;
  background-position: center right;
}
ul.square {
  margin:20px 0;
  list-style-type:none;
}
ul.square li {
  margin-left:5px;
  padding:0 0 3px 18px;
  background-image:url(../img/square.gif);
  background-position:0 7px;
  background-repeat:no-repeat;
}
ul.noarrow {
  margin:20px 0;
   list-style-type:none;
}
ul.noarrow li {
  margin-left:5px;
  padding:0 0 3px 0;
  background:none;
}


span.underline {text-decoration:underline;}
span.strike {text-decoration:line-through;}

p.left, td.left, h1.left, h2.left, h3.left, h4.left, h5.left, h6.left {text-align:left;}
p.center, td.center, h1.center, h2.center, h3.center, h4.center, h5.center, h6.center {text-align:center;}
p.right, td.right, h1.right, h2.right, h3.right, h4.right, h5.right, h6.right {text-align:right;}
p.justify, td.justify, h1.justify, h2.justify, h3.justify, h4.justify, h5.justify, h6.justify {text-align:justify;}

img.border {border:1px solid black;}
img.rightFloated {float:left;padding:0 5px 0 0;border:none;}
img.leftFloated {float:right;padding:0 0 0 5px;border:none;}

a.imageLink:link, a.imageLink:visited, a.imageLink:hover, a.imageLink:focus, a.imageLink:active {/* !important explicitly overwrites ctypes.css */
  border:none !important;
  background:none !important;
  padding:0 !important;
  margin:0 !important;
}
a.imageLink:hover img, a.imageLink:focus img, a.imageLink:active img {/* Images in Links > slightly transparent */
  zoom:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter:alpha(opacity=70);
  opacity:0.7;
}
a.facultyLink:link, a.facultyLink:visited, a.facultyLink:hover, a.facultyLink:focus, a.facultyLink:active {
  display:block;
  padding:0 0 0 30px;
  background:url(../img/link.png) no-repeat;
  color:#006db0;
}
a.facultyLink:hover, a.facultyLink:focus, a.facultyLink:active {
  color:#333333;
}
a.printLink:link, a.printLink:visited, a.printLink:hover, a.printLink:focus, a.printLink:active {
  position:absolute;
  top:5px;
  left:10px;
  width:20px;
  height:20px;
  text-decoration:none;
  background:url(../img/printlink.png) no-repeat;
  color:#006db0;
}
a.tipafriend:link, a.tipafriend:visited, a.tipafriend:hover, a.tipafriend:focus, a.tipafriend:active {
  position:absolute;
  top:5px;
  left:40px;
  width:20px;
  height:20px;
  text-decoration:none;
  background:url(../img/tipafriend.png) no-repeat;
  color:#006db0;
}
a.pdfLink:link, a.pdfLink:visited, a.pdfLink:hover, a.pdfLink:focus, a.pdfLink:active, #c31693 a {
  position:absolute;
  top:5px;
  left:70px;
  width:20px;
  height:20px;
  text-decoration:none;
  background:url(../img/pdflink.png) no-repeat;
  color:#006db0;
}
#c31693 a img {
  display:none;
}
a.inlineLink:link, a.inlineLink:visited, a.inlineLink:hover, a.inlineLink:focus, a.inlineLink:active {
  display:inline;
}
a.external-link, a.external-link-new-window, a.internal-link, a.internal-link-new-window, a.download, a.mail {}

table.format th {
  padding:2px;
  border:1px solid #dcdcdc;
  background-color:#006db0;
  color:white;
}
table.format tr:nth-child(even) {
  padding:0;
  border:0;
  background:#f6f6f6;
}
table.format tr:nth-child(odd) {
  padding:0;
  border:0;
  background:white
}
table.format td {
  padding:2px;
  border:1px solid #dcdcdc;
  vertical-align:middle;
  color:#006db0;
}
table.format  {
  margin:0;
  padding:0;
  font-size:12px;
  border:1px solid #dcdcdc;
  border-collapse:collapse;
  text-align:center;
}
table.border {} /* Wichtig für RTE */
table.border th, table.border td {
  border:1px solid black;
}
tr.odd {}
tr.even {}
tr.odd td {background:#cccccc;}
tr.even td {background:#e0e0e0;}

.atsign {vertical-align:text-bottom;}



/*  ++++++++++++++++++
  +++ ADMINPANEL +++
  ++++++++++++++++++ */
.typo3-adminPanel {text-align:left;}