﻿/* -----------------------------------------------
	page adaptions
------------------------------------------------ */

@page { size : portrait }
@page rotated { size : landscape }

@page {
	size: A4;
	margin: 2.0cm 1.5cm 2.0cm 1.5cm;
}

.welcome-content table { page-break-inside:avoid }

html {}
body.nightandday {
	width: 21.0cm ! important;
	overflow: initial;
	overflow-y: initial;

	/* print bg images and colors */
  -webkit-print-color-adjust: exact;

	background-image: ('') ! important;
	background: transparent ! important;
}

div#s4-workspace {
	width: 21.0cm ! important;
	height: auto ! important;
}
#s4-bodyContainer {
	width: 21.0cm ! important;
	background: transparent;
}
#contentBox,
.contentwrapper{
	width: 100% !important;
}
.MAIN {
	padding: 0;
	border: none;
}

div.contentwrapper,
.page-name
{
	margin: 0;
	width: 100% !important;
	min-width: 0;
}
div.ms-table,
div.ms-tableRow,
div.ms-tableCell 
{
	display: block;
}
div.teaser-box {
	margin-left: 0;
	float: right;
}

/* STARTSEITE NEWS MITTEILUNGEN */
.divRight {}
.NewsDate,
.NewsType 
{
	float: none;
}

/* WELCOME CONTENT */
/* erstes Bild 100% */
.LocationBanner img,
.ms-rodlImage-6 ,
.ms-rodlImage-7,
.ms-rteImage-6 ,
.ms-rteImage-7,
.AEBannerImage,
.TopWebpart .AEBannerContainer img{
	width: 21.0cm ! important;
	height: auto ! important;
}
/* bildhöhe imagesize */
.welcome-content .ms-rodlElement-Calluout6 img {
	width: 100%;
	height: auto;
}

.article-content,
.welcome-content 
{
	margin-bottom: 1.5em ! important;
	padding-bottom: 0em ! important;
}

/* AEG - BANNER ROTATION */
.AEBannerTransbox {display: none;}

/* END - BANNER ROTATION */

#ms-belltown-table,
div.TopArea,
td.RightBarTableMain
{
	width: 100% ! important;
	min-width: 0 ! important;
	min-height: 0 ! important;
	padding: 0 ! important;
	margin: 0 ! important;
}
div.TopArea {
	display: block;
	width: 100%;
	float: none;
	clear: both;
	height: 100%;
	overflow: hidden;
	margin: 0 ! important;
	padding: 2.0em 0 ! important;
    background-image: none !important;
    height: initial !important;
}
div.TopSpace {
	margin: 0 ! important;
}
div.TopArea .teaser-margin 
{
	margin: 0;
}

div#contentBox.ms-pub-contentLayout
{
	background: transparent;
	display: block;
	min-width: 0 ! important;
	padding: 0;
	margin: 0px;
}

/* dont display some items */
div#suiteBar,
div.ms-belltown-anonShow,
div#DeltaPageStatusBar,
div.top_menu,
#DeltaPlaceHolderSearchArea,
#SocialShare,
div.footer,
.mobile-buttons,
#ctl00_wpOffice,
#ctl00_smpBreadcrumb,
div.MasterIcons,
div#titlerow,
#DeltaFormDigest,
.ms-belltown-anonspacer,
.nightandday #s4-titlerow .titlerow-table,
.nightandday #s4-titlerow,
.ms-belltown-anonspacer,
#ctl00_SocialShare,
.first-line,
.search-margin2.teaser-margin,
div.teaser-box
{
	display: none ! important;
}



/* kleine teaserboxen und resets */
DIV.ms-rteElement-Calluout8,
DIV.ms-rteElement-Calluout9,
DIV.ms-rteElement-Calluout7,
DIV.ms-rteElement-Calluout6,
DIV.ms-rteElement-Calluout5,
DIV.ms-rteElement-Calluout11,
DIV.ms-rodlElement-Calluout5,
DIV.ms-rodlElement-Calluout9,
DIV.ms-rodlElement-Calluout6,
DIV.ms-rodlElement-Calluout7,
DIV.ms-rodlElement-Calluout8,
DIV.ms-webpart-chrome-fullWidth,
DIV.ms-webpart-cell-horizontal,
DIV.ms-webpart-cell-vertical,
DIV.ms-webpart-zone,
DIV.ms-webpartzone-cell,
DIV.ms-fullWidth
{
	display: inline ! important;
	background-image: ('') ! important;
	background: transparent;
	border: none;
}

td.HomepageMargin,
td.HomepageMargin2,
td.HomepageMargin div.ms-webpart-chrome,
td.HomepageMargin2 div.ms-webpart-chrome,
td.HomepageMargin div.ms-webpart-chrome-title,
td.HomepageMargin2 div.ms-webpart-chrome-title
{
	width: 100% ! important;
}
td.HomepageMargin,
td.HomepageMargin2,
td.HomepageMargin div,
td.HomepageMargin2 div
{
	width: 100% ! important;
	height: auto ! important;
}
.HomepageMargin2 div.ms-webpartzone-cell * div
.HomepageMargin div.ms-webpartzone-cell * div 
{
	width: 100% ! important;
	height: auto ! important;
}
.ms-webpart-chrome,
.ms-webpart-chrome-title,
div.ms-WPBody,
div.ms-WPBody > div,
div.ms-fullWidth .ms-webpart-chrome,
div.ms-fullWidth .ms-webpart-chrome-title
{
	display: block;
	width: 100% ! important;
	height: auto ! important;
}
/* ---------------------------------
  lines 
--------------------------------- */
.FiveMarginRight,
.FiveMiddle,
.FiveMarginLeft,
.welcome table td:nth-child(2).Right20:not([style*="none"]),
.welcome table td:last-child.Right20:not([style*="none"]),
.welcome table td.TopRight:not([style*="none"]),
.HomepageMargin,
.HomepageMargin2,
#contentBox{
	border-left: 0px;	
}

/* ---------------------------------
  abstände 
--------------------------------- */

div.ms-webpartzone-cell
{
  display: block ! important;
}

/* -----------------------------------------------
	adapt fonts
------------------------------------------------ */
html body *,
.ms-WPBody, .ms-WPBody td, .ms-WPBody TABLE,.ms-TPBody TABLE
{
	line-height: 1.4em ! important;
	-webkit-text-size-adjust: 100%; /* this does the trick for ios */
	-ms-text-size-adjust: 100%; /* 2 */
}
/* ------------------------------------------------------------
		FONT REPLACEMENT
------------------------------------------------------------ */
.captioned-image .caption,
.EventTitle2,
.ms-rte-autocomplete
.dropdown,
.dropdownWide,
.input,
.inputWide,
.inputMiddle,
.textarea,
.textareaWide,
.officeCountry-header,
.ms-rteStyle-PrimaryText,
.ms-rteStyle-PrimaryTextIntroduction,
.ms-rteStyle-SecondaryText,
.ms-rteStyle-ParagraphHeader2,
.ms-rteStyle-Hyperlinks,
.ms-rteStyle-LinkMore,
.ms-rteStyle-WordLink,
.ms-rteStyle-WordLink,
H3.ms-rodlElement-Calluout10,
H2.ms-rodlElement-Calluout21,
H2.ms-rteElement-Calluout9,
H3.ms-rteElement-Calluout10,
H2.ms-rteElement-Calluout31,
h2.ms-rteElement-H2B,
.ms-rodlThemeFontFace-1,
.ms-rodlThemeFontFace-2,
input[type="button"],
input[type="reset"],
input[type="submit"], 
button,
.ms-ToolPaneOuter input[type="button"], 
.ms-ToolPaneOuter input[type="button"],
.ms-ToolPaneOuter input[type="reset"],
.ms-ToolPaneOuter input[type="submit"],
.ms-core-form-bottomButtonBox input[type="button"],
.PS-name-search,
.PS-search-result,
.ProfilTitle,
.TopRight .ms-webpart-titleText.ms-webpart-titleText, .TopRight .ms-webpart-titleText > a,
.LocationRight .ms-webpart-titleText.ms-webpart-titleText, .LocationRight .ms-webpart-titleText > a,
.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a,
tr.SPELL-tabs th,
h1#pageContentTitle,
.ms-core-navigation
{
 	font-family: verdana, sans, sans-serif, Arial; 
 	font-weight: normal;
}
h1#pageContentTitle {
	margin: 0;
	padding: 0.5em 0;
}
.nightandday h1,
h1,
.ms-h1
{
	font-size: 1.7em;
}
h2,.ms-h2
{
	font-size:1.3em;
}
h3,.ms-h3
{
	font-size:1.15em;
}
h4,.ms-h4
{
	font-size:1em;
}
h5,.ms-h5
{
	font-size:1em;
}
h6,.ms-h6
{
	font-size:1em;
}

/* -----------------------------------------------
	normalize
------------------------------------------------ */
* {
	text-decoration: none;
	outline: none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
code,
kbd,
samp,
pre,
tt,
var,
textarea,
input,
select,
isindex,
listing,
xmp,
plaintext 
{
	white-space: normal;
	font-size: 1em;
	font: inherit;
}

table.AEQPradio input[type="radio"],
table.AEQPradio label
{
	display: table-cell ! important; 
	margin: 0 4px 6px 0 ! important; 
	padding: 0 ! important; 
	width: auto ! important; 
	height: auto ! important; 
}

a, img, a img, iframe, form, fieldset, 
abbr, acronym, object, applet, table {
	border: none; 
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	height: initial ! important;
}
caption, th, td, center { 
	vertical-align: top;
}

td.TopRight DIV.ms-webpart-chrome
{
 display: block ! important;
 width: 100%;
}
td.TopRight .ms-webpart-chrome,
td.TopRight .ms-webpart-chrome *
{
	width: 100% ! important;
}
td .ms-webpart-chrome .WPLocalTitle,
.RoedlEvensBannerDiv,
.TopArticlesWP .divMore,
.accordionWP,
.ms-WPBody > div > div > #demoBox.dx-scrollable,
.greyBarCenterText,
.ms-rtestate-field >.ms-rodlElement-Calluout5 ,
.ms-rtestate-field >.ms-rteElement-Calluout5,
.ms-rteElement-Calluout11,
.ms-rteElement-Calluout12,
.ms-rteElement-Calluout13,
.ms-rteElement-Calluout14,
.ms-rodlElement-Calluout11,
.ms-rodlElement-Calluout12,
.ms-rodlElement-Calluout13,
.ms-rodlElement-Calluout14{
	width: 21.0cm ! important;
}
td.TopRight .ms-webpart-chrome * img {
	max-width: 100% ! important;
	width: auto ! important;
}
/* page design with tooooo many tables */
table, 
tbody,
td,
th,
tr 
{
	display: block;
	width: 100%;
	padding: 0;
	clear: both;
}
/* behave like a row */
th,
td
{
	position: relative ! important;
	height: 100% ! important;
	width: 100% ! important;
}
.TopAreaImg table, 
.TopAreaImg tbody,
.TopAreaImg td,
.TopAreaImg th,
.TopAreaImg tr {
    width:initial !important;
}
.TopAreaImg td{
    display:inline-block !important
}
.tdLogo{
    margin-right: 50px;
}
	
/* zweispaltig */
td.Right20 {
	clear: none ! important;
	display: block ! important;
}
DIV.ms-rteElement-Calluout5 a img {
  float: left; 
  margin-right: 20px ! important;
}

/* ---------------------------------
   umbrüche page-breaks
--------------------------------- */

.contentwrapper div.ms-webpart-zone   { page-break-inside:avoid; }

/* sven todo alle content tables */
.WebPart table,
.WebPart td,
.WebPart th,
.WebPart tbody,
.WebPart tr,
.ms-rtestate-field table,					/* <- NOT WOKRING!!! FIND THEM ALL !!! */
.ms-rtestate-field  td,						/* <- NOT WOKRING!!! FIND THEM ALL !!! */
.ms-rtestate-field  th,						/* <- NOT WOKRING!!! FIND THEM ALL !!! */
.ms-rtestate-field  tbody,					/* <- NOT WOKRING!!! FIND THEM ALL !!! */
.ms-rtestate-field  tr							/* <- NOT WOKRING!!! FIND THEM ALL !!! */
{
	width: initital !important;
	padding: initital !important;
	clear: initital !important;
}
.WebPart table,
.ms-rtestate-field table,
.ms-WPBody table,
table.RP-Table{
	display: table !important;
	border-collapse: collapse !important;
	table-layout:fixed !important;
}
.WebPart table > tbody,
.ms-rtestate-field table > tbody,
.ms-WPBody table > tbody,
table.RP-Table > tbody{
display: table-row-group
}
.NewsletterSubscribeWP table{
	border-collapse: separate !important;
	border-spacing: 1px;
}
.WebPart tr,
.ms-rtestate-field tr,
.ms-WPBody tr,
table.RP-Table tr{
	display: table-row !important;
}
.WebPart td,
.ms-rtestate-field td,
.ms-WPBody td,
table.RP-Table td,
.WebPart th,
.ms-rtestate-field th,
.ms-WPBody th,
table.RP-Table th{
	display: table-cell !important;
}


table.MsoNormalTable 
{
  display: table ! important;
  width: 100% ! important;
}

table.MsoNormalTable tr
{
	height: auto ! important;
	display: table-row ! important;
}

table.MsoNormalTable th,
table.MsoNormalTable td
{
	height: auto ! important;
  width: auto ! important;
	display: table-cell ! important;
}

/* the AE Survey Web Part showed the picture /de-de/de/PublishingImages/button-abstimmen-umfrage.jpg in full width - too big*/
input[id*='SPWebPartManager'][id$='PollSubmit']
{
	height: auto !important;
	width: auto !important;
}

/* ACCORDION INHALTE ANZEIGEN */
ul.accordion table td {
	float: left; 
	clear: none;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

ul.accordion,
ul.accordion li
{
	display: block ! important;
	height: 100% ! important;
}
ul.accordion li *
{
	display: block ! important;
	height: 100% ! important;
	visibility: visible ! important;
	overflow: auto ! important;
}
ul.accordion li img
{
	display: block ! important;
	width: auto ! important;
	height: 100% ! important;
	visibility: visible ! important;
	overflow: auto ! important;
}

/* listlists ulul lili */
.ms-rtestate-field ul,
.ms-WPBody ul,
.TableUnderline ul,
.EventSubtitle ul
{
	list-style-type: disc;
	margin: 1.5em  ! important;
	padding: 0 ! important;
	
}
.ms-rtestate-field ul li:before,
.ms-WPBody ul li:before,
.TableUnderline ul li:before,
.EventSubtitle ul li:before {
  display: none;
}

.ms-rtestate-field ul li,
.ms-WPBody ul li,
.TableUnderline ul li,
.EventSubtitle ul li
{
	background-image: none;
	margin: 0 ! important;
	padding: 0 ! important;
  line-height: 1;
  display: list-item;
  list-style-position: outside;
  list-style-image: url("/_Layouts/15/Images/Roedl/list-dash2.jpg");

}

.ms-rtestate-field ul li h1,
.ms-WPBody ul li h1,
.TableUnderline ul li h1,
.EventSubtitle ul li h1,
.ms-rtestate-field ul li h2,
.ms-WPBody ul li h2,
.TableUnderline ul li h2,
.EventSubtitle ul li h2,
.ms-rtestate-field ul li h3,
.ms-WPBody ul li h3,
.TableUnderline ul li h3,
.EventSubtitle ul li h3,
.ms-rtestate-field ul li h4,
.ms-WPBody ul li h4,
.TableUnderline ul li h4,
.EventSubtitle ul li h4
{
	margin: 0 ! important;
	padding: 0 ! important;
}

q { 
	quotes: "" ""; 
}
ul, ol, dir, menu { 
	list-style: none; 
}
a { 
	color: inherit; 
}
hr { 
	display: none; 
}
font { 
	color: inherit !important; 
	font: inherit !important; 
	color: inherit !important; /* editor's note: necessary? */ 
}
/* MARQUEE */
marquee {
	overflow: inherit !important; /* stopps the scroll effect */
	-moz-binding: none;
	display: table;
	width: 100% ! important;
	height: 100% ! important;
	list-style: none;
	margin: 0; padding: 0;
}
marquee img 
{
	float:left;
	max-width: 100%;
	height: auto;
	width: auto;	
}
.ms-rtestate-field marquee {
	margin-bottom: 0px;
	margin-left: -5px;
}
blink {text-decoration: none;}
nobr {white-space: normal;}

DIV.ms-rtestate-field marquee a
{
	margin: 0;
	padding: 0;
	border: none ! important;
}
DIV.ms-rtestate-field marquee img {display: none;}
marquee a {display: block;}

.cp-BI3 *{
	display: inline;
}