/* Cascading Style Sheet CSS 2.1 */
/* all.css */
/* Verantwortlich fuer alle Ausgabemdien, inkl. print, zum Zeitpunkt x folgen hoher-kontrast.css, etc. */
/* Ronen Schmitz, http://evenzur.com, 09.09.2005 */


/* Globale Definitionen */

* {
   margin: 0;
   padding: 0;
}

#print {
   display: none;
}

.print {
   display: none;
}



/* Seitenbereiche Allgemein */

body {
   margin: 1em;
   font-family: Verdana;
}


#accessibility {
   left: -3000px;
   position: absolute;
}

#kopf { /* Enthaellt mehrer Bestandteile */
   width: 100%;
   margin-bottom: 1em;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #cc0000;
}

/* ANFANG Besttandteile von #kopf */
#kennung {
   width: 60%;
   font: normal 0.8em/1.45em Arial;
   color: #000000;
   margin-bottom: 4em;
}

#kennung a { text-decoration: none;}

#kennung a:hover { color: #000000; }

#heute {
   font: normal 9px/12px Verdana;
   color: #888888;
   margin-bottom: 1em;
}

#logo {
   position: absolute;
   top: 1.2em;
   right: 3em;
}
/* ENDE Bestandteile von #kopf */

#main {
   margin: 0px;
   width: 100%;
   padding: 0;
}

#nav{/* inhalt nach navigation_2-0.css kopiert */
}


#content {
   margin-right: 18.5em;
   margin-left: 15.5em;
   font: 0.7em/1.6em Verdana, sans-serif;
   min-width: 30em;
}

#content a {
}

#content a:active, #content a:focus, #content a:hover {
   color: #cc3300;
}

#content a:visited {
   color: #666666;
}

#innercontent	{
   float: left;
   width: 100%
} 

* html #innercontent {
   padding-right: 3em;
   width: auto;
} 

#hauptbild{
   position: relative;
   width: 99%;
   height: 96px;
   background-repeat: no-repeat;
   margin-bottom: 1.5em;
}

#bildlabel{
   position: absolute;
   right: 10px;
   bottom: 10px;
}

#inhalt{
   clear: left;
   width: 100%;
}

.container-text, .container-text-rd{
   clear: left;
   padding-left: 1px;
   padding-top: 2em;
   padding-bottom: 2em;
   width: 99%;
}

.container-text-borderunten {
   clear: left;
   padding-left: 1px;
   padding-bottom: 1em;
   width: 99%;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #999999;
   margin-bottom: 4em;
}


/* Bilder, die in Containern floaten sollen */
.container-text img, .container-text-borderunten img {
   float: left;
   margin-top: 0.5em;
   margin-right: 1.4em;
   margin-bottom: 1em;
}

/* Container mit Rand unten und Listenpunkten mit Pfeilen (Links) */
.container-borderunten {
   clear: left;
   padding-left: 1px;
   width: 99%;
   margin-bottom: 1.5em; 
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #999999;
}

.container-borderunten ul, .container-borderunten ol{
   padding: 0;
   margin: 0;
   list-style: none;
   margin-bottom: 1em;
}

.container-borderunten li {
   padding-left: 1.2em;
   background: url('pfeil-ohne.gif') no-repeat -1px 5px;
}

/* Definitionen von <a> in verschiedenen Containern */
.container-borderunten a, .container-text-borderunten a, .container-linkliste a{
   text-decoration: none;
   color: #000000;
}

.container-borderunten a:hover, .container-text-borderunten a:hover, .container-linkliste a:hover {
   text-decoration: underline;
   color: #cc3300;
}

.container-zweispaltig {
   clear: left;
   padding-left: 1px;
   padding-bottom: 0.5em;
   width: 99%;
}

/* Conatiner, in welchem <a> immer als Linkliste darstellt */
.container-linkliste {
   clear: left;
   padding-left: 1px;
   padding-bottom: 0.5em;
   width: 95%;
}

.container-linkliste ul, .container-linkliste ol{
   padding: 0;
   margin: 0;
   list-style: none;
   margin-bottom: 1em;
}

.container-linkliste li {
   padding-left: 1.2em;
   background: url('pfeil-ohne.gif') no-repeat -1px 5px;
}

.container-tabelle {
   float: left;
   padding-left: 1px;
   padding-top: 2em;
   padding-bottom: 2em;
   width: 100%;
}

/* Container, in welchem mehrere Bilder floaten sollen */
.container-bilder{
   padding-left: 1px;
   padding-top: 2em;
   padding-bottom: 2em;
   width: 80%;
} 

.container-bilder img {
   float: left;
   margin-right: 2em;
   margin-bottom:2em;
}


.container-bild-hg{
   position: relative;
   width: 85%;
   height: 96px;
   background-repeat: no-repeat;
   background-position: right;
   margin-bottom: 1.5em;
   border-bottom-color: #21406a; 
   border-bottom-width: 1px; 	
   border-bottom-style: dashed; 
}

.container-bild-hg a{
   text-decoration: none;
   color: #21406a; 
}

.container-bild-hg a:hover{
   text-decoration: underline;
   color: #21406a;
}

#sidebar{	
   position: relative;
   float: right;
   z-index: 3;
   color: #000000;
   font: 0.7em/1.6em Verdana, sans-serif;
   padding-left: 1em;
   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #999999; 
}

#innersidebar{
   width: 16em;
   padding: 0;
}

#schluss {
   clear: both;
   color: #999999;
   padding-top: 1em;
   margin-bottom: 0.1em;
}

#schluss p {
   margin:0px;
   clear: left;
}

#schluss p a, #schluss p{
   font: normal 9px/12px Verdana;
   color: #999999;
}

#schluss p{
   padding-top: 1em;
}

#schluss a {
   text-decoration: none;
   color: #000000;
}

#schluss a:hover {
   color: #000000;
   text-decoration: underline;
}

/* Definitionen der Bereiche innerhalb von #main */

/* Definition der Bestandteile innerhalb von #content */
/* #path, */

#path {
   color: #999999;
   margin-bottom: 1.5em;
}

#path a {
   color: #999999;
   text-decoration: none;
}

#path a:active, #path a:focus, #path a:hover {
   color: #333333;
}

#content h2 {
   font: normal 1.8em/1.3em Arial;
   color: #cc3300;
   margin-bottom: 0.5em;
}

#content h3 {
   font: normal 1.5em Arial;
   color: #666666;
   margin-bottom: 0.3em;
}

#content h4 {
   font: normal 1.2em Arial;
   color: #333333;
   padding-top: 0.5em;
   padding-bottom: 0.2em;
}

#hauptbild h2 {
   color: #ffffff;
   padding-left: 0.6em;
   padding-top: 0.3em;
}

/* Verschiedene Spaltendefinitionen */

.spalte-40 {
   float: left;
   width: 40%;
   color: #333333;
   clear: left;
   margin-bottom: 1em;
}


.spalte-50 {
   float: left;
   margin-right: 2%;
   width: 47%;  /* muss auf 49% stehen, da sonst im IE 5.5/5.0 die spalten untereinander rutschen */
   color: #333333;
}

.spalte-60 {
   float: left;
   width: 60%;
   color: #333333;
}

.spalte-rechts {
   margin-left: 5%;
   width: 50%;
   float: left;
   color: #666666;
}

.spalte-40-r {
   margin-left: 5%;
   width: 30%;
   float: left;
   color: #666666;
}

.spalte-50-r {
   margin-left: 3%;
   width: 47%;
   float: left;
   color: #333333;
}

.spalte-60-r {
   margin-left: 5%;
   width: 50%;
   float: left;
   color: #333333;
}

.container-text textarea { margin-bottom: 1em;}

.form-borderunten {
   clear: left;
   width: 99%;
   margin-bottom: 3em; 
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #cccccc;
}


h3.form-container {
   padding-bottom: 1em;
   color: #666666;
}

.hinweis {font-size: 0.9em;}

/* Definition der Bestandteile innerhalb von #sidebar */

#sidebar {
   color: #666666;
}

#sidebar img{
   margin-bottom: 1em;
}

#sidebar h2 {
   font: normal 1.8em/1.3em Arial;
   color: #999999;
   margin-bottom: 0.5em;
}

#sidebar h3 {
   font: normal 1.0em/1.5em Verdana;
   color: #cc3300;
   margin-top: 2.5em;
   padding-top: 0.5em;
   padding-bottom: 1em;
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #cc3300;
}

#sidebar ul, #sidebar ol {
   padding: 0;
   margin: 0;
   list-style: none;
   margin-bottom: 1em;
}

#sidebar li {
   padding-left: 1.2em;
   background: url('pfeil-ohne.gif') no-repeat -1px 5px;
}

#sidebar a {
   text-decoration: none;
   color: #000000;
   
}

#sidebar a:hover, #sidebar  a:hover .grau{
   text-decoration: underline;
   color: #cc3300;
}


#teaser-kreuz{
   position: absolute;
   right: 6px;
   bottom: 6px;
   width: 149px;
   height: 20px;
   
}
* html #teaser-kreuz{   /* nötig! wirkt nur auf IE */
   bottom: 0px;
}

.teaser-hg h5{
   font: normal 1.3em Arial;
   margin: 0;
   padding: 5px 5px 0px 9px;
}

.teaser-hg h6{
   font: normal 1.0em Arial;
   margin: 0;
   padding: 3px 5px 0px 10px;
}

.teaser-hg p{
   font: normal 1em Arial;
   margin: 0;
   padding: 7px 5px 0px 10px;
}

.teaser-hg a:hover h5, .teaser-hg a:hover h6, .teaser-hg a:hover p{
   text-decoration: underline;
}

/* Ende sidebar */

/* Klassen fuer spans */

.grau {	color: #666666;}

.hellgrau {color: #999999;}

.hellschwarz { color: #333333;}

.schwarz {color: #000000;}

.klein {font-size: 0.7em;}

.rot {color: #cc3300;}

.weiss {color: #ffffff;}

.gruen {color: #336633;}

.page-nav {
   color: #999999;
   width: 10em;
}

.page-nav a {
   text-decoration: none;
   background: url('pfeil-hoch-hellgrau.gif') no-repeat 1px 3px;
   padding-left: 1.4em;
   color: #999999;
}

.page-nav a:hover {
   color: #333333;
   text-decoration: none;
   background: url('pfeil-hoch.gif') no-repeat 1px 3px;
}

/* Globale HTML-Tags */

p {margin-bottom: 1em;}

ul {
   padding: 0;
   margin: 14px;
   list-style: square;
}

ol {
   padding: 1.3em;
   margin: 14px;
}

a { color: inherit;}

table tbody td {vertical-align: top;text-align:left;}

th {text-align:left;}

acronym {
   cursor: help;
   border-bottom-width: 1px;
   border-bottom-style: dashed;
   border-bottom-color: #CC3300;
}


/* Definitionen von speziellen Bereichen fuer spezielle Seiten, z.B. Betreutes Reisen/ Alle Reisen im Ueberblick */

.artikel a {
   color: #cc3300;
}

.clearleft {
   clear: left;
}


/* Ansprechpartner in #sidebar */

.ansprechpartner { margin-top: -1em; }

.links-zum-thema { margin-top: -1em;}

.seperator {
   margin-top: 1.5em;
   margin-bottom: 1.5em;
   border-top-width: 1px;
   border-top-style: dashed;
   border-top-color: #cc3300; 
}

.ansprechpartner img { 
   margin-top: 1.5em;
   margin-bottom: 2em;
}

.links {
   float: left;
   width: 50%;
}

.rechts { float: left;}

table.stellen{
   clear: left;
   margin-bottom: 3em;
   padding-left: 1px;
   width: 100%;
}

.stellen th {
   font-weight: normal;
   padding-bottom: 1em;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #000000;
   color: #666666;
}

.stellen td {
   padding-top: 0.7em;
   padding-bottom: 0.7em;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #999999;
}

.stellen td a{	           /* nur fuer IE PC noetig */
   color: #000000;
}

.stellen td a:hover { color: #cc3300; }
.stellen th a{	           /* nur fuer IE PC noetig */
   color: #666666;
}

.artikel {
   margin-bottom: 2.5em; 
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #999999;
}

.artikel a {
   color: #cc3300;
   text-decoration: none;
}

.artikel a:hover {
   text-decoration: underline;
}

.artikel h3 {
   padding-bottom: 0em;
}

.artikel h4 a { color: #666666;}

.artikel img {
   float: left;
   margin-top: 0.5em;
   margin-right: 1.4em;
   margin-bottom: 1em;
}

.kurse{ margin-top: 1em; }

.kurse img {
   float: left;
   margin-right: 1.5em;
   margin-right: 1em;
}

.kursedaten{ clear: left; }

/* defs Ronen */

.float img{
   float: left;
   margin-top: 0.5em;
   margin-right: 1.4em;
   margin-bottom: 1em;
}

#br-tabelle{
   width: 100%;
}

#br-tabelle table {
   width: 100%;
   border-width: 0px;
   clear: left;
   margin-bottom: 3em;
   padding-left: 1px;
}

#br-tabelle table tbody th {
   font-weight: normal;
   padding-bottom: 1em;
   padding-right: 3em; 
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #000000;
   color: #666666;
}

#br-tabelle table tbody td {
   vertical-align: top;
   text-align: left;
   padding-right: 3em;
   padding-top: 0.7em;
   padding-bottom: 0.7em;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #999999;
}

span.ui-icon {float: left; margin: 0 4px;position: relative;}


/* ENDE Stylesheet all.css */