/* CSS Dokument fuer pipho-jugend.de*/

body {
  background-color:#69c;
  color:#000000;
  padding:0;
  margin:0;
}

#content {
  background-color:#9cf;
  border-width:1px;
  border-color:black;
  border-style:solid;
  margin:4% 6% 4% 6%;
  padding:0;
}

.printonly {
  display:none;
}


/* +++++++++++++++++++++++++++++++
Angaben der Boxen fuer den content
+++++++++++++++++++++++++++++++ */

#header {
  margin:0;
  padding:0;
  border-bottom-width:1px;
  border-bottom-color:#FFF;
  border-bottom-style:dotted;
}

#pfad {
  margin:0;
  clear:both;
  background:#369;
  border-bottom-width:1px;
  border-bottom-color:#FFF;
  border-bottom-style:dotted;
}

#menue {
  float:left;
  width:9em;
  height:100%;
  margin:0;
  padding:0;
}


#inhalt {
  margin:0;
  padding:12px;
  margin-left:9em;
}

#footer {
  clear: both;
  width:100%;
  margin:0;
  padding:0;
  background:#369;
  border-top-width:1px;
  border-top-color:#FFF;
  border-top-style:dotted;
}



/* ++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++
Formatierung der (Schrift-/Bild-/...)Elemente
+++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++ */



/* ~~~~~~~~
~~ Menue ~~
~~~~~~~~ */
/* Menue nach Anregung von http://www.1ngo.de/web/imenu.html 
   und http://css.maxdesign.com.au/listutorial/sub_introduction.htm */

#menue ul {
  list-style-type: none;
  margin:0;
  padding:0;
}
#menue a {
  display: block;
  color:#fff;
  background:#369;
  padding: 3px 12px 3px 8px;
  text-decoration: none;
  border-bottom: 1px solid #fff;
  font-weight:bold;
}
#menue a:hover {
  background-color:#9cf;
  color:#f46807;
  font-weight:bold;
}
#menue li li a {
  padding: 3px 7px 3px 17px;
  font-size:small;
  font-weight:normal;
}
#menue li li a:hover {
  font-weight:normal;
}
#menue li li li a {
  padding: 3px 3px 3px 27px;
  font-size:x-small;
}
#menue li li li li a {
  padding: 3px 3px 3px 42px;
}
#menue li span a, #menue li li span a, #menue li li li span a {
  background-color:#9cf;
  color:#f46807;
  font-style:italic;
}
#menue a {
  width:99%;
/* Weitenangabe für den Internet Explorer zur Ausdehnung des Linkbereiches */
}
html>body #menue a {
  width:auto;
/* die (falsche) Weitenangabe für standardkonforme Browser zurücknehmen */
}
#menue li {
  margin: 0;
/* Setzt Links fürden Opera bündig untereinander */
}



/* ~~~~~~~~~
~~ Header ~~
~~~~~~~~~ */


#header-bild {
  margin:0;
  padding:0.8em;
}

#header h1 {
  color:#f46807;
  font-family:Verdana, Arial, sans-serif;
  font-style:italic;
  font-variant:small-caps;
  font-size:2.8em;
  font-weight:bolder;
  letter-spacing:0.2em;
  margin:0;
  padding:0;
  margin-left:0.4em
}


/* ~~~~~~~~~~~
~~ Metanavi ~~
~~~~~~~~~~~ */

#metanavi {
  float:right;
  vertical-align: top;
}

#metanavi div {
  float:left;
}



/* ~~~~~~~
~~ Pfad ~~
~~~~~~~ */


#pfad {
  padding:3px 5px 5px 5px;
  color:#FFF;
  font-family:Verdana, Arial, sans-serif;
  font-size:0.7em;
}

#pfad a {
  color:#FFF;
  text-decoration:none;
  border-bottom-width:1px;
  border-bottom-color:#FFF;
  border-bottom-style:dashed;
}

#pfad a:hover {
  color:#f46807;
  text-decoration:none;
  border-bottom-color:#f46807;
}


/* ~~~~~~~~~
~~ Login ~~
~~~~~~~~~ */

#login {
  background:#369;
  margin:0;
  padding:6px;
  padding-top:15px;
  color:#FFF;
  font-family:Verdana, Arial, sans-serif;
  font-size:0.7em;
}
#login a {
  display:inline;
  color:#FFF;
  background:#369;
  font-weight:normal;
  text-decoration:none;
  border-bottom-width:1px;
  border-bottom-color:#FFF;
  border-bottom-style:dashed;
  padding:0;
  margin:0;
  line-height:150%;
}
#login a:hover {
  display:inline;
  background:#369;
  font-weight:normal;
  border-bottom-color:#f46807;
}
#login form input {
  border-width:1px;
  border-color:#000;
  border-style:inset;
  background:#9cf;
  font-size: 0.8em;
}
#login form button {
  background-color:#369;
  border-width:1px;
  border-color:#000;
  border-style:outset;
  width:24px;
  height:22px;
}



/* ~~~~~~~~~
~~ Footer ~~
~~~~~~~~~ */


#footer {
  padding-top: 2px;
  padding-bottom: 1px;
  color:#FFF;
  font-family:Verdana, Arial, sans-serif;
  font-size:0.7em;
}



/* ~~~~~~~~~
~~ Inhalt ~~
~~~~~~~~~ */


.printonly {
  display:none;
}

a, .tx-gooffotoboek-pi1 table tbody tr td small b a, .bodytext a.mail, .bodytext a.internal-link, .bodytext a.external-link {
  color:#006;
  text-decoration:none;
  border-bottom-width:1px;
  border-bottom-color:#006;
  border-bottom-style:dashed;
}
a:hover, .tx-gooffotoboek-pi1 table tbody tr td small b a:hover, .bodytext a.mail:hover, .bodytext a.internal-link:hover, .bodytext a.external-link:hover {
  color:#f46807;
  text-decoration:none;
  border-bottom-color:#f46807;
  border-bottom-style:solid;
}
a.external-link:before {
  content:url(pfeil.gif)" ";
}
.csc-textpic a {
  border-bottom-width:0;
}

#inhalt {
  border-left-width:1px;
  border-left-color:#fff;
  border-left-style:dotted;
}

#inhalt h1 {
  font-family:'Times New Roman',Times,serif;
  font-size:x-large;
  color:#ffffff;
  font-weight:bold;
}

#inhalt h2 {
  font-family:'Times New Roman',Times,serif;
  font-size:large;
  color:#ffffff;
  font-weight:bold;
}

#inhalt h3 {
  font-family:'Times New Roman',Times,serif;
  font-size:medium;
  color:#ffffff;
  font-weight:bold;
}

#inhalt p, li,  form#tipafriend label {
  font-family:Verdana, Arial, sans-serif;
  font-size:small;
}

#inhalt p {
  line-height: 150%;
}

.csc-mailform {
  border-width:1px;
  border-color:#000;
  border-style:solid;
}
.csc-mailform-field input {
  border-width:1px;
  border-color:#000;
  border-style:groove;
}
.csc-mailform-field select {
  border-width:1px;
  border-color:#000;
  border-style:groove;
}
.csc-mailform-field textarea {
  border-width:1px;
  border-color:#000;
  border-style:groove;
}

.csc-sitemap ul li ul {
  margin-left:10px;
  padding-left:10px;
}
.csc-sitemap ul li ul li ul {
  margin-left:10px;
  padding-left:10px;
}

.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}

.csc-textpic-caption {
  font-size: x-small; 
}



/* Link-Icons ohne Linie */
#metanavi a.icon, #login a.icon, #footer a.icon, #pfad a.icon {
  border-bottom-width:0px;
}

/* ~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~
~~ Extensions ~~
~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~ */

.tx-veguestbook-pi1 h2.tx-guestbook-header {
  background:#F46807;
  border-style: solid;
  border-color: #000;
  border-width: 1px;
  width:auto;
}
 .tx-guestbook-latest {
  background-color:#BBDDFF;
  border-style: solid;
  border-color: #000;
  border-width: 1px;
}
.tx-veguestbook-pi1 div.tx-guestbook-left {
  background-color:#99CCFF;
  border-style: solid;
  border-color: #000;
  border-width: 1px;
}
.tx-veguestbook-pi1 div.tx-guestbook-right {
  background-color:#BBDDFF;
  border-style: solid;
  border-color: #000;
  border-width: 1px;
}

.gfpb_portret a, .gfpb_landscape a, .tx-gooffotoboek-pi1 table tbody tr td a {
  border-bottom-width:0;
}
.gfpb_portret a img, .gfpb_landscape a img {
  border-width: 1px;
  border-color: #000;
}
td.gfpb_portret {
  text-align: center;
}
div.tx-gooffotoboek-pi1 table tbody tr td div a img {
  border-width: 1px;
  border-color: #000;
}

.tx-newloginbox-pi3-listrow TD {
  background-color:#bdf;
}
.tx-newloginbox-pi3-listrow TH {
  background-color:#f46807;
}
/* .tx-newloginbox-pi3 div.tx-newloginbox-pi3-listrow table tbody tr */ .tx-newloginbox-pi3-listrow TH a:hover {
  color:#fff;
  border-bottom-color:#fff;
}
.tx-newloginbox-pi3-listrow TR.tx-newloginbox-pi3-listrow-odd TD {
  background-color:#9cf;
}
.tx-newloginbox-pi3-listrow table {
  background-color: #000;
}

.tx-indexedsearch-sw {
  font-size:medium;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
  font-family:Verdana, Arial, sans-serif;
  font-size:small;
  background-color:#bdf;
}

.tx-seminars-pi1-clear {
  clear: both;
  width: 1px;
  height: 1px;
}
.tx-seminars-pi1-error {
  color: #f00;
  background-color: inherit;
  font-weight: bold;
}
.tx-seminars-pi1-listrow table {
  background-color: #000;
  color: #000;
}
.tx-seminars-pi1-listrow th, .tx-seminars-pi1-listrow td {
  padding: .2em .5em;
  margin: 0;
  border-spacing: 0;
  vertical-align: top;
}
.tx-seminars-pi1-listrow th {
  font-weight: bold;
  text-align: center;
}
.tx-seminars-pi1-title a {
  display: block;
}
.tx-seminars-pi1-date, .tx-seminars-pi1-vacancies, .tx-seminars-pi1-price, .tx-seminars-pi1-uid {
  text-align: right;
}
.tx-seminars-pi1-listrow .listrow-odd {
  background-color: #9cf;
}
.tx-seminars-pi1-listrow tr {
  background-color: #bdf;
}
.tx-seminars-pi1-listrow th {
  background-color: #f46807;
}
.tx-seminars-pi1-vacancies-available .tx-seminars-pi1-square {
  background-color: #00a500;
  color: inherit;
}
.tx-seminars-pi1-vacancies-2 .tx-seminars-pi1-square, .tx-seminars-pi1-vacancies-1 .tx-seminars-pi1-square {
  background-color: #ffff3c;
  color: inherit;
}
.tx-seminars-pi1-vacancies-0 .tx-seminars-pi1-square, .tx-seminars-pi1-canceled .tx-seminars-pi1-square {
  background-color: #c30000;
  color: inherit;
}
.tx-seminars-pi1-canceled td {
  text-decoration: line-through;
  color:#f00;
}
.tx-seminars-pi1-canceled td.tx-seminars-pi1-vacancies {
  text-decoration: none;
}
.tx-seminars-pi1 .tx-frontendformslib-label {
  display: block;
  float: left;
  width: 20em;
  vertical-align: top;
}
.tx-seminars-pi1 .tx-frontendformslib-field {
  margin-bottom: 1em;
}
.tx-seminars-pi1 .tx-frontendformslib-submitbuttons {
  margin: .5em 0;
}
.tx-seminars-pi1 .tx-frontendformslib-submitbuttons input {
  margin: 0 .5em 0 0;
}
.tx-seminars-pi1 {
  font-family:Verdana, Arial, sans-serif;
  font-size:small;
}
.tx-seminars-pi1 a {
  text-align:center;
}
.tx-seminars-pi1-listrow table thead tr th a:hover {
  color:#fff;
  border-bottom-color:#fff;
}

.tx-srpuzzle-pi1 p {
  color: #000;
}

form#tipafriend .rahmen {
  border: 1px solid #f00;
  margin: 1em;
  padding: 0.5em;
}
form#tipafriend label, #tipafriend input, #tipafriend textarea {
  display: block;
  float: left;
  width: 150px;
}
form#tipafriend label {
  width: 250px;
  text-align: right; 
  padding-right: 0.5em;
}
#tipafriend input#htmlmail{
  width: 12px;
}
form#tipafriend br.umbruch {
  clear: left;
}
form#tipafriend input#submit {
  float: none;
  width: auto;
}
/* wec_map -> map-bubble von google: */
#inhalt .tx-wecmap-pi2 h1, #inhalt .tx-wecmap-pi2 h2  { 
  color: #000;
}