@media all {

body { color: #333333; background-color:#f5f5f5; background-color:#e9e6e6; font-family: Verdana,Arial,sans-serif; font-size: small; margin: 0; padding: 0; }
  
.wartung { font-weight: bold; font-size: 1em; color: red; padding: 0.5em 1em; }

.row { width: auto; background-color: #ffffff; }
.row:before, .row:after { content: " ";  display: table; }
.row:after { clear: both; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.columns { float: left; }

/** styles for fluid **/   
ol.breadcrumb-list { list-style-type: none; float: left; margin-top: -1em; margin-bottom: 1em; padding: 1em; }
li.breadcrumb-item { float: left; } 
  
/**  **/

a { color: #003399; text-decoration: none; }
a:hover { text-decoration: underline; color: #999999; }

#topbar2col { background-color: #ffffff; margin-top: 1em; }
#main-content, .wrapper, #left-content, #right-content { background-color: #ffffff; border: 1px solid #dadada; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow:0 1px 2px -1px rgba(0,0,0,0.25); -moz-box-shadow:0 1px 2px -1px rgba(0,0,0,0.25); box-shadow: 0 1px 2px -1px rgba(0,0,0,0.25); padding: 1em; margin: 2em; }

#main-content h1 { color: #274E90; font-size: 1.3em; padding-bottom: 0.2em; }
#main-content h2 { color: #274E90; font-size: 1.2em; padding-bottom: 0; }
#main-content h3 { color: #274E90; font-size: 1.1em; padding-bottom: -0.3em; }
#main-content h4 { color: #274E90; font-size: 1em; font-style: italic; padding-bottom: -0.4em; }

/**#right { border: 1px solid red; position: absolute; left: 100; top: 500; }**/

#main_menu { clear: left; padding-left: 1em; padding-right: 1em; font-size: 110%; font-weight: bold; height: 4em; border-top: 1px solid #999999; }
#main_menu ul { list-style-type: none; padding: 0; margin: 0 auto; }
#main_menu ul li { text-align: center; display: inline; padding: 0 1em; }
#main_menu  a { color: #333333; }
.nav2 { font-size: 90%; }
.nav2 ul li { text-align: center; display: block; }
#main_menu ul li.nav2, #main_menu ul li.nav2_active, #main_menu ul li.nav3, #main_menu ul li.nav3_active { display: none; }

/************** menu header ***************/

div.menu_header li { padding: 0px; margin: 0px; float: left; }
div.menu_header li a{ text-decoration: none; display: block; padding: 0.5em; background-color: #f6f6f6; background-color:#e9e6e6; }

#sub_menu { clear: left; padding-left: 0; border-top: 1px solid #006699; }
#sub_menu ul { list-style-type: none; padding-top: 0.5em; margin: 0 auto; }
div.sub_menu li { padding: 0px; margin: 0px; float: left; }
div.sub_menu li a { font-size: 90%; text-decoration: none; display: inline; color: #333333; padding: 0 0 0 0.5em; background-color: #f6f6f6; }
.subnav1 { display: none; }
.subnav1_active a { color: #333333; font-weight: bold; }
.subnav2, .subnav2_active { padding-left: 0.8em; }
.menu_sub_no, .menu_sub_act { margin: -0.2em 0; }


/**** level 2 popup ********/
div.menu_header li ul { display: none; position: absolute; padding: 0; width: 8em; background-color: #ffffff;
  box-shadow: 0px 4px 4px -1px #404040;
  -moz-box-shadow: 0px 4px 4px -1px #404040;
  -webkit-box-shadow: 0px 4px 4px -1px #404040;
  border-bottom-left-radius: 6px 6px;
  border-bottom-right-radius: 6px 6px;
  z-index: 999; }
  
div.menu_header li ul li { float: none; margin: 0; background-color: #ffffff; }
div.menu_header li ul li div.menu_sub_act { background-color: #ffffff; }
div.menu_header li ul li a { font-weight: normal; font-size: 90%; padding: 0 0.5em; background-color: #ffffff; text-align: left; }
div.menu_header li:hover ul { display: block; }

div.menu_header li div.menu_header_act a,
div.menu_header li div.menu_header_actifsub a,
div.menu_header li:hover div.menu_header_no a { color: red; z-index: 1000; }

/************** menu header end ***************/

header.columns { padding: 1em; background-color: #ffffff; }
.head a { text-decoration: none; }
.himg { border-bottom: 10px solid #336699; }
.himg  img { max-width: 100%; height: auto; width: 100%; }

.subhead { font-size: 30%; }
.logo { position: absolute; top: 1.5em; left: 2em; }

hr { margin-bottom: 0; border: 0; height: 1px; background: #333; background-image: linear-gradient(to right, #ccc, #333, #ccc); }


#breadcrumbs { clear: left; font-size: 90%; font-style: italic; padding: 2em 2em; color: #666666; background-color: #ffffff; margin-top: 1em; }

.null { height: 0; padding: 0; }

.morelink {  }

#ltop { position: absolute; top: 2em; right: 2em; }
.mbtn { border: 2px solid; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; display: inline-block; padding: 5px 16px; position: relative; text-decoration: none; margin: 0; border-color: #cc0000; color: #cc0000;  }
.mbtn a { color: #cc0000; }
figcaption { font-size: 90%;  font-style: italic; }

.contenttable td { background-color: #e9e6e6; padding: 0.5em; }

.doormat { background-color: #4B4B4B; background-color: #2E2E2E; color: #999999; line-height: 2em; padding: 2em 1em 2em 2em; }
.doormat a:hover { font-weight: bold; }
.doormat a { color: #ffffff; }

.social { display: none; }
  
/** for news 9 **/  
ul.f3-widget-paginator { list-style: none; float: right; display: flow-root; position: relative; top: -5em;}
ul.f3-widget-paginator li { float: left; padding: 0 2px; }
.current { font-weight: bold; }
.no-media-element { display: none; }
/****/

.news-single .teaser-text { font-size: 100%; font-weight: bold; color: #333333; }
.news-list-author { font-style: italic; margin-top: .5em; }
.news-related-wrap { margin: 0; padding: 0; }
.news-related { padding: 0.5em; }
.news-single .footer { margin: 0; padding: 0; border: 0; }
.news .footer { color: #333333; }

.align-center { text-align: center; }

dl dd { margin-left: 0; margin-bottom: 1em; }

.tx-felogin-pi1 label { display: block; }
input.form-control { width: 100%; }
textarea.form-control { width: 100%; }
input#user, input#pass { background-color: #f4f1b9; }
div.tx-felogin-pi1 fieldset input { background-color: #87bd79; padding: .5em; margin: .2em; }

footer { width: 100%; }

}


@media screen and (max-width:600px) {
  .small-1 {width: 100%; }
}


@media screen and (min-width:600px) and (max-width:1000px) {
  .medium-1 {width:50%; }
  .medium-2 {width:100%; }
}


@media screen and (min-width:1000px) {
  .large-1 {width:33.333333%; width: 50%; }
  .large-2 {width:66.666666%; width: 100%; }
  .large-3 {width:100%; }
}

.push { float: right; }

@media screen and (min-width:600px) and (max-width:1000px) {
  .medium-offset-1 {
    margin-left:50%;
  }
}

@media screen and (min-width:1000px) {
  .large-offset-1 {
    margin-left:33.333333%;
  }

  .large-offset-2 {
    margin-left:66.666666%;
  }
}

@media only screen and (max-width: 600px) {   

#main_menu a { color: #006688; }
div.menu_header li a { padding: 0.2em; font-size: 90%; }
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: left; }
}

@media print {
body { background-color: #ffffff; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; margin: 0; padding: 0; }

header { width: 100%; }
div.head { padding: 0; }
.subhead { font-size: 12pt; color: #000000; }

a { color: #003399; text-decoration: underline; background-color: #ffffff; }

h1, h2, h3, h4, h5, h6 { margin: .75em 0 .5em 0; page-break-after: avoid; }

h1 { font-size: 14pt; }
h2 { font-size: 12pt; }
h3 { font-size: 10pt; }
h4, h5, h6 { font-size: 10pt; }

#main-content, .wrapper { width: 95%; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

#main_menu  { border: none; }

#footer { clear: both; border-top: 1pt solid #666666; padding-top: 10px; margin-top: 20px; font-size: 8pt; color: #333333; background-color: #ffffff; }

.doNotPrint, .noprint, #ltop { display: none; }

#breadcrumbs { margin-bottom: 20px; font-size: 9pt; }
#breadcrumbs a { text-decoration: none;  }
.doormat a { display: none; }


}