/* bergwandercamp.css */
/* Created by Florian Hoefer */
/* using the following Open Source Web Designs: */
/* 'Stoned' by User raZor */
/* 'Sinorcaish' by User Zaitseff */
/* 'Kiwicolors' */
/* See http://www.oswd.org */


/* Body */
body {
font-family: "Deja Vu", "Verdana", "Helvetica", "Arial", sans-serif; /* wanted by users */
	margin: 0;
	padding: 0;
	border: 0;
	color: #040902;
	/*background: #d6f0ff;*/
}

.hidden {			/* Used for content that should be displayed */
/* by non-stylesheet-aware browsers          */
display:         none !important;
}







/* Principal divisions of the page */
/* using id, not classes */
/* In order of appearance in the html-document */

/* Header with background image */

#header {
	margin: 0;
	padding: 0;
/*	background: url('img/toppicture3.jpg');*/
	background-color:  #d6f0ff;
	height: 142px; /* height of img/toppicture3.jpg*/
}

#header h1 {
	font-size: 24px;
	text-decoration: none;
	margin: 0;
	padding: 0px 0px 0px 0px;
	color: #676362;
	/*text-align: middle;*/
}


/* Spracheinstellung ud Top-Navigation */
/* stehen nebeneinander wie #left_menu und #middle_container */
/* #language muss im Dokument vor #top_nav erscheinen */



#top_nav {
	border-top: 2px solid #676362;
	border-bottom: 2px solid #676362;
	margin: 0;
	padding: 5px 35px 5px 35px;
	background-color:#4c789d;
	/* 	margin-left: 160px; #language steht davor */
	text-align: center;
	font-size:large;
}

#top_nav a {
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffc3;
	padding: 5px;
}

#top_nav a:hover {
	background-color: #a8895d;
}

#top_nav a.highlight {
color: #FF7F50;
}












/* Left sidebar */

#left_menu {
	float:left;
	margin: 0;
/*background-color: #d6f0ff; */
border-right: 2px solid #676362;
/* Der Rand ist doppelt mit #middle_container, dies muss sein, weil
#left menu laenger werden kann und umgekehrt */
	width: 160px; /*160px Bilder plus 2px border */
	clear: both;
}

/* nav menu originally from OSWD design "Kiwicolors" */
/* Adapted by FH */


/* Stil fuer die Flaggen, max drei Flaggen horizontal,
im linken Navigationsbereich ueber den vertikalen Links */
#left_menu div.flag {
margin-top:10px;
padding-top:10px;
padding-bottom: 10px; /* Abstand zwischen Flaggenliste und Menu */
padding-left:19px; /* Summe von border und padding in ul li a */
background-color:#445252; /* = border-left in ul li a */
}

/* Im ersten Versuch als horizontale Liste realisiert
mit #left_menu ul.flag li display:inline,
aber da kamen zwei Anker-Stile zusammen:
#_left_menu ul.flag li a und #left_menu ul li a,
und es gab Vererbungen.
Einfachere Loesung bevorzugt. */
#left_menu div.flag a {
text-decoration:none;
padding-right:10px; /* Abstand der Flaggen */
}

#left_menu div.flag img {
border:none;
}


/* Vertikales Menu */
#left_menu ul {
margin:0;
padding:0;
list-style:none;
}

#left_menu ul li {
border-bottom:solid 1px #676362;
}

#left_menu ul.sub {
border-bottom:solid 7px #445252;
}

#left_menu ul.sub li {
text-indent:10px;
border:0;
width:100%;
}

#left_menu ul li a {
display:block;
background-color:#4c789d;
padding:5px 12px;
font-weight:bold;
border-left:solid 7px #445252;
text-decoration:none;
color:#ffffc3;
}

#left_menu ul.sub li a {
border-left:solid 7px #445252; /* braun: #371a0a*/
background-color:#6c9dc5;
padding-left:10px;
}

#left_menu ul a:hover,div.menu ul a:active {
background-color:#a8895d;
border-left-color:#6c5536;
}

#left_menu ul.sub a:hover,ul.sub a:active {
background-color:#a8895d;
border-left-color:#6c5536;
}

#left_menu span.youarehere {
position:absolute;
left:3px;
}


#left_menu h2 {
border: solid 1px #676362;
border-left:0;
margin: 10px 30px 15px 0;
padding:3px;
font-size:110%;
background-color:#445252;
color: #ffffc3;
}

#left_menu div.highlight {
margin:20px 10px 0 10px;
padding:5px;
background-color:#ffffc3;
border:dashed 3px #8D9719;
color:#1B0C0D;
}

/* END nav menu from Kiwicolors */


/* Vertikaler Abstand der Bilder in der linken Seite */
#left_menu div.bilder img {
	display: block; /* sonst gibt es einen Abstand zwischen den Bildern */
}














/* Main Content */

#middle_container {
margin: 0;
background: #ffffff;
margin-left: 160px; /* if sidebar with padding, add padding to 160px */
margin-right: 10px;
padding-left:10px;
padding-top:15px;
border-left: 2px solid #676362;
/*	border-bottom: 2px solid #676362; see footer */
}

#content {
	overflow: auto;
	margin: 0;
/*	background-color: #ffffc3;*/
	padding: 5px 10px 5px 10px;
	/*margin-left: 215px;*/
/*	height: 488px;*/
}

#navhead {			/* "Path to this page" information */
font-size:       90%;
padding-bottom: 2ex;
}
#navhead hr {
display:         none;
}

/* Block elements for use in main content */

.floatbox,
.navbox {
overflow:        visible;
font-size:       95%;
line-height:     1.25;
margin:          0 0 0.75em 1.5em;
padding:         0.5em 1em;
border:          1px solid #676362;
float:           right;
clear:           right;
}

.floatbox {
color:           black;
background:      #F0F0F0;
width:           35%;
}

.navbox {
text-align:      left;
color:           black;
background:      white;
width:           12.5em;
}

.floatbox hr,			/* Used for non-stylesheet-aware browsers */
.navbox hr,
.figure hr,
.gallery hr {
display:         none !important;
}

.highlight {		/* Highlight box from Sinorcaish */
color:           inherit;
background:      #F0F0F0;
margin:          1em 0;
padding:         1em 2.5em;
border:          1px solid #999999;
}

/* Syles for 'standalone' images, see: */
/* http://www.w3.org/Style/Examples/007/figures */

/* for album: specified min width, to avoid overflow of images */
div.gallery-wide {
float: right;
text-align: center;
min-width: 400px;
border: thin silver solid;
margin: 0.5em;
padding: 0.5em;
}

/* caption 'simulation' */
div.gallery-wide p {
text-align: left;
/*font-style: italic;*/
font-size: smaller;
text-indent: 0;
max-width: 400px; /* for line breaking */
}

div.gallery {
float: right;
text-align: center;
border: thin silver solid;
margin: 0.5em;
padding: 0.5em;
}

/* caption 'simulation' */
/* captions should be short - less wide than image */
/* or manual line breaks should be inserted */
div.gallery p {
text-align: left;
/*font-style: italic;*/
font-size: smaller;
text-indent: 0;
}



div.clear {
clear:right;
}

/* for other figures or images or logos */
div.figure {
float: right;
clear: right;
text-align: center;
margin: 10px 0 10px 10px;
}

div.figure p {
text-align: left;
/*font-style: italic;*/
font-size: smaller;
text-indent: 0;
}

div.figure img {
padding: 10px;
}

dt {
margin-top:2ex;
font-weight: bold;
}


h1 {
margin: 0; /* used only once per page; other margins are realized by h2 */
text-transform: uppercase;
}

h2 {
margin: 3ex 0 2ex 0;
}

h3 {
margin: 0 0 5px 0;
text-decoration: underline;
}

/* Table Styles from "Sinorcaish" by John Zaitseff */
table.simple {
color:           inherit;
background:      inherit;  /* Don't make tables transparent */
border-collapse: collapse;
border-spacing:  0;
empty-cells:     show;
margin:          0.5em 2.5em;
padding:         0;
border:          1px solid #999999;
}

table.simple caption {
/*text-align:      center;*/
caption-side:    top;
margin:          0 2.5em 0.75em;
padding:         0;
border:          none;
}

table.simple td,
table.simple th {
/*text-align:      center;*/
vertical-align:  middle;
margin:          0;
padding:         0.25em 0.5em;
border:          1px solid #676362;
}

table.simple th,
table.simple td.highlight,
table.simple th.highlight {
font-weight:     bold;
color:           inherit;
background:      #F0F0F0;
}

table.simple td.lighter,
table.simple th.lighter {
color:           inherit;
background:      #F8F8F8;
}

table.simple td.left,
table.simple th.left {
text-align:      left;
}

table.simple td.center,
table.simple th.center {
text-align:      center;
}

table.simple td.right,
table.simple th.right {
text-align:      right;
}
/* END Table Styles from Sinorcaish*/








/* Footer */

#footer {
	margin: 0;
	height: 25px;
	text-align: right;
	padding-right: 15px;
	padding-left: 160px;
	padding-bottom:10px;
  padding-top: 5px;
  color: #666666;
  border-top: 2px solid #676362;
	clear: both;
	background: #d6f0ff;
	}

#footer a {
	color: #666666;
 text-decoration: underline;
}

/* Container for gallery "digikam S0 style" */
#digikamsnull {
min-width: 400px; /* never get smaller as image width */
margin:auto; /* center */
}


/* Gallery style "SO" by Petr Vaněk */
/* created with dikiKam (KDE) */

/* selectors are adapted where necessary */
#digikamsnull a {
color: #009d0b;
text-decoration: none;
}

#digikamsnull a:hover {
color: #008c00;
text-decoration: underline;
}

#digikamsnull img {
border: 0px solid black;
}

#digikamsnull h1 {
margin-top: 0.6em;
margin-bottom: 0.4em;
padding-left: 2em;
padding-top: 0.6em;
padding-bottom: 0.4em;
font-size: 100%;
background-color: #009d0b;
border: 2px solid #006a00;
border-left: 0px;
border-right: 0px;
}
#digikamsnull h1 a {
color: #ffffef;
}
#digikamsnull h1 a:hover {
color: #fffdaf;
}

#digikamsnull .thumbnail {
display: inline;
float: left;
width: 160px;
height: 180px;
margin: 1em;
text-align: center;
}
#digikamsnull .thumbnail img {
display: block;
border: 2px solid #006a00;
}

#digikamsnullfooter {
clear: both;
margin: 1em;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding: 2em;
border: 2px solid #707070;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
color: #707070;
background-color: #a0a0a0;
font-size: 90%;
}

#digikamsnullnavigation {
width: 100%;
text-align: center;
}

#digikamsnullcontent {
clear: both;
overflow: auto;
margin-top: 1em;
margin-left: 4em;
margin-right: 4em;
}
#digikamsnullcontent img {
border: 2px solid #006a00;
}

#collectionPage img {
display: block;
}

#previous {
float: left;
width: 33%;
text-align: right;
}

#next {
float: left;
width: 33%;
text-align: left;
}

#up {
float: left;
width: 33%;
text-align: center;
}

#imagePage #digicamsnullcontent {
text-align:center;
margin-top: 4em;
}