/* ******************************************* */
/* CSS by Christian Benz, (c) chevita GmbH     */
/* Version 1.1   2011-09-04                    */
/* ******************************************* */

/* ******************************************* */
/*                div#Kopfzeile                */
/* - - - - - - - - - - - - - - - - - - - - - - */
/*         |                         |         */
/*  div#   |        div#Inhalt       | div#    */
/*  Navi-  |                         | Bilder- */
/*  gation |                         | spalte  */
/*         |                         |         */
/*         |                         |         */
/*         |                         |         */
/* - - - - - - - - - - - - - - - - - - - - - - */
/*                div#Fusszeile                */
/* ******************************************* */


html {
}

body {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:normal;
color:#000;
background:url(../images/header_background.gif) top repeat-x;
background-color:#f3f4f4;
margin:0px;
}

/* ******************************************* */
/* Startseite                                  */
/* ******************************************* */

h1.startseite {
color:#006633;
margin:0px;
padding:0px;
display: inline;
font-family: "Incised 901 Compact BT", Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight:bolder;
word-spacing:0.1em;
letter-spacing:0.05em;
}

p.startseite {
color:#000000;
margin-left:15px;
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size:0.9em;
text-transform:uppercase;
position:relative;
bottom:1px;
}

div.startseite {
background:url(../images/weltkarte.gif) top right no-repeat;
min-height:271px;
}

div.boxContent {
min-height:271px;
overflow:visible;
font-variant:small-caps;
}

* html div.boxContent { /* Hack fuer IE < 7 */
height:271px;
}

div.boxContent a,
div.boxContent a:link,
div.boxContent a:visited {
color:white;
text-decoration:none;
}

div.boxContent a:hover,
div.boxContent a:active,
div.boxContent a:focus {
color:silver;
text-decoration:none;
}

.boxNational {
width:10em;
background:#006633;
float:left;
}
.boxNational h2 {margin:0 10px; text-align:center; font-size:1em; color:#ffffff; padding-top:110px;}
.boxNational .top, .boxNational .bottom {display:block; background:#f3f4f4;}
.boxNational .top b, .boxNational .bottom b {display:block; height:1px; overflow:hidden; background:#006633;}
.boxNational .r1 {margin: 0 5px;}
.boxNational .r2 {margin: 0 3px;}
.boxNational .r3 {margin: 0 2px;}
.boxNational .top .r4, .boxNational .bottom .r4 {margin:0 1px; height:2px;}

.boxInternational {
width:10em;
background:#8a8b8d;
margin-left:11em;
}
.boxInternational p {
margin:5px 30px 5px 30px;
text-align:center;
background-color:#5c5d5f;
border:1px white solid;
color:white;
}
.boxInternational p:hover {
margin:5px 30px 5px 30px;
text-align:center;
background-color:#6c6d6f;
border:1px white silver;
color:white;
}
.boxInternational h2 {margin:0 10px; text-align:center; font-size:1em; color:#000000; padding:50px 0px 20px 0px;}
.boxInternational .top, .boxInternational .bottom {display:block; background:#f3f4f4;}
.boxInternational .top b, .boxInternational .bottom b {display:block; height:1px; overflow:hidden; background:#8a8b8d;}
.boxInternational .r1 {margin: 0 5px;}
.boxInternational .r2 {margin: 0 3px;}
.boxInternational .r3 {margin: 0 2px;}
.boxInternational .top .r4, .boxInternational .bottom .r4 {margin:0 1px; height:2px;}


/* ******************************************* */
/* Ueberschriften                              */
/* ******************************************* */

div#Kopfzeile h1 {
visibility:hidden;
height:0px;
margin:0px;
padding:0px;
}

h2.boxSilber {
font-variant:small-caps;
display: inline;
font-size:1em;
color:#000000;
}

h2.boxGruen {
font-variant:small-caps;
display: inline;
font-size:1em;
color:#ffffff;
}

h2.boxRot {
background:url(../images/icon_fehler.gif) center left no-repeat;
padding-left:20px;
font-variant:small-caps;
display: inline;
font-size:1em;
color:#ffffff;
}

h3.boxSilber {
font-variant:small-caps;
display: inline;
font-size:1em;
color:#000000;
}

h3.boxGruen {
font-variant:small-caps;
display: inline;
font-size:1em;
color:#ffffff;
}

h3.boxRot {
background:url(../images/icon_fehler.gif) center left no-repeat;
padding-left:20px;
font-variant:small-caps;
display: inline;
font-size:1em;
color:#ffffff;
}

div.boxWeiss h3 {
margin:0px;
padding:0em 0em 1em 0em;
}

div.boxWeiss h4 {
margin:0px;
padding:0em 0em 1em 0em;
}

h3 {
font-size:1.6em;
margin:0px;
padding:0px;
}

h4 {
font-size:1.2em;
margin:0px;
padding:0px;
}

h5 {
font-size:1.1em;
margin:0px;
padding:0px;
}


/* ******************************************* */
/* Inhaltsboxen mit abgerundeten Ecken         */
/* ******************************************* */

/* Balken fuer Ueberschriften mit abgerundeten Ecken: Linke Ecke, Design: rot */
div.balkenLRot {
background:url(../images/balken_lrot.gif) top left no-repeat;
}

/* Balken fuer Ueberschriften mit abgerundeten Ecken: Rechte Ecke, Design: rot */
div.balkenRRot {
background:url(../images/balken_rrot.gif) top right no-repeat;
padding:5px 0px 0px 10px;
}

/* Balken fuer Ueberschriften mit abgerundeten Ecken: Mitte, Design: rot */
div.balkenMRot {
background:url(../images/balken_mrot.gif) top center repeat-x;
background-color:#961a1a;
min-height:26px;
}

/* Balken fuer Ueberschriften mit abgerundeten Ecken: Linke Ecke, Design: silber */
div.balkenLSilber {
background:url(../images/balken_links.gif) top left no-repeat;
}

/* Balken fuer Ueberschriften mit abgerundeten Ecken: Rechte Ecke, Design: silber */
div.balkenRSilber {
background:url(../images/balken_rechts.gif) top right no-repeat;
padding:5px 0px 0px 10px;
}

/* Balken fuer Ueberschriften mit abgerundeten Ecken: Mitte, Design: silber */
div.balkenMSilber {
background:url(../images/balken_mitte.gif) top center repeat-x;
background-color:#c9c9ca;
min-height:26px;
}

/* Eine Box mit der Hintergrundfarbe weiss */
div.boxWeiss {
background-color:#ffffff;
padding:10px 10px 5px 10px;
border-top-width:1px;
border-top-style:solid;
border-top-color:#f3f4f4;
font-size:0.7em;
overflow:auto;
}

/* Eine Box mit der Hintergrundfarbe weiss fuer Bilder*/
div.boxBilder {
background-color:#ffffff;
padding:5px 5px 1px 5px;
border-top-width:1px;
border-top-style:solid;
border-top-color:#f3f4f4;
font-size:0.7em;
overflow:hidden;
}

/* Balken fuer Ueberschriften mit abgerundeten Ecken: Linke Ecke, Design: gruen */
div.balkenLGruen {
background:url(../images/balken_lgruen.gif) top left no-repeat;
}

/* Balken fuer Ueberschriften mit abgerundeten Ecken: Rechte Ecke, Design: gruen */
div.balkenRGruen {
background:url(../images/balken_rgruen.gif) top right no-repeat;
padding:5px 0px 0px 10px;
}

/* Balken fuer Ueberschriften mit abgerundeten Ecken: Mitte, Design: gruen */
div.balkenMGruen {
background:url(../images/balken_mgruen.gif) top center repeat-x;
background-color:#004a25;
min-height:26px;
}

/* Eine Box mit der Hintergrundfarbe gruen */
div.boxGruen {
background-color:#aac9ba;
padding:10px 10px 5px 10px;
border-top-width:1px;
border-top-style:solid;
border-top-color:#f3f4f4;
font-size:0.7em;
}

/* Sorgt fuer die runden Ecken der weissen Box */
.boxrahmenWeiss {
background:#f3f4f4;
display:block;
margin-bottom:10px;
}
.boxrahmenWeiss b {
display:block;
height:1px;
overflow:hidden;
background:#ffffff;
}
.boxrahmenWeiss .r1{margin: 0 5px;}
.boxrahmenWeiss .r2{margin: 0 3px;}
.boxrahmenWeiss .r3{margin: 0 2px;}
.boxrahmenWeiss .r4{margin: 0 1px;}

/* Sorgt fuer die runden Ecken der gruenen Box */
.boxrahmenGruen {
background:#f3f4f4;
display:block;
margin-bottom:10px;
}
.boxrahmenGruen b {
display:block;
height:1px;
overflow:hidden;
background:#aac9ba;
}
.boxrahmenGruen .r1{margin: 0 5px;}
.boxrahmenGruen .r2{margin: 0 3px;}
.boxrahmenGruen .r3{margin: 0 2px;}
.boxrahmenGruen .r4{margin: 0 1px;}


/* ******************************************* */
/* Formulare                                   */
/* ******************************************* */

form {
margin:0px;
padding:0px;
}

/* Button in chevita-Farben */
input.button {
background-color:#006633;
color:#bbd6c9;
border: thin #aac9ba solid;
}

/* Button in chevita-Farben */
input.buttonWarn {
background-color:#FF9F00;
color:#0000FF;
border: thin #FF0000 solid;
}

input.eingabe {
font-size:0.9em;
}

select.finder,
select.finder option {
font-size:0.9em;
}

fieldset {
margin:10px 0px 10px 0px;
padding:10px;
}

form fieldset label {
font-size:1.1em;
}

form fieldset div.required input[type="text"]:focus,
form fieldset div.optional input[type="text"]:focus {
border-color:#006633;
}

form fieldset div.required,
form fieldset div.optional {
clear:left;
display:block;
margin:5px 0pt 0pt;
padding:1px 3px;
min-width:20em;
}

form fieldset div.required label.left {
background-color:#ffeded;
}

form fieldset div.optional label.left {
background-color:#eaffea;
}

form fieldset div.required label.left,
form fieldset div.optional label.left {
display:block;
float:left;
margin:0pt 0pt 5px;
padding:3px 5px;
text-align:right;
width:12em;
}

form fieldset div.reginfo {
background-color:#ecfff5;
border:1px solid #006633;
color:#555555;
float:right;
font-size:1em;
height:auto;
margin:0px 10px 0px 5px;
padding:0px 5px 5px 5px;
width:15em;
}

form fieldset div.reginfo h4 {
background:url(../images/icon_info.gif) left top no-repeat;
border-color:#006633;
border-style:solid;
border-width:0px 0px 1px 0px;
color:#444444;
font-size:1.1em;
padding:0px 0px 3px 26px;
}


/* ******************************************* */
/* Brotkruemelnavigation                       */
/* ******************************************* */

span.lastcrumb {
color:#006633;
margin-left:-5px;
}

a.firstcrumb, a.firstcrumb:link, a.firstcrumb:visited {
color:#000000;
font-variant:small-caps;
text-decoration:none;
margin-left:-5px;
}

a.firstcrumb:hover, a.firstcrumb:active, a.firstcrumb:focus {
color:#000000;
font-variant:small-caps;
text-decoration:underline;
margin-left:-5px;
}

a.crumb, a.crumb:link, a.crumb:visited {
color:#000000;
text-decoration:none;
margin-left:-5px;
}

a.crumb:hover, a.crumb:active, a.crumb:focus {
color:#000000;
text-decoration:underline;
margin-left:-5px;
}


/* ******************************************* */
/* Hyperlinks                                  */
/* ******************************************* */

a,
a:link,
a:visited {
color:#006633;
text-decoration:underline;
}

a:hover,
a:active,
a:focus {
color:#448f69;
text-decoration:none;
}

a.navigation,
a.navigation:link,
a.navigation:visited {
color:#006633;
text-decoration:none;
}

a.navigation:hover,
a.navigation:active,
a.navigation:focus {
color:#448f69;
text-decoration:underline;
}

ul.shortnews li a,
ul.shortnews li a:link,
ul.shortnews li a:visited {
color:#006633;
text-decoration:none;
}

ul.shortnews li a:hover,
ul.shortnews li a:active,
ul.shortnews li a:focus {
color:#448f69;
text-decoration:underline;
}


/* ******************************************* */
/* Template: Header                            */
/* ******************************************* */

#Kopfzeile {
padding:0px;
min-height:165px;
height:165px;
width:100%;
}

hr.Kopfzeile {
margin:15px 5px 5px 5px;
}

img.chevitalogo {
float:left;
width:151px;
padding:5px;
position:absolute;
background:transparent;
top:0px;
}

img.chevitafirma {
padding:5px;
position:absolute;
background:transparent;
right:0px;
top:0px;
}


/* ******************************************* */
/* Template: Spalte links                      */
/* ******************************************* */

div#Navigation {
float:left;
width: 9.5em;
margin:0px 5px 5px 5px;
padding:0px;
}


/* ******************************************* */
/* Template: Spalte rechts                     */
/* ******************************************* */

div#Bilderspalte {
font-size:1em;
float:right;
width:240px;
margin:0px 5px 5px 5px;
padding:0px;
text-align: center;
}

div#Bilderspalte p {
margin:0px 0px 10px 0px;
}

div#Bilderspalte h1,
div#Bilderspalte h2,
div#Bilderspalte h3,
div#Bilderspalte h4,
div#Bilderspalte h5,
div#Bilderspalte p {
text-align: left;
}

div#Bilderspalte img + p {
margin:10px 0px 10px 0px;
}

/* ******************************************* */
/* Template: Spalte -> Mitte (Standard)        */
/* ******************************************* */

div#Inhalt {
font-size:1em;
margin:0px 255px 5px 10.5em;
padding:0px;
}

div#Inhalt p {
margin:10px 0px 10px 0px;
}

/* ******************************************* */
/* Template: Spalte -> Mitte + rechts          */
/* ******************************************* */

div#InhaltR {
clear:right;
font-size:1em;
margin:0px 5px 5px 10.5em;
padding:0px;
}

div#InhaltR p {
margin:10px 0px 10px 0px;
}

/* ******************************************* */
/* Template: Spalte -> Mitte + links, rechts   */
/* ******************************************* */

div#InhaltLR {
clear:both;
font-size:1em;
margin:0px 5px 5px 5px;
padding:0px;
}

div#InhaltLR p {
margin:10px 0px 10px 0px;
}


/* ******************************************* */
/* Template: Footer                            */
/* ******************************************* */

div#Fusszeile {
clear:both;
font-size:0.7em;
padding:5px;
}

div#Fusszeile div.left {
text-align:left;
margin:0px;
}

div#Fusszeile div.right {
text-align:right;
float:right;
}

/* ******************************************* */
/* Javascript-Rechner                          */
/* ******************************************* */

form.calcForm {
  margin-top: 15px;
  margin-bottom: 15px;
  background: #f9f9f9;
  min-height: 200px;
  min-width: 500px;
  display: inline-block;
  border: 1px solid #ddd;
  padding: 2px;
  border-radius: 10px 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.1);
}

form.calcForm fieldset,
form.calcForm fieldset + div {
  margin: 4px;
}

form.calcForm input[type=submit] {
  visibility: hidden;
}

form.calcForm table {
  border-collapse: collapse;
}

form.calcForm tr:hover {
  background: #eee;
}

form.calcForm i {
  color: #6C0304;
  font-weight: bold;
}

form.calcForm a {
  text-decoration: none;
}

form.calcForm a:hover {
  text-decoration: underline;
}

div.calcHeader {
  background: url(../images/calculator/header.png) repeat-x;
  padding: 4px 0px 0px 6px;
  margin: 2px;
  min-height: 20px;
  border-radius: 8px 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

div.calcHeader span {
  position: relative;
  bottom: 8px;
  font-weight: bold;
  text-shadow: 1px 1px 0 #fff;
}

/* ******************************************* */
/* Farbauszeichnungen                          */
/* ******************************************* */

.black {
color:#000000;
}

.wichtig {
color:red;
}

span.firma {
color:#006633;
font-weight:bold;
}

span.fehler {
color:#ff0000;
}

span.erholung {
color:#009900;
}

span.vorbereitung {
color:#ff6633;
}

/* ******************************************* */
/* logische Auszeichnungen                     */
/* ******************************************* */

em {
font-style:italic;
letter-spacing:0em;
font-weight:bold;
}

em.space {
font-style:italic;
letter-spacing:0.2em;
font-weight:bold;
margin-left: 0.5em;
margin-right: 0.5em;
}

/* ******************************************* */
/* Hoizontale Linien                           */
/* ******************************************* */

hr.plan {
width: 90%;
margin-top: 1.5em;
margin-bottom: 3em;
}

/* ******************************************* */
/* Listen                                      */
/* ******************************************* */

ol.ybs ul {
list-style-image:url(../images/tauben/behandlungsplan/punkt.gif);
}

ul.shortnews {
font-size:1.2em;
}

ul.shortnews li {
list-style-type: circle;
}

ul.shortnews li:hover {
list-style-type: disc;
}

span.newsdate {
color:silver;
}

div#Inhalt div.boxWeiss li {
margin: 0.8em 0em 0.5em 0em;
}

/* ******************************************* */
/* Tabellen                                    */
/* ******************************************* */

table.roomy tr th,
table.roomy tr td {
  padding-top:0.5em;
  padding-bottom:0.5em;
}

table.roomy tr th:first-child,
table.roomy tr td:first-child {
  padding-left:0.5em;
}

table.vorsorge,
table.behandlung {
margin: 0.5em 0em 0.5em 0em;
}

table.vorsorge,
table.vorsorge tr td,
table.vorsorge tr th,
table.behandlung,
table.behandlung tr td,
table.behandlung tr th {
border:thin inset #ccc;
border-bottom:thin inset #777;
border-right:thin inset #777;
border-spacing:0px;
text-align:center;
vertical-align:top;
}

table.vorsorge tr td:first-child,
table.behandlung tr td:first-child,
table.vorsorge tr th:first-child,
table.behandlung tr th:first-child {
text-align:left;
}

table.vorsorge tr th,
table.behandlung tr th {
/*background-color:#33cc00;*/
vertical-align:middle;
}

table.vorsorge tr:first-child,
table.behandlung tr:first-child {
background-color:#33cc00;
}

table.produkt,
table.produkt tr td,
table.produkt tr th {
border:thin outset #cccccc;
border-bottom:thin inset #777;
border-right:thin inset #777;
border-spacing:0px;
}

table.produkt th {
font-variant:small-caps;
}

table.reiseplan {
border:thin solid #cccccc;
border-bottom:thin inset #777;
border-right:thin inset #777;
text-align:center;
border-spacing:1px;
}

table.reiseplan tr td,
table.reiseplan tr th {
border:thin solid #cccccc;
color:#000000;
}

table.reiseplan tr td.wasser {
background-color:#99ccff;
}

table.reiseplan tr td.futter {
background-color:#c5e9a2;
}

table.reiseplan tr th.erholung {
background-color:#009900;
color:#ffffff;
}

table.reiseplan tr th.ruhe {
background-color:#cccccc;
}

table.reiseplan tr th.vorbereitung {
background-color:#ff6633;
color:#ffffff;
}

table.reiseplan tr th.morgens {
background-color:#ffcc00;
color:#000000;
}

table.reiseplan tr th.abends {
background-color:#0033ff;
color:#000000;
}

abbr.notwendig {
color:#383AA2;
background-color: #EBEFFF;
text-decoration: none;
font-weight: bold;
border-style: none;
}

tr td:first-child abbr.notwendig {
margin-right: 0.3em;
}

abbr.hilfreich {
color:#38A238;
background-color: #F5FFF7;
text-decoration: none;
font-weight: bold;
border-style: none;
}

tr td:first-child abbr.hilfreich {
margin-right: 0.3em;
}

abbr.reaktion {
color: #c1840f;
background-color: #fff7e7;
text-decoration: none;
font-weight: bold;
border-style: none;
}

tr td:first-child abbr.reaktion {
margin-right: 0.3em;
}

tr td:first-child img.notwendig {
margin-top: 0em;
margin-right: 0.3em;
vertical-align:middle;
}

tr td:first-child img.hilfreich {
margin-top: 0em;
margin-right: 0.3em;
vertical-align:middle;
}

tr td img.notwendig {
margin-top: 0.22em;
vertical-align:middle;
}

tr td img.hilfreich {
margin-top: 0.22em;
vertical-align:middle;
}

tr td:first-child img.reaktion {
margin-top: 0em;
margin-right: 0.3em;
vertical-align:middle;
}

tr td img.reaktion {
margin-top: 0.22em;
vertical-align:middle;
}

span.indent {
  margin-left:1.5em;
}