@charset "utf-8";
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 200;
  src: local('Yanone Kaffeesatz Thin'), local('YanoneKaffeesatz-Thin'), url('../fonts/YanoneKaffeesatz-Thin.ttf')}
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src:  local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url('../fonts/YanoneKaffeesatz-Regular.ttf')}
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 300;
  src: local('Yanone Kaffeesatz Light'), local('YanoneKaffeesatz-Light'), url('../fonts/YanoneKaffeesatz-Light.ttf')}
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 700;
  src: local('Yanone Kaffeesatz Bold'), local('YanoneKaffeesatz-Bold'), url('../fonts/YanoneKaffeesatz-Bold.ttf')}

body {
	font: 100%/1.4 'Yanone Kaffeesatz', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing:0.1em;
	margin: 0;
	padding: 0;
	color: #181818;
	background-color: #5EB2F2 ;
}
/* Bildlaufleiste im Firefox immer zeigen */
html { height: 101%; }

/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	color: #2D2D2D;
}
a img {
	border: none;
}
a:link {
	color: #FFFF66;
	text-decoration: underline;
}
a:visited {
	color: #FFFF99;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
hr {
	color: #7B4604;
	border: 0;
	height: 1px;
	background-color: #7B4604;
	margin:0px 30px 10px 30px;
}
/* blockquote */
blockquote{
	display:inline-block;
	margin:0 12px;
	background:url("bg-zitat-ende-berg.png") no-repeat scroll left top transparent;
	}
blockquote p{
	color:#E68917;
	font:italic 1.3em Georgia,Arial;
	padding:5px 35px 1px;
	background:url("bg-zitat-start-berg.png") no-repeat scroll right bottom transparent;
	}
cite{
	display:block;
	font-size: 0.55em;
	font-family: Tahoma,Arial;
	color:#EECEA6;}
blockquote .zitat{display:none}
/* ~~ Dieser Container mit fester Breite umschließt die anderen div-Tags. ~~ */
.container {
	width: 960px;
	margin: 0 auto;
	background-color: #0288F0;
}
.header {
	background-color: #0288F0 ;
	height: 120px;
	padding-top: 10px;
}
.topmenu {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 0.75em;
	letter-spacing:-0.05em;
	color: #7B4604;
	float: right;
	padding-right: 15px;
}
.topmenu ul {}

.topmenu li {
	float: left;
	display: inline;
	padding-right: 0px;
}
.topmenu a {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #7B4604;
	text-decoration: none;
	float: left;
	padding-left: 15px;
}
.topmenu a:hover {
	text-decoration:none;
	color: #E0D000;
}
.logo {
	font-family:'Sansita One', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 28px;
	color:#E68917;
	letter-spacing:0.2em;
	font-style:italic;
	float: left;
	padding-top: 10px;
	padding-left: 15px;
	font-weight: bolder;
	clear: right;
	text-shadow: 1px 1px 3px #4b8c2d;
	filter: dropshadow(color=#225c06, offx=1, offy=1);
}
.logo a {
	color: #E0D000;
	text-decoration: none;
}
.menu {
	clear: right;
	float: right;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
}
.menu ul {}
.menu li {
	float: left;
	margin-right: 5px;
	display: inline;
}
.menu a {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:1em ;
	letter-spacing:-0.05em;
	font-weight: normal;
	color: #F3F9FE;
	text-decoration: none;
	float: left;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	border:#F3F9FE thin solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #0a77cb ; /* Old browsers */
	background: -moz-linear-gradient(top, #0a77cb  0%, #086cb9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a77cb ), color-stop(100%,#086cb9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0a77cb  0%,#086cb9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0a77cb  0%,#086cb9 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #0a77cb  0%,#086cb9 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a77cb ', endColorstr='#086cb9',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #0a77cb  0%,#086cb9 100%); /* W3C */
	}
.menu a:hover {
	text-decoration:none;
	color: #E0D000;
	border:thin solid #E0D000;
	background: #086cb9; /* Old browsers */
	background: -moz-linear-gradient(top, #086cb9 0%, #0a77cb  100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#086cb9), color-stop(100%,#0a77cb )); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #086cb9 0%,#0a77cb  100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #086cb9 0%,#0a77cb  100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #086cb9 0%,#0a77cb  100%); /* IE10+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#086cb9', endColorstr='#0a77cb ',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #086cb9 0%,#0a77cb  100%); /* W3C */
	}
.submenu {
	clear: right;
	float: right;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
}
.submenu ul {}
.submenu li {
	float: left;
	margin-right: 5px;
	display: inline;
}
.submenu a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 0.75em;
	font-weight:lighter;
	color: #F3F9FE;
	text-decoration: none;
	float: left;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	border:#F3F9FE thin solid;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #0a77cb ; /* Old browsers */
	background: -moz-linear-gradient(top, #0a77cb  0%, #086cb9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a77cb ), color-stop(100%,#086cb9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0a77cb  0%,#086cb9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0a77cb  0%,#086cb9 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #0a77cb  0%,#086cb9 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a77cb ', endColorstr='#086cb9',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #0a77cb  0%,#086cb9 100%); /* W3C */
	}
.submenu a:hover {
	text-decoration:none;
	color: #E68917;
	border:thin solid #E68917;
	background: #086cb9; /* Old browsers */
	background: -moz-linear-gradient(top, #086cb9 0%, #0a77cb  100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#086cb9), color-stop(100%,#0a77cb )); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #086cb9 0%,#0a77cb  100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #086cb9 0%,#0a77cb  100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #086cb9 0%,#0a77cb  100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#086cb9', endColorstr='#0a77cb ',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #086cb9 0%,#0a77cb  100%); /* W3C */
	}
.content{}
.content p a {
	color: #F3F9FE;
	text-decoration: none;
	}
.content p a:hover {
	color: #E68917;
	text-decoration: none;
	}
#index .container .content{
	background-image: url(der-berg-2014.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 630px;
	}
#akteure .container .content,
#berg .container .content,
#fotos .container .content,
#impressum .container .content,
#links .container .content,
#kontakt .container .content,
#pilgerweg .container .content,
#presse .container .content,
#sitemap .container .content,
#termine .container .content,
#verein .container .content
 {
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(der-berg-bg.jpg);
	background-repeat: no-repeat;
	min-height: 610px;
	color: #181818;
	}
.content p {
	color: #E0D000;
	}
.content h1 {
	color: #E0D000;
	font-size: 2em;
	font-family:"Yanone Kaffeesatz", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: 0.25em;
	word-spacing: normal;
	text-shadow: 2px 1px 3px #0b1e02;
	filter: dropshadow(color=#0b1e02, offx=2, offy=1);
	font-style: italic;
	margin-top: -5px;
	margin-bottom: 3px;
	}

.content h2 {
	color: #E0D000;
	font-size: 1.8em;
	font-family:"Yanone Kaffeesatz", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: 0.25em;
	word-spacing: normal;
	text-shadow: 2px 1px 3px #0b1e02;
	filter: dropshadow(color=#0b1e02, offx=2, offy=1);
	font-style: italic;
	margin-top: -5px;
	margin-bottom: 3px;
	}
.content h3 {
	color: #E68917;
	font-size: 1.6em;
	font-family:"Yanone Kaffeesatz", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: 0.25em;
	word-spacing: normal;
	text-shadow: 2px 1px 3px #0b1e02;
	filter: dropshadow(color=#0b1e02, offx=2, offy=1);
	font-style: italic;
	margin-top: -5px;
	margin-bottom: 0px;
	}
/*# .container .content p img {
	float: left;
	border: 2px solid #F3F9FE;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 7px;
	margin-right: 20px;
	margin-bottom: 17px;
	margin-top: 5px;
	-webkit-box-shadow: 5px 5px 10px 5px rgba(246, 206, 156, .4);
	-moz-box-shadow: 5px 5px 10px 5px rgba(246, 206, 156, .4);
	box-shadow: 5px 5px 10px 5px rgba(246, 206, 156, .4); 
	}
*/#fotos .container .content p img {
	float: left;
	padding: 5px;
	margin: 5px;
	border: 1px solid #F3F9FE;
}
.content ul,
.content ul {
	margin-left:20px;
	}
.content ul li,
.content ul li{
	list-style-type:none;
	margin-bottom:10px;
	}
.content ul li ul li,
.content ul li ul li{
	list-style-type:none;
	margin-top:5px;
	margin-bottom:5px;
	}
.content ul li a,
.content ul li a {
	color: #F3F9FE;
	font-family:"Yanone Kaffeesatz", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-decoration: none;
	}
.content ul li a:hover,
.content ul li a:hover {
	color:#E0D000;
	}
/* ~~ Fußzeile ~~ */
.footer {
	background-color: #0288F0;
	clear: both;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.footer p {
	font-size: 0.7em;
	text-align: center;
	color: #0033FF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: 0.2em;
	text-shadow:1px 1px 0px #9A703D;
	filter: dropshadow(color=#9A703D, offx=1, offy=1);
}
/* ~~ Verschiedene float/clear-Klassen ~~ */
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}