a,a:focus,a:hover, a:visited{outline:none;}
.btnabstand{margin:0.8em 0.5em 0.5em 0.5em;}
.hellgruen{background-color:#86c840; color:#fff; border-color:#86c840;}
.hellgruen:hover{background-color:#81c539; color:#444; border-color:#86c840;}
.btn-link{outline:none; color:#333; position:absolute; left:75%; top:0.5%;}
#baguetteBox-overlay{
	display:none;
	opacity:0;
	position:fixed;
	overflow:hidden;
	top:0;left:0;
	width:100%;
	height:100%;
	z-index:1000000;
	background-color:#222;
	background-color:rgba(0,0,0,.8);
	-webkit-transition:opacity .5s ease;transition:opacity .5s ease
	}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{
	display:inline-block;
	position:relative;
	width:100%;
	height:100%;
	text-align:center
	}
#baguetteBox-overlay .full-image figure{
	display:inline;
	margin:0;
	height:100%
	}
#baguetteBox-overlay .full-image img{
	display:inline-block;
	width:auto;
	height:auto;
	max-height:100%;
	max-width:100%;
	vertical-align:middle;
	-moz-box-shadow:0 0 8px rgba(0,0,0,.6);
	box-shadow:0 0 8px rgba(0,0,0,.6)}
#baguetteBox-overlay .full-image figcaption{
	display:block;
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
	line-height:1.8;
	white-space:normal;
	color:#ccc;
	background-color:#000;
	background-color:rgba(0,0,0,.6);
	font-family:sans-serif
	}
#baguetteBox-overlay .full-image:before{
	content:"";
	display:inline-block;
	height:50%;
	width:1px;
	margin-right:-1px
	}
#baguetteBox-slider{
	position:absolute;
left:0;
top:0;
height:100%;
width:100%;
white-space:nowrap;
-webkit-transition:left .4s ease,-webkit-transform .4s ease;
transition:left .4s ease,-webkit-transform .4s ease;
transition:left .4s ease,transform .4s ease;
transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease
}
#baguetteBox-slider.bounce-from-right{
	-webkit-animation:bounceFromRight .4s ease-out;
	animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}
@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}
@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}
@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);outline:none; width:44px;height:60px}
.baguetteBox-button{position:absolute;
cursor:pointer;
outline:0;
padding:0;
margin:0;
border:0;
-moz-border-radius:15%;
border-radius:15%;
background-color:#323232;
background-color:rgba(50,50,50,.5);
color:#ddd;
font:1.6em sans-serif;
-webkit-transition:background-color .4s ease;transition:background-color .4s ease}
.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);outline:none;width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}
.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
.container.gallery-container {
    /*background-color: #fff;*/
    color: #35373a;
    min-height: 50vh;
    /*border-radius: 20px;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.06);*/
	margin-bottom:1em;
}
.card-img-top{
	border-radius:2px;
}
.gallery-container h1 {
    text-align: center;
    margin-top: 70px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: bold;
}

.gallery-container p.page-description {
    text-align: center;
    max-width: 800px;
    margin: 25px auto;
    color: #888;
    font-size: 18px;
}

.tz-gallery {
    padding: 40px;
}

.tz-gallery .lightbox img {
    width: 100%;
    margin-bottom: 30px;
    transition: 0.2s ease-in-out;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}


.tz-gallery .lightbox img:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 15px rgba(0,0,0,0.3);
}

.tz-gallery img {
    border-radius: 2px;
}

.baguetteBox-button {
    background-color: transparent !important;
}


@media(max-width: 768px) {
    body {
        padding: 0;
    }

    .container.gallery-container {
        border-radius: 0;
    }
}
	.header {
		padding: 0px;
		margin: 0px;
	}

	.header .inner {
		margin-bottom: 0px;
		margin-top: 0px;
		padding: 0px;
		margin-right: auto;
		margin-left: auto;
		background-color: #2C2C2C;
		color:#ccc;
	}

	.header img {
		border-width: 0px;
		padding-bottom: 20px;
		padding-top: 20px;
	}
    
	.weiss{background-color:#fff;padding-top:2em; padding-bottom:2em;}
	.abstand{padding-bottom:1em;}
    .grau{background-color:#2c2c2c;}
	.login-abstand{padding:0.5em;}
	.gruen{color:#86c840; padding-left:0.5em; font-weight:bold;}
	.margin{margin-bottom:0.5em;}
	.border{border-bottom:solid 1px #ddd;}
	.kein-border{border:none;}
	.errorMsg {
		margin:0 0 5px 10px;
		color:red;
	}

	
	.current {
		background-color: #86C840;
		padding-left:0.3em;
		padding-right:0.3em;
	}

	.button {
		margin-bottom: 10px;
		float: left;
		width: 110px;
		padding: 5px;
		text-align: center;
		clear: both;
		margin-top: 10px;
		border-color: #aaaaaa;
		border-width: 1px;
		border-style: solid;
		font-weight: bold;
		margin-left: 20px;
		background-color: #cccccc;
	}
	.button a {
		display: inline;
		width: 100px;
		padding: 5px;
		margin: 0px;
		color: #333333;
		text-decoration: none;
	}

	.button a:hover {
		color: #336699;
	}

	.icon {
	margin-bottom: 30px;
	padding-right: 0px;
	margin-top: 0px;
	padding-bottom: 15px;
	padding-top: 8px;
	margin-right: 25px;
	padding-left: 40px;
	margin-left: 20px;
	border-bottom-color: #dddddd;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	width: 165px;
	float: left;
	display: inline-block;
	background-position: 10px 8px;
	background-repeat: no-repeat;
	background-image: url(../img/famfam-icons/box.png);
	color: #666666;
}

	.icon a {
	color: #666666;
	text-decoration: none;
}

	.zips {
	margin-bottom: 30px;
	padding-right: 0px;
	margin-top: 0px;
	padding-bottom: 15px;
	padding-top: 8px;
	margin-right: 25px;
	padding-left: 40px;
	margin-left: 20px;
	border-bottom-color: #dddddd;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	width: 165px;
	float: left;
	display: inline-block;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(../img/zip.png);
	color: #666666;
}

	.zips a {
	color: #666666;
	text-decoration: none;
}

	.howto {
	color: #888888;
	padding: 10px;
	clear: both;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 0px;
	background-color: #dddddd;
	font-size: 16px;
	line-height: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

	.howto input {
	width: 525px;
	color: #666666;
}

	.howto a {
		color: #999999;
	}

	.embed-icon {
      	padding-top: 1px;
      	padding-bottom: 6px;
      	background-repeat: no-repeat;
      	padding-left: 45px;
      	background-image: url(../img/embed-icon.png);
      }

	

	.footer{		
		background-color: #2C2C2C;
		text-align: center;
		padding-bottom: 10px;
		padding-top: 10px;
		color: #f7f7f7;
		font-size: 11px;
		margin-right: auto;
		margin-left: auto;
	}
	.footer a span{color:#86c83f;}
    
	.footer a {
	text-decoration: none;
	color: #ccc;
    }
	
	.editor {
		padding-top: 10px;
		padding-bottom: 0px;
		padding-right: 20px;
		padding-left: 20px;
	}

	
	.complete {
	width: 200px;
	clear: both;
	color: #669966;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-top: 10px;
	padding-left: 20px;
}

	.new-block form {
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-left: 15px;
	padding-bottom: 15px;
	padding-right: 0px;
	padding-top: 15px;
	border-color: #dddddd;
	border-width: 1px;
	border-style: solid;
	width: 450px;
	background-color: #eeeeee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

	/*h1 {
	font-size: 18px;
	padding-left: 20px;
}*/

	.created {
	padding-left: 20px;
}

	.thumb {
	width: 110px;
	height: 140px;
	background-color: #eee;
	position: relative;
	padding: 10px;
	font-size: 11px;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-top: 0px;
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

	.thumb-pic {
	border-color: white;
	border-style: solid;
	padding-right: 1em;
	border-width: 0px;
	float: left;
	margin-left: auto;
	margin-bottom: 7px;
	margin-right: auto;
	margin-top: 0px;
	max-height: 100px;
	max-width: 100px;
}

	.thumb:hover {
		background-color: #dddddd;
	}

	a {
	color: #3399ff;
}

	.upload {
	margin-left: 20px;
	border-color: #cccccc;
	border-width: 1px;
	border-style: solid;
	width: 400px;
	background-color: #eeeeee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

	.upload form {
	padding: 10px;
}

	.upload img {
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 12px;
	float: left;
}

	.left-pad {
	clear: both;
	padding-left: 20px;
}
    
	

	hr {
	margin-bottom: 10px;
	margin-top: 10px;
	border-style: none;
	background-color: #cccccc;
	height: 1px;
}
.padding{padding-right:1em;}

/*.btn {
      padding-left: 0;
      padding-bottom: 5px;
      padding-right: 0;
      padding-top: 5px;
      margin-left: 0;
      margin-bottom: 30px;
      margin-right: 0;
      margin-top: 0px;
      display:inline-block;
      background:none;
      border-width:0;
      overflow:visible;
      font:80%/1.2 Arial,Sans-serif;
      text-decoration:none;
      color:#333;
      }
    * html button.btn {
      padding-bottom:1px;
      }*/
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
    html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
    .btn span {
      padding-left: 0;
      padding-bottom: 5px;
      padding-right: 0;
      padding-top: 5px;
      background:#ddd url(../img/bg-button.gif) repeat-x 0 0;
      margin:0;
      border-left:1px solid #bbb;
      border-right:1px solid #aaa;
      }
    * html .btn span {
      padding-top:0;
      }
    .btn span span {
      padding-left: 15px;
      padding-bottom: 5px;
      padding-right: 15px;
      padding-top: 5px;
      position:relative;
      border-width:0;
      border-top:1px solid #bbb;
      border-bottom:1px solid #aaa;
	  background:url(../img/famfam-icons/bullet_green.png) left center no-repeat;
      }
    .delete {
      	color: #666666;
      }
    .del-img {
	right: 15px;
	padding-left: 4px;
	padding-bottom: 1px;
	padding-right: 4px;
	padding-top: 1px;
	color: white;
	background-color: #cccccc;
	text-decoration: none;
	position: absolute;
	bottom: 7px;
	}
    input {
      	padding: 2px;
      	border-color: #dddddd;
      	border-style: solid;
      	border-width: 1px;
      }
	.errorMsg {
		color:red;
	}
	.mag-glass {
	border-width: 0px;
	padding-left: 4px;
	padding-bottom: 1px;
	padding-right: 4px;
	padding-top: 1px;
	text-decoration: none;
	left: 10px;
	position: absolute;
	bottom: 7px;
	}
	.del-img:hover {
		background-color: #ba4949;
	}
	
    .manage-posts {
      	border-right-color: #dddddd;
      	border-left-color: #dddddd;
      	border-right-width: 1px;
      	border-right-style: solid;
      	border-left-style: solid;
      	border-left-width: 1px;
      	padding-left: 20px;
      	background-color: #ffffff;
      	width: 700px;
      	border-bottom-color: #dddddd;
      	border-bottom-width: 1px;
      	border-bottom-style: solid;
      	line-height: 44px;
      }
    .blog-pagination {
      	color: #666666;
      	border-right-color: #dddddd;
      	border-left-color: #dddddd;
      	border-bottom-color: #dddddd;
      	border-bottom-width: 1px;
      	border-right-style: solid;
      	border-left-style: solid;
      	border-bottom-style: solid;
      	border-right-width: 1px;
      	border-left-width: 1px;
      	margin-bottom: 10px;
      	padding-left: 20px;
      	padding-bottom: 0px;
      	padding-right: 0px;
      	padding-top: 0px;
      	line-height: 32px;
      	width: 700px;
      	background-color: #eeeeee;
      	-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
      }
    .blog-edit-title {
      	color: #444444;
      	margin: 0px;
      	border-top-color: #dddddd;
      	border-top-width: 1px;
      	border-top-style: solid;
      	border-right-color: #dddddd;
      	border-left-color: #dddddd;
      	border-left-width: 1px;
      	border-right-style: solid;
      	border-left-style: solid;
      	border-right-width: 1px;
      	padding-left: 20px;
      	padding-bottom: 0px;
      	padding-right: 0px;
      	padding-top: 0px;
      	width: 700px;
      	line-height: 32px;
      	background-color: #eeeeee;
      	-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
      }
    .blog-pagination a {
      	color: #666666;
      }

    .blog-title {
      	color: #444444;
      	font-weight: bold;
      	padding-top: 2px;
      	padding-bottom: 5px;
      	padding-left: 30px;
      	background-repeat: no-repeat;
      	background-image: url(../img/post.gif);
      }
    .new-title {
      	width: 350px;
      	font-size: 14px;
      	font-weight: bold;
      }
    .editor label {
      	font-weight: bold;
      	font-size: 12px;
      	color: #666666;
      	line-height: 25px;
      }
    .editor input {
      	width: 450px;
      	line-height: 25px;
      }
    .del-but {
      	font-weight: bold;
      	color: #9c5050;
      }
    .grau{background-color:#444;}
	
	
	.zeiger{cursor:pointer;}