/* ---------------------------------------------------------------------------------------------------- */
/* =base ************************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
html{ height: 100%; overflow-y: scroll; }
body{ background: #C1C1C1 url(../img/bg.jpg) top left repeat-x; color: #000; font: 13px/19px arial,sans-serif; height:100%; margin: 0; padding: 0; }

img{ border: none; margin: 0; padding: 0; }
a{ color: #e3001b; text-decoration: none; }
a:hover{ text-decoration: underline; }
a.pfeil{ background: url(../img/pfeil_r.png) right 6px no-repeat; padding-right: 8px;  }

h1{ font-size: 16px; margin: 0; padding: 0 0 3px 0; }
h1.graphicTitle, h2.graphicTitle_red, h2.graphicTitle_brown, h2.graphicTitle_blue, .news-latest-container h2.news{ text-indent: -10000px; }
h2.nach{ margin: 0; padding: 0; font: 13px/19px arial,sans-serif; font-weight: bold; }
p{ margin: 0; padding: 0 0 19px 0; }
.align-right{ text-align: right; }
.line_height p{ padding: 0 0 12px 0; line-height: 16px; }
ul, .csc-textpic-intext-left ul{ padding: 0 0 19px 16px; margin: 0; }
ul li{ margin: 0; padding: 0; }

.nopadding{ padding: 0; }
.linie{ background: url(../img/strich_hor.png) left bottom repeat-x; margin-bottom: 15px; }
.linie2 .csc-textpic-intext-left-nowrap{ background: url(../img/strich_hor.png) left bottom repeat-x; margin-bottom: 5px; }
.clearer{ clear: both; height: 0; line-height: 0; zoom: 1; _height: 0; }

table{  border-collapse: collapse; border-spacing: 0;  margin: 0; padding: 0;  }
td{ font: 13px/19px arial,sans-serif; margin: 0; padding: 0; vertical-align: top; }
tr{ margin: 0; padding: 0; }

/* ---------------------------------------------------------------------------------------------------- */
/* =container *******************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
#main-container{ background: url(../img/contentborder.png) top left repeat-y; behavior: url(css/iepngfix.htc); min-height: 100%; height: auto !important; height: 100%; width: 903px; margin: 0 auto; padding: 0 10px; }
#main-wrapper{ background: #fff url(../img/bg_content.jpg) top left no-repeat; min-height: 100%; height: auto !important; height: 100%; padding: 3px 41px 0 41px; }

/* ---------------------------------------------------------------------------------------------------- */
/* =header **********************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
#header{ background: url(../img/logoclaim.jpg) 233px 60px no-repeat; float: left; padding-bottom: 12px; width: 820px; }
#header.fr{ background-image: url(../img/logoclaim_fr.jpg); }
#header.it{ background-image: url(../img/logoclaim_it.jpg); }

#logo{ float: left; padding: 25px 0 10px 0; }
#language, #language_test, #language_deactivated{ float: right; margin-top: 10px; }
#language span, #language_test span{ background: url(../img/f_left_trenner.png) right 4px no-repeat; margin-right: 14px; padding-right: 14px; }
#language a, #language_test a{ color: #000; }
#language a:hover, #language_test a:hover{ color: #e3001b; text-decoration: none; }
#search{ float: right; margin: 10px 0 0 0; }
#search span{ float: left; padding-right: 10px; }
#search input, .inputboxsearch{ background-color: #f0f0f0; border: 1px solid #c5c5c5; float: left; width: 100px; }
#search input#submit, .searchButton{ background: none; border: none; padding: 7px; width: auto; }

/* =navMain *********************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
ul#navMain{ background: url(../img/strich_hor.png) left top repeat-x; clear: both; float: left; font-size: 16px; list-style-type: none; margin: 0; padding: 11px 0 0 0; width: 820px; }
ul#navMain li{ background: url(../img/menu_trenner.png) right center no-repeat; float: left; margin: 0; padding: 0 18px; }
ul#navMain li.first{ padding-left: 0; } 
ul#navMain li.last{ background: none; padding-right: 0; }
 
ul#navMain li a{ background-position: 0 0; background-repeat: no-repeat; color: #000; cursor: pointer; display: block; overflow: hidden; text-decoration: none; text-indent: -10000px;  }
ul#navMain li a:hover, ul#navMain li.act a{ background-position: 0 -30px; color: #E50019; }

/* ---------------------------------------------------------------------------------------------------- */
/* =content *********************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
#content{ float: left; width: 515px; }
#content.main{ padding-bottom: 15px; }
#content-wrapper{ float: left; }
#videoplayer{ margin-bottom: 10px; }

#bestellen{ clear: left; float: left; width: 136px; }
#msyoga_partner{ background: url(../img/strich_ver.png) top left repeat-y; float: left; width: 362px; margin-bottom: 10px; padding-left: 17px; }
#msyoga_partner p{ padding-bottom: 5px; }
#msyoga_partner img{ padding-top: 3px; }

#player{ width: 512px; height: 318px; }
#player a{ position: relative; left: 200px; top: 140px; }

#error_flash{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; z-index: 1000; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; -khtml-opacity: 0.6; }
#errorflash{ background-color: #F0F0F0; display: none; position: absolute; top: 50%; left: 50%; margin: -150px 0 0 -125px; width: 250px; height: 100px; border: 2px solid #990000; z-index: 10000; }
#errorflash p{ text-align: center; padding: 30px 0 0 0; }

/* =Dateiliste ******************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
.filelist .title{ background: url(../img/icon/download.png) left center no-repeat; padding-left: 20px; }
.filelist ul{  background: url(../img/strich_hor.png) top left repeat-x; list-style-type: none; margin: 5px 0 19px; 0; padding: 0; }
.filelist ul li{ margin: 0; padding: 2px 0 3px 0; background: url(../img/strich_hor.png) bottom left repeat-x; }
.jpg{ background: url(../img/icon/jpg.gif) right center no-repeat; }
.eps{ background: url(../img/icon/eps.gif) right center no-repeat; }
.pdf{ background: url(../img/icon/pdf.gif) right center no-repeat; }

/* =Suche *********************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
#suchfeld{ width: 200px; }

/* =news *********************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
.news-list-item{ background: url(../img/strich_hor.png) left bottom repeat-x; padding-bottom: 10px; margin-bottom: 10px; }
.news-single-timedata, .news-list-date{ font-weight: normal; padding-right: 10px; }
.news-single-item h2, .news-list-item h2{ font-size: 14px; font-weight: bold; margin: 0; padding: 2px 0; }
.news-list-morelink a{ background: url(../img/pfeil_r.png) right 6px no-repeat; padding: 0 8px 0 0; }

/* =formular *******************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
p.error{ clear: left; color: #E3001B; padding: 0; margin: 0; }
#kontaktFormular #form-wrapper{ width: 350px; }
#kontaktFormular label, #kontaktFormular .label{ clear: left; float: left; width: 90px; margin-bottom: 8px; }
#kontaktFormular label.anrede{ clear: none; width: 55px; }

#kontaktFormular input{ background-color: #f0f0f0; border: 1px solid #c5c5c5; float: left; width: 250px; margin-bottom: 8px; }
#kontaktFormular input#anzahl{ float: none; width: 30px; margin: 0; }
#kontaktFormular input#frau, #kontaktFormular input#herr{ background-color: transparent; border: none; width: auto; }
#kontaktFormular input#plz{ width: 40px; margin-right: 8px; }
#kontaktFormular input#ort{ width: 200px; }

#kontaktFormular input.mf-submit{ background-color: #e3001b; border: none; clear: left; color: #fff; cursor: pointer; margin-left: 256px; width: auto; }

/* ---------------------------------------------------------------------------------------------------- */
/* =sidebar *********************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
#sidebar{ float: right; width: 287px; padding-bottom: 15px; }

#sidebar h2, #sidebar .spezial_link{ background-color: #e3001b; color: #fff; font-size: 12px; font-weight: normal; margin: 0; padding: 1px 0 2px 9px; }
#sidebar h2.scroller{ position: relative; }

#sidebar a.runter{ background: #ebebeb url(../img/link_runter.png) top left no-repeat; border-left: 2px solid #fff; display: block; width: 21px; height: 22px; position: absolute; top: 0; left: 241px; }
#sidebar a.rauf{ background: #ebebeb url(../img/link_rauf.png) top left no-repeat; border-left: 2px solid #fff; display: block; width: 21px; height: 22px; position: absolute; top: 0; left: 264px; }

#sidebar h2.graphicTitle_red, .news-latest-container h2.news{ background-color: #e3001b; background-position: 6px 4px; bottom; background-repeat: no-repeat; }
#sidebar h2.graphicTitle_brown{ background-color: #ddc9bf; background-position: 6px 3px; bottom; background-repeat: no-repeat; }
#sidebar h2.graphicTitle_blue{ background-color: #c6c5d5; background-position: 6px 3px; bottom; background-repeat: no-repeat; }

#sidebar h2.standard,#sidebar h2.standard_link{ background-color: #ddc9bf; color: #000; font-weight: bold; }

#sidebar h2.spezial,#sidebar h2.spezial_link{ background-color: #c6c5d5; color: #000; font-weight: bold; }
#sidebar h2.spezial_link{ clear: both; margin: 20px 0; padding-left: 0; }
#sidebar h2.spezial_link a{ background: #c6c5d5 url(../img/title_spezial.png) 6px 2px no-repeat; display: block; text-indent: -10000px; outline: none; width: 100%; height: 20px; }

#sidebar h2.scroller.movies.standard{ background: #ddc9bf url(../img/title_standard.png) 6px 3px no-repeat; text-indent: -10000px; }
#sidebar h2.scroller.movies.spezial{ background: #c6c5d5 url(../img/title_spezial.png) 6px 3px no-repeat; text-indent: -10000px; }

#sidebar h2.standard_link{ clear: both; margin: 20px 0; padding-left: 0; }
#sidebar h2.standard_link a{ background: #ddc9bf url(../img/title_standard.png) 6px 2px no-repeat; display: block; text-indent: -10000px; outline: none; width: 100%; height: 20px; }

#sidebar .video{ padding-top: 20px; }
#sidebar .video img{ float: left; padding-top: 7px; }
#sidebar .video p{ float: left; margin: 0; padding: 7px 0 0 10px; width: 183px; }

/* =news *********************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
#news-wrapper{ height: 87px; overflow: hidden; position: relative; top: 0; left: 0; }
ul#news{ list-style-type: none; margin: 0; padding: 0; position: absolute; top: 0; left: 0; }
ul#news li{ background: url(../img/strich_hor.png) left bottom repeat-x; height: 22px; margin: 0; padding: 4px 0 2px 0; width: 287px; }
ul#news li .news-wrapper{ float: left; }
ul#news li .datum{ padding-right: 5px; }
ul#news li a{ background: url(../img/pfeil_r.png) right 8px no-repeat; float: right; padding-right: 8px; }
#alle_news{ clear: left; padding: 2px 0 3px 0; text-align: right; }
#alle_news a{ background: url(../img/pfeil_r.png) right 6px no-repeat; padding: 0 8px 0 0; }

.news-latest-container h2.news{ background-image: url(../img/title_aktuell.png); }

/* =kapitel *********************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
#sidebar #kapitel-container{ height: 490px; overflow: hidden; position: relative; top: 5px; left: 0; }
#sidebar #kapitel-container .kapitel .text a{ color: #000; font-weight: bold; }
#sidebar #kapitel-pos{ position: absolute; top: 0; left: 0; }
#sidebar .kapitel{ height: 62px; }
#sidebar .kapitel .text{ background: url(../img/strich_hor.png) left bottom repeat-x; float: left; width: 186px; height: 62px; padding: 4px 0 0 0; }
#sidebar .kapitel p{ margin: 0; padding: 0; }
#sidebar .kapitel a{ float: left; padding: 3px 7px 0 0; }

/* =partner *********************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
#partner{ padding-top: 140px; }

/* ---------------------------------------------------------------------------------------------------- */
/* =footer **********************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
#footer{ background: url(../img/strich_hor.png) left top repeat-x; clear: both; padding: 7px 0 10px 0; }
#footer a{ color: #000; }
#footer a:hover{ color: #e3001b; text-decoration: none; }
#footer #f_right{ background: url(../img/msyoga_footerlogo.png) left -3px no-repeat; float: right; padding: 0 0 10px 82px; }
#footer #f_left{ float: left; }
#footer #f_left ul{ list-style-type: none; margin: 0; padding: 0; }
#footer #f_left ul li{ float: left; margin: 0; padding: 0; }
#footer #f_left ul li.first{ background: url(../img/f_left_trenner.png) right 5px no-repeat; padding-right: 14px; margin-right: 14px; }