/*
Theme Name: Twenty Ten
Theme URI: http://wordpress.org/extend/themes/twentyten
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
*/

/* Orange: #fbda72; */

div, p, a {
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #000000;
}

a {
  color: #aaaaaa;
}

a:hover {
	color: #000000;
}

body { background-color: #f4f4f4; }

.topbar {
	width: 100%;
  position: absolute;
  left: 0;
  top: 0;
	background-color: #3f3f3f;
  border: 1px solid #000000;
  height: 50px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.6);
}

.menu-container {
  width: 1020px;
  margin-left: auto;
  margin-right: auto;
}

.menu {
  float: left;
  margin: 0;
  margin-left: -40px;
}

.menu li {
  list-style-type: none;
  display: inline;
  margin-right: 30px;
}

.menu a {
  font-size: 15px;
  color: #ffffff;
  display: block;
  float: left;
  height: 20px;
  padding: 15px;
  transition: background 1.2s;
  -moz-transition: background 1.2s;
  -webkit-transition: background 1.2s;
  -o-transition: background 1.2s;
}

.menu a:hover {
	color: #fbda72;
  background: #505050;
}


/* Logo mit Dropdownbox, Kontakt und Impressum */

.logo {
	float: right;
}

.logo div {
	background-color: #707070;
	border: 1px solid #000000;
	border-top: none;
  margin-top: 1px;
  text-align: center;
	display: none;
  position: relative;
  z-index: 100;
}

.logo:hover div {
	display: block;
}

.logo p {
	margin: 0;
	padding: 10px;
  color: #ffffff;
}

.logo a {
  color: #ffffff;
}

.logo a:hover {
	color: #fbda72;
}

.all {
  width: 1020px;
  margin: 0 auto;
}

.content {
	height: 100%;
/*	margin-left: auto;
	margin-right: auto;*/
  margin-top: 75px;
	width: 1020px;
    float: left;
}

.ad {
  width: 160px;
  height: 600px;
  margin-left: 20px;
  margin-top: 75px;
  float: left;
  border: 1px solid #cccccc;
}

/* Galerieansicht */

.gallery {
	width: 100%;
	background-color: #ffffff;
	float: left;
	margin: 0 0 25px;
	border: 1px solid #cccccc;
  border-radius: 10px 10px 0 0;
}

.gallery-overview {
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #cccccc;
  text-align: center;
  margin: 0 0 20px 0;
}

.category {
  border-radius: 0 0 20px 20px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.4);
  color: #505050;
  font-size: 17px;
  height: 40px;
  margin: 0 auto 30px;
  line-height: 40px;
  width: 700px;
}

.single-gallery {
  width: 704px;
  position: relative;
  margin: 10px auto 10px auto;
}

.single-gallery img {
  width: 700px;
  height: 200px;
  background-color: #cccccc;
  border: 1px solid #aaaaaa;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  padding: 1px;
}

.single-gallery span {
  position: absolute;
  right: 2px;
  bottom: 2px;
  background: rgba(0,0,0,0.65);
  background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(40%,rgba(0,0,0,0.65)), color-stop(99%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 40%,rgba(0,0,0,0.65) 99%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 40%,rgba(0,0,0,0.65) 99%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 40%,rgba(0,0,0,0.65) 99%); /* IE10+ */
  background: linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 40%,rgba(0,0,0,0.65) 99%); /* W3C */
  width: 350px;
  height: 30px;
  font-size: 17px;
  color: #ffffff;
  line-height: 30px;
  text-align: right;
  padding: 0 10px;
}

.single-photo {
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #cccccc;
  text-align: center;
}

.title h3 {
	font-size: 20px;
  font-weight: normal;
	margin-top: 20px;
  margin-left: 20px;
	margin-bottom: 0px;
  color: #ffffff;
}

.title p {
    color: #FFFFFF;
    font-size: 13px;
    margin-left: 40px;
    margin-top: 3px;
}

.gallery-head .date {
	background-image: url('../images/date.png');
	background-repeat: no-repeat;
	margin-left: -13px;
	margin-top: 25px;
	height: 53px;
	width: 61px;
	float: left;
  padding: 3px 0;
	text-align: center;
	color: #000000;
}

.gallery-head {
  background-color: #505050;
  float: left;
  width: 100%;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.4);
  vertical-align: middle;
}

.photo {
  position: relative;
}

.photo img{
  background-color: #cccccc;
  border: 1px solid #aaaaaa;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  margin: 10px;
  padding: 1px;
  vertical-align: middle;
}

.photo-info {
  color: #000000;
  text-align: left;
  width: 708px;
  margin: 0 auto 20px auto;
  border: 1px solid #aaaaaa;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  padding: 10px;
}

.back {
  width: 50%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url('../images/back.png') no-repeat 5% center;
}

.back:hover {
  background-image: url('../images/back_hover.png');
}

.forward {
  width: 50%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  background: url('../images/forward.png') no-repeat 95% center;
}

.forward:hover {
  background-image: url('../images/forward_hover.png');
}

/* Galerieansicht */

.photos div {
	position: relative;
	margin: 12px;
	float: left;
}

.photos img {
	margin: 3px;
	border: 2px solid #cccccc;
  border-radius: 15px 15px 15px 15px;
  display: inline-block;
	width: 200px;
	height: 200px;
}

.gallery .thumb input {
	position: absolute !important;
	right: 0px;
	top: 0px;
	margin: 0;
}


.gallery .title {
  float: left;
}

.gallery .button {
  margin: 29px 20px;
	text-align: right;
}
.gallery .button input {
	position: relative !important;
}

.gallery .button input:hover {
  background: none repeat scroll 0 0 #303030;
  border: 1px solid #808080;
}

input, textarea {
	position: relative !important;
  background-color: #505050;
  border: 1px solid black;
  color: white;
  padding: 3px 5px;
}

.text {
	background-color: #ffffff;
	border: 1px solid #cccccc;
  text-align: left;
  padding: 25px;
}

p {
  margin-left: 10px;
}

.password {
  float: left;
  width: 100%;
  text-align: center;
}

.password form {
  margin: 25px;
}

.password input {
  margin: 0 10px;
}


#player_container {
  width: 720px;
  margin: 0 auto;
}



h1 {
  font-size: 18px;
  font-variant: small-caps;
  text-decoration: underline;
}









/* Neu f�r Blog */
.content > div {
  box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}

#blog {
  width: 600px;
  float: left;
  background-color: #FFFFFF;
  padding: 15px;
  margin-right: 10px;
}

#blog h2 {
  font-size: 30px;
  font-weight: 200;
  line-height: 150%;
  border: 2px solid;
  border-color: white white darkgrey white;
  width: 300px;
  color: #737373;
  margin-bottom: 50px;
}

#gps-maps {
  width: 350px;
  background-color: #FFFFFF;
  float: left;
  padding: 15px;
}

#gps-maps h2 {
  font-size: 30px;
  font-weight: 200;
  line-height: 150%;
  border: 2px solid;
  border-color: white white darkgrey white;
  width: 200px;
  color: #737373;
}

#gps-maps h3 {
  font-size: 26px;
  letter-spacing: -0.5px;
  font-weight: 200;
  line-height: 150%;
  margin-bottom: 10px;
}

#container {
  padding: 0 20px;
}

.entry-header h3 a, .entry-title   {
  font-size: 26px;
  letter-spacing: -0.5px;
  font-weight: 200;
  line-height: 150%;
  color: #000000;
}

.entry-header h3 {
  margin: 26px 0;
}

#photo-head {
  height: 380px;
  width: 1008px;
  overflow: hidden;
  border: 6px solid white;
  margin-bottom: 30px;
}

#photo-head img {
  width: 1008px;
  margin-top: 0px;
}



.date {
  background-color: #FBDA72;
  border-radius: 0 8px 8px 0;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  float: left;
  font-weight: 400;
  height: 62px;
  margin-left: -35px;
  margin-right: 20px;
  padding: 5px;
  text-align: center;
  width: 35px;
}

.date .month {
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  margin-top: -5px;
}

.date .year {
  margin-top: -5px;
}

#tracklist span {
  font-size: 16px;
}

#tracklist span:hover {
  text-decoration: underline;
  /*font-weight: bold;*/
}


.post {
  margin-bottom: 85px;
}

.nav-previous {
  float: left;
  width: 50%;
}

.nav-next {
  width: 100%;
  text-align: right;
}

#nav-below {
  margin-top: 20px;
}

#commentform label  {
    display: inline-block;
    width: 50%;
}

#commentform textarea  {
    width: 86%;
}
}

/*************** GPS Map *****/

#map-big {
  width: 1008px;
  height: 500px;
  border: 6px solid white;
  margin-bottom: 30px;
}

#map-desc {
  width: 988px;
  background-color: #FFFFFF;
  float: left;
  padding: 15px;
  position: relative;

}

#map-desc h2 {
  font-size: 30px;
  font-weight: 200;
  line-height: 150%;
  border: 2px solid;
  border-color: white white darkgrey white;
  width: 160px;
  color: #737373;
}

#map-desc ul {
  width: 100%;
    column-count: 2;
    column-gap: 60px;
    -moz-column-count: 2;
    -moz-column-gap: 60px;
    -webkit-column-count: 2;
    -webkit-column-gap: 60px;
}