/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v15-latin/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/open-sans-v15-latin/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v15-latin/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/open-sans-v15-latin/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v15-latin/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/open-sans-v15-latin/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/open-sans-v15-latin/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/open-sans-v15-latin/open-sans-v15-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin/open-sans-v15-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* DEFAULT */

html, body {
	padding: 0;
	margin: 0;
	min-height: 100%;
	font-family: "Open Sans",Arial,sans-serif;
	font-size: 13px;
	font-weight: 300;
	background: #f9f9f9;
	position: relative;
	color: #555;
}
b, strong {
	font-weight: 600;
}
img {
	border: none;
}
hr {
	border: 1px solid #ccc;
	border-width: 1px 0 0 0;
}
a {
	color: #1576a9;
}
a:hover {
	text-decoration: none;
}

textarea:hover, input[type='text']:hover, select:hover,
.form_focus, .form_highlight.form_focus {
	border: 1px solid #9acde8 !important;
	background-color: #effaff !important;
	transition: border 0.3s ease 0s, background 0.3s ease 0s;
}

.form_highlight {
	border: 1px solid #FAD42E !important;
	background: #fff7bf !important;
	color: #111 !important;
	box-shadow: 0 1px 0px #eee;
	font-size: 15px !important;
	padding: 3px 6px !important;
	line-height: 22px !important;
}

.photo_links input[type="text"].form_highlight {
	width: 308px !important;
}

/* ELEMENTS */
.spacer_0 {
	display: block;
	clear: both;
	height: 0px;
}
.spacer_half {
	display: block;
	clear: both;
	height: 5px;	
}
.spacer {
	display: block;
	clear: both;
	height: 10px;
}
.spacer_2 {
	display: block;
	clear: both;
	height: 20px;
}
.spacer_3 {
	display: block;
	clear: both;
	height: 30px;
}
.spacer_4 {
	display: block;
	clear: both;
	height: 40px;
}
.error {
	color: red;
	padding: 0 0 2px 96px;
	clear: both;
}
.error_2 {
	color: red;
	padding: 0 0 2px 0;
	line-height: 30px;
}
#overlay {
	display: none;
	background: url('../images/background_gray.png') #252525;
	width: 100%;
	margin: auto;
	overflow: hidden !important; /* FF Scroll-leiste */
	position: fixed;
	z-index: 4;
	top: 0;
	left: 0;
}
#zoom_close {
	position: fixed;
	top: 8px;
	left: 5px;
	opacity: 0.7;
}
#background_teaser {
	display: none;
	position: fixed;
	bottom: 0px;
	left: 0;
	width: 100%;
	z-index: 0x;
	min-width: 600px;
}
.opacity {
	opacity: 0.6;
	bottom: -50px !important;
}
.fader {
	background: url('../images/backgrounds.png') repeat-x left 20px;
}

/* GLOBALS */

#global {	
	width: 100%;
	margin: auto;
	min-height: 100%;
	height:100% !important;
	height:100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scrofll-leiste */
	position: relative; 
}

#global_top {
	background: url('../images/backgrounds.png') repeat-x left 20px #2d9cd6;	
	border-bottom: 1px solid #bde0f2;
	height: 45px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.2)
}
.logo {
    background: url("../images/head_title.png") no-repeat scroll left 50% transparent;
    display: block;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    text-indent: -200px;
    vertical-align: middle;
    width: 175px;
}
.logo h1 {
    font-size: 10px;
    line-height: 45px;
    margin: 0;
}
.fullscreen #global_top #top_inner{
	display: none;
}
body.fullscreen {
	overflow: hidden;
}
.fullscreen #global_top {
	background: none;
	border: none;
	box-shadow: none;
}
.fullscreen #global_top #photo_control {
	background: none;
}
#global_main {
	overflow: hidden;
	/*position: relative;*/
}
#global_main h2 {
	text-align: center;
	font-size: 30px;
	color: #222;
	font-weight: normal;
	margin-top: 10px;
}
#global_main h3 {
	text-align: center;
	font-size: 20px;
	color: #444;
	font-weight: normal;
	margin: 0 0 20px 0;
	line-height: 28px;
}
#global_main h3 b {
	font-size: 22px;
}
#global_bottom {
	overflow: hidden;
	background: #2594ce;
	height: 50px;
	color: #fff;
	/*position: fixed;*/
	z-index: 5;
	bottom: -2px;
	width: 100%;
	text-shadow: 0 1px 0px #0f6a9b;
	border-top: 1px solid #fff;
}

/* TOP */
#top_close {
	display: none;
	color: #fff;
	text-decoration: underline;
}
#top_close:hover {
	text-decoration: none;
}
.logout {
	position: absolute; 
	right: 12px;
	top: 12px
}

/* INNER */

#top_inner, #main_inner, #bottom_inner {
	margin: 0 auto;
	min-width: 240px;
	width: 100%;
	/*max-width: 1000px;*/
}
#top_inner {
	position: relative;
}
#main_inner {
	/*max-width: 982px !important;*/
	padding-top: 60px;
	padding-bottom: 50px;
	position: relative;
}

/* FOOTER */

.footer_left a {
	float: left;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	color: #bde0f2;
	display: block;
	padding: 12px;
	padding-bottom: 30px;
}
.footer_left a:hover {
	text-decoration: underline !important;
	color: #fff !important;
}
.navigation_active {
	background: url('../images/navigation_active.png') center top no-repeat;
	color: #fff !important;
	text-decoration: underline !important;
}
.footer_right {
	padding: 10px 10px 0 0;
	float: right; 
	text-align: right;
	line-height: 18px;
	color: #fff;
}

/* PHOTO */

.photo_case {
	background: #222;
	position: relative;
	min-height: 1500px;
}
.photo_case_bottom {
	position: absolute;
	bottom: 0;
	height: 40px;
	width: 100%;
	color: #fff;
	line-height: 40px;
	background: #333;
	z-index: 2;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
}
.photo_case_bottom_inner {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	overflow: visible;
	position: relative;
	padding-top: 3px;
}
.photo_title {
	margin-left: 10px !important;
	position: absolute;
	left: 0;
	top: 11px;
}
#photo_title_edit {
	position: relative;
	top: -4px;
}
.photo_title #photo_title_edit .button_small .ui-button-text {
	padding: 4px 10px 3px;
}
.photo_infos {
	margin-right: 10px;
	position: absolute;
	right: 0;
	top: 12px;
	line-height: 16px;
}
.photo_infos a {
	color: #fff;
}
.text_spacer {
	display: inline-table; 
	width: 15px;
}
.button_arrow_down,
.button_arrow_up {
	float: right;
	background: url('../images/arrow_down.png') no-repeat center center;
	width: 17px;
	height: 17px;
	margin-left: 5px;
	padding: 5px;
	position: relative;
	top: -5px;
}
.button_arrow_down:hover,
.button_arrow_up:hover {
	background-size: 70%;
}
.button_arrow_up {
	-webkit-transform: rotate(180deg); /* chrome & safari*/
    -moz-transform: rotate(180deg); /* firefox */
    -o-transform: rotate(180deg); /* opera */
    transform: rotate(180deg); /* explorer > 9 */
	display: none;
}
.photo_edit {
	margin: 6px auto 0;
	display: table;
}
.photo_content {
	display: table;
	margin: 0 auto;
	max-width: 900px;
	width: 100%;
}

.zoom_image_main {
    display: table;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}
.upload_successful {
	color: green;
	font-size: 18px;
	text-align: center;
	display: block;
	margin-bottom: 15px;
}
.photo_link {
	font-size: 15px;
}
.photo_linkname {
	display: block;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 1px;
}
.photo_linkhint {
	font-size: 12px;
	font-weight: normal;
	color: #777;
	margin-left: 10px;
}
#photo_link {
	font-size: 16px;
	color: #777;
	border: 3px solid #b2d9ee;
	border-radius: 5px;
	display: table;
	margin: auto;
	text-align: center;
	padding-left: 10px;
	background: #fff;
	box-shadow: 0 0 1px #b2d9ee;
}
#photo_link input {
	font-size: 16px;
	color: #aaa;
	padding: 5px 0px;
	border: 0px;
	width: 355px;
	text-align: center;
	border-radius: 5px;
}
#photo_link.focus {
	border-color: #81b5cf;
	box-shadow: 0 0 5px #b2d9ee;
}
.photo_title {
	display: block;
	text-align: left;
	margin: 0px 0 0px 0;
}
.photo_title .photo_title_text {
	line-height: 20px;
	margin-bottom: 5px;
}
.photo_title span {
	font-size: 12px;
	line-height: 25px;
}
.photo_title #photo_title_add {
	top: -2px;
}
#photo_update {
	display: table; 
	margin: 0 auto 0;
	padding-top: 140px;
	text-align: center;
	color: #ddd;
}
#photo_update b {
	font-size: 16px; 
	display: block;
}
.photo_thumb_border {
	outline: none;
	display: table;
	margin: 0 auto;
	text-align: center;
	position: relative;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
}
.photo_thumb {
	cursor: url('../images/lupe.cur'), pointer;
}
.photo_thumb_border img, #photo_fullscreen img { 
/*	background: white;
	border: 1px solid #98cce8;
	box-shadow: 0 4px 10px rgba(0,0,0,0.15);	
	padding: 1px;*/	
}
.button_1 {
	border: none;
	background: url("../images/button_1.png") no-repeat scroll 0 0;
	width: 278px;
	height: 52px;
	line-height: 52px;
	display: block;
	color: white;
	text-decoration: none;
	font-size: 20px;
	text-align: center;
	margin: 0 auto;
	box-shadow: 0 4px 10px rgba(0,0,0,0.15);
	border-radius: 6px;
}
.button_2 {
	border: none;
	background: url("../images/button_2.png") no-repeat scroll 0 0;
	width: 228px;
	height: 52px;
	line-height: 52px;
	display: block;
	text-decoration: none;
	font-size: 20px;
	text-align: center;
	margin: 0;
	box-shadow: 0 4px 10px rgba(0,0,0,0.15);
	border-radius: 6px;
	float: left;
}
a.button_2 {
	color: white;
	text-shadow: 0 1px 1px #00486F;
}
.button_3 {
	border: none;
	background: url("../images/button_3.png") no-repeat scroll 0 0;
	width: 46px;
	height: 52px;
	line-height: 52px;
	display: block;
	color: white;
	text-decoration: none;
	font-size: 20px;
	text-align: center;
	margin: 0 0 0 6px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.15);
	border-radius: 6px;
	float: left;
}
.button_4 {
	border: 1px solid #59a3ca;
	background: rgb(4,162,203);
	background: -moz-linear-gradient(top,  rgba(4,162,203,1) 0%, rgba(1,106,162,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(4,162,203,1)), color-stop(100%,rgba(1,106,162,1)));
	background: -webkit-linear-gradient(top,  rgba(4,162,203,1) 0%,rgba(1,106,162,1) 100%);
	background: -o-linear-gradient(top,  rgba(4,162,203,1) 0%,rgba(1,106,162,1) 100%);
	background: -ms-linear-gradient(top,  rgba(4,162,203,1) 0%,rgba(1,106,162,1) 100%);
	background: linear-gradient(to bottom,  rgba(4,162,203,1) 0%,rgba(1,106,162,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04a2cb', endColorstr='#016aa2',GradientType=0 );
	height: 20px;
	line-height: 20px;
	display: table;
	padding: 0 10px;
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
}
.button_4:hover {
	background: #dbeef9;
	color: #1372a7;
}
.buttons {
	display: table;
	overflow: auto;
	margin: 0 auto;
}
.button_nav {
	min-width: 100px;
	width: 25%;
	height: 100%;
	position: absolute;
	z-index: 1;
	cursor: pointer;
	display: none;
}
.button_nav div {
	opacity: 0;
	transition: opacity 1s 2s ease;
	position: absolute;
	top: 50%;
	margin-top: -54px;
	line-height: 30px;
	background: rgba(0,0,0,0.5);
	border-radius: 6px;
	min-height: 60px;
	min-width: 60px;
	box-shadow: 0 0 3px rgba(0,0,0,0.4);
}
.button_nav span {
	position: absolute;
	color: #fff;
	font-size: 60px;
	width: 60px;
	text-align: center;
	z-index: 1;
	top: 7px;
	left: 0px;
	text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.5);
}
.button_nav img {
	display: none;
	opacity: 0.7;
	border-radius: 6px;
}
.button_nav_visible {
	opacity: 0.8 !important;
}
.photo_case:hover .button_nav div {
	opacity: 0.4;    
    transition: opacity 1s;
}
.button_nav:hover div {
	opacity: 1 !important;    
}
.button_nav_left {
	left: 0;
}
.button_nav_right {
	right: 0;
}
.button_nav_left div {
	left: 10px;
}
.button_nav_right div {
	right: 10px;
}

.button_scrolltop {
	background: rgba(0,0,0,0.5);
	border: 1px solid rgba(255,255,255,0.5);
	border-radius: 4px;
	position: fixed;
	bottom: 15px;
	right: 10px;
	padding: 0 5px 9px;
	font-size: 30px;
	line-height: 24px;
	z-index: 3;
	color: #eee;
	cursor: pointer;
	display: none;
}
.button_scrolltop:hover {
	color: #fff;
	background: rgba(0,0,0,0.7);
	box-shadow: 0 0 4px rgba(255,255,255,0.5);
}

.photo_box {
	/*max-width: 600px;*/
	min-height: 160px;
	margin: 0px;
	margin-top: 10px;
}
.photo_box .button_small.ui-button-text-only .ui-button-text {
    padding: 0.5em 0.9em 0.4em !important;
}
.photo_hint {
	margin-top: 30px;
    padding: 0 0 0 10px;
	font-size: 11px;
	color: #666;
}
.photo_hint a {
	font-size: 13px;
	display: block;
	margin-top: 3px;
}

.social_box {
	margin: 15px 0 0 7px;
	overflow: auto;
}

/* PHOTO ADMIN */

.link_box {
	margin-top: 0px;
	display: table;
	min-width: 210px;
}
.link_box b {
	display: block;
	padding: 0px;
	font-size: 15px;
}
.link_box ul {
	list-style: none;
	margin: 0;
	padding: 2px 0 0 0;
	overflow: auto;
}
.link_box li {
	display: block;	
	margin: 0;
	margin-top: -1px;
	text-align: center;
	color: #444;
	float: left;
}
.link_box li a span {
	font-size: 12px;
	color: #777;
	font-weight: normal;
}
.link_box li.active span {
	color: #fff !important;
	
}
.link_box li:first-child a {
}
.link_box li a {
	border-bottom: 1px solid #ddd;
	padding: 7px 20px;
	display: block;
	color: #555;
	text-decoration: none;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 300;
}
.link_box li a:hover {
	background: #fff;
	border-bottom: none;
	padding-bottom: 8px;
	transition: background 0.3s ease 0s;
}
.link_box li.active:first-child a {
	border-top: none;
	padding-top: 8px;
}
.link_box li.active a {
	background: #2594ce no-repeat 97% 50%;
	color: white;
	border-radius: 3px;
	border-bottom: none;
	padding-bottom: 6px;
	font-weight: 600;
}
.photo_links textarea, .photo_links input[type=text] {
	color: #444;
	padding: 2px 6px 2px;
	margin: 0 5px 5px 0;
	font-family: "Open Sans",Arial,sans-serif;
	font-size: 12px;
	width: 70%;
	border: 1px solid #ccc;
	border-radius: 5px;
	line-height: 15px;
	height: 2.5em;
	overflow: hidden;
	float: left;
}
.photo_links input[type=text] {
	font-size: 13px;
	height: auto;
	/*width: 308px !important;*/
	padding: 4px 6px;
}
#link_2, #link_3, #link_4, #link_5, #link_6, #link_7 {
	display: none;
}

#photo_title_edit {
	display: none;
	line-height: 18px;
}
#photo_title_edit input {
	width: 300px;
	padding: 2px 5px;
}
.photo_title .button_small {
	vertical-align: top;
	margin-left: 5px;
}
#photo_title_add {
	margin-left: 0px;
}


/* ADS */
.a1, .a2, .a3, .a4, .a5 {
	background: no-repeat center center;
	background-image: none !important;
	/*background-color: #888;*/
}
.a1 {
	margin: 0 auto; 
/*	width: 728px; 
	height: 90px;
	*/
	padding-top: 10px !important;
}
.a2 {
	float: left;
	margin: 0 auto; 
	margin-top: 0px;
	width: 300px; 
	height: 250px; 
}
.a2_out {
	float: right; 
	margin-bottom: 70px;
}
.a3 {
	width: 468px;
	height: 60px;
	margin: 0 auto;
}
.a4 {
	width: 160px;
	height: 600px;
	position: absolute;
	right: -170px;
	top: 90px;
	top: 61px;
	margin-top: 10px;
}
.a5 {
	position: absolute;
	bottom: 115px;
	left: 13px;
}
.album .a2 {
	background: #888;
}
.photo_case .a1 {
	position: absolute;
	top: 0px;
	width: 100%;
/*	left: 50%;
	margin-left: -364px;
	*/
	z-index: 2;
	padding: 0 !important;
}
.a1_close {
	display: none;
}
.photo_case .a1_close {
	display: block;
	position: relative;
	margin: 2px auto 0;
	width: 100px;
	line-height: 15px;
	text-align: center;
	background: rgba(34, 34, 34, 0.5);
	color: #fff;
	z-index: 2;
	padding: 2px 0 4px;
	vertical-align: middle;
	cursor: pointer;
}

/* PHOTO FULLSCREEN */

#photo_fullscreen img { 
	border: 1px solid #fff;
	border: none;
	padding: 0px;
}
#photo_fullscreen {
	outline: none;
	margin: 0 auto;	
	display: none;
	position: fixed;
	top: 60px;
	left: 50%;
	text-align: center;	
	text-indent: -100%;
	z-index: 10;
}
#accept_tac {
	text-align: center;
	margin-top: 10px;
	color: #444;
	position: relative;
}

/* HOME */

.headline {
	clear: both;
	overflow: auto;
	display: table;
	margin: 0px auto 40px auto;
	text-shadow: 0 1px 1px #fff;
}
.headline h2 {
	clear: both;
	display: block;
	text-align: center;
	font-size: 24px;
	margin-bottom: 0px;
}
.headline .h1 {
	margin: 0 !important;
	background: url("../images/point_1.png") no-repeat center top;
}
.headline .h2 {
	margin: 0 25px !important;
	background: url("../images/point_2.png") no-repeat center top;
}
.headline .h3 {
	margin: 0 !important;
	background: url("../images/point_3.png") no-repeat center top;
}
.headline .h1, .headline .h2, .headline .h3 {
	font-size: 16px !important;
	font-weight: 300 !important;
	display: table;
	text-align: center;
	float: left;
	line-height: 19px !important;
	padding-top: 47px;
	min-width: 127px;
}
.headline p {
	font-size: 15px;
	text-align: center;
	line-height: 20px;
	margin: 0;
}
.headline ul.bulletpoints {
	display: table;
	margin: 0 auto;
	list-style: none;
	padding: 0;
}
.headline ul.bulletpoints li {
	background: url('../images/check.png') no-repeat 0 -2px;
	padding-left: 45px;
	line-height: 25px;
	font-size: 14px;
}

.underline {
	border-bottom: 1px solid #555;
}
.home_hint {
	padding: 20px;
	display: table;
	margin: 0 auto;
	background: rgba(250,250,250,0.5);
	border-radius: 8px;
}
.home_hint strong {
	margin: 2px 0 3px 0 !important;
	font-size: 15px !important;
	text-align: left !important;
	display: block;
}
.home_hint img {
	float: left;
	position: relative;
	left: -5px;
}
.hint_inner {
	text-align: justify;
	color: #555;
	min-width: 240px;
	width: 100%;
	/*max-width: 350px;
	max-width: 286px;*/
	line-height: 18px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px 2px 7px 2px;
}
#uploader {
	margin: 0 auto;
	width: 278px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.35);
	border-radius: 6px;
}
.qq-upload-drop-area {
	background: #eee !important;
	border: 2px dotted #333;
	border-radius: 5px;
}

.demo {
	display: table;
	margin: 0 auto;
}
.demo img {
	height: 90px;
	box-shadow: 0 1px 10px rgba(0,0,0,0.2);
	border: 1px solid rgba(100,100,100,0.1);
}
.demo a {
	margin: 0 3px;
}
	
/* MEDIA SCREEN */

@media screen and (max-width: 480px) {
	
	.link_box {
		margin-right: 61px;
		margin-top: 0px;
		margin-bottom: 20px;
		width: 70%;
	}
	/*
	.photo_links {
		padding-left: 10px;
	}
	*/
	#photo_link {
		padding-left: 5px;
		font-size: 13px;
		border-width: 2px;
	}
	#photo_link input {
		width: 295px;
		font-size: 13px;
	}
	.window1, .window2 {
		float: none;
		margin: 0 auto;
		width: 300px;
	}
	.window2 {
		margin-top: 10px;
	}
	.home_hint {
		/*margin-top: 25px;*/
	}
	.group_list {
		max-width: 500px !important;
	}
	.group_list .a2 {
		margin: 0 auto;
	}
	.group_list .a2_out {
		float: none;
		margin-bottom: 20px;
	}
	.group_photo {
		margin: 0 15px 20px 15px !important;
	}
	.headline {
		margin-bottom: 20px;
		width: auto !important;
		min-width: 325px !important;
	}
	.headline strong {
		margin-bottom: 5px;
	}
	.headline .h2 {
		margin: 0 5px !important;
	}	
	.headline .h1, .headline .h2, .headline .h3 {
		background-size: 100%;
		min-width: 105px;
		width: 30%;
		font-size: 13px !important;
		padding-top: 40px !important;
	}
	.spacer_4 {
		height: 20px;
	}
}

/* CONTACT */

.inner {
	display: block;
	margin: 0 auto;
	max-width: 400px;
	width: 100%;
	min-width: 240px;
	/*background: #f1f1f1;
	background: rgba(255,255,255,0.5);
	border: 1px solid #eee;
	padding: 20px 30px;
	border-radius: 10px;*/
}
label {
	display: block;
	width: 90px;
	width: 21%;
	float: left;
	font-size: 14px;
	margin-right: 10px;
	margin-left: 2px;
	line-height: 30px;
	text-align: left;
	font-weight: 600;
}
.form_input {
	width: 290px;
	width: 72%;
	color: #444;
	padding: 6px 6px;
	font-family: "Open Sans",Arial,sans-serif;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 5px;
}
select.form_input {
	width: auto;
	padding: 4px 6px;
	background-color: #fff;
}
textarea.form_input {
	width: 96%;
	height: 100px;
}
.report {
	font-size: 18px;
	margin: 0 0 0 2px;
	font-weight: bold;
	text-align: center;
}
.report span {
	padding: 2px 7px 3px;
	background: #2594ce;
	color: white;
	display: table;
	font-weight: normal;
	border-radius: 3px;
	margin: 5px auto 0 auto;
}
.box {
	background: #F1F1F1;
    border-bottom: 1px solid #ddd;
    border-radius: 4px;
    border-top: 1px solid #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.gray {
	color: #444;
}
.description {
	margin: 0 auto;
	line-height: 18px;
	color: #444;
}


/* JQUERY */


/* button */

.ui-button {
	outline: none;
}

.button.ui-button-icon-only {
	width: 32px;
}
.button.ui-button-icon-only .ui-icon {
	margin-left: -2px !important;
}
.button .ui-button-text {
    padding: 0.3em 1em 0.3em 2.2em;
}
.button .ui-icon {
	margin-top: -8px;
	position: absolute;
	top: 50%;
	left: 10px;
}
/* button_small */
.button_small.ui-button-icon-only {
	width: 26px;
}
.button_small.ui-button-icon-only .ui-icon {
	margin-left: 0px !important;
}
.button_small.ui-button-icon-only .ui-button-text {
	font-size: 1px;
}
.button_small .ui-button-text {
    padding: 0.2em 0.7em 0.1em 2em;
    font-size: 12px !important;
    font-weight: normal !important;
}
.button_small .ui-icon {
	margin-top: -8px;
	position: absolute;
	top: 50%;
	left: 5px;
}
.button_small, .button {
	margin-top: 0px;
}
.button_small.active {
	
}
#global_upload {
	position: absolute;
	top: 12px;
	left: 12px;
}

/* button_white */
.button_white {
	background: none;
	border: none;
}
.button_white.ui-button-icon-only {
	width: 26px;
}
.button_white.ui-button-icon-only .ui-icon {
	margin-left: 0px !important;
}
.button_white.ui-button-icon-only .ui-button-text {
	font-size: 1px;
}
.button_white .ui-button-text {
    padding: 0;
    font-size: 12px !important;
    display: inline;
}
.button_white .ui-icon {
	margin-top: -9px;
	position: absolute;
	top: 50%;
	left: 5px;
	background-image: url("../styles/images/ui-icons_ffffff_256x240.png");
}

label.ui-button {
	float: none;
	width: auto
}
.ui-button-text-only .ui-button-text {
    padding: 0.4em 0.9em;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 5px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 5px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 5px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 5px;
}
.ui-buttonset .ui-button {
    margin-right: -4px;
}
.buttonset {
	float: left;
}
.buttonset i {
	font-weight: normal;
	font-style: normal;
}
.ui-dialog {
	position: fixed;
	/*margin-top: -15%;*/
}
.ui-dialog-title {
	font-size: 12px;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 0.1em 0.5em;
}
.ui-dialog .ui-dialog-content {
	padding: 0.5em 0.6em;
}
.ui-dialog .ui-dialog-buttonpane {
	padding: 0;
}
.ui-dialog span.text_small {
	font-size: 12px;
	line-height: 16px;
	color: #777;
}

/* TAC */

ul.list {
	list-style: none;
	color: #98cce8;
	padding: 0;
	max-width: 900px;
	margin: 0 auto;
}
ul.list li b {
	font-size: 15px;
	display: block;
	color: #333;
	margin: 0 0 3px 0;
}
ul.list > li {
	color: #444;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 15px;
}
ul.list li ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* ADMIN */

ul li a.active {
	color: #555;
	text-decoration: none;
	font-weight: bold;
}


/* PHOTO LIST */

.group_photo {

	
}

.admin_photo {
	float: left;
	margin: 0 15px 15px 0;
	border: 1px solid #aaa;
	text-align: center;
	position: relative;
}
.admin_photo .photo_thumb {
	width: 170px;
	height: 107px;
	background-color: #eee;
	background-position: center center;
	background-repeat: no-repeat;
}
.admin_photo .info {
	background: #000;
	color: #fff;
	width: 170px;
	line-height: 20px;
	text-align: left;
	text-indent: 5px;
	position: relative;
}
.admin_photo .info a {
	float: right;
	margin-right: 2px;
	color: #fff;
	text-decoration: none;
}
.admin_photo .info a:first-child {
	margin-right: 10px;
}
.admin_photo .info a:hover {
	text-decoration: underline;
}
.admin_photo .info:hover .info_more  {
	display: block;
}
.admin_photo .info_more {
	border: 1px solid #fff;
	z-index: 2;
	background: rgba(0,0,0,0.8);
	position: absolute;
	top: 41px;
	left: -2px;
	width: 108%;
	list-style: none;
	margin: 0;
	padding: 0 0 5px 0;
	overflow: hidden;
	display: none;
}
.admin_photo .info_more li {
	font-size: 10px;
	line-height: 13px;
	text-align: right;
	clear: both;
	padding-right: 5px;
}
.admin_photo .info_more li span {
	min-width: 62px;
	margin-right: 10px;
	float: left;
}
.admin_photo .control {
	display: none;
	/*
	position: absolute;
	height: 108px;
	width: 100%;
	z-index: 10;
	background: rgba(100,100,100,0.8);
	*/
}
.admin_photo .control a {
	display: table;
	margin: 5px auto 0;
}
.admin_photo .control a:first-child {
	margin-top: 6px;
}

#photo_control {
	background: url("../images/backgrounds.png") repeat-x scroll left 20px #2D9CD6;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	text-align: center;
	display: none;
}
#photo_control a {
	margin-top: 12px;
}

.button_small:hover {
	/*background: url("../styles/images/ui-bg_highlight-soft_25_dff4ff_1x100.png") repeat-x scroll 50% 50% #DFF4FF;
    border: 1px solid #9ACDE8;
    color: #1576A9;
    font-weight: bold;*/
}

.group_list {
	max-width: 900px;
	margin: 30px auto 0 auto;
}

/* TOOLTIP */

.ui-tooltip, .arrow:after {
    border: 1px solid white !important;
    background: rgba(20, 20, 20, 1);
    color: white;
    font-size: 13px;
}
.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    /*bottom: -16px;*/
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 20%;
}
.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
}
.arrow.top:after {
    bottom: -23px;
    top: auto;
}

.link_external {
	padding-right: 15px; 
	background: no-repeat center right url('../images/external_link.png');
}

/* album */

.album_button {
	height: 25px;
	line-height: 24px;
	vertical-align: middle;
	background: #555;
	font-size: 15px;
	border-radius: 6px;
	color: #fff;
	text-align: center;
	text-decoration: none;

	position: fixed;
	/*position: absolute;*/
	top: 54px;
	left: -6px;
	z-index: 3;
	padding: 0 10px;
	padding-left: 16px;
}
.album_button .text {
	display: inline;
}
.album_button.in_case_bottom {
	position: fixed;
	transition: position 2s ease 0s;
}
#album_hide.album_button.in_case_bottom {
	top: 54px !important;
}
.album_button.in_case_bottom .text {
	display: none;
	
}
#cybermondayweek span {
	background-image: url('../styles/images/ui-icons_454545_256x240.png');
}
#cybermondayweek {
	position: fixed;
	top: 10px;
	right: -10px;
	left: auto;
	padding: 0 16px 0 10px;
	z-index: 111;
	background: #fff;
	color: #222;
	transition: right 0.3s ease;
	box-shadow: 0 1px 3px #0003;
}
#cybermondayweek:hover {
	right: -6px;
}
@media(max-width: 500px) { 
	#cybermondayweek {
		top: 10px !important;
		/*right: -79px;*/
	}
}


.album_button_highlight {
	background-color: #a93d3d !important;
}
.album_button.album_button_small,
.album_button.album_button_pager,
.photo_nav .album_button {
	position: static;
	display: table;
	margin-left: 7px;
	margin-top: 3px;
	font-size: 11px;
	padding: 0 5px 0 2px;
	float: left;
	line-height: 18px;
	height: 19px;
	white-space: nowrap !important;
	background: #666;
}
.photo_nav .album_button {
	font-size: 15px;
	padding: 0 10px;
	line-height: 24px;
	height: 25px;
	white-space: normal !important;
}
.photo_nav #album_next span {
	float: right;
	margin: 4px 0 0 4px;
}
.photo_nav {
	display: table;
	margin: 0 auto;
}

#album_load {
	margin-top: 20px;
}
#album_loading {
	position: absolute;
	top: 120px;
	left: 0;
	width: 100%;
	text-align: center;
}
#album_pager_up, #album_pager_down {
	visibility: hidden;
}
#album_pager_down {
	position: absolute;
	bottom: 116px;
	top: auto;
	width: 100%;
	text-align: center;
	z-index: 2;
}
.album_button.album_button_pager {
	/*display: none;*/
	float: none;
	padding: 0 30px;
	line-height: 16px;
	height: 16px;
	margin: 0 auto;
	background: url("../images/button_2.png") no-repeat scroll center -2px transparent;
	opacity: 0.8;
}
.album_button.album_button_pager:hover {
	background: #2594ce;
	opacity: 1;
}
.album_button.album_button_pager span {
	margin: 0 !important;
}
.album .album_button span {
	margin: 1px 1px 0 0;
}
#album_hide {
	/*display: block;*/
}
#album_show {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.album_button:hover {
	text-shadow: 0 0 0 #fff;
	background: #777;
	transition: background 0.3s ease 0s;
}
.album_button span {
	background-image: url('../styles/images/ui-icons_ffffff_256x240.png');
	background-repeat: no-repeat;
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	margin: 4px 2px 0 0;
}
#album_hide span {
	margin: 4px 4px 0 0;
}
#album_show span {
	float: right;
	margin: 4px 0px 0 4px;
}
.album {
	float: right;
	background: rgba(150,150,150,0.3);
	height: 100%;	
	min-width: 35px;
	max-width: 300px;
	width: 100%;
	padding: 0px;
	margin-left: 10px;
}
.album .head, .album_head {
	font-size: 12px;
	margin: 8px 0;
	line-height: 16px;
	float: left;
	min-height: 22px;
}
.album_head {
	margin: 0;
	position: relative;
	top: -10px;
}
.album_head .album_button {
	margin: 0 7px 0 0;
}
.album_head .album_button span {
	margin: 0 2px 0 0;
}
.album .head a {
	white-space: nowrap;
}
.album .photo {
	/*position: relative;*/
	opacity: 0.7;
	float: left;
	margin: 4px 0 3px 7px;
	border: 1px solid #aaa;
	padding: 0px;
	overflow: hidden;
	height: 60px;
	width: 60px;
	background: url("../images/background_gray.png") repeat scroll 0 0 #252525;
}
#album_upload {
	font-size: 50px;
	text-decoration: none;
	line-height: 60px;
	text-align: center;
	border-style: dashed !important;
	background: #f6fbff !important;
	outline: none;
	color: #2594ce;
	opacity: 1;
	overflow: visible;
}
#album_upload:hover {
	border-width: 1px !important;
	margin: 4px 0px 3px 7px !important;
}
#album_thumbnails {
	margin-top: 4px;
	overflow: auto;
	height: 280px;
	border-bottom: 2px solid #666666;
}
.album .photo img {
	max-width: 80px;
	max-height: 100px;
	padding: 0px;
	margin: 0px;
}
.album .photo:hover,
.album .photo.active {
	opacity: 1;
	border-color: #1576a9 !important;
	border-width: 3px !important;
    margin: 2px -2px 1px 5px;
}
.album .photo.group:hover,
.album .photo.group.active {
	box-shadow: 1px 1px 0px #aaa !important;
}
.album .photo.group {
	box-shadow: 2px 2px 0px #aaa;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#form_delete_2 {
	display: none;
}
@media screen and (max-width: 900px) {
	.link_box li a {
		font-size: 12px;
		padding: 7px 15px;
	}

	.fb-comments.fb_iframe_widget, 
	.fb-comments.fb_iframe_widget > span, 
	.fb-comments.fb_iframe_widget iframe {
		width: 450px;
	}

	
}
@media screen and (max-width: 800px) {
	.link_box li {
		float: none;
	}
	.link_box {
		float: none;
		width: 97%;
	}
	.fb-comments.fb_iframe_widget, 
	.fb-comments.fb_iframe_widget > span, 
	.fb-comments.fb_iframe_widget iframe {
		width: 350px;
	}
}
@media screen and (max-width: 700px) {
	.photo_case_bottom {
		font-size: 11px !important;
	}
	.text_spacer {
		width: 6px;
	}
	.album {
		max-width: 230px;
	}
}
@media screen and (max-width: 620px) {
	.album {
		max-width: 160px;
	}
}
@media screen and (max-width: 570px) {
	.album {
		float: none;
		max-width: 100%;
	}
	.album .a2 {
		float: none;
		margin: 0 auto;
	}
	.album_gallery {
		clear: both;
	}
	#album_thumbnails {
		height: 140px;
	}
	.fb-comments.fb_iframe_widget, 
	.fb-comments.fb_iframe_widget > span, 
	.fb-comments.fb_iframe_widget iframe {
		width: auto !important;
		margin: 0;
	}
	.photo_links input[type="text"], .photo_links textarea {
		width: 90% !important;
	}
	.photo_edit {
		display: none !important;
	}
	#form_delete_2 {
		display: block;
	}
	.album_link {
		float: none !important;
		margin-left: 0px !important;
		padding-left: 0px !important;
		clear: both;
		white-space: nowrap;
	}
	.album_link input[type="text"]  {
		width: 70% !important;
	}
	.album_link button {
		/*display: none;*/
	}
	.album_link_title {
		display: none;
	}

	.album {
		margin-left: 0px !important;
	}
}

/* landingpages */

.text_hint {
	font-size: 13px !important;
	padding: 5px 8px;
	background: #e0eaef;
	border-radius: 5px;
	display: inline;
}

.home_hint {
	padding: 5px;
}
.group_list {
    margin-top: 0px;
    padding-top: 0px;
	overflow: auto;
}
.lp_left {
	float: left; 
	width: 67%; 
	min-width: 278px; 
	margin-right: 20px;
}
.lp_right {
	float: left; 
	clear: both;
	
}
.lp_preview {
	margin: 0 auto; 
	display: table;
}
.lp_preview label {
	float: none; 
	width: 50%; 
	margin: 0 auto;
	padding: 0;
	font-size: 15px;
	font-weight: normal;
	font-style: italic;
	width: auto;
	text-align: center;
}
@media screen and (max-width: 850px) {
	.lp_left, .lp_right {
		float: none;
		display: table;
		margin: 0 auto;
	}
	.lp_left {
		min-width: 100%;
	}
	.group_list .a2, .home_hint {
		float: none;
	}
	.hint_inner {
		/*max-width: 350px !important;*/
	}
}

.album_photos .photo_new {
	display: none;
}
.album_photos .photo_new img {
	opacity: 0;
}



/* CUSTOM TABLE */

.table-out {
	display: inline-block;
	vertical-align: middle;
}
.table {
	display: table;
	width: inherit;
}
.table-row {
	display: table-row;
}
.table-cell, .table-cell-top {
	display: table-cell;
}
.table-cell {
	vertical-align: middle;
}
.table-cell-top {
	vertical-align: top;
}
.table-cell .wordwrap, .table-cell-top {
	word-wrap: break-word;
}










/*** ANIMATIONS ***/


/* ROTATE */

.animate_rotate {
	-webkit-animation: frame_rotate 2s infinite alternate; /* Safari 4.0 - 8.0 */
    animation: frame_rotate 2s infinite alternate;
    box-shadow: 0 2px 2px #0003;
}
@keyframes frame_rotate {
	0% { transform: rotate(-2deg); }
	50% { transform: rotate(2deg); }
	100% { transform: rotate(-2deg); }
}
.animate_rotate:hover {
	animation: none;	
}

.animate_rotate2 {
	-webkit-animation: frame_rotate2 2s infinite alternate; /* Safari 4.0 - 8.0 */
    animation: frame_rotate2 2s infinite alternate;
    box-shadow: 0 2px 2px #0003;
}
@keyframes frame_rotate2 {
	0% { transform: rotate(-5deg); }
	50% { transform: rotate(5deg); }
	100% { transform: rotate(-5deg); }
}
.animate_rotate2:hover {
	animation: none;	
}

/* PULSE */

.animate_pulse {
	-webkit-animation: frame_pulse 2s infinite alternate; /* Safari 4.0 - 8.0 */
    animation: frame_pulse 2s infinite alternate;
    display: inline-block;
    transition: transform 0.5s ease;
}
@keyframes frame_pulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.1); }
	100% { transform: scale(1); }
}

.animate_pulse2 {
	-webkit-animation: frame_pulse2 1.5s infinite alternate; /* Safari 4.0 - 8.0 */
    animation: frame_pulse2 1.5s infinite alternate;
    display: inline-block;
    transition: transform 0.5s ease;
}
@keyframes frame_pulse2 {
	0% { transform: scale(1); }
	50% { transform: scale(1.5); }
	100% { transform: scale(1); }
}


/* VERTICAL */

.animate_vertical {
	-webkit-animation: frame_vertical 2s infinite; /* Safari 4.0 - 8.0 */
    animation: frame_vertical 2s infinite;
    position: relative;
}
@keyframes frame_vertical {
	0% { top: 0px; }
	50% { top: 12px; }
	100% { top: 0px; }
}


/* HORIZONTAL */

.animate_horizontal_right {
	-webkit-animation: frame_horizontal_right 2s infinite; /* Safari 4.0 - 8.0 */
    animation: frame_horizontal_right 2s infinite;
    position: relative;
}
@keyframes frame_horizontal_right {
	0% { left: 0px; }
	50% { left: 12px; }
	100% { left: 0px; }
}

.animate_horizontal_left {
	-webkit-animation: frame_horizontal_left 2s infinite; /* Safari 4.0 - 8.0 */
    animation: frame_horizontal_left 2s infinite;
    position: relative;
}
@keyframes frame_horizontal_left {
	0% { left: 0px; }
	50% { left: -12px; }
	100% { left: 0px; }
}


@media screen and (min-width: 651px) {
	.show_mobile {
		display: none !important;
	}
}
@media screen and (max-width: 650px) {
	.show_notmobile {
		display: none !important;
	}
}




/* OTHER ANIMATIONS */


@-webkit-keyframes slideDown {
	0% {
		transform: translateY(-300px)
	}
	to {
		transform: translateY(0)
	}
}

@keyframes slideDown {
	0% {
		transform: translateY(-300px)
	}
	to {
		transform: translateY(0)
	}
}

@-webkit-keyframes slideUp {
	0% {
		transform: translateY(0)
	}
	to {
		transform: translateY(-300px)
	}
}

@keyframes slideUp {
	0% {
		transform: translateY(0)
	}
	to {
		transform: translateY(-300px)
	}
}

@-webkit-keyframes rotateInRight {
	0% {
		transform: matrix3d(.617678, .139478, 0, -.000589, -.220175, .905113, 0, -.000005, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	to {
		transform: matrix3d(.717678, .139478, 0, -.000089, -.200175, .925113, 0, -.000005, 0, 0, 1, 0, 0, 0, 0, 1)
	}
}

@keyframes rotateInRight {
	0% {
		transform: matrix3d(.617678, .139478, 0, -.000589, -.220175, .905113, 0, -.000005, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	to {
		transform: matrix3d(.717678, .139478, 0, -.000089, -.200175, .925113, 0, -.000005, 0, 0, 1, 0, 0, 0, 0, 1)
	}
}

@-webkit-keyframes rotateOutRight {
	0% {
		transform: matrix3d(.717678, .139478, 0, -.000089, -.200175, .925113, 0, -.000005, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	to {
		transform: matrix3d(.617678, .139478, 0, -.000589, -.220175, .905113, 0, -.000005, 0, 0, 1, 0, 0, 0, 0, 1)
	}
}

@keyframes rotateOutRight {
	0% {
		transform: matrix3d(.717678, .139478, 0, -.000089, -.200175, .925113, 0, -.000005, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	to {
		transform: matrix3d(.617678, .139478, 0, -.000589, -.220175, .905113, 0, -.000005, 0, 0, 1, 0, 0, 0, 0, 1)
	}
}

@-webkit-keyframes rotateInRightX {
	0% {
		transform: matrix3d(.9, .102242, 0, .000598, -.004839, 1.880642, 0, -.000048, 0, 0, 1, 0, 0, 100, 0, 1)
	}
	to {
		transform: matrix3d(1.170318, .102242, 0, .000598, -.004839, 1.880642, 0, -.000048, 0, 0, 1, 0, 0, 100, 0, 1)
	}
}

@keyframes rotateInRightX {
	0% {
		transform: matrix3d(.9, .102242, 0, .000598, -.004839, 1.880642, 0, -.000048, 0, 0, 1, 0, 0, 100, 0, 1)
	}
	to {
		transform: matrix3d(1.170318, .102242, 0, .000598, -.004839, 1.880642, 0, -.000048, 0, 0, 1, 0, 0, 100, 0, 1)
	}
}

@-webkit-keyframes rotateOutRightX {
	0% {
		transform: matrix3d(1.170318, .102242, 0, .000598, -.004839, 1.880642, 0, -.000048, 0, 0, 1, 0, 0, 100, 0, 1)
	}
	to {
		transform: matrix3d(.9, .102242, 0, .000598, -.004839, 1.880642, 0, -.000048, 0, 0, 1, 0, 0, 100, 0, 1)
	}
}

@keyframes rotateOutRightX {
	0% {
		transform: matrix3d(1.170318, .102242, 0, .000598, -.004839, 1.880642, 0, -.000048, 0, 0, 1, 0, 0, 100, 0, 1)
	}
	to {
		transform: matrix3d(.9, .102242, 0, .000598, -.004839, 1.880642, 0, -.000048, 0, 0, 1, 0, 0, 100, 0, 1)
	}
}

@-webkit-keyframes rotateInLeft {
	0% {
		transform: matrix3d(6.76044, .16718, -2, .00125, 1.91031, 7.838, 2, -.00032, 0, 0, 1, 0, 28, 32, 0, 8)
	}
	to {
		transform: matrix3d(6.76044, .16718, 0, .00125, .91031, 7.838, 0, -.00032, 0, 0, 1, 0, 28, 32, 0, 7)
	}
}

@keyframes rotateInLeft {
	0% {
		transform: matrix3d(6.76044, .16718, -2, .00125, 1.91031, 7.838, 2, -.00032, 0, 0, 1, 0, 28, 32, 0, 8)
	}
	to {
		transform: matrix3d(6.76044, .16718, 0, .00125, .91031, 7.838, 0, -.00032, 0, 0, 1, 0, 28, 32, 0, 7)
	}
}

@-webkit-keyframes rotateOutLeft {
	0% {
		transform: matrix3d(6.76044, .16718, 0, .00125, .91031, 7.838, 0, -.00032, 0, 0, 1, 0, 28, 32, 0, 7)
	}
	to {
		transform: matrix3d(6.76044, .16718, -2, .00125, 1.91031, 7.838, 2, -.00032, 0, 0, 1, 0, 28, 32, 0, 8)
	}
}

@keyframes rotateOutLeft {
	0% {
		transform: matrix3d(6.76044, .16718, 0, .00125, .91031, 7.838, 0, -.00032, 0, 0, 1, 0, 28, 32, 0, 7)
	}
	to {
		transform: matrix3d(6.76044, .16718, -2, .00125, 1.91031, 7.838, 2, -.00032, 0, 0, 1, 0, 28, 32, 0, 8)
	}
}

@-webkit-keyframes rotateInAndriod {
	0% {
		transform: matrix3d(1, .059794, 0, -.000485, -.154995, 1, 0, -.000282, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	to {
		transform: matrix3d(1, .049794, 0, -.000085, -.134995, 1, 0, -.000082, 0, 0, 1, 0, 0, 0, 0, 1)
	}
}

@keyframes rotateInAndriod {
	0% {
		transform: matrix3d(1, .059794, 0, -.000485, -.154995, 1, 0, -.000282, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	to {
		transform: matrix3d(1, .049794, 0, -.000085, -.134995, 1, 0, -.000082, 0, 0, 1, 0, 0, 0, 0, 1)
	}
}

@-webkit-keyframes rotateOutAndriod {
	0% {
		transform: matrix3d(1, .049794, 0, -.000085, -.134995, 1, 0, -.000082, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	to {
		transform: matrix3d(1, .059794, 0, -.000485, -.154995, 1, 0, -.000282, 0, 0, 1, 0, 0, 0, 0, 1)
	}
}

@keyframes rotateOutAndriod {
	0% {
		transform: matrix3d(1, .049794, 0, -.000085, -.134995, 1, 0, -.000082, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	to {
		transform: matrix3d(1, .059794, 0, -.000485, -.154995, 1, 0, -.000282, 0, 0, 1, 0, 0, 0, 0, 1)
	}
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px)
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}


.fadeOut {
	animation-name: fadeOut;
	animation-duration: 2s;
	animation-delay: 1s;
	animation-fill-mode: forwards
}
@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px)
	}
	to {
		opacity: 1;
		transform: translateY(0)
	}
}

.fadeInDown {
	animation: fadeInDown .267s cubic-bezier(.28, .06, .07, 1);
	animation-fill-mode: forwards
}

.rotateInLeft {
	animation: rotateInLeft 1s cubic-bezier(.28, .06, .07, 1);
	animation-delay: .367s;
	animation-fill-mode: forwards
}

.rotateInAndriod {
	animation: rotateInAndriod 1s cubic-bezier(.28, .06, .07, 1);
	animation-delay: .367s;
	animation-fill-mode: forwards
}

.rotateOutAndriod {
	animation: rotateOutAndriod 1s cubic-bezier(.28, .06, .07, 1);
	animation-fill-mode: forwards
}

.rotateOutLeft {
	animation: rotateOutLeft 1s cubic-bezier(.28, .06, .07, 1);
	animation-fill-mode: forwards
}

.rotateInRight {
	animation: rotateInRight 1s cubic-bezier(.28, .06, .07, 1);
	animation-delay: .367s;
	animation-fill-mode: forwards
}

.rotateOutRight {
	animation: rotateOutRight 1s cubic-bezier(.28, .06, .07, 1);
	animation-fill-mode: forwards
}

.rotateInRightX {
	animation: rotateInRightX 1s cubic-bezier(.28, .06, .07, 1);
	animation-delay: .367s;
	animation-fill-mode: forwards
}

.rotateOutRightX {
	animation: rotateOutRightX 1s cubic-bezier(.28, .06, .07, 1);
	animation-fill-mode: forwards
}

.noAnimation .rotateInAndriod,
.noAnimation .rotateInLeft,
.noAnimation .rotateInRight,
.noAnimation .rotateInRightX,
.noAnimation .rotateOutAndriod,
.noAnimation .rotateOutLeft,
.noAnimation .rotateOutRight,
.noAnimation .rotateOutRightX {
	animation: none
}

.noAnimation .outlookAndroidScreen,
.noAnimation .outlookCalendarScreen,
.noAnimation .outlookIphoneAppScreen,
.noAnimation .outlookTabletScreen {
	transform: none
}

.noAnimation .outlookTabletScreen {
	max-height: none;
	transform: scale(1.3) translateX(-10%)
}