@import url('responsive.css');
@import url('font-awesome/css/font-awesome.min.css');

/*
 * css ayurveda-reisezauber.de
 * @author marx@netzteil.com
 * @version .5
 * 28.10.2015 18:09:54
 * wrap_all for centering
 * 3 columnns: wrap_left / wrap_cent / wrap_rite
*/

#logo_wetter24-de { display:none }

/*div tr:first-child { background-color:#C0C0C0; }*/

body { background-color: #FFF; color:#000; margin: 0; padding: 0; text-align: center; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }

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

a:link    { color:#9A2A2A; text-decoration:none; }
a:active  { color:#CC0000; text-decoration:underline; }
a:focus   { color:#CC0000; text-decoration:underline; }
a:visited { color:#9A2A2A; text-decoration:none; }
a:hover   { color:#000000; text-decoration:underline; }

/* header, wraps and footer */

#wrap_all { width: 980px; margin: 0 auto; padding: 0; text-align: center; }

#header { margin: 21px 0; }
#logo-left { float: left; margin: 0 16px ; }
#logo-cent { float: left; margin: 0 16px 16px;}
#logo-rite { float: right; margin: 0 21px 0 0; }

#logo-cent-br { float: left; margin: 0 0 21px 42px;}
#logo-left-br { float: left; margin: 2px 21px 0 0; }
#logo-rite-br { float: right; margin: 16px 0 0 0; }

#wrap_left { float: left; width: 162px; text-align: left; margin: 0 21px 0 0; }
#wrap_left a { font-weight: bold; }
#wrap_left .content1 { padding: 11px; }
#wrap_left .content2 { float: left; margin: 0 0 0 2px; }
#wrap_left .content2 ul { padding: 11px 0; list-style-type: none; font: normal .8em Verdana, Geneva, Arial, Helvetica, sans-serif; }
#wrap_left .content2 ul li { padding: 0 0 6px 11px; }

#wrap_cent { float: left; width: 610px; text-align: left; margin: 0 21px 0 0; border: 1px solid #EEE4CB; }
#wrap_cent .content1 { margin: 25px; font-weight: normal; line-height: 1.4em; }
#wrap_cent .content1 ul, ol { margin: 10px 0; list-style-type: none; }

#wrap_rite { float: right; width: 162px; text-align: left; margin: 0; padding-top:14px; border: 1px solid #EEE4CB; }

#wrap_rite #hotline { margin: 11px 0 11px 0; }

#hotlinep {line-height: 1.8em; margin-bottom: 1em; }}
#hotlinkp {line-height: 1.8em; margin-top: 1em; }

#wrap_rite .content1 { margin: 11px; font-weight: normal; line-height: 1.4em; }
#wrap_rite .content1 ul, ol { margin: 10px 0; list-style-type: none; }

#wrap_rite .content2 { margin: 25px; font-weight: normal; line-height: 1.4em; }
#wrap_rite .content2 ul, ol { margin: 5px 20px 10px 20px; }

#wrap_rite p.bodytext { font-size: smaller; }

#footer { width: 612px; margin: 21px 0 21px 183px; padding-top: 21px; border-top: 1px solid #EEE4CB; font-size: smaller; }
/*#footer_links { font-size: smaller; }*/

/*#navi-b { float: left; border: 0; margin-bottom: 11px; }*/

.content1 ul li { background: url(http://www.ayurveda-reisezauber.de/typo3/sysext/rtehtmlarea/res/accessibilityicons/img/internal_link.gif) no-repeat 2px 4px; padding: 1px 0 0 15px;}

hr {color: #FFF; background-color: #EEE4CB; border: 0 solid #EEE4CB; margin: 20px 0; padding: 0; height: 1px; }

h1, h1.csc-firstHeader { font: bold 48px Tangerine, Verdana, Arial, Helvetica, serif; color: #9A2A2A; margin: 0 0 .5em 0; text-shadow: 3px 3px 3px #C0C0C0; }
h2, .news-single-item h2 { font: bold 36px Tangerine, Verdana, Arial, Helvetica, sans-serif; color:#9A2A2A; margin: .6em 0 .2em; }
h3, .news-single-item h3, .news-list-container h3, .news-list-container h3 a:link, .news-list-container h3 a:visited,
.news-list-container h3 a:hover { color:#9A2A2A; margin: 0 0 5px 0; border: 0; font: bold 26px Tangerine, Verdana, Arial, Helvetica, sans-serif; }
h4 { font: bold 1em Tangerine, Verdana, Arial, Helvetica, sans-serif; color:#9A2A2A; margin: .7em 0 .3em 0; }

table { border-collapse: collapse; }
tr.even { background-color: #EEE4CB;}
tr, td {vertical-align: top}
td { padding: 2px 5px 2px 5px; border: 1px solid #EEE4CB; }
td p.bodytext { margin:0; padding:0;}


/* Forms */

.tx-felogin-pi1 label { min-width: 168px; }

label { margin: 2px 5px 5px 5px; padding: 0; cursor: pointer; text-align: left; font-size: 1em; }
input, select, textarea, radio { background-color: #EEE4CB; border: 1px solid #9A2A2A; color: #9A2A2A; margin: 2px 0 11px; padding: 2px; font-size: 1em; }
/*textarea { background-color: #EEE4CB; border: 1px solid #9A2A2A; margin: 2px 0 11px; padding: 2px; }*/

/* navi */
ul#navi { width: 162px; max-width: 162px; text-align: left; list-style-type: none; font: normal .9em Verdana, Arial, Helvetica, sans-serif; }
ul#navi li { margin: 0 0 2px 0; }

ul#navi li a         { color: #9A2A2A; text-decoration: none; display: block; padding: 7px 2px 7px 14px; border: 1px solid #EEE4CB;}
ul#navi li a:active  { color: #CC0000; text-decoration: underline; }
ul#navi li a:focus   { color: #000; text-decoration: underline; }
ul#navi li a:hover   { background: #F39A00; color:#000; }
ul#navi li a:visited { text-decoration: none; }

ul#navi li.last, ul#navi li a.last { margin: 11px 11px; }

li#navi_current a:hover { background: #AACCEE; color:#000; }

#navi_active { border: 1px solid #9A2A2A; }
#navi_active, #navi_active a:link, #navi_active a:visited { background: #FFF; color:#000; }
#navi_active_a, #navi_active_a a, #navi_active_a a:visited { background: #FFF; color:#000; text-decoration:none; }

#navi_current { border: 1px solid #9A2A2A; }
#navi_current li a:link { background: #013475; color:#000; }
#navi_current, #navi_current a, #navi_current a:visited { background: #EEE4CB; color:#000; }
#navi_current_a, #navi_current_a a, #navi_current_a a:visited { background: #EEE4CB; color:#000; text-decoration:none; }

ul#navi_2 { text-align: left; list-style-type: none; }
ul#navi_2 li a         { color: #27302B; text-decoration: none; margin: 0 0 0 0; padding: 7px 2px 7px 26px; }
ul#navi_2 li a:active  { color: #CC0000; text-decoration: underline; }
ul#navi_2 li a:focus   { color: #000; text-decoration: underline; }

#navi_2_active { border: 1px solid #9A2A2A; }
#navi_2_active, #navi_2_active a, #navi_2_active a:visited { background: #FFF; color:#000; }
#navi_2_active_a, #navi_2_active_a a, #navi_2_active_a a:visited { background: #FFF; color:#000; text-decoration:none; }

#navi_2_current {  }
#navi_2_current a, #navi_2_current a:visited { color:#000; text-decoration:none; border: 1px solid #9A2A2A; }

ul#navi_3 {  background: #FFF; text-align: left; list-style-type: none; font: .9em Verdana, Arial, Helvetica, sans-serif; }
/*ul#navi_3 li { display: block; background: #CCC; }*/

ul#navi_3 li { margin: 0 0 1px 0; }
ul#navi_3 li a         { color: #27302B; text-decoration: none; padding: 7px 0 7px 40px; }
ul#navi_3 li a:active  { color: #CC0000; text-decoration: underline; }
ul#navi_3 li a:focus   { color: #000; text-decoration: underline; }
ul#navi_3 li a:hover   { background: #F39A00; color:#000; }
ul#navi_3 li a:visited { text-decoration: none; }

#navi_3_active { border: 1px solid #9A2A2A; }
#navi_3_active, #navi_3_active a, #navi_3_active a:visited { background: #FFF; color:#000; }
#navi_3_active_a, #navi_3_active_a a, #navi_3_active_a a:visited { background: #FFF; color:#000; text-decoration:none; }

#navi_3_current { border: 1px solid #9A2A2A; }
#navi_3_current, #navi_3_current a, #navi_3_current a:visited { color:#000; }
#navi_3_current_a, #navi_3_current_a a, #navi_3_current_a a:visited { color:#000; text-decoration:none; border: 1px solid #9A2A2A; }

#navi-se { float: left; margin: 0; padding: 6px 26px; }
#navi-se form { margin: 0; }
#navi-se input { margin: 0; }
#navi-se input#searchterms  { width: 84px; height: 15px; font-size: .9em; font-weight: normal; padding:1px 0 0 6px; background-color: #9A2A2A; color: #FFF;}
#navi-se input#submit { width: 60px; height: 20px; float: right; margin: 0 0 0 4px; font-size: .8em; }

ul#navi_4 li { margin: 0 0 1px 0; }
ul#navi_4 li a         { color: #FFF; text-decoration: none; padding: 7px 0 7px 42px; }
ul#navi_4 li a:active  { color: #CC0000; text-decoration: underline; }
ul#navi_4 li a:focus   { color: #000; text-decoration: underline; }
ul#navi_4 li a:hover   { background: #F39A00; color:#000; }
ul#navi_4 li a:visited { text-decoration: none; }

#navi_4_active { border: 1px solid #9A2A2A; }
#navi_4_active, #navi_4_active a, #navi_4_active a:visited { background: #FFF; color:#000; }
#navi_4_active_a, #navi_4_active_a a, #navi_4_active_a a:visited { background: #FFF; color:#000; text-decoration:none; }

#navi_4_current { border: 1px solid #9A2A2A; }
#navi_4_current, #navi_4_current a, #navi_4_current a:visited { background: #CCC; color:#000; }
#navi_4_current_a, #navi_4_current_a a, #navi_4_current_a a:visited { background: #CCC; color:#000; text-decoration:none; }

/* home */
a#c116 { float: left; }
.tx-kuloplayer-pi1 { float: left; }

/* classes */

.hide_accessibility { position:absolute; top:-2100px; left:-840px; }

.b { font-weight: bold; }
.s { font-size: .7em; }

.floatleft { float: left; }
.floatrite { float: right; }

.clean   { clear:both; }
.clean_  { clear:both; line-height:0; font-size:0; }
.clean2  { clear:both; line-height:2px; font-size:2px; margin-top:2px; padding-top:2px;}
.clean5  { clear:both; line-height:5px; font-size:5px; margin-top:5px; padding-top:5px;}
.clean10 { clear:both; line-height:10px; font-size:10px; margin-top:10px; padding-top:10px;}
.clean15 { clear:both; line-height:15px; font-size:15px; margin-top:15px; padding-top:15px;}
.clean20 { clear:both; line-height:20px; font-size:20px; margin-top:20px; padding-top:20px;}

.suchfeld { margin: 10px 0; font: italic bolder .9em Arial, sans-serif; color: #F39A00; letter-spacing: 1px; }
.fa { margin: -3px 4px; padding-left:21px; }

.bild_links     { float:left; margin: 0; padding:0; max-width: 240px; }
.bild_links img { margin: 5px 21px 0 0; padding:0; }
.bild_kompakt   { float:left; margin: 5px 21px 0 0; padding:0; max-width: 240px; }
.bild_fachtag   { float:left; margin: 5px 18px 5px 0; padding:0; }

.bild_links_single { float:left; text-align:center; background-color:#F9FBFC; margin: 15px 21px 0 0; max-width:240px; overflow:hidden; }
.bild_links_single_dossier { float:left; text-align:center; margin: 0; }
.bild_links_single_dossier img { float:left; text-align:center; background-color:#F9FBFC; margin: 5px 21px 3px 0; }

.bild_rechts { float:right; margin: 5px 0 2px 12px; }
.bild_links_unterzeile  { float: left; font: bold italic .8em Arial, sans-serif; color:#595959; margin: 2px 0;}
.bild_rechts_unterzeile { float:right; font: bold italic .8em Arial, sans-serif; color:#595959; margin: 2px 0;}

.artikel { margin-bottom:21px; }
.artikel .subh { font: bold 1em Arial, sans-serif; }

.blub { height: 152px; background-color: #618FB2; width:137px;  max-width:137px;}
.blup { color: #FFF; margin: 5px 8px; }
.blup a { color: #FFF; }
.blup p { margin:0; }

.pusher { height: 152px; }
.bord { border: 1px solid #003D79; }
.dotbox { border: 1px dotted #003D79; padding:0px 11px; }

#twrss_table { margin: 11px 0; font-size: .8em; }
twrss_table hr {color: #FFF; background-color: #FFF; border: 1px solid #004A83; border-style: none none solid; line-height: 0px; }

/* typo3 annoyances */

p.bodytext { margin: 0 0 1em 0; text-indent: 0; line-height: 1.4em; }

p.csc-form-label-req  { margin: -5px 42px 0 0; }

hr.clearer { display: none; color: #FFF; background-color: #FFF; border: 0; margin: 11px 0; }

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img, div.csc-textpic-border div.csc-textpic-single-image img {
border: 1px solid #EEE4CB;
padding:0;
}

  #slider-1 img, .csc-textpic img, .csc-textpic-image img {
    max-width: 560px !important;
  }


.news            { margin: 10px 0 21px 0; }
.news-subheader  { font: bold 1em Arial, sans-serif; }
.h3 { font: bold 1.0em Verdana, Arial, Helvetica, sans-serif; color: #424242; margin: 1em 0 10px 0; line-height: 1.3em; }

.news-single-item { border: 0; margin:0; padding:0; }
.news-single-timedata { display: none; }
.news-single-category { display: none; }
.news-single-author { display: none; }
.news-single-img { float:left; margin: 5px 21px 0 0; padding: 0; width: 240px; max-width: 240px; text-align: center; }
.news-single-imgcaption { clear:both; margin:0; padding:5px; text-align:center; background-color: #EEE; width: 230px; max-width: 230px; }
.news-single-additional-info { margin: 1em 0; padding: 0; text-align:left; background-color: #FFF; border: 0; }
.news-single-related, .news-single-files, .news-single-links { background-color: #FFF; margin: 0 0 13px 0; padding: 11px; }

.news-single-related dt, .news-single-links dt, .news-single-files dt { font-size: 1em; margin: 0 0 11px 5px; }

.news-latest-container { background-color: transparent; border: 0; padding: 0; }
.news-latest-container h2 { display: none; }
.news-latest-date { display:none; }

.news-latest-item { border: 0; margin: 0; padding: 0; background-color: #FFF; }
.news-latest-item img { margin: 10px 15px 10px 0;}
.news-latest-category { display: none; background-color: transparent; }
.news-latest-gotoarchive { display: none; background-color: transparent; }

#wrap_left .news-latest-container { margin: 0; padding: 0; }
#wrap_left .news-latest-item { border: 0; margin: 0 0 1em 0; padding: 0; }
#wrap_left .news-latest-item p.bodytext, #wrap_left .news-list-item p.bodytext { font-size: .8em; margin: .5em 0; }

.news-list-container  { background-color: transparent; border: none; }
.news-list-item { background-color: transparent; border: none; }
.news-list-container img { float: left; margin: 5px 21px 0 0; padding: 0; text-align: center; }
.news-list-date { display:none; }
.news-list-category { display: none; background-color: transparent; }

.tx-ttnews-browsebox { display:inline; float:right; border:0; background-color:transparent; padding: 11px 0 18px 0; }
.tx-ttnews-browsebox:before { content:"Seiten:"; }
.tx-ttnews-browsebox-SCell { border:0; background-color:#F39A00; color:#FFF; }
.tx-ttnews-browsebox-SCell a { color:#FFF; }
.tx-ttnews-browsebox td { font-size: 1em; padding: 2px;}

.tx-indexedsearch-whatis, .tx-indexedsearch-searchbox, .tx-indexedsearch-form, .tx-indexedsearch-search-submit, .tx-indexedsearch-rules { clear: both; }

.tx-srfeuserregister-pi1 dt { width: 210px; }

.tx-felogin-pi1 h3, legend { display: none; }

.csc-mailform-field { clear:both; }
/* .csc-sitemap { color: #004A83; } */

#c2695 {max-width: 128px}

/* media queries */

@media (max-width: 768px) {
  #wrap_all, #wrap_cent {width: 99%}
  #wrap_rite {float:left}
  #wrap_rite {margin: 20px 0 10px;}
  #footer {
    width: 95%;
    margin: 11px 0;
  }

  #logo-left, #logo-rite {display: none;}
  #logo-cent  {float:left}
  #logo-cent a img {width: 100%; height: auto}

  #hotline h2 img, #hotline h3 img {width: auto; height: auto}
  #hotlink h2 img, #hotlink h3 img {width: auto; height: auto}

}

@media (max-width: 480px) {
  /*h1 img, h2 img, h3 img {width: 100%; height: auto}*/
}

@media (max-width: 320px) {
}