/* CSS for EUROSIM website */

@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; }
.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; }
#main-content h3 { color: #274E90; font-size: 1em; }
#main-content h4 { color: #274E90; font-size: 1em; font-style: italic; }

#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; }
.subnav3, .subnav3_active { display: none; padding-left: 1.6em; }
.menu_sub_no, .menu_sub_act { margin: -0.2em 0; line-height: 90%; }

.menu_header_no a:hover, .menu_header_ifsub a:hover, .menu_header_actifsub a:hover { text-decoration: underline; color: #cccccc; }


/**** 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.1em 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; }
li div.menu_sub_no { padding-bottom: 2px; }

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

header.columns { padding-top: 1em; background-color: #ffffff; }
.head { font-size: 3em; line-height: 0.6em; margin-bottom: 5px; padding-left: 100px; margin-top: 0.5em; color: #0066aa; }
.head a { text-decoration: none; }
.himg { padding-top: 0.5em; border-top: 1px solid grey; }
.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; }

#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: #006699; color: #006699;  }
.mbtn a { color: #006699; }
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; }
.news .footer { clear: both; padding: 0; border-top: 1px solid #ccc; margin-top: 0px; color: #888; }
  
/** 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 .no-news-found { color: #333333; }

.tx-felogin-pi1 label { display: block; }

#banner { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.mySlides {display: none}
.mySlides img {width: 100%;} 
.slideshow-container { position: relative; margin: auto; border: 4px solid #fff; }
.fade { -webkit-animation-name: fade; -webkit-animation-duration: 2.5s; animation-name: fade; animation-duration: 2.5s; }
  
}

@media screen and (max-width:600px) 
{ 
.small-1 {width: 100%; }
#main_menu a { color: #006688; }
div.menu_header li a { padding: 0.2em; font-size: 90%; }
}

@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%; } }


@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 { font-size: 14pt; color: #000000; text-align: left; line-height: 16pt; border-bottom: 1pt solid #666666; padding: 10px 0px 20px 90px; }
.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; box-shadow: none; border-radius: 0; }

#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, #right { display: none; }

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

}