@charset "UTF-8";
/*#0C42F1*/
body {    padding-top: 0px; }

.portfolio-item {  margin-bottom: 25px;}

footer {  margin: 50px 0; background-size:contain; background-repeat:no-repeat;}

#footerbanner {text-align:center;}
#footerbanner img {text-align:center;display:inline;}

a, a:focus, a:hover {color:#7b858b; text-decoration:none;}




.portfolio-item h2 {
	font-size:14px;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: #666;
	text-align:left;
	margin:5px;
	padding:0;
}
/*Abstand Headerbild*/
.header {
	margin-top:10px;
	}
h1.albumname {
font-family:Verdana, Geneva, sans-serif;
font-size:18px;
text-align:center;
	}
  h2.content-headline {
  	font-size:17px; color: #7b858b; text-align: left;
  }
.gallery-forms h2 {
	font-size:17px;
	text-align: left;
}

.portfolio-item h3 {
	font-size:16px;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: #666;
	text-align:left;
	margin:5px;
	padding:0;
}

.clear { clear:both;}
.portfolio-item { border:0px solid #337ab7; margin-bottom:10px;}
.header .img-responsive {
		max-width: 100%;
}
/* Bildname und IConcontainer */

.thumbactions {
	width:100%;
	height:40px;
	/*margin-bottom:10px; */
	vertical-align:bottom;
}
.thumbphotoname {
	font-size:16px;
	font-family: inherit;
	font-weight: 300;
	line-height: 1.1;
	text-align:left;
	margin:15px 5px 5px 8px;
	padding:0;
	float:left;
	}
.thumbicons { float:right;}
.thumbicons .thumb-icon { margin:15px 5px 5px; height:20px;border:none;}

/* fontawesome icons */

#thumb-icon-faw { font-size: 20px; margin-top: 15px; margin-left:15px; }

#preview-icon-faw { font-size: 50px; margin:20px auto 0; }

#rating-icon-faw { font-size: 18px; margin:0 auto; }



/* Einzelansichten*/
h2.back2pic { font-size:15px;}
.back-circle-icon { width:15px; height:15px; border:none; margin-right:10px;}

/*fotos.php*/

.row.photos .container-fluid {
	padding-left:0px;
	padding-right:0px;
}

.col-lg-4.pw {
	float:none;margin:30px auto;
}
.col-lg-4.pw td {
	height:35px;
}

.col-md-6.portfolio-item img.thumb,
.col-md-4.portfolio-item img.thumb,
.col-md-3.portfolio-item img.thumb {
	width:100%; text-align:center; border:none;
}

input.customerdeletebutton { color:#fff; background:#F00; border-color:#666;}

.flag-icon img {margin:0 6px;}





/* div as table*/
DIV.table, div#swipepic.col-md-8.my-photo-table
{
    display:table;
}
FORM.tr, DIV.tr, .prev-container.tr
{
    display:table-row;
}
SPAN.td,div.prev-back.td,div.prev-photo.td,div.prev-next.td
{
    display:table-cell;
}
.table {width:auto;}

/*Formulare und inputs*/
.form-control {
	width:auto;
	display:inline-block;
}

#voting-form span.v-inputs {
	display:block;
	width:140px;
	text-align:left;
	float:left;
	margin-top:10px;
}
/*login maske*/
.user_row, .input_row {width:105px;}
.button_row {width:65px;}
.spacer_20 {display:block;height:20px;}

.login_maske {
padding:15px;
background-color:#fff;
border-radius:15px;
width:100%;
}
.login_headline {
padding-bottom:15px;
display:block !important;
text-align: center;
font-weight:bold;
}

/* meinfoto.php*/


div.row.my-photo {margin-top:25px;}
.prev-container img {border:none;}
.prev-back {width:10%; float:left; text-align:right;vertical-align: middle;}
.prev-photo {width:80%;float:left; }
.prev-photo img {width:100%;}
.prev-next {width:10%; float:left; text-align:left;vertical-align: middle;}

.prev-details {
height: auto;
margin: 0px;
padding: 5px 0px 5px 0px;
background-color: #efefef;
width:100%;
}
.prev-social {
background-color: #fff;
width:100%;
height: auto;
margin: 0px;
padding: 0px;}

.prev-details h2.photo-name {
font-size: 16px;
font-family: inherit;
font-weight: 300;
line-height: 1.1;
text-align: left;
margin: 0px 0 0 10px;
padding: 3px 0px 3px;
}
.prev-details .rtg-stars{
float:right;
margin-right:15px;
}
.prev-details .rtg-counter{
font-size: 16px;
font-family: inherit;
font-weight: 300;
display:block;
float:right;
padding-top:3px;
}

ul.photo-options a:hover {text-decoration:none;}

ul.photo-options,
ul.photo-options-sm {
	list-style-type:none;
	padding-left:0px;
	margin-bottom:10px;
	overflow:hidden;
  }
ul.photo-options li,
ul.photo-options-sm li {
	width:50%;
	line-height:40px;
	float:left;
	display:inline;
	text-align:center;}

ul.photo-options-sm li {
	line-height:35px;
}

/**
 * Facebook-Styles
 */
.login-button{
	width: 84px;
	height: 22px;
	background: no-repeat url(../img/fb_login.png) center center;
	display: none;
}
.logout-button{
	width: 84px;
	height: 22px;
	background: no-repeat url(../img/fb_logout.png?v=1) center center;
	display: none;
}

.upload-button{
	width: 84px;
	height: 22px;
	background: no-repeat url(../img/fb_upload_med.png) center center;
	display: inline-block;
}

ul.photo-options-sm li.fb-share-list span,
ul.photo-options-sm li.fb-like-list span
{
	vertical-align:top !important;
}

/*Social media unter dem foto*/
.prev-social {background-color:#fff;}
.prev-social ul.social-under-photo {
	list-style-type:none;
	padding-left:0px;
	margin:15px 0 0 0;
	overflow:hidden;
	}
.prev-social ul.social-under-photo li {
	float:left;
	display:inline;
	text-align:center;
	line-height:20px;
	margin-left:10px;
}



#status{
	margin-top: 15px;
	margin-bottom: 15px;
}

/**
 * Overlay über den Gefällt mir Button
 */
.force-login-wrapper {
	position: relative;
}
.force-login {
	position: absolute;
	width: 130px;
	height: 33px;
	background: transparent;

}


.ui-loader {
  display:none !important;
}
.fotosuche div {  display:inline !important;}


/**
 * cart container
 */

.cart {
	position:fixed;
	bottom:-2px;
	right:-2px;
	min-height:50px;
	border:2px solid #06C;
	padding:10px;
	background:rgba(255,255,255, 0.6);
	border-radius:15px 0 0 0;
	}

#showcarticon {margin-right:10px;}


ul.shop-options a:hover {text-decoration:none;}

ul.shop-options {
	list-style-type:none;
	padding-left:0px;
	margin-bottom:10px;
	overflow:hidden;
  }
ul.shop-options li {
	width:98%;
	line-height:25px;
	float:left;
	display:inline;
	text-align:left;
	padding:5px;
	margin:5px;
	border:1px solid #CCC;
	border-radius: 15px;}

ul.shop-options li .img-left{
float:left;
width:28%;
padding-right:10px;
text-align:center;
}
ul.shop-options li .img-left img {
max-height:100px;
margin:auto auto;

}
ul.shop-options li .content-right{
position:relative;
float:right;
width:68%;
padding-left:5px;

}


button.checkout {
	padding:3px;
	margin-right:4px;
	border: 1px solid #06C;
border-radius:4px;
font-weight:bold;
color:#06c;
	}

.shopperquantbutton {
width:30px;
border: 1px solid #06C;
border-radius:4px;
font-weight:bold;
color:#06c;

}

.ordersuccessmsg {
	padding:10px;
	border:2px solid #090;
	background:rgba(0,255,0,0.7);
	color:#000;
	font-weight:bold;
}


.changecart {
	margin-left:3px;
	}
.checkouttable td{
	 padding:3px;}
/**
 * cookielaw
 */

.cookielaw {
position: fixed;
z-index: 3000;
left: 0;
right: 0;
bottom: 0;
background-color: #ffffff;
padding: 20px;
display: none;
box-sizing: border-box;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);

	}
.cookielaw button {
float: right;
margin-left: 30px;
border-color: #73532e;
border-width: 0px;
border-style: solid;
padding: 10px 20px 10px 20px;
background: #d80000;
font: 15px Verdana, Geneva, sans-serif;
color: #ffffff;
text-transform: uppercase;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
display: block;
cursor: pointer;
outline: none;
-webkit-appearance: none;
}
.cookielaw p {
margin: 0;
max-width: 60%;
float: left;
}

.status-btn{
	margin:0px 5px;
}

/* SEITENZAHLEN */

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* responsive video */
.responsive-video {
	position: relative;
	padding-bottom: 56%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
