@charset "UTF-8";
/* CSS Document */

/* Project: */
/* Design by Sabina Kargl, Atelier für Multimedia und Webdesign*/

/* Author: */
/* Version: */



/* ********* Reset all Styles **************/
/* Don't change!!! */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
li {
	list-style-type: none;
}
/* ************************* */

/* Fonts, Fontsizes,... */
body, .tx-indexedsearch-percent, .csc-sitemap ul li li li a {
  font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3,  .more a, .tx-indexedsearch-whatis, .csc-sitemap ul li a, #banner h2, .startboxes a, .news-list-morelink a, .tree a, .news-single-timedata {
  font-family:Georgia, "Times New Roman", Times, serif;
}
body {
  font-size: 110%;
}
.box h3, .more a, h4, h5, h6, #mainmenu, .list_twoColumns h3, .tx_mailform_div_input, .tx_mailform_none, .tx_mailform_field_textwdesc, #banner h2, .startboxes #content_rand_news a, #banner .thing-description h2, .news-list-date {
  font-size:1em;
}
h1 {
  font-size: 2.8em;
}
.tx-indexedsearch-whatis {
  font-size: 2.4em;
}
h2, .veranstaltungsArchivBoxH3 {
  font-size: 1.9em;
}
.mailform-table-outer h3, .csc-sitemap ul li a {
  font-size: 1.4em;
}
.startboxes p, .startboxes .news-list-item h3 {
	font-size: 1.0em;
}
h3, #header, .box p, .news-single-subheader, .news-single-timedata {
  font-size: 1.2em;
}

.csc-sitemap ul li li li a {
  font-size: 0.99em;
}
.breadcrumb a, footer, .tx-indexedsearch-percent, #banner .thing-description, .news-meta  {
  font-size: 0.8em;
}
sup, sub {
  font-size:medium; 
}

#mainmenu li a {
	text-transform:uppercase;
}
#mainmenu li li a {
	text-transform:none;
}


body {
  line-height: 1.3em;
}
#mainmenu li li {
  line-height: 1.3em;  
}
h1, h2, footer, .mailform-table-outer h3 {
  line-height: 1.2em;
}
h3 {
  line-height: 1.1em;
}


h1, h2, h3, .box h3, .startboxes a, .more a, #banner, .news-list-morelink a, .tree a, .startboxes .news-list-item h3 {
  font-style:italic;
}

a, #mainmenu li a, #mainmenu li a:hover, #mainmenu li a:active,  .more a, #innerfooter a, .breadcrumb a, .breadcrumb a:hover, .logo_imareal a, #mainmenu li a, #mainmenu li a:hover, #mainmenu li a:active, #innerfooter a, .breadcrumb a, .breadcrumb a:hover, .logo_imareal a, h3 a, .publicationslist ul a, .sideswitcher a {
  text-decoration: none;  
}

.list_twoColumns h3 {
  font-style:normal;
}
.mailform-table-outer h3, h1, h2, h3 {
  font-weight:normal;
}
.tx-indexedsearch-redMarkup, .tx-indexedsearch-browselist-currentPage {
	font-weight:bold;
}


/* Colors */
body, footer, #innerfooter a, .breadcrumb a, .veranstaltungsArchivBoxH3, footer h4, .tx-indexedsearch-percent, .tx_mailform_submit, .startboxes .news-list-item h3, .startboxes .news-list-item h3 a {
  color: #514a4b; /* grau */
}
#mainmenu li a, #mainmenu, #banner, #banner h2, #banner .more a, .news-single-timedata, .news-list-date {
  color: #fff; /* weiß */
}
h1, h2, .box h3, h4, h5, h6, a, #innerfooter li a:hover, #innerfooter li a:active, .breadcrumb a:hover, .titel, .box h2, li.web a, li.catalogue_articles a, li.reviews a, li.books a,li.articles a, .tx-indexedsearch-whatis, .mailform-table-outer h3, .tx_mailform_required_star, .csc-firstHeader a, .tx-indexedsearch-redMarkup, .tx-indexedsearch-browselist-currentPage {
  color: #8c1c1f; /* rot */
}
 a:hover, h3 a, h3, li.web a:hover, li.catalogue_articles a:hover, li.reviews a:hover li.books a:hover,li.articles a:hover, dt.item-path {
  color: #000;
}


/* Backgroundcolor */
body {
  background-color: #ecebde;
}
#mainmenu li li, #mainmenu-container, .dl-menuwrapper button {
  background-color:#000;
}
#mainmenu li li:hover, #mainmenu li li.act {
  background-color:#afac92;
}
.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul, .no-touch .dl-menuwrapper li:hover {
  background-color:#000000;
}
header, .areas div, #searchform fieldset {
  background-color:#fff;
}
.contentHeader #banner {
	background-color:#f3f2ec;
}
footer {
	background-color:#cbc9be;
}
#searchtext {
	background-color:transparent;
}
.tx_mailform_submit {
  background-color: #cac7aa;
}
#banner .opacity, .news-single-timedata, .news-list-date { /* rot */
	background-color:#8c1c1f;
}
section header, #searchbutton {
	background-color:transparent;
}



/* Border */
#mainmenu li li, .dl-menuwrapper li {
  border-bottom: 1px dotted #FFF;
}
#mainmenu li li:first-child, .dl-menuwrapper li:first-child {
  border-top: 1px dotted #FFF;
}
.dl-menuwrapper li li:first-child {
  border-top: none;
}
.dl-menuwrapper li li:last-child {
  border-bottom: none;
}
#innerfooter ul li a {
  border-left: 1px solid #514a4b;
}
#banner .thing img {
  border: 1px solid #a9a691;
}
#innerfooter ul li:first-child {
  border-left: none;
}
#searchbutton {
  border: none;
}
.areas div {
    border: 1px solid #9A9673;
}
.startboxes a, .more a, #searchform #searchtext, .startboxes #content_rand_news .news-list-morelink a, .csc-firstHeader a, .news-list-morelink a {
  border: 2px solid #8c1c1f;
}
.tree {
  border: 2px solid #8c1c1f;
}
.tree li {
  border-bottom: 2px solid #8c1c1f;
}
.tree ul {
  border-top: 2px solid #8c1c1f;
}
hr {
  border-bottom: 1px solid #8c1c1f;
  border-top:none;
}
.news-single-timedata, .news-list-date {
	border: 1px solid #8c1c1f;
}
#banner .more a {
  border: 2px solid #ffffff;
}
#searchform #searchtext, .startboxes #content_rand_news a, .tree li:last-child {
  border: none;
}
.news-single-timedata, .news-list-date {
	-moz-border-radius: 41px;
	-khtml-border-radius: 41px;
	border-radius: 41px;
}

/* Backgroundimages */
body {
	background-image: url(../images/bg.jpg);
}
#searchform fieldset {
  background-image: url(../images/bg_textinput.gif);
  background-repeat: repeat-x;  
}
.avantar2 {
  background-image: url(../images/white.gif);
  background-repeat: no-repeat;
}
.list_twoColumns li div.entry, .publicationslist { 
  background-image: url(../images/line.gif);
  background-repeat: repeat-x;
  background-position: left top;
}
div.divider, .news-list-item, .news-single-subheader, .new-content {
  background-image: url(../images/line.gif);
  background-repeat: repeat-x;
}
 div.divider {
  background-position: left top;
  height: 1em;
  margin-top: 1em;
}
.news-list-item, .news-single-subheader, .new-content {
	background-position: left bottom;
}

.publicationslist li {
  background-image: url(../images/li_pub_buecher.png);
  background-repeat: no-repeat;
  display: block;
  padding-left: 45px;
  margin-bottom: 1em;
  min-height:45px;
}
li.articles {
  background-image: url(../images/li_pub_aufsaetze.png);
  background-repeat: no-repeat;
  display: block;
  padding-left: 45px;
  margin-bottom: 1em;
  min-height:45px;
}

li.books, li span.name-of-person {
  background-image: url(../images/li_pub_buecher.png);
  background-repeat: no-repeat;
  display: block;
  padding-left: 45px;
  margin-bottom: 1em;
  min-height:45px;
}
li.reviews {
  background-image: url(../images/li_pub_rezensionen.png);
  background-repeat: no-repeat;
  display: block;
  padding-left: 45px;
  margin-bottom: 1em;
  min-height:45px;
}
li.catalogue_articles {
  background-image: url(../images/li_pub_sammelaufsaetze.png);
  background-repeat: no-repeat;
  display: block;
  padding-left: 45px;
  margin-bottom: 1em;
  min-height:45px;
}
li.web {
  background-image: url(../images/li_pub_welt.png);
  background-repeat: no-repeat;
  display: block;
  padding-left: 45px;
  margin-bottom: 1em;
  min-height:45px;
}
.csc-sitemap ul li li li a {
  background-image: url(../images/simple_arrow.gif);
  background-repeat: no-repeat;
  background-position: left center;
}
.csc-sitemap ul li li ul {
  background-image: url(../images/line.gif);
  background-repeat: repeat-x;
  background-position: left top;
}
.res-tmpl-css {
  background-image: url(../images/line.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
}
.areas {
  background-image: url(../images/bg_areas.gif);
  background-repeat: no-repeat;
  background-position: center top;
}
#searchbutton {
  background-image: url(../images/icon_lupe.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.katmenue .tree li:first-child {
  background-image: url(../images/arrow_down.png);
  background-repeat: no-repeat;
  background-position: right 12px;
}
#mainmenu li li, #mainmenu li:hover li, .publicationslist ul.anchorlist li, .csc-sitemap ul li li li ul, .katmenue .tree li li:first-child, .startboxes .news-list-item {
  background-image:none
}

.avantar, #banner .thing img, .news-single-img img {
  -webkit-box-shadow: 3px 3px 5px grey;
  -moz-box-shadow: 3px 3px 5px grey;
  box-shadow: 3px 3px 5px grey;
}
.opacity {
	zoom: 1;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

li.web a, li.catalogue_articles a, li.reviews a, li.books a, li.articles a{
  font-style: italic;
  text-decoration: none;
}



/* Positionen und Abstände */

p, h2, h5, h6 {
  margin: 1em 0;
}
h1 {
  margin: 0.5em 0;
}
h3, .box h2, .list_twoColumns p, #banner h2, #banner p, .startboxes h2 {
  margin: 0 0 0.5em 0;
}
.publicationslist h4, .publicationslist p, .areas h2, #banner p.more, #banner h2, .startboxes .news-list-item h3, .startboxes .news-list-item h3 a {
  margin: 0;
}
.publicationslist h3 {
  margin: 0 0 1em 0;
}
.startboxes p {
  margin: 0 0 2em 0;
}
.startboxes .news-list-morelink {
  margin-top: 2em;
}
.mailform-table-outer h3 {
  margin-top:20px;
}
.box h2, .box h3, .list_twoColumns h3, .areas h2 {
  padding-top:0;
}
.startboxes .news-list-item h3 a {
	padding:0;
}
h1, .box h2, .tree li {
	text-align:center;
}
.tree ul li {
	text-align:left;
}
hr {
	height:1px;
}
.news-list-morelink a, .startboxes a {
	white-space:nowrap;
}

 
html, body, #container {
  height:100%;
}
#container {
  width: 100%;
  margin:0;
  display:table;
}
header, footer, #main, main, #mainmenu-wrapper {
	display:table-row;
}
header, #header {
	height: 120px;
}
#header {
  line-height:120px;
  vertical-align:middle;
  position:relative;
  margin:0 20px;
}
div.divider hr{
  display:none;
}
.logo_oaew {
  position:absolute;
  display:none;
  right:0px;
  top:50%;
  margin-top:-28px;
  height:57px;
}
.logo_imareal {
  text-align:center;
  height:120px;
}
.logo_imareal img {
  margin-top:20px;
  max-width:300px;
  height:auto;
}
#mainmenu-container {
	display:table;
	width:100%;
	padding:0 20px;
	box-sizing:border-box;
}
#mainmenu-innercontainer {
	display:table-row;
}
footer {
  height: 150px;
  width:100%;
  box-sizing:border-box;
  padding:20px;
}
.footer-container {
	display:table;
	padding-top:20px;
	box-sizing:border-box;
}
.innerfooter-container {
	display:table-row;
}
#innerfooter, #adressfooter {
	display:block;
	vertical-align:top;
}
#innerfooter, #adressfooter {
  width:100%;
  box-sizing:border-box;
}
#innerfooter {
  padding: 0 20px 0 15px;
}
#adressfooter, #searchformmarker {
  padding: 20px 20px 0 20px;
}
#searchformmarker {
	text-align:left;
}
#searchform {
	margin:0;
}


/* Menü */
#respmenu {
	position:absolute;
	z-index:100;
}
.dl-menuwrapper .dl-menu {
	z-index:110;
}
.dl-menuwrapper button::after {
	height:4px;
	top:7px;
}
.dl-menuwrapper:first-child {
	margin-right:235px;
}
.dl-menuwrapper .dl-menu {
	margin-top:0;
}
#mainmenu-container, #mainmenu, #searchformmarker, .dl-menuwrapper button {
	height:38px;
}
#mainmenu, #searchformmarker {
  vertical-align:middle;
}
#mainmenu {
	width:95%;
	display:none;
}
#searchbutton {
  width:25px;
  height:25px;
}

#mainmenu li {
  float:left;
  height:40px;
}
#mainmenu li a {
  display:inline-block;
  line-height:38px;
  vertical-align:middle;
}
#mainmenu li ul {
  display:block;
  position:absolute;
  left:-9999px;
}
#mainmenu li:hover ul {
  left:auto;
  margin-top:-3px;
  z-index: 9;
}
#mainmenu li li {
  display:block;
  width:200px;
  float:none;
  height:auto;
  padding:5px 20px;
} 
#mainmenu li li:first-child {
	margin-top:5px;
}
#mainmenu li li a {
  margin:0;
  padding:0;
  width:200px;
  display:inline;
  line-height:1.2em;
  vertical-align:middle;
}


#innerfooter ul {
  padding-top:0.5em;
}
#innerfooter ul li {
  display:inline;
}
#innerfooter ul li a {
  padding: 0 5px;
}
#innerfooter li:first-child a {
  border-left:none;
}

/* Navleiste */
#navline {
  height:60px;
  padding: 0 0 0 20px;
  clear:left;
  box-sizing:border-box;
}
#searchform {
  width:200px;
}
#searchform fieldset {
	height:30px;
}
#searchform #searchtext {
  width:160px;
  height:28px;
  padding:2px;
  box-sizing:border-box;
}
#searchform #searchbutton {
  vertical-align: middle;
  margin: 0 5px;
}
.breadcrumb {
  padding-top:24px;
}
.katmenue {
	float:none;
}
.katmenue+div {
	width:auto;
}
.tree, .tree ul, .tree li, .tree a {
	box-sizing:border-box;
}
.tree {
	width:auto;
	margin:20px 30px 40px 30px;
}
.tree li a {
	display:inline-block;
	width:100%;
}
.tree ul {
	display:none;
}
.tree img {
	 display:none;
}
.tree #row0_0 a {
	padding:5px;
}
.tree a.pm { 
	padding-right:0px;
	width:20px;
}
.tree a.pm::before { 
    content: "»"; 
}
.tree a.pm+a { 
    width:auto;
	padding-left:0;
}
.tree ul ul li {
	padding-left:20px;
}
.tree a {
	cursor:pointer;
}
#c564, #contright {
	text-align:right;
}

.wysiwyg{

  white-space: pre-line;
}



/* Allgemein*/
.nomarginTop {
  margin-top:0;
}
.nomarginBottom {
  margin-bottom:0;
}
.align-center {
	text-align:center;
}


#innerfooter ul {
  padding-top:0.5em;
}
#innerfooter ul li {
  display:inline;
}
#innerfooter ul li a {
  padding: 0 5px;
}
#innerfooter li:first-child a {
  border-left:none;
}


/* Startseite */
#banner {
  height:420px;
  clear:left;
}
#banner .opacity {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
}
#banner .opacity + div {
	position:relative;
	z-index:2;
	box-sizing:border-box;
	padding:10px 20px;
}
#banner .thing img {
	max-width:90%;
	max-height:380px;
	width:90%;
	height:auto;
	margin-top:20px;
}
#banner .thing-image {
	text-align:center;
}
#banner .thing {
	position:relative;
	margin:0 auto;
}
#banner .thing-description {
	position:absolute;
	bottom:20px;
	left:50%;
}
section.startboxes, section#inmittenderdinge header, #content, #navline, #c564 {
	width:100%;
}
section.startboxes, section#inmittenderdinge header {
  display:table;
  margin:0 auto;
  height:auto;
}
section#inmittenderdinge header {
	padding:30px 0 10px 0;
}
section#inmittenderdinge {
	margin-bottom:30px;
}
#content, #navline, #contright .csc-default {
  margin:0 auto;
}
#content {
  padding: 10px 20px 30px 20px;
  clear:left;
  box-sizing:border-box;
}
#inmittenderdinge h1, #inmittenderdinge {
	text-align:center;
}
#inmittenderdinge li {
	display:inline;
	padding: 0 5px;
}
#inmittenderdinge img {
	max-height:62px;
	width:auto;
}
#inmittenderdinge li.resp_sm, #inmittenderdinge li.resp_lm, #inmittenderdinge li.resp_sx {
	display:none;
}
section.startboxes>div, section#inmittenderdinge>div {
  display:table-row;
}
section#inmittenderdinge h1 {
	display:block;
	text-align:center;
}
section#inmittenderdinge header div.headerline {
	display:none;
	width:0%;
}
section#inmittenderdinge header div.headerline:first-child {
	padding-right:1em;
}
section#inmittenderdinge header div.headerline:last-child {
	padding-left:1em;
}
section#inmittenderdinge header div.headerline hr {
	margin:0;
}
section.startboxes article {
  display:block;
  width:100%;
  box-sizing:border-box;
  padding:20px;
  margin:0 auto;
}
section.startboxes article h2 {
	width:80%;
	text-align:center;
	margin:0 auto 1em auto;
}

.box {
  padding: 10px;
}
.startboxes a, .more, .news-list-morelink {
  margin-top:10px;
  padding:2px;
}
.news-list-morelink {
  margin-top:2em;
}
.startboxes .more, .news-list-morelink {
  text-align:center;
}
.more a, .startboxes a, .news-list-morelink a, .csc-firstHeader a {
  padding:4px 16px;
}
.news-list-subheader, .news-list-morelink {
	display:block;
}
.startboxes a {
	margin:0 auto;
}
.startboxes hr {
	display:block;
	width:80px;
	margin:0 auto;
}
.startboxes #content_right {
	position:relative;
}
.startboxes #content_right h2 {
	position:absolute;
	width:80%;
	left:10%;
	top:0.5em;
}
.startboxes #content_right p {
	margin-top:4.1em;
}
.startboxes #content_right p.align-center {
	margin-top:0;
}

/* Teamseiten */
.list_twoColumns {
  display:table;
  width:100%;
}
.list_twoColumns li {
  display:table-row;
}
.list_twoColumns li div.cell {
	box-sizing:border-box;
  	vertical-align:top;
  	display:block;
  	width:100%;
}
.list_twoColumns li div.entry {
	box-sizing:border-box;
  	padding: 10px 0;
}
.list_twoColumns li div.first {
  margin:0px;
}
.list_twoColumns li div.entry h3, .list_twoColumns li div.entry p {
  margin-left:56px;
}
.avantar {
  width:38px;
  height:38px;
  float:left;
}
.avantar2 {
  width:120px;
  height:90px;
  float:left;
  
}
.avantar2 img {
  margin-left:3px;
  margin-top:3px;
}

.teamdetails img {
  float:right;
  margin: 0 0 1em 1em;
}
.publicationslist {
  clear:both;
  padding: 0.1em 0 1em 0;
}
.publicationslist ul li {
  display:block;
  min-height:45px;
  margin-bottom: 1em;
  padding-left: 47px;
}
.sideswitcher {
  text-align:center;
}
.publicationslist ul {
  margin:1em 0 2em 0;  
}
.publicationslist ul.anchorlist li {
  min-height:0px;
  margin:0;
  padding:0;  
}


/* Arbeitsbereiche */
.areas {
  height:320px;
}
.areas div {
  width: 200px;
  position: relative;
  z-index:1;
}
.areas h2 {
  padding: 10px 10px 0 10px;
}
.areas p.more {
  margin: 0 10px 10px 10px;
}
.areas #areas_pos2 {
  top: 25px;
}
.areas #areas_pos3 {
  top: -65px;
  left: 528px;
}
.areas #areas_pos4 {
  left: 528px;
}

/* Suche */
.tx-indexedsearch-searchbox, dl.info {
  display:none;
}
.tx-indexedsearch-browsebox {
  margin-bottom:20px;
}
.res-tmpl-css {
  margin-bottom:20px;
  padding-bottom: 20px;
}
dl.path dt, dl.path dd {
  display:inline;
}


.veranstaltungsArchivBox{
    display:inline-block;
    float:right;
    margin-top:1em;
    margin-bottom:1em;
    margin-left:1em;
    padding:15px;
    width:200px;
}

.div_clear{
  clear:both;
  margin-bottom:10px;
}

/* Sitemap */
.csc-sitemap a {
  text-decoration:none;
}
.csc-sitemap ul {
  margin-top:20px;
}
.csc-sitemap ul li a {
  line-height: 1.2em;
  font-style:italic;
}
.csc-sitemap ul li li ul {
  margin: 0 0 10px 0;
  padding-top:10px;
}
.csc-sitemap ul li li li {
  padding-left:20px;
}
.csc-sitemap ul li li li a {
  line-height: 1.3em;
  padding-left:10px;
}

/* Suche */
.browsebox li:after {
	content:' // ';
}
.browsebox li:last-child:after {
	content:'';
}
.tx-indexedsearch-percent{
 display: none;
}
.browsebox li {
  list-style: none;
  display: inline;
}

/* Anmeldeformular */
.mailform-table-outer{
width: 100%;
}
.mailform-table-outer td {
  padding-bottom: 5px;
}
.tx_mailform_div_label_left {
    float: left;
    width: 220px;
  clear: left;
}
.tx_mailform_div_output_select_width {
    float: left;
    width: 200px;
}
.tx_mailform_div_icon {
    float: left;
}
.tx_mailform_div_err_msg_float-none {
    float: none;
}
.tx_mailform_div_input {
    float: left;
}

.tx_mailform_submit {
  -moz-border-radius:4px;
  -khtml-border-radius:5px;
  border:none;
  padding:3px;
}
.tx_mailform_div_input {
  border: none;
  width: 280px;
}
.tx_mailform_textarea,.tx_mailform_text{
  width: 280px;
  
  padding:2px;
}
.tx_mailform_none,.tx_mailform_field_textwdesc{
  clear: both;
    display: block;
}
.tx_mailform_div_err_msg_1,.tx_mailform_div_err_msg_block{
display: inline-block;
}

sup{
  vertical-align:top;
  line-height:normal;
}
sub{
  vertical-align:bottom;
  line-height:normal;
} 
.resp_sx, .resp_sm, .resp_lm {
	display:none;
}

/* Aktuelles */
.news-list-item {
	padding-bottom:1em;
	margin-bottom:2em;
}
.startboxes .news-list-item {
	padding-bottom:2em;
	margin-bottom:0em;
}
.news-list-subheader {
	margin-top:1em;
}
.news-single-subheader {
	padding:2em 0;
}
.news-single-timedata, .news-list-date {
	width:80px;
	height:80px;
	white-space:pre-wrap;
	text-align:center;
	vertical-align:middle;
	margin-top:-0.75em;
	float:left;
}
.news-single-timedata div, .news-list-date div {
	padding-top:0.75em;
}
.new-content {
	clear:left;
	padding:2em 0;
}
.news-single-additional-info {
	padding:2em 0;
}
.news-single-additional-info img {
	display:none;
}
.news-meta {
	margin-top:0.3em;
	margin-left:95px;
}
.news-list-title {
	padding-top:1em;
	margin-left:0.5em;
}
.startboxes .news-list-title {
	padding-top:0em;
	margin-left:0em;
	text-align:center;
}
.news-single-img {
	text-align:center;
	width:320px;
	float:none;
	margin:0 auto;
}
.news-single-img img {
	max-width:100%;
	height:auto;
}
.news-list-item h3 {
	min-height:80px;
}
.news-single-img+h2 {
	margin-top:2em;
}
.startboxes .news-list-item h3 {
	min-height:auto;
	text-align:center;
}
.news-list-item {
	clear:left;
}
.news-list-item img {
	float:left;
	max-width:175px;
}
.startboxes .news-list-item img {
	display:none;
}
.news-list-item .news-list-subheader {
	margin-left:200px;
}
.startboxes .news-list-item .news-list-subheader {
	margin-left:0px;
}
.startboxes .news-list-date {
	display:none;
}
@media only screen and (min-width:480px){
	#inmittenderdinge li.resp_sx {
		display:inline;
	}
}

@media only screen and (min-width:580px){
	.logo_oaew {
        display:block;
	}
	.logo_imareal {
  		text-align:left;
	}
	#banner .thing img {
		max-height:380px;
		max-width:100%;
		/*width:auto;
		height:auto;*/
	}
	section.startboxes article {
  		width:540px;
	}
	#inmittenderdinge li.resp_lm {
		display:inline;
	}
}
@media only screen and (min-width:830px){
	h1 {
  		font-size: 3.0em;
		white-space:nowrap;
	}
	.logo_imareal {
  		text-align:center;
	}
	.logo_imareal img {
  		margin-top:20px;
		max-width:391px;
	}
	#respmenu {
		display:none;
  	}
	#mainmenu {
		display:block;
  	}
   	#mainmenu li a {
    	padding: 0 10px;
  	}
	#banner .thing img {
		max-height:380px;
		max-width:980px;
	}
	section#inmittenderdinge h1 {
		display:table-cell;
	}
	section#inmittenderdinge header div.headerline {
		display:table-cell;
		width:45%;
	}
	section#inmittenderdinge {
    	margin-bottom: 60px;
	}
	#inmittenderdinge li {
		padding: 0 10px;
	}
	#inmittenderdinge img {
		max-height:82px;
	}
	.list_twoColumns li div.cell {
  		vertical-align:top;
  		display:table-cell;
  		width:50%;
		padding-right:10px;
	}
	.list_twoColumns li div.first {
  		margin:0 0 0 10px;
	}
	.startboxes hr {
		display:none;
	}
	
	section.startboxes article {
  		display:table-cell;
  		width:33%;
  		vertical-align: top;
  		padding:0 20px;
		margin:0;
	}
	section.startboxes article h2 {
		text-align:center;
	}
	.startboxes #content_right h2 {
		top:0em;
	}
	
	.katmenue {
		float:right;
	}
	.katmenue+div {
		width:700px;
	}
	.tree {
		width:200px;
		margin:0;
	}
	#innerfooter, #adressfooter, #searchformmarker {
		display:table-cell;
		vertical-align:top;
		width:33%;
		padding-top:0;
	}
	#searchformmarker {
		text-align:center;
	}
	#searchform {
		margin:0 auto;
	}
	#innerfooter {
  		padding: 0 20px 0 15px;
  		/*width:33%;*/
	}
	section.startboxes article h2 {
		width:100%;
		text-align:center;
	}
	.news-single-img {
		text-align:center;
		width:300px;
		float:right;
		margin:0;
	}
	.news-single-img img {
		max-width:90%;
		height:auto;
		margin-left:10%;
	}
	.news-single-img+h2 {
		margin-top:0;
	}
	#adressfooter {
  		/*width:30%;*/
	}
}
@media only screen and (min-width:1000px){
	section.startboxes, section#inmittenderdinge header, #content, #navline, #contright .csc-default {
		width:980px;
	}
	#mainmenu, .footer-container {
		width:980px;
		margin:0 auto;
  	}
	#adressfooter {
  		padding-top: 0px;
	}
	#inmittenderdinge li.resp_sm {
		display:inline;
	}
}
@media only screen and (min-width:1200px){
  #mainmenu li a {
	  padding:0 20px;
  }
}

/*Animation*/
@keyframes materiali { 
  0% { 
    font-size:1em;
	opacity: 0;
  }
  5% { 
    opacity: 100;
  }  
  10% { 
    font-size:1em;
  } 
  20% { 
    font-size:1.5em;
  } 
  30% { 
    font-size:1em;
  } 
  40% { 
    opacity: 100;
  }
  45% { 
    opacity: 0;
  }
  100% { 
    opacity: 0;
  }
}
@keyframes bracket { 
  0% { 
    font-size:1em;
	opacity: 0;
  }
  10% { 
    font-size:1em;
  } 
  20% { 
    opacity: 0;
	font-size:1.5em;
  } 
  30% { 
    font-size:1em;
  } 
  40% { 
    opacity: 100;
	font-size:1em;
  } 
  45% { 
    opacity: 0;
  }
  100% { 
    opacity: 0;
  }
}
@keyframes letter_t { 
  0% { 
    margin-left: -10px;
	font-size:1em;
	opacity: 0;
  } 
  5% { 
    opacity: 100;
  }
  10% { 
    margin-left: -10px;
	font-size:1em;
  } 
  20% { 
    margin-left:0px;
	font-size:1.5em;
  } 
  30% { 
    font-size:1em;
  } 
  40% { 
    opacity: 100;
  }
  45% { 
    opacity: 0;
  }
  100% { 
    opacity: 0;
  }
}
@keyframes letter_ies { 
  0% { 
    margin-left: -10px;
	font-size:1em;
	opacity: 0;
  } 
  5% { 
	opacity: 100;
  } 
  10% { 
    margin-left: -10px;
	font-size:1em;
  } 
  20% { 
    margin-left: -10px;
	font-size:1.5em;
  } 
  30% { 
    margin-left:0px;
	font-size:1em;
  }
  40% { 
    opacity: 100;
  }
  45% { 
    opacity: 0;
  }
  100% { 
    opacity: 0;
  }
}
@keyframes letter_object { 
  0% { 
	opacity: 0;
  }  
  45% { 
  	opacity: 0;
  } 
  50% { 
	opacity: 100;
  }
  95% { 
	opacity: 100;
  } 
  100% { 
	opacity: 0;
  }
}
@keyframes letter_s_left { 
  0% { 
	opacity: 0;
  } 
  55% { 
	font-size:1em;
	top:-1.2em;
  }
  65% { 
	opacity: 0;
	font-size:1.5em;
	top:-0.75em;
  }
  70% { 
	opacity: 100;
	font-size:1.5em;
	top:-0.75em;
  }
  75% { 
	font-size:1em;
	top:-1.2em;
  }
  95% { 
	opacity: 100;
  } 
  100% { 
	opacity: 0;
  }
}
@keyframes letter_link { 
  0% { 
	opacity: 0;
  } 
  45% { 
  	opacity: 0;
  } 
  50% { 
	opacity: 100;
  }
  95% { 
	opacity: 100;
  } 
  100% { 
	opacity: 0;
  }
}
@keyframes letter_s_right { 
  0% { 
	opacity: 0;
  } 
  45% { 
  	opacity: 0;
  } 
  50% { 
	opacity: 100;
  }
  60% { 
	opacity: 100;
	font-size:1em;
	top:-1.2em;
  }
  65% { 
	opacity: 100;
	font-size:1.5em;
	top:-0.75em;
  }
  70% { 
	opacity: 0;
	font-size:1.5em;
	top:-0.75em;
  }
  75% { 
	opacity: 0;
	font-size:1em;
	top:0em;
  } 
  100% { 
	opacity: 0;
  }
}
  
.bracket-left, .bracket-right {
	/*opacity: 0;*/
	animation: bracket 20s infinite ease-in-out;
	/*animation-delay: 5s;*/
}
.materiali {
	animation: letter_t 20s infinite ease-in-out;
}
.t {
	animation: letter_t 20s infinite ease-in-out;
}
.ies {
	animation: letter_ies 20s infinite ease-in-out;
}
.object, .s-left, .link, .s-right {
	opacity: 0;
	position:relative;
	top:-1.2em;
}
.object {
	animation: letter_object 20s infinite ease-in-out;
}
.s-left {
	animation: letter_s_left 20s infinite ease-in-out;
}
.link {
	animation: letter_link 20s infinite ease-in-out;
}
.s-right {
	animation: letter_s_right 20s infinite ease-in-out;
}