/*  
Theme Name: Creavita
Theme URI: http://creavita.eu/
Description: crea<b>vita</b> | gesundes leben gestalten 
Version: 1.0
Author: WiSch GbR
Author URI: http://www.WiSchOnline.de/
*/

* html {
  height: 1%;
  padding:0;
  margin:0;
  border:0;
}

body {
  padding:0;
  margin:0;
  border:0;
  font-size: 10pt;
  line-height: 14pt;
  color: #3B3B3A;
  height: 100%;
  text-align: left;
	background-image: url("./bild/creavita_kopf-bg.png");
	background-repeat: repeat-x;
  background-position: top;
  font-family: arial, sans-serif;
  letter-spacing: 0.5pt;   
}

/* Icon fuer die verschiedenen verlinkten Dateitypen vor den Downloadlink setzen*/
a[href$=".pdf"] {background: url("./bild/creavita_icon_pdf.png") no-repeat;padding-left: 24px;}
a[href$=".psd"] {background: url("./bild/creavita_icon_photoshop.png") no-repeat;padding-left: 24px;}
a[href$=".doc"] {background: url("./bild/creavita_icon_word.png") no-repeat;padding-left: 24px;}
a[href$=".xls"] {background: url("./bild/creavita_icon_excel.png") no-repeat;padding-left: 24px;}
a[href$=".csv"] {background: url("./bild/creavita_icon_excel.png") no-repeat;padding-left: 24px;}
a[href$=".pps"] {background: url("./bild/creavita_icon_powerpoint.png") no-repeat;padding-left: 24px;}
a[href$=".ppt"] {background: url("./bild/creavita_icon_powerpoint.png") no-repeat;padding-left: 24px;}
a[href$=".txt"] {background: url("./bild/creavita_icon_text.png") no-repeat;padding-left: 24px;}
a[href$=".cmd"] {background: url("./bild/creavita_icon_terminal.png") no-repeat;padding-left: 24px;}
a[href$=".bat"] {background: url("./bild/creavita_icon_terminal.png") no-repeat;padding-left: 24px;}
a[href$=".avi"] {background: url("./bild/creavita_icon_mpg.png") no-repeat;padding-left: 24px;}
a[href$=".m4a"] {background: url("./bild/creavita_icon_mpg.png") no-repeat;padding-left: 24px;}
a[href$=".mov"] {background: url("./bild/creavita_icon_mpg.png") no-repeat;padding-left: 24px;}
a[href$=".mp4"] {background: url("./bild/creavita_icon_mpg.png") no-repeat;padding-left: 24px;}
a[href$=".wmv"] {background: url("./bild/creavita_icon_mpg.png") no-repeat;padding-left: 24px;}
a[href$=".mp3"] {background: url("./bild/creavita_icon_music.png") no-repeat;padding-left: 24px;}
a[href$=".wma"] {background: url("./bild/creavita_icon_music.png") no-repeat;padding-left: 24px;}
a[href$=".aac"] {background: url("./bild/creavita_icon_music.png") no-repeat;padding-left: 24px;}
a[href$=".wav"] {background: url("./bild/creavita_icon_music.png") no-repeat;padding-left: 24px;}
a[href$=".ogg"] {background: url("./bild/creavita_icon_music.png") no-repeat;padding-left: 24px;}
a[href$=".zip"] {background: url("./bild/creavita_icon_compress.png") no-repeat;padding-left: 24px;}
a[href$=".rar"] {background: url("./bild/creavita_icon_compress.png") no-repeat;padding-left: 24px;}
a[href$=".tar"] {background: url("./bild/creavita_icon_compress.png") no-repeat;padding-left: 24px;}
a[href$=".jpg"] {background: url("./bild/creavita_icon_picture.png") no-repeat;padding-left: 24px;}
a[href$=".png"] {background: url("./bild/creavita_icon_picture.png") no-repeat;padding-left: 24px;}

/* Link-Icon bei Fancybox-Bildern wieder entfernen */
a.fancybox {
  background: none;
  padding-left: 0px;
}
a img {
  border: 0;
}
a, a:visited {
  color: #006950;
  text-decoration: none; 
}
a:hover {
  text-decoration: underline; 
}
a:active {
  position: relative;
  top: 1px;
  text-decoration: underline;
}
a:active, a:focus {outline: none;}

h1{
  font-size: 24pt;
  line-height: 28pt;
  font-weight: bold;
  color: #006950;
  text-decoration: none;
  margin: 0pt;
  padding: 0pt;
  margin-bottom: 10pt;
}

h2{
  font-size: 19pt;
  line-height: 23pt;
  color: #006950;
  font-weight: bold;
  text-decoration: none;
  margin: 0pt;
  padding: 0pt;
  margin-bottom: 2pt;
}

h3{
  font-size: 15pt;
  line-height: 19pt;
  color: #006950;
  font-weight: bold;
  text-decoration: none; 
  margin: 0pt;
  padding: 0pt;
  margin-bottom: 2pt;
}

h4{
  font-size: 15pt;
  line-height: 19pt;
  color: #006950;
  font-weight: normal;
  text-decoration: none;
  margin: 0pt;
  padding: 0pt;
  margin-bottom: 0pt;
}

h5{
  font-size: 11pt;
  line-height: 15pt;
  color: #006950;
  font-weight: bold;
  text-decoration: none;
  margin: 0pt;
  padding: 0pt;
}

h6{
  font-size: 11pt;
  line-height: 15pt;
  color: #006950;
  font-weight: normal;
  text-decoration: none;  
  margin: 0pt;
  padding: 0pt;
}

h7{
  font-size: 10pt;
  line-height: 15pt;
  color: #006950;
  font-weight: bold;
  text-decoration: none;
}

h8{
  font-size: 12pt;
  line-height: 30pt;
  text-decoration: none;
  padding: 3px 7px;
  background: #FF8C00;
  color: white;
  font-weight: bold;
}

h9{
  font-size: 10pt;
  line-height: 20pt;
  text-decoration: none;
  padding: 3px;
  background: #006950;
  color: white;
  font-weight: bold;
}

table {
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
}

td {
  margin: 0px;
  padding-right: 10px;
  vertical-align: top;
}

#lightgreen{
  color: #9fc800;
}
#leerzeile {
  padding-bottom: 15pt;
}

/* Fixes Menue oben rechts mit Suche, Kontakt und LogIn */
#fixed_menu{
  position: fixed;
  top: 0px;
  right: 50%;
  margin-right: -500px;
  height: 40px;
  width: 230px;
  padding: 0px 10px 0px 10px;
  background-image: url("./bild/creavita_fixed_menu_bg.gif");    
  text-align: center;  
  z-index: 12;   
}
#searchform {
  float: left;
  height: 40px;
  width: 150px;
  margin-left: 3px;
  background-image: url("./bild/creavita_suche.png");   
}
#searchform #s {
  width: 135px;
  margin: 10px 0px 0px 0px;
  border: 0px;
}
#kontakt a {
  float: right;
  margin-top: 3px;
  height: 34px;
  width: 34px;
  background-image:  url("./bild/creavita_kontakt.png");
} 
#kontakt a:hover {
  background-image:  url("./bild/creavita_kontakt.png");
  background-position: 0 -34px;  
}   
#custumlogin a {
  float: right;
  margin: 3px 3px 0 0;
  height: 34px;
  width: 34px;
  background-image:  url("./bild/creavita_login.png");
} 
#custumlogin a:hover {
  background-image:  url("./bild/creavita_login.png");
  background-position: 0 -34px;
}    

#weite {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding: 0;
  border: 0;
  z-index: 3;  
}

#header {
  height: 150px;
  background-image: url("./bild/creavita_linie.png");
	background-repeat: no-repeat;
  background-position: bottom center;  
}
#header #weite {
  position: relative;
  z-index: 10;
  height: 150px; 
  /* Damit die Linie sich nicht verschiebt, �berlagernd nochmal aber nur im Kopf! */
  background-image: url("./bild/creavita_linie_header.png");
	background-repeat: no-repeat;
  background-position: bottom center;    
}
#breadcrumbs {
 font-size: 9pt;
 margin: 2px 0px 13px 5px; 
}
.alignleft {
  float: left;
  padding: 0pt 15pt 15pt 0pt;
}
.aligncenter {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  padding: 0pt 15pt 0pt 15pt;
}
.alignright {
  float: right;
  padding: 0pt 0pt 15pt 15pt;
}
.alignnone {      
  padding: 0pt 0pt 0pt 0pt;
}
#wrap #weite {
  margin-bottom: 150px;
}
#content {
  margin-top: 17pt;
}
.post {
  padding-left: 5px;
  padding-right: 270px;
}
#sidebar {
  float: right;
  width: 250px;
  padding: 0px 0px 150px 20px;
  margin: 0px;
  z-index: 7;
}
/* Formate fuer die Widgets */
/* Ueberschrift 1. Widget bzw. aller Widgets in der "Sidebar-Erster-Artikel" */
#erste_sidebar {
  /* background-color: #ECEDED; */
}
#erste_sidebar h5 {
  height: 25px;
  padding: 5px 0px 0px 13px;
  margin: 0px;
  background-image: url("./bild/creavita_widget_top_first.gif");     
  color: #FFFFFF;
}
/* Ueberschrift 2. Widget und folgende bzw. aller Widgets in der "Sidebar-Standard" */
#zweite_sidebar h5 {
  height: 25px;
  padding: 5px 0px 0px 13px;
  margin: 0px;
  background-color: #FF8C00;     
  color: #FFFFFF;
}
/* Style der Widgetinhalte */
.widget_inhalt {
  margin-bottom: 30px;
}
.textwidget {
  padding: 13px 13px 13px 13px;
  background: #ECEDED;
  margin: 0px;
  font-size: 8pt;
  line-height: 13pt;
}
#zweite_sidebar ul {
  padding: 13px 13px 13px 27px;
  background: #ECEDED;
  margin: 0px;
  font-size: 8pt;
  line-height: 13pt;  
}

#footer {
  position: fixed;
  bottom: 0px;
  height: 45px;
  width: 100%;
  padding: 0;
  background-image: url("./bild/creavita_linie_footer.png");
	background-repeat: no-repeat;
  background-position: top center;  
  z-index:99; 
}
#footer #weite {
  background-image: url("./bild/creavita_linie_header.png");
	background-repeat: no-repeat;
  background-position: center 105px;
  padding: 16px 0 0 0; 
}
#copylink {
  position: absolute;
  display: inline;
  text-align: left;
  left: 5pt;
  width: 500px;
}
#impressum {  
  position: absolute;    
  display: inline;
  text-align: right;
  right: 0pt;
  width: 500px;
}

#header {
  height: 150px;
  background-image: url("./bild/creavita_linie.png");
	background-repeat: no-repeat;
  background-position: bottom center;  
}
#header #weite {
  position: relative;
  z-index: 10;
  height: 150px; 
  /* Damit die Linie sich nicht verschiebt, �berlagernd nochmal aber nur im Kopf! */
  background-image: url("./bild/creavita_linie_header.png");
	background-repeat: no-repeat;
  background-position: bottom center;    
}


/* Smooth Slider Styles */
#slider{
  background-image: url("./bild/creavita_slider-bg.gif");
	background-repeat: repeat-x;
  background-position: bottom;
  z-index: 8;
} 
#smooth_sldr {
  padding: 0;
  margin: 0;
  width: 1000px;
  height: 330px;   
  /* z-index: 10; */
}
#smooth_sliderc{
  width:  1000px;
}
#smooth_sldr_items {
  padding: 0;
  margin: 0;
  height: 230px;
}
#smooth_sldr_body {
  width: 990px;
  height: 220px; 
  padding: 5px;
}
#smooth_sliderc {
  width: 990px;
  height: 225px;
}  
#smooth_sldr div.sldrlink {
  display: none;
}
.smooth_slideri {
  padding:0;
  width: 1000px;
  height: 350px;
} 
.smooth_slider_thumbnail {
  margin: 0 0 0 10px;
}
#smooth_sliderc_nav li {
  margin:0;
}  
#smooth_sliderc_nav {
  width: 1000px;
  padding: 0;
  margin: 0;
}
a.smooth_sliderc_nav {
  margin:0;
}


#loginform {
 padding: 40px 0px 0px 76px;
}

/* Popup für Links */
a.infohelp {
  background: url("./bild/creavita_icon_help.png") no-repeat;
  padding-left: 24px;
}
a.info {
  position: relative;
}
a.info:hover {
  text-decoration: none;
}
a.info span {
  display: none;
}
a.info:hover span {
  display:block;
  position:absolute;
  top:16px;
  left:24px;
  width:300px;
  border:0px solid #C30000;
  background-color:#FF8C00;
  color:#FFF;
  text-align: left;
  padding: 5px;
  z-index: 100;
}

#dateiliste ul li {
  list-style-type: none;
}
li.gerade {
  background-color: #ECECEC;
}

/* FancyBox Steckbrief-Styles */
div#fancy_div {
    background: #FFF;
    color: #000;
  }
.sbkopf {
  background-image: url('http://creavita.eu/wp-content/themes/creavita/bild/creavita_linie_header.png');
  background-repeat: no-repeat;
  background-position: -240px 0px;
  height: 20px;
  width: 100%;
  padding: 0;
  color: #FFF;
}  
.sbcontent {   
  color: #3B3B3A;
  padding: 0px 10px 10px 10px;
  height: 550px;
  overflow: auto;
}
.sbfuss {
  background-color: #FFE650;
  position: absolute;
  bottom: 0px;
  height: 7px;
  width: 750px;
  padding: 12px 10px 0 10px;
  color: #FFF;
}

/* Styles fuer die Kursverwaltung */
.formlabel {
} 
.formleft {
  width: 200px;
  height: 18px;
  float: left;
  padding-bottom: 10px;  
}
.formright {
  width: 505px;
  height: 18px;
  float: right; 
  padding-bottom: 10px;  
}
.formright_termin {
  width: 252px;
  height: 18px;
  float: left; 
  padding-bottom: 10px;  
}
.formright_termin input {
  width: 160px;
}

.formselect input, .formselect select, .formselect textarea {
  width: 500px;
}
span.wpcf7-list-item {
  width: 80px;
  margin-right: 20px;
  text-align: left;
}
span.wpcf7-list-item input {
  width: 14px;
}
.formsubmit {
  text-align: right;
}
.formrow {
  /* Leerzeile bzw. Trenner, damit die linke Spalte nach z.B. Textarea nicht hochrutscht. */
  width: 725px;
  height: 0px;
  float: left;
}
/* Styles fuer die Formalfelder allgemein */
input[type='text'], textarea, select {
  background: #FFFFFF;
  border: 1px solid #006950;
  padding: 1px;
}
input[type='text']:hover, 
textarea:hover, select:hover
{
  background: #F5F9E6;
  border: 1px solid #006950;
  padding: 1px;
}
input[type='text']:active, 
input[type='text']:focus,
textarea:active, textarea:focus,
select:active, select:focus
{
  background: #F5F9E6;
  border: 0px;
  padding: 2px;
}  
/* Suchfeld gesondert formatieren */
#searchform input {
  border: none;
  background: #FFFFFF;
}
/* Hintergrundfarbe fuer Textauswahl setzen */
::selection {
        background: #A0C800; /* Safari */
        }
::-moz-selection {
        background: #A0C800; /* Firefox */
}
.hinweis {
  background: #F5F9E6;
  border-top: 1px dotted #000000;
  border-bottom: 1px dotted #000000;
  padding: 10px;
  margin: 23px 0;
}

.auszeichnung {
  background: #eceded;
  border-top: 1px dotted #000000;
  border-bottom: 1px dotted #000000;
  padding: 10px;
  margin: 23px 0;
}

/* Icon fuer WP-Post-to-PDF PlugIn */
.wpptopdf {
  float: right;
  margin-top: -40px;
}

/* Kursanlageinfos */
#kursanlagemeldung_fehler {
  color: #FFF;
  font-weight: bold;
  font-size: 13pt;
  line-height: 18pt;
  background: #C30000;
  vertical-align: middle;
  padding: 5px;
  margin-right: 270px;
}
#kursanlagemeldung_ok {
  color: #FFF;
  font-weight: bold;
  font-size: 13pt;
  line-height: 18pt;
  background: #A0C800;
  padding: 5px;
  margin-right: 270px;
}
#kursanlagemeldung_fehler a, #kursanlagemeldung_ok a,
#kursanlagemeldung_fehler a:visited, #kursanlagemeldung_ok a:visited { 
  color: white; 
}
/* Kurslisten */
#kursstatus {
  width: 130px;
  height: 135px;
  margin-left: 10px;
  margin-bottom: 10px;
  float: right;
}
/* Formatierung der Kursnummer im Post-Titel */
#kursnr {
  display: inline-block;
  width: 90px;
  padding-left: 3px;
  padding-right: 3px;
  background: #006950;
  color: white;
  font-weight: normal;
}
/* Kurstitel in der Kurzansicht */
#kurskurz {
  display: inline-block;
  margin-left: 3px;
  margin-bottom: 3px;
}
#kurskurz #kursnr, #kurskurz #statuskurz {
  vertical-align: top;
}
#statuskurz {
  width: 8px;
  background: #ECEDED;
  display: inline-block;
}
#kurskurz .posttitle {
  display: inline-block;
  background: #ECEDED;
  width: 597px;   
  padding-left: 3px;
  padding-right: 3px;
}               
#kurskurz a, #kurskurz a:hover, #kurskurz a:visited {
  text-decoration: none;
}
/* Termininfos in Kursansicht */
#termin_0, #termin_2, #termin_4, #termin_6, #termin_8, #termin_10 { 
  background-color: #FEF09D;
  width: 315px;
  padding: 0 5px; 
}
#termin_1, #termin_3, #termin_5, #termin_7, #termin_9 { 
  width: 315px;
  padding: 0 5px; 
}
/* Kursansicht Formulare */
.kursanmeldeformular {
  padding: 10px;
  background: #ECEDED;
}
/* Kursteilnehmerlisten */
table.kursteilnehmertabelle,
.kursteilnehmertabelle th,
.kursteilnehmertabelle td {
  border: solid 1px #000;
  border-spacing: 0px; 
  font-size: 8pt;
  line-height: 8pt;  
}
.kursteilnehmertabelle th,
.kursteilnehmertabelle td {
  padding: 3px;
}
/* Event-Calender-Styles */
.ec3_list {
  list-style: none;
  margin-left: -26px;
  padding-right: 5px;
  font-size: 9pt;
}
.ec3_list ul {
  list-style: disc;
}
.ec3_list ul li {
  margin-left: -6px; 
}
.ec3_events {
  margin-top: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #ECEDED;
}
/* Eigene Styles fuer das TAB-PlugIn */
ul.postTabs li.postTabs_curr a {
}
/* Kursteilnehmertabelle */
tr.ktn_kopf {
  background: #006950;  
  color: #FFFFFF;
}
tr.ktn_kopf a {
  color: #FFFFFF;
} 
tr.zeile0, tr.zeile2, tr.zeile4, tr.zeile6, tr.zeile8, tr.zeile10,
tr.zeile12, tr.zeile14, tr.zeile16, tr.zeile18, tr.zeile20, 
tr.zeile22, tr.zeile24, tr.zeile26, tr.zeile28, tr.zeile30,
tr.zeile32, tr.zeile34, tr.zeile36, tr.zeile38, tr.zeile40,
tr.zeile42, tr.zeile44, tr.zeile46, tr.zeile48, tr.zeile50 {
  background: #F5F9E6;
} 
tr.ktn_zeile:hover {
  background: #A0C800;
  color: #FFFFFF;
}
.ktn_zeile img {
  width: 24px;
  float: left;
}
/* Hinweis */
#hinweis {
  position: absolute;
  top: 10px;
  right: -7px;
  height: 248px;
  width: 262px;
  background-image: url("./bild/creavita_hinweis.png");      
  z-index: 10;   
}
#hinweistitel {
  position: absolute;
  width: 225px;
  height: 50px;
  margin: -51px 0 0 0;
  overflow: hidden;
}
#hinweiscontent {
  width: 225px;
  height: 169px;
  padding: 0px 15px 5px 10px;
  margin: 59px 0 0 5px;
  overflow: auto;
}
#hinweis a {
  text-decoration:none;
}
/* PostTabs */
ul.postTabs li {
  /* Alle Tabs */
  font-size: 10pt;
  font-style: normal;
}
ul.postTabs li.postTabs_curr {
  /* Aktueller Tab */
  font-size: 10pt;
  font-style: normal;
  font-weight: bold;
}

/* -----------------------------------------------------------------------------
   Styles fuer die Druckausgabe 
   -----------------------------------------------------------------------------
*/
#print_info {
  display: none;
  position: absolute;
  top: 29px;
  left: 50%;
  margin-left: 20px;
  height: 40px;
  width: 618px;
  padding: 0px 10px 0px 10px;
  z-index: 12;   
}
@media print {
  body         { background:white; 
                 color:black; 
                 margin:0 }
  #header      { }
  #fixed_menu  { display: none; }
  #print_info  { display: block; }
  .menu        { display: none; }
  #breadcrumbs { display: none; }
  #content     { display: block; }
  .post        { padding-right: 5px; }
  #comments    { }
  #sidebar     { display: none; }
  #footer      { display: none; } 
}