/* ##########################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #
** ##########################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : layout_3col_vlines.css
**  Funktion    : Zentrales Stylesheet 3-Spalten-Layout mit grafikfreien Spaltentrennern
**
**  Modified by Philippe Noth
**
*/
@import url(main/base.css);
@import url(print.css);

@media all
{

body {
  background:  #808080;
  color:       #000;
  font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
  padding:     5px;
}

table.mainpage p {
  margin-bottom: 0px;
  margin-top:    0px;
}

table.mainpage td, tr {
  margin:  0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

td.legendcell {
  background-color: #C0C0C0;
  color:            #000;
}

td.legendcellempty {
  background-color: #808080;
  color:            #808080;
}

td.titleimage {
  padding:      5px 5px 5px 5px;
  border-top:   1px solid #FFF;
  border-right: 1px solid #FFF;
}

td.uleftcorner {
  border-bottom: 1px solid #FFF;
  border-right:  1px solid #FFF;
}

td.bleftcorner {
  border-top:   1px solid #FFF;
  border-right: 1px solid #FFF;
}

td.urightcorner {
  border-bottom: 1px solid #FFF;
  border-left:   1px solid #FFF;
}

td.brightcorner {
  border-top:  1px solid #FFF;
  border-left: 1px solid #FFF;
}

td.ucenter {
  border-bottom: 1px solid #FFF;
}

td.borderright{
  padding:      5px 5px 5px 5px;
  border-right: 1px solid #FFF;
}

td.bordertop{
  padding:    5px 5px 5px 5px;
  border-top: 1px solid #FFF;
}

td.bordertopright{
  padding:      5px 5px 5px 5px;
  border-right: 1px solid #FFF;
  border-top:   1px solid #FFF;
}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page {
  background: #808080;
}

#page_margins {
  min-width: 756px;
  max-width: 100em;
  margin:    auto;
}

/* Formatierung der Kopfbereiches */
#header {
  color:         #000;
  background:    silver;
  padding:       1px 1px 1px 1px;
  border-top:    1px #000 solid;
  border-bottom: 1px #000 solid;
  border-left:   1px #000 solid;
  border-right:  1px #000 solid;
  height:        90px;
  margin-bottom: 20px;
  text-align:    center;
}

/* Formatierung der Fusszeile */
#footer {
  color:         #000;
  background:    silver;
  border-top:    1px #000 solid;
  border-bottom: 1px #000 solid;
  border-left:   1px #000 solid;
  border-right:  1px #000 solid;
  line-height:   2em;
  text-align:    center;
  font-size:     12px;
}

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main {
  background:  #808080;
  padding:     1em 0;
} 

/* Linke Spalte */
#col1 {
  width: 250px;
}
#col1_content {
  margin-left:    1em;
  margin-right:   1em;
  padding-left:   1px;
  padding-right:  1px;
  padding-top:    1px;
  padding-bottom: 1px;
}

/* Rechte Spalte */
#col2 {
  width: 260px;
}

#col2_content {
  margin-left:    1em;
  margin-right:   1em;
  padding-left:   1px;
  padding-right:  1px;
  padding-top:    1px;
  padding-bottom: 1px;
}

/* Mittlere Spalte */
#col3
{
  margin-left:  21%; 
  margin-right: 260px; 
}

#col3_content {
  margin-left:    1em;
  margin-right:   1em;
  padding-left:   1px;
  padding-right:  1px;
  padding-top:    1px;
  padding-bottom: 1px;
}

/* Spaltentrenner (moved from basemod_vlines.css) */
#col3 {
  border-left:  1px #000 solid;
  border-right: 1px #000 solid;
}

#control {
  font-size: 12px;
}

#control ul {
  margin:  0px;
  padding: 0px;
}

#control li {
  display:      inline;
  border-left:  1px solid;
  margin-left:  10px;
  padding-left: 10px;
}

#control li.First {
  border-left: none;
}

div.contentmenuL1
{
  font-size: 18px;
}

div.contentmenuL2
{
  font-size:    15px;
  top:          2px;
  padding-left: 10px;
  font-weight:  normal;
}

div.contentmenuL3
{
  font-size:    12px;
  top:          2px;
  padding-left: 20px;
  font-weight:  normal;
}

.contentdropdown
{
  font-size: 13px;
  width:     200px;
}

.contentdropdownL1
{
  font-size:   13px;
  left:        2px;
  top:         2px;
  bottom:      2px;
  background:  #808080;
  font-weight: bold;
}

.contentdropdownL2
{
  font-size:    13px;
  left:         2px;
  top:          2px;
  bottom:       2px;
  padding-left: 10px;
  background:   #C0C0C0;
  font-weight:  normal;
}

.contentdropdownL3
{
  font-size:    10px;
  left:         2px;
  top:          2px;
  bottom:       2px;
  padding-left: 20px;
  background :  #DFDFDF;
  font-weight:  normal;
}

.gobutton, .searchbutton, .searchinput, .contentdropdown
{
  font-size:     13px;
  margin-bottom: 10px;
}

.searchinput
{
  width: 125px;
}

#info
{
  font-size: 12px;  
}

hr { 
  color:            #000; 
  background-color: #000;
}

hr.books {
  color:            #000;
  background-color: #000;
  width:            20%;
  height:           3px;
  margin:           5px;
}

hr.bbonus {
  color:            #000;
  background-color: #000;
  width:            20%;
  height:           3px;
  margin:           5px;
}

h1 {
  font-size: 18px;
  color:     #000;
}

#col1_content p {
  line-height:    1em;
  margin-bottom:  2px;
  padding-bottom: 2px;
}

#col2_content h3 {
  margin-top:    10px;
  font-size:     16px;
  color:         #000;
  margin-bottom: 3px;
}

#col2_content h4 {
  font-size:     12px;
  color:         #000;
  margin-bottom: 1px;
}

#col2_content ul,ol {
  margin-top: 0px;
}

#col2_content li {
  list-style:    square inside;
  margin-left:   -10px;
  margin-bottom: 2px;
}

#col2_content li.legenditem {
  list-style:    decimal;
  margin-left:   10px;
  margin-bottom: 2px;
}

#col3_content {
  font-size:  15px;
}

#col3_content h2 {
  font-size:     24px;
  font-variant:  small-caps;
  color:         #000;
  border-bottom: 2px #000 solid;
  margin-bottom: 10px;
}

li.recipeL1 {
  list-style:    decimal;
  margin-bottom: 2px;
  font-size:     18px;
  font-weight:   bold;
}

li.recipeL2 {
  list-style:    lower-alpha;
  margin-bottom: 2px;
  font-size:     15px;
}

li.recipeL3 {
  list-style:    disc;
  margin-bottom: 2px;
  font-size:     12px;
}

p,ul,ol,dd,dt {
  line-height: 1.5em;
}

p {
  margin: 0 0 1em 0;
}

#footer p {
  margin: 0 0 0 0;
}

a {
  text-decoration: none;
}

a:link {
  color: #0000A0;
}

a:hover, a.focus {
  text-decoration:  underline;
  background-color: transparent;
}

a:visited {
  color: #0000A0;
}

a.booknr {
  text-decoration: none;
}

div.box2imgleftright {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  float: left;
}

div.floatimgleft {
  float:        left;
  margin-right: 5px;
}

div.floatimgright {
  float:       right;
  margin-left: 5px;
}

div.imgcenter {
  text-align: center;
  float:      none;
}

img.map {
  border: 0px;
  float:  left;
  margin: 5px 5px 5px 5px;
}

img.profile {
  border:         0px;
  margin:         0px 5px 5px 5px;
  vertical-align: middle;
}

img.photo {
  padding:    3px;
  border:     1px solid;
  background: #000000;
}

img.bookcover {
  padding:    10px;
  border:     0px;
}

img.w3cicon {
  padding-left:   10px;
  padding-right:  10px;
  vertical-align: middle;
}

.imagepagetitlelocation {
  font-family: "Times New Roman", Times, serif;
  font-size:   14pt;
  font-weight: bold;
}

.imagepageheadline {
  font-family: "Times New Roman", Times, serif;
  font-size:   11pt;
}

.imagepagecopyright {
  font-family: "Times New Roman", Times, serif;
  font-size:   8pt;
}

.gallery img, .fullsize img {
  border: 1px solid #FFF;
}

div.flag {
  text-align: center;
  float:      none;
}

img.flag {
  border:        1px solid #000;
  margin-top:    2px;
  margin-bottom: -2px;
}

img.gallery {
  border: 1px solid #FFF;
}

p.legend {
  text-align: center;
  font-size:  0.7em;
  font-style: italic;
}

p.itinerary {
  font-size:  0.85em;
}

li.itinerary {
  list-style:    square inside;
  margin-left:   -10px;
  margin-bottom: 2px;
}

span.update {
  background-color: #F00;
  font-size:        0.75em;
}

/* Navigation arrows at the page bottom */
p.prevnext {
  text-align: center;
}

p.prevnext img {
  border:        none;
  padding-left:  2px;  
  padding-right: 2px;
}

/* Definitions specific to the hiking (h) section */
a.hcurrent:link {
  background:    #969;
  border:        1px solid #000;
  padding-left:  2px;
  padding-right: 2px;
  line-height:   1.65
}

a.hcurrent:visited {
  background:    #969;
  border:        1px solid #000;
  padding-left:  2px;
  padding-right: 2px;
  line-height:   1.65
}

a.hcurrent:hover {
  text-decoration: none;
}

#info a.map25:link {
  color:            #FFF;
  background-color: #C60;
  border:           1px solid #FFF;
  margin-left:      15px;
  margin-right:     2px;
  padding-left:     2px;
  padding-right:    2px;
}

#info a.map50:link {
  color:            #FFF;
  background-color: #3C3;
  border:           1px solid #FFF;
  margin-left:      2px;
  margin-right:     2px;
  padding-left:     2px;
  padding-right:    2px;
}

#info a.map200:link {
  color:            #FFF;
  background-color: #FF8040;
  border:           1px solid #FFF;
  margin-left:      2px;
  padding-left:     2px;
  padding-right:    2px;
}

#info table.map {
  border:        none;
  margin-left:   10px;
  margin-right:  10px;
  padding-left:  5px;
  padding-right: 5px;
}

#info a:hover {
  text-decoration: none;
}

#info a.mapswisstopo:link {
  margin-left: 15px;
}

.contentdropdownL3hcurrent
{
  font-size:    10px;
  left:         2px;
  top:          2px;
  bottom:       2px;
  padding-left: 20px;
  font-weight:  normal;
}

.contentdropdownL1hcurrent, .contentdropdownL2hcurrent, .contentdropdownL3hcurrent {
  background: #969;
}

/* Definitions specific to the travel (t) section */
a.tcurrent:link {
  background:    #FF6666;
  border:        1px solid #000;
  padding-left:  2px;
  padding-right: 2px;
  line-height:   1.65
}

a.tcurrent:visited {
  background:    #FF6666;
  border:        1px solid #000;
  padding-left:  2px;
  padding-right: 2px;
  line-height:   1.65
}

a.tcurrent:hover {
  text-decoration: none;
}

.contentdropdownL3tcurrent
{
  font-size:    10px;
  left:         2px;
  top:          2px;
  bottom:       2px;
  padding-left: 20px;
  font-weight:  normal;
}

.contentdropdownL1tcurrent, .contentdropdownL2tcurrent, .contentdropdownL3tcurrent {
  background: #FF6666;
}

/* Definitions specific to the bloopers (b) section */
a.bcurrent:link {
  background:    #66CC66;
  border:        1px solid #000;
  padding-left:  2px;
  padding-right: 2px;
  line-height:   1.65
}

a.bcurrent:visited {
  background:    #66CC66;
  border:        1px solid #000;
  padding-left:  2px;
  padding-right: 2px;
  line-height:   1.65
}

a.bcurrent:hover {
  text-decoration: none;
}

.contentdropdownL3bcurrent
{
  font-size:    10px;
  left:         2px;
  top:          2px;
  bottom:       2px;
  padding-left: 20px;
  font-weight:  normal;
}

.contentdropdownL1bcurrent, .contentdropdownL2bcurrent, .contentdropdownL3bcurrent {
  background: #66CC66;
}

/* Definitions specific to the personal info (p) section */
a.pcurrent:link {
  background:    #FFCC33;
  border:        1px solid #000;
  padding-left:  2px;
  padding-right: 2px;
  line-height:   1.65
}

a.pcurrent:visited {
  background:    #FFCC33;
  border:        1px solid #000;
  padding-left:  2px;
  padding-right: 2px;
  line-height:   1.65
}

a.pcurrent:hover {
  text-decoration: none;
}

.contentdropdownL3pcurrent
{
  font-size:    10px;
  left:         2px;
  top:          2px;
  bottom:       2px;
  padding-left: 20px;
  font-weight:  normal;
}

.contentdropdownL1pcurrent, .contentdropdownL2pcurrent, .contentdropdownL3pcurrent {
  background: #FFCC33;
}

/* Definitions specific to the Index (i) and misc section */
a.icurrent:link {
  background:    #FFF;
  border:        1px solid #000;
  padding-left:  2px;
  padding-right: 2px;
  line-height:   1.65
}

a.icurrent:visited {
  background:    #FFF;
  border:        1px solid #000;
  padding-left:  2px;
  padding-right: 2px;
  line-height:   1.65
}

a.icurrent:hover {
  text-decoration: none;
}

.contentdropdownL3icurrent
{
  font-size:    10px;
  left:         2px;
  top:          2px;
  bottom:       2px;
  padding-left: 20px;
  font-weight:  normal;
}

.contentdropdownL1icurrent, .contentdropdownL2icurrent, .contentdropdownL3icurrent {
  background: #FFF;
}

/* Auszeichnungen für Code, Dateien, Verzeichnisse */
em.mono, em.file, em.directory, em.kmz, em.pdf, em.word {
  font-family: "Courier New", Courier, monospace;
  font-style:  normal;
}

em.mono { 
  padding:    0 0.3em 0 0.3em;
  background: #F0F0F4;
  border:     1px #ccd solid;
}

em.file { 
  padding:    0 0 0 14px;
  color:      #008;
  background: transparent url(../images/common/file.gif) no-repeat left;
}

em.kmz { 
  padding:    0 0 0 15px;
  color:      #008;
  background: transparent url(../images/common/googleearth.png) no-repeat left;
}

em.pdf { 
  padding:    0 0 0 18px;
  color:      #008;
  background: transparent url(../images/common/acrobat.gif) no-repeat left;
}

em.word { 
  padding:    0 0 0 18px;
  color:      #008;
  background: transparent url(../images/common/word.png) no-repeat left;
}

pre, code {
  display:     block;
  margin:      0 0 1em 1em;
  padding:     0.5em;
  color:       #000; 
  background:  #F0F0F4;
  border:      1px #CCD solid;
  border-left: 8px #CCD solid;
}

}