@charset "utf-8";

/*
**************************************
stylesheet ostallgaeu.de/Startseite
copyright www.interaktiv manufaktur.de
autor thomas tiedtke
**************************************
*/

@import url('/fileadmin/templates/fonts/MyFontsWebfontsKit.css');


/* Styles normalisieren
***************************************** */

* {
   padding:0px;
   margin:0px;
}

h1,h2,h3,h4,h5,h6 {
   font-size:100%;
}

ol, ul {
   list-style: none;
}

address,caption, cite, code, dfn, em, strong, th, var {
   font-style:normal;
   font-weight:normal;
}

table {
   border-collapse: collapse;
}

fieldset, img {
   border:0;
}

caption, th {
   text-align: left;
}


/* Allgemeine Styles
***************************************** */

/* verhindert springen der Seite */
body, html {
   height: 100.1%;
}

body {
   background-color: #ECECEC;
}

body,td,th,a {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   line-height:16px;
   color: #1A1A18;
}

h1, h1 a {
   /* font-size: 20px; */
   font-weight:bold;
   text-decoration:none;
}

h2, h2 a {
   font-weight:normal;
   text-decoration:none;
}

h3, h3 a {
   font-weight:normal;
   text-decoration:none;
}

h4, h4 a {
   font-weight:normal;
   text-decoration:none;
}

ul {
   list-style: none;
   margin-left:20px;
}
li {
   margin-left:0px;
}
acronym {
   cursor: help;
}
strong {
   font-weight: bold;
}

.clear {
   clear: both;
}

.imageheader {
   background-repeat: no-repeat;
   height:40px;
}

.imageheadertext {
   visibility:hidden;
}

/* Links
******************************** */

a img {
   border:none;
}

a {
   color: #878786;
   text-decoration:none;
}

a.link,
.csc-section a,
a.mail {
   color: #878786;
   padding-left:14px;
   display: inline-block;
   background: url('/fileadmin/templates/startseite/images/icn_link.gif') 0px 3px no-repeat;
}

a.link:hover,
.csc-section a:hover,
a.mail:hover,
a.download:hover,
.detail a:hover,
.info a:hover,
.bodytext a:hover {
   color: #5286C5;
}


/* Links im Inhaltsbereich
Typo3 setzte eigene Links (ohne href), diese werden aber vom IE als Links gekennzeichnet,
wenn Link-CSS ueber .detail a gesetzt wird */
.bodytext a,
.contenttable a,
.news-list-item a {
   color: #878786;
   padding-left:14px;
   background: url('/fileadmin/templates/startseite/images/icn_link.gif') 0px 3px no-repeat;
}

.detail a:hover {
   color: #5286C5;
   text-decoration:none;
}

.infoBox .copytext a,
.infoBox .copytext a.mail {
   display: inline;
}


/*
Seiten-Bereiche
************************************************************ */

#page {
   margin-left:auto;
   margin-right:auto;
   width:950px;
   position:relative;
   margin-top: 36px;
}

#pageInner {
   position:relative;
   border: 6px solid #FFF;
}

#ecke-lo {
   background-image: url('/fileadmin/templates/startseite/images/ecke.png');
   width: 17px;
   height: 20px;
   position: absolute;
   left: -6px;
   top: -6px;
   z-index: 999;
}

#headPrint {
   display: none;
}
#footerPrint {
   display: none;
}

#headCanvas {
   position:relative;
   top:0;
   left:0;
   z-index:10;
   height: 227px;
}

#headWelle  {
   position: absolute;
   top:190px;
   left:0;
   z-index:100;
   margin-top: 17px;
}

#headWelle.wirtschaft {
   top: 116px;
}

#headWelle img {
   behavior: url(/iepngfix.htc);
}

#head {
   background-image:url(/fileadmin/templates/startseite/images/head_bg.gif);
   height:227px;
}

#headLogoEMM {
   position: relative;
   left:-5px;
   margin-top: 10px;
   display:block
}

#headTitle {
   margin-top: 55px;
   margin-left: -27px;
   position: absolute;
}

#headLogoOAL {
   margin-right:16px;
}

#head td.menuCanvas {
   padding-left: 27px;
}

/* Hauptbereich */
#main {
   position: relative;
   background-color:#ECECED;
}

#main.startseite {
   height: 558px;
}


/* Footer */
#footer {
   padding: 8px 0px 36px 34px;
   text-align:right;
   color:#FFFFFF;
   font-size:11px;
}

#footer ul {
   list-style:none;
}

#footer li {
   float:right;
}

#footer li.active span {
   font-weight:bold;
   color:#FFFFFF;
   font-size:11px;
}

#footer a {
   color:#FFFFFF;
   font-size:11px;
   text-decoration:none;
   background:none;
}

#footer a:hover {
   font-weight:bold;
}


/* Tabellen-Raster: Spalten */

/* linke Spalte (Nav1+2) */
td.menuCanvas {
   width:211px;
   vertical-align:top;


}
/* mittlere Spalte (Inhalt) */
td.contentCanvas {
   width:516px;
   vertical-align:top;
}

/* mittlere Spalte (Titel) */
td.titleCanvas {
   width:516px;
   height: 195px;
   vertical-align:top;
}

/* rechte Spalte (Infoboxen) */
td.infoCanvas {
   width:211px;
   vertical-align: top;
   background:url('/fileadmin/templates/startseite/images/bg_info.gif') left top repeat-y;
}

/* Menü - Navigationsbereich */
#menu {
   padding-top:50px;
   padding-bottom:20px;
}

/* Inhaltsbereich */
#contentCanvas {
   position:relative;
   top:0;
   left:0;
   padding-top:50px;
   padding-left:22px;
   /*   padding-right:22px;*/
   padding-bottom:22px;
   background-color: #FFFFFF;
}

/* Inhaltsbereich */
#info {
   padding-top:105px;
}



/*
Styles Detailseiten
*********************************
*/


/* Unterschiedliche Styles Dateilseite */

/* Detailseite / Bereich */
.detail {

}

.detailIntro {
   margin-right: 10px;
   padding-bottom:23px;
   border-bottom: 1px solid #9B9B9B;
   margin-bottom: 24px;
}

.detailIntro ul {
   list-style: none;
}

ul.detailPageIndex,
ul.csc-menu-3 {
   list-style: none;
   margin-left: 20px;
}


#contentArea .csc-default {
   /*   margin-bottom: 20px;
      margin-right: 20px;*/
}


/* Inhaltselement */
.detailItem {
   margin-left: 20px;
   margin-bottom: 20px;
   margin-right: 20px;
}
.detailItem p {
   margin-right: 15px;
}

.detailItemNoIdent {
   margin-left: 0;
}

.detailItemImage {
   border: 1px solid #C5C5C6;
   padding: 18px;
   margin-right: 20px;
}

.detailItemImageZoomIcon {
   float:right;
   position: relative;
   top: -15px;
   right: -10px;
}

.detailItemImageHeader {
   color:#134093;
   text-decoration: none;
}
.detailItemImageText {
   color:#9B9B9B;
   text-decoration: none;
}


/* Detail-Seite Überschrift */
.detail h1 {
}

.detail img.headline1 {
   margin-bottom:30px;
}

/* Detail-Seite Überschrift 2 */
.detail h1,
.detail h2,
.detail h3 {
   color: #134093;
   margin-bottom: 16px;
}

.detail h4,
.detail h5,
.detail h6 {
   color: #134093;
   margin-bottom: 0px;
}

.detailLinkTop {
   float:right;
   margin-right: 8px;
}

/* Detail-Seite Text */
.detail p.bodytext {
   /*   padding-bottom: 16px;*/
}

.detailImage {
   float:left;
   margin-right: 20px;
   margin-bottom: 20px;
}

/* Detail-Seite Liste */
.detailItem ul {
   padding-left: 20px;
   margin-left:0;
   list-style-image: url('/fileadmin/templates/startseite/images/icn_li-bullet.gif');
}
/* Detail-Seite Liste */
.detailItem ol {
   padding-left: 30px;
   /*   margin-left:10px;*/
   list-style: decimal;
}

.detailIntro ul.csc-menu-3 {
   list-style: none;
}



/* Allgemeine Content-Tabellen (fuer einfache Tabellen wie seite_5)
**************************************************************************** */
.contenttable {
   height:auto;
   width:100%;
}

.contenttable th,
.contenttable td {
   vertical-align: top;
   text-align: left;
   padding-right: 10px;
}

.contenttable th p,
.contenttable td p {
   padding-bottom: 0;
}

/* DetailItemTabelle (fuer gestaltete Tabellen wie seite_10)
**************************************************************************** */

.detailItemTable {
   margin-right: 20px;
}


.detailItemTable h2.tableHeadline {
   background-color: #134093;
   color: #FFFFFF;
   font-weight: bold;
   margin-bottom: 5px;
   padding-left: 8px;
   padding-top:5px;
   padding-bottom:5px;
}

.detailItemTable .contenttable th {
   text-align: left;
   background-color: #BBBBBC;
   color: #FFFFFF;
   font-weight: bold;
   border-bottom: 18px solid #FFFFFF;
   padding-top:5px;
   padding-bottom:5px;
}
.detailItemTable .contenttable th:first-child {
   padding-left: 8px;
}
.detailItemTable .contenttable th p.bodytext {
   color: #FFFFFF;
   margin:0;
   padding:0;
}
.detailItemTable .contenttable td {
   color: #6E6E6E;
   width:auto;
   padding-right:12px;
   vertical-align:top;
   padding-bottom: 2px;
}
.detailItemTable .contenttable td p.bodytext {
   color: #6E6E6E;
   margin:0;
}

.detailItemTable p {
   padding-bottom: 0;
}




/*
Navigation: (Nav1 + Nav2)
**************************************
*/


#nav ul {
   list-style:none;
   margin-left: 0px;
}
#nav li  {
   display: block;
}
#nav li a  {
   display: block;
}

li.nav1Item {
   border-bottom: 2px solid #FAFAFA;
   padding-left:26px;
   padding-right:10px;
}

a.nav1Link:hover,
a.nav1Linkactive {
   color: #134093;
}
a.nav1Linkactive {
   font-weight: bold;
}

a.nav2Link,
a.nav2Linkactive {
   padding-left:12px;
   text-indent: -15px;
}

a.nav2Link:hover,
a.nav2Linkactive {
   color: #5286C5;
}

/* Meta-Navigation (Kontakt, Impressum) */
#metaNav {
   float:right;
   margin-top:21px;
   margin-right:0;
   width: 212px;
}

#fontSizeSmall, #fontSizeLarge, #fontSizeNorm{
   background: top left no-repeat;
   width: 15px;
   height: 15px;
   display: block;
   float:left;
   margin-left: 10px;
}
#fontSizeSmall{
   background-image: url('/fileadmin/templates/startseite/images/magn_minus.gif');
}
#fontSizeNorm{
   background-image: url('/fileadmin/templates/startseite/images/magn_reset.gif');
}
#fontSizeLarge{
   background-image: url('/fileadmin/templates/startseite/images/magn_plus.gif');
}
#metaNav div:first-child{
   font-size:10px;
   color:#9B9B9B;
   line-height: 10px;
   float: left;
}
#metaNav div:last-child{
   float:left;
   margin-top: -2px;
}

#metaNav a {
   font-size:10px;
   color:#9C9E9F;
   line-height: 10px;
}

#metaNav a:hover {
   color: #333D99;
}

#metaNav.wirtschaft {
   float:right;
   margin-top:16px;
   margin-right:20px;
   font-size:10px;
   color:#FFF;
   line-height: 10px;
}

#metaNav.wirtschaft a {
   font-size:10px;
   color:#FFF;
   line-height: 10px;
}

#metaNav a:hover {
   color: #333D99;
}

#headToolsView {
   position: absolute;
   top: 60px;
   left: 846px;
   width: 80px;
}

#headToolsView.wirtschaft {
   position: absolute;
   top: 40px;
   left: 846px;
   width: 80px;
}

#headToolsSocialMedia {
   position: absolute;
   top: 90px;
   left: 846px;
   width: 80px;
}

#headToolsSocialMedia.wirtschaft {
   position: absolute;
   top: 70px;
   left: 846px;
   width: 80px;
}

.toolIcon {
   float:left;
}


/* Suche: Suchbox
*********************** */

#headSearchContainer {
   position: relative;
   top:0;
   left:0;
   z-index:3000;
   margin-top: 15px;
   margin-left: 57px;
   margin-right: 6px;
   margin-bottom: 20px;
   padding-left:10px;
   padding-top:6px;
   padding-bottom:6px;
   border-top:2px solid #E2E2E2;
   border-bottom:2px solid #E2E2E2;
}
#headSearchContainer .searchInput {
   display: block;
   float:left;
   padding:2px;
   padding-left:5px;
   height: 13px;
   width: 88px;
   font-size: 12px;
   line-height: 12px;
   font-weight: bold;
   color:#7B7C7E;
   border: #FFF solid 2px ;
   font-weight:bold;
   background: #FFFFFF;
}
#headSearchContainer .searchButton {
   vertical-align: top;
   float:left;

}


/* Start-Teaser-Boxen
******************************* */



.startTeaserCanvas {
   width: 495px;

}

.startTeaser {
   display: block;
   float: left;
   margin-right: 20px;
   margin-bottom: 20px;
   width: 144px;
   height:225px;
}

a.startTeaserLink {
   display: block;
   background: url('/fileadmin/templates/startseite/images/edge-lt_norm.gif') left top no-repeat #5386C5 ;
}
a.startTeaserLink:hover {
   display: block;
   background: url('/fileadmin/templates/startseite/images/edge-lt_over.gif') left top no-repeat #134093;
}

.startTeaserText {
   color:#FFFFFF;
   line-height: 18px;
   display: block;
   padding-top:20px;
   padding-left:20px;
   padding-right:20px;
   padding-bottom:10px;
   height: 70px;
}
.startTeaserImgCanvas {

}




/*
Infobereich
******************************************** */

#info {

}

.infoBox {
   clear:both;
   color: #626261;
   position:relative;
   top:0;
   left:0;
   margin-left:10px;
   margin-bottom:20px;
   width: 200px;
}

.infoBoxHeader {
   padding-left:15px;
   height: 18px;
   padding-top:2px;
   color: #FFFFFF;
   background:url('/fileadmin/templates/startseite/images/info_edge_darkblue_norm.gif') left top no-repeat #134093;
   cursor: pointer;
}

.infoBoxHeader h2 {
   width: 160px;
   float: left;
   text-transform: uppercase;
}

.infoBoxHeader .infoBoxOpen {
   display: none;
   float: right;
}
.infoBoxHeader .infoBoxClose {
   float: right;
}

.infoBoxContent {

}
.infoBoxContentText {
   padding-top: 10px;
   padding-left: 15px;
}



.infoBoxZusatz .infoBoxHeader {
   background:url('/fileadmin/templates/startseite/images/info_edge_lightblue_norm.gif') left top no-repeat #5286C5;
}

.infoBoxKontakt .infoBoxHeader {
   background:url('/fileadmin/templates/startseite/images/info_edge_darkblue_norm.gif') left top no-repeat #134093;
}

.infoBoxService .infoBoxHeader {
   background:url('/fileadmin/templates/startseite/images/info_edge_grey_norm.gif') left top no-repeat #919191;
}

.infoBoxContentItems {

}

.infoBoxContentItem {
   clear:both;
   padding-top: 12px;
   padding-bottom: 6px;
   margin-right: 5px;
   border-top: 1px solid #C9C9C9;
}
.infoBoxContentItem:first-child {
   border-top:none;
}

.infoBoxContentItemText a:hover,
a:hover span.infoBoxContentItemText {
   color:#5286C5;
}

.infoBoxContentItemText {
   float:left;
   width: 126px;
   padding-left: 15px;
   padding-bottom: 6px;
}

.infoBoxContentItemText a .text {
   float: left;
}

img.infoBoxContentItemThumb  {
   width: 40px;
   float: right;
   margin-right: 2px;
   padding-bottom: 6px;
}

.infoBoxTeaserLink:hover {
   color: #5286C5;
}



/* Infobox Teaser
******************************** */

.infoBoxTeaserLink {
   /*   clear: both;*/
}

.infoBoxTeaserLink span {
   display: block;
   padding-left:10px;
   width: 130px;
   float: left;

}
.infoBoxTeaserLink img {
   width: 40px;
   float: right;
   margin-right: 2px;
   padding-bottom: 0px;
}






/* T3-Styles  */

#info .csc-default {
   margin-right: 0;
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
   margin-right: 20px !important;

}
div.csc-textpic-intext-right div.csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
   margin-left: 20px !important;

}
.csc-textpic-intext-left div.csc-textpic-imagewrap,
.csc-textpic-intext-right div.csc-textpic-imagewrap {
   width: 235px;
}

.csc-textpic-imagewrap {
   margin-bottom: 20px;
   /*   margin-left: 20px !important;*/
}

.csc-textpic-imagerow {
   padding-bottom: 10px;
}

.csc-textpic-caption {
   padding-top: 6px;
   font-size: 10px;
   text-align: left !important;
}

/* indexed_search
************************************************************************ */

.tx-indexedsearch .tx-indexedsearch-browsebox {
   color: #6E6E6E;
}
.tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button {
   vertical-align: top;
   width: 22px;
   height: 22px;
}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
   display: block;
   float:left;
   border: 1px solid #C5C5C6;;
   background-color: #FFFFFF;
   padding:1px;
   padding-left:10px;
   height: 18px;
   width: 300px;
   font-size: 12px;
   line-height: 14px;
   font-weight: bold;
   color: #1A1A18;
}
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:normal; }
.tx-indexedsearch .tx-indexedsearch-noresults { text-align:left; font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:normal; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
   color:#134093;
   font-weight: normal;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }

/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css {
   letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right;
}
.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }


.tx-indexedsearch-whatis {
   display: none;
}

.tx-indexedsearch-res {
   margin-top: 20px;
   margin-right: 20px;
}

.tx-indexedsearch-title a {
   color: #134093;
}

.tx-indexedsearch .tx-indexedsearch-res td.tx-indexedsearch-descr {
   padding-top: 10px;
   color: #6E6E6E;
   font-style: normal;
   padding-bottom: 10px;
}


.tx-indexedsearch-noresults {
   margin-top: 20px;
   margin-bottom: 20px;
}

/* jqfancybox
******************************************************************* */

.fancybox-title-inside {
   text-align: left !important;
   padding-left:10px;
}

#fancybox-title-text {
   float:left;
}

#fancybox-title-count {
   float:right;
}

.divider {
   display: none;
}

/* APP-Optik
************************************************************ */
#main{
   background: url('/fileadmin/templates/startseite/images/background.jpg') 0px -165px  no-repeat;
}
#mainCanvas {
   padding:60px 50px 40px 50px;
   width:613px;
   height: 426px;
   float:left;
}

#appsMain{
   width:550px;
   height:400px;
   overflow: hidden;
   margin-left:10px;
}
#appsMain a{
   width:110px;
   height:130px;
   display: block;
   margin-top:0px;
   margin-left:23px;
   margin-bottom:0px;
   float:left;
}
#appsMain a:hover {
   background-position: 0px -1px;
}

#appsMain .iconMain{
   width: 131px;
   float: left;
   margin-bottom: 4px;
}
.iconMain.empty {
   background: 40px 0px no-repeat url(/fileadmin/templates/startseite/images/icons/l_empty.png);
}

.iconMainEmpty {
   /*   background-image: url(/fileadmin/templates/startseite/images/icons/l_empty.png);*/
}

.iconMainEmptyHover {
   background-image: url(/fileadmin/templates/startseite/images/icons/l_empty-hover.png);
}

#sideCanvas {
   background:repeat url('/fileadmin/templates/startseite/images/side_bg.png');
   width:205px;
   padding:25px 0px 20px 5px;
   float:right;
   /* height:435px; */
   height:462px;
   overflow:hidden;
   margin-top:20px;
}

.appsSideElem {
   display:block;
   width:205px;
   margin-bottom:8px;
}
.appsSideElem .underlined{
   width:180px;
   border-bottom: solid 1px #87888A;
   padding-bottom:3px;
   margin-bottom:7px;
   padding-left:4px;
   font-size:12px;
   font-weight:bold;
   color:#87888A;
}
.appsSideElem a{
   width:180px;
   height:45px;
   display: block;
   float:left;
}
.appsSideElem a:hover{
   background-position: 0px -1px;
}
.appsSideElem .iconSide{
   width: 180px;
   float: left;
   display: block;
}

.iconSideEmpty {
   height:0;
}

.targetIconCanvas {
   background-color: #D3D3D3;
}


#sonstiges .btn_arrow,
#buergerservice .btn_arrow,
#tourismus .btn_arrow,
#landkreis .btn_arrow{
   width: 20px;
   height: 24px;
   display:block;
   background: no-repeat left top white url('/fileadmin/templates/startseite/images/arrow2.gif');
   float:right;

}
.appsSideElem h2 {
   margin-bottom:7px;
   height:24px;
   background-color: #FFFFFF;
   -webkit-border-radius: 5px 0 0 0;
   -moz-border-radius: 5px 0 0 0;
   border-radius: 5px 0 0 0;
}
.appsSideElem h2 .label {
   padding-top:5px;
   font-family: 'RotisSansSerifStd-Bold', Verdana, Arial, sans-serif;
   font-size: 14px;
   line-height: 14px;
   font-weight: normal;
   padding-left:18px;
   color: #3E3D40;
   display: block;
   float:left;
}

#sonstiges .btn_arrow.open,
#buergerservice .btn_arrow.open,
#tourismus .btn_arrow.open,
#landkreis .btn_arrow.open{
   background-position: left bottom;

}

.iconCanvas{
   overflow:hidden;
   width:190px;
   padding-left: 9px;
}

#landkreis .iconCanvas,
#sonstiges .iconCanvas,
#tourismus .iconCanvas{
   height: 0;
}

.iconCanvas div:first-child{
   margin-top:5px;
}
.headlineClickable{
   cursor:pointer;
}

.headlineClickable img{
   float:left;
}

.iconMain.empty.dele{
   display:none;
}

#sitenav {
   clear: both;
   height: 25px;
   text-align: right;
   width: 950px;
}

/* Info Symbole
******************************************************** */

/* ***** V3 ***** */
.icon-alert-canvas {
   position:absolute;
   bottom:3px;
   right:227px;
   /*height:24px;*/
   width:614px;
   display:block;
   padding:3px 0;
   background-image:url('/fileadmin/templates/startseite/images/bg_start-alert.png');
   border-radius:5px 0 0 0;
}

.icon-alert-canvas.notactive{
   display:none;
}

.icon-alert-canvas .text {
   float:left;
   color:#1A1A18;
   font-size:12px;
   font-family: 'RotisSansSerifStd-Bold', Verdana, Arial, sans-serif;
   line-height:18px;
   margin-left:7px;
}

.icon-alert-canvas .close-icon {
   float:right;
   height:11px;
   width:12px;
   background-image:url('/fileadmin/templates/startseite/images/close_start-alert.png');
   margin:3px 5px 6px 0;
   cursor:pointer;
}



/* MediaQueries
************************************************************ */

/* Anpassungen für iPad-Querformat */
@media only screen and (max-height: 768px) {

   #page {
      margin-top: 6px;
   }
   #headCanvas {
      height: 169px;
   }
   #head {
      height: 169px;
   }
   #headWelle {
      top:132px;
   }
   #headLogoAllgaeu {
      width: 60px;
      margin-left:10px;
   }
   #headLogoEMM {
      position: relative;
      left:-5px;
      margin-top: 4px;
      width:100px;
   }
   #headLogoOAL {
      height:98px;
      margin-top:5px;
      margin-right: 54px;
   }
   #headTitle {
      height: 60px;
      margin-left: -22px;
      margin-top: 44px;
   }
   #metaNav {
      margin-top: 14px;
      margin-right:10px;
   }
   #headSearchContainer {
      margin-top: 2px;
      margin-left: 55px;
   }

   #headSearchContainer .searchInput {
      border: 2px solid #FFFFFF;
      color: #7B7C7E;
      width: 60px;
      font-size: 10px;
      line-height: 12px;
      padding-right: 20px;
      font-weight: normal;
   }

   td.titleCanvas {
      height: 137px;
   }

   #mainCanvas {
      padding-top:30px;
      padding-left:75px;
      width:588px;
   }
   #sideCanvas {
      padding-top: 15px;
   }

   .icon-alert-canvas {
      bottom:60px;
   }
}