/*-----------------------------------------------------------*/
/*-------------------[Magellan Travel]-----------------------*/
/*-------------------[Angebots Style]------------------------*/
/*-----------------------------------------------------------*/


/*-------------------[modifications of default style.css]------------------------*/
#featured-text	{ margin-bottom: 75px; }
#header					{ margin-bottom: 75px; }

h1.category-title { 
	margin-top: -30px; 
	margin-bottom: 15px ; 
	font-size: 45px;
}

p.category-tagline {
    font-size: 24px;
}


.widget h3.widgettitle	{
	font-size:21px; letter-spacing: 0px; 
	}

ul#top-menu a {
    font-size: 15px;
  
}

#sidebar {
    font-size: 15px;
}

#breadcrumbs {
    font-size: 15px;
}




/*-------------------[userdefiend styles]------------------------*/

.mt-simple-slides .et_slidecontent { width: auto; height: 120px;  } 
.mt-simple-slides90 .et_slidecontent { width: auto; height: 90px;  } 
.mt-simple-slides185 .et_slidecontent { width: auto; height: 185px;  } 


.tooltip {
    border-bottom: 1px dotted #0077AA;
    cursor: help;
}
 .tooltip::after {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 8px 8px 8px 0px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    color: #FFF;
    content: attr(data-tooltip); /* The main part of the code, determining the content of the pop-up prompt */
    margin-top: -24px;
    opacity: 0; /* Our element is transparent... */
    padding: 3px 7px;
    position: absolute;
    visibility: hidden; /* ...and hidden. */
             
    transition: all 0.4s ease-in-out; /* To add some smoothness */
}
         
.tooltip:hover::after {
    opacity: 1; /* Make it visible */
    visibility: visible;
}


/*** switch drop caps off 
.et-dropcap, .mt { font-size: 100%; float: none; margin:0; line-height: 1; } **/
span#mt-dc-off { font-size: 100%; float: none; display:inline; margin:0; line-height: 1; }
/** .et-dropcap, .mt { font-size: 100%; float: none; margin:0; line-height: 1; } **/

/*** ET BOX user def class 
background: #f7f4b4 url(/wpma/wp-content/customizedIS/img/info-thek-icon.png) no-repeat 18px 13px; 
[box type="info" class="mt-info-box-content"] DER BEREICH IST NOCH IM AUFBAU UND DAHER NICHT VOLLSTÄNDIG! [/box] 
et-box{$class} et-{$type}

background: #DBFFED url(img/info-hinweis.png) no-repeat 10px 5px;
	background: #DBFFED url(img/info-hinweis-bw.png) no-repeat 10px 5px;

****/
.et-mag {
	color: #030A01;
	
	background: #DBFFED url(img/info-hinweis.png) no-repeat 10px 5px;
	border: 3px solid #1400FF; /** #F30B27;**/
}
.et-boxmt { 
	border-radius: 			10px; 
	-moz-border-radius: 	10px; 
	-webkit-border-radius: 	10px; 
	margin: 0px 0px 10px; 
}
.et-mag .et-box-content h1, .et-mag .et-box-content h2, .et-mag .et-box-content h3, 
.et-mag .et-box-content h4, .et-mag .et-box-content h5, .et-mag .et-box-content h6 
{ color: #6b6a54; }

/***** Test code
.et-info1 { border: 1px solid #cecb8e; } 
.et-info1 .et-box-content { 
	color: #8c8a64; 
	background: #f7f4b4 url(img/info-thek-icon.png) no-repeat 9px 5px; 
	border: 1px solid #ffffea; 
}
******/	

/**
.mt-simple-slider .et-simple-slides  { border: 3px solid #E7E7E7; background-color: #D8A3A3\9; }
.et-simple-slider
**/
/***
.mt-simple-slider .et-simple-slides { background: #D8A3A3 url(images/et-learn-more-bg.png) repeat-x left top; border: 4px solid #e7e7e7; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 23px 40px 16px 40px; margin: 10px 0px 10px; position: relative; }
.mt-simple-slider .et-simple-slides { border: 3px solid #E7E7E7; background-color: #D8A3A3; } 
[tabs slidertype="simple" class="mt-simple-slides mt-simple-slider" ]
*****/ 

/**  Download Tabelle in Service/Mediathek/Dokuments/   **/
.mt-caption, .mt-box-content,
.mt-dn-caption, .mt-dn-box-content, 
.mt-dn-box-content th, .mt-dn-box-content td,
.mt-dn-box-content {
	border:1px solid;      
}
.mt-dn-box-content td, .mt-dn-box-content th{
	text-align: center;
}
.mt-caption {/*-- margin: 0px 0px 3px; 3px; --*/
	border-color: #e7e7e7;  
	text-align:center; 
	vertical-align:4px; 
	padding: 3px;        
    height: 100%;                 
    background-color: #F1F1F1; 
    border-radius: 			6px; 
    -moz-border-radius: 	6px; 
    -webkit-border-radius: 	6px;             
}

.mt-caption span { /*- vertical-align:4px; -*/ 
	font-size: 16px; 
	color: #000000; 
}

.mt-caption-dn img { vertical-align: middle; }
.mt-caption-dn     {  
     height: 100%; 
     text-align: center;
     background-color: #F1F1F1; 
     border-color: #e7e7e7;
     border:1px solid;
     border-radius:    6px; 
   -moz-border-radius: 6px; 
-webkit-border-radius: 6px;                   
}

.mt-dn-box-content {
/** border: 1px solid;  **/
color: #000005;
 border-collapse:  separate; 
  margin: 0px 0px 3px; 3px; 
        border-radius: 5px; 
   -moz-border-radius: 5px; 
-webkit-border-radius: 5px;          
}
.mt-box-content { 
	background-color: #F1F1F1; 
    border-collapse:  separate; 
    border-color:     #e7e7e7;
    border-radius:     6px; 
   -moz-border-radius: 6px; 
-webkit-border-radius: 6px;    
 margin: 0px 0px 3px; 3px; 
 
}
.mt-box-content strong { color: #000000; font-weight: bold; }
.mt-box-content h1, .mt-box-content h2, 
.mt-box-content h3, .mt-box-content h4, 
.mt-box-content h5, .mt-box-content h6 { font-family: Century Gothic, Arial, sans-serif; } 

.mt-shadow {   /*--border: 0px solid #f70824; 
                   border-radius: 10px; 
                   padding-left: 30px;  box-shadow: 3px 3px 11px 2px rgba(0, 0, 0, 0.2);
              ---*/
                   box-shadow: 3px 3px 11px 3px rgba(0, 0, 0, 0.1); 
              -moz-box-shadow :3px 3px 11px 3px rgba(0, 0, 0, 0.1); 
           -webkit-box-shadow: 3px 3px 11px 3px rgba(0, 0, 0, 0.1); 
}

.mt-list li     { background: url(img/ok-check.png)   no-repeat 5px 1px !important; }
.mt-list li#add { background: url(img/option_add.png) no-repeat 5px 1px !important; }
.mt-list li#no  { background: url(img/no-check.png)   no-repeat 5px 1px !important; }  
.notes td       { background: url(img/info.png)       no-repeat 5px 1px !important; 
                  padding-left:23px;
                }


.mt-list li, .mt-list li#add, .mt-list li#no {
     padding-left: 25px !important; 
     margin: 5px 0 !important; 
     list-style: none !important; 
     list-style-image: none !important;
}

/******* Tooltip using <li> id="no"> or <li if="add">  *******/
.mt-list li#no:hover, .mt-list li#add:hover, .notes td:hover {    
     position: relative;                        /* Bezug für span, IE: erst bei :hover setzen */
     background: transparent;
     text-decoration: none;                     /* IE, Farbe egal */
    
}  

.mt-list li#no  span, .mt-list li#add  span, .notes td span{

     position: absolute;                     /* aus Textfluß herausnehmen */
     visibility: hidden;                     /* normal: unsichtbar */
     width: 17em;                               /* FF: kein Leerzeichen vor Einheit */
     top: 2em; left: 1em;                    /* Tooltip-Position, sollte man festlegen */	 

/*     background: #ffffdd;
     border: 1px solid #aaaaaa;  */
    
     padding: 7px;

     border: 1px solid #cecb8e;
     color: #8c8a64; 
     background: #f7f4b4;
     
     border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0px 0px 10px; 
}
.notes td {cursor:pointer;}
.mt-list li#no {cursor:pointer;}
.mt-list li#add {cursor:pointer;}


.mt-list li#no:hover span, .mt-list li#add:hover span, .notes td:hover span { cursor:pointer; visibility: visible; }

.mt-list li#no, .mt-list li#add, .notes td {     
     text-decoration: none;
     color: #616161; /* 838f8f; -*/
     z-index:35; 
      
/*-  border-bottom:1px solid blue; */
}


.notes td span b, .notes td span strong
{
    background: url(img/info-box14x14.png) no-repeat;
    padding-left:18px;
   
}

.mt-list li#no span b, .mt-list li#no span strong
{
    background: url(img/no-check.png) no-repeat;
    padding-left:18px;
 
}
.mt-list li#add span b, .mt-list li#add span strong {
    background: url(img/option_add.png) no-repeat;
    padding-left:18px;
 
}
.mt-list li#no span b, .mt-list li#no span strong, .mt-list li#add span b, .mt-list li#add span strong,
.notes td span b, .notes td span strong
{     
    display: block;
    font-weight: bold;
    border-bottom: 1px solid #888888;
    margin-bottom: 5px;
   
}

/**** Angebot Header Style *****/
.angebots-head {
      background: url(img/pricing-header-blue.png) no-repeat bottom left; 
      height: 60px; 
      text-align: center; 
      font-family: Century Gothic, sans-serif; 
      
}
.angebots-head h2 { 
	padding: 20px 10px 0px; 
	margin: 0 !important; 
	font-size: 24px; 
	color: #fff !important; 
	text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); 
	background: none !important; 
	font-weight: normal !important; 
}
.angebots-head p { 
	color: #aacbe0; font-size: 14px; 
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4); 
    padding: 0; margin-top: 2px; 
}