@charset "utf-8";


html, body, #wrap {
	margin:0;
	padding: 0;
}

div, h1, a {
    border: 0 none;
    outline: medium none;
}

html {
	overflow-y: scroll;
	height: 100%;
	width: 100%;
	/*min-width: 980px;*/
}

body {
    /*background: -moz-radial-gradient(center top , rgba(255, 255, 255, 0.8), transparent), -moz-radial-gradient(center top , transparent, rgba(0, 0, 0, 0.5)) repeat scroll 0 0%, url("../images/layout/bg/bg.png") repeat scroll 0 0 transparent;*/
	/*background: -moz-radial-gradient(center top , rgba(255, 255, 255, 0.3), transparent) repeat scroll 0 0%, url("../images/layout/bg/bg.png") repeat scroll 0 0 transparent;*/
	/*background: url(../images/layout/bg/ue.png);*/
	
	min-height: 100%;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	/*font-weight: 300;*/
	font-size: 12px;
	color: #ffffff;
	position:relative;
}

textarea {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 12px;
}


h1, h2, h3 {
	font-family: Verdana, Helvetica, Arial, no-serif;
	font-weight: normal;
}

h1 {
    letter-spacing: -1px;
	font-size: 22px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-shadow: 2px 2px 5px #000;
	-moz-text-shadow: 2px 2px 5px #000;
	-webkit-text-shadow: 2px 2px 5px #000;
	
}

h2, #contextPadding h3 {
	font-size: 12px;
	font-weight: bold;
	padding-top: 20px;
}

#contextPadding h3 {
	padding: 0;
	margin-top: 0;
}

a {
	/*text-decoration: none;*/
	color: #ffffff;
}

#footer a, #topBar a, .buttonBlue, .buttonBlueInvite, .buttonFacebook, .buttonGreySmall, .buttonBlueSmall, a.action, h1 a, a#membertype {
	text-decoration: none;
}

a#membertype {
    background-image: url(../images/arrows/textright.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 14px;
}

a#membertype:hover {
    background-image: url(../images/arrows/textright_active.png);
}

a:hover {
	color: #02BEFD;
    /*position: relative;*/
    
    /*top: -2px;
    padding-bottom: 10px;
    */
}

table {
	/*background-color: #999;*/
	margin: 0;
	padding: 0;
	margin-top: 10px;
	border-collapse:collapse;
}

table.nodesign {
	background-color: transparent;
	border: none;
}


table tr {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

table tr.odd {
	/*background-color: #888;*/
	margin: 0;
	padding: 0;
}

table tr td {
	padding: 5px;
	vertical-align: top;
}

table.nodesign tr {
	border: none;
}


table tr th {
	padding: 5px;
	padding-left: 10px;
	border-bottom: 1px solid #fff;
	/*background-color: #444;*/
	margin-bottom: 5px;
	border-top: none;	
}

table.nodesign tr th {
	border: none;
}

table.standard {
	width:720px;
}

table.mid tr td {
	vertical-align:middle;
}

.ezfoFormElement {
	margin-bottom: 10px;
}

.myFormTextarea {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    font-size: 12px;
	border-radius: 5px;
	resize: none;
	padding: 3px;
	color: #fff;
	outline: 0 none;
	border: 1px solid #666666;
	background: url(../images/layout/black50.png);
	background: rgba(0,0,0,0.5) none;
}

.myFormNone {
	display: inline-block;
	padding-top: 4px;
}

.myFormSelect {
	border: 1px solid #666666;
	background: url(../images/layout/black50.png);
	background: rgba(0,0,0,0.5) none;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 24px;

    font-size: 12px;
    padding-top: 2px;
}

#logo, #logoExternResponsive {
	margin-top: 2px;
	margin-left: 5px;
	float: left;
}

#logoExternResponsive {
	margin-left: 25px;
}

#menu a:hover {
    
}

#wrap {
	margin:0;
	padding: 0;
	padding-top: 8px;
	text-align: center;
	clear: both;
	min-height: 100%;

	background-color: transparent;
	-webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
}

#wrap.dark {
	background-color: #000;
	padding: 0;
}

#topBar {
	
	height: 46px;
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.7);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.7);
	
	margin-bottom: 20px;
}

#topBarRight {	
	height: 46px;
	width: 913px;
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 30px;

	background-image: url(../images/layout/bg/bar_opaque.png);
	background-repeat: no-repeat;
	background-position: center right;
	
	margin-bottom: 20px;
    
    text-align: right;
}

#topBarRight a {
    text-decoration: none;
    font-weight: bold;
    padding: 14px;
    padding-right: 30px;
    font-size: 14px;
}


.menuNotSelected {
	background-image: url(../images/layout/bg/top.png);
	background-repeat: repeat-x;
}

.menuSelected {
	background-image: url(../images/layout/bg/top_active.png);
	background-repeat: no-repeat;
    
}


#outerBar {
	height: 52px;
	width:980px;
	margin: auto;
	vertical-align: top;
	padding-left: 8px;
	padding-right: 8px;
}

#menu {
	float:left;
	margin-left: 91px;
	width: 400px;
}

ul.menuItems {
	font-family: Verdana, Helvetica, Arial, no-serif;
	font-weight: bold;
	font-size: 12px;
	list-style-type: none;
	margin: 0;
    padding: 0;
}

ul.menuItems li {
	margin-top: 10px;
}

li.right {
	float:right;
	margin-right: 8px;
	margin-left: 30px;
}

li.left {
	float: left;
	margin-right: 30px;
}


.menuItem {
	display: inline-block;
	padding-top: 8px;
	padding-bottom: 8px;
}

#feedbackButton {
	position: fixed;
	left: -2px;
	top: 200px;
	/*
	width: 63px;
	height: 126px;
	background-image: url(../images/misc/feedback.png);
	*/
	width: 42px;
	height: 110px;
	background-image: url(../images/misc/feedback_label.png);
	
	cursor: pointer;
	cursor: hand;
	z-index: 500;
}

#sitenews {
	position: absolute;
	left: -480px;
	top: 124px;
	width: 510px;
	height: 510px;
	background-image: url(../images/misc/news_label_flat.png);
	background-position: 100% 0;
	background-repeat: no-repeat;
	z-index: 500;
}

#sitenewsCaption, #sitenewsCaptionText {
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
  	position: absolute;
	right: 0;
	top: 2px;
	padding: 22px 12px 20px 20px;

	width: auto;
}

#sitenewsCaptionText {
	-webkit-transform: rotate(-90deg); 
  	-moz-transform: rotate(-90deg);
  	top: 28px;
  	right: -30px;
  	
  	width: 70px;
}

#sitenewsCount {
	position: absolute;
	
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;

	min-width: 14px;
	min-height: 14px;

	text-align: center;
	right: -3px;
	top: -3px;
	

	font-size: 11px;
	background-color: #FF0000;
	border: 2px solid #990000;
}

/*
#sitenewsContents {
	overflow: hidden;
	margin: 20px;
	margin-right: 60px;
	height: 380px;
	padding: 10px;
	text-align: left;
}
*/

#sitenewsContents {width: 410px; clear: both; margin: 30px; margin-top: 10px; text-align: left; }
#sitenewsContents .viewport { width: 380px; height: 380px; overflow: hidden; position: relative; }
#sitenewsContents .overview { width: 380px; list-style: none; position: absolute; left: 0; top: 0; }
#sitenewsContents .thumb .end,
#sitenewsContents .thumb { background-color: rgba(0,0,0, 0.2); border-radius: 5px; }
#sitenewsContents .scrollbar { position: relative; float: right; width: 10px; border-radius: 5px; }
#sitenewsContents .track { background-color: rgba(0,0,0, 0.2); height: 100%; width:8px; position: relative; padding: 0 1px; border-radius: 5px; }
#sitenewsContents .thumb { height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#sitenewsContents .thumb .end { overflow: hidden; height: 5px; width: 8px; }
#sitenewsContents .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

#sitenewsContents h2 {
	padding-top: 0;
	margin-top: 0;
}

#feedbackButton:hover {
	left: 0px;
}

#topTitle, #photoContextTop {
	font-family: Verdana, Helvetica, Arial, no-serif;
	font-size: 22px;
}

#photoContextTop div {
	padding: 8px;
}

#topTitle {
	float:left;
	margin-top: 10px;

}


#userLoginMenuItem {
    cursor: pointer;
	cursor: hand;
    float: right;
    width: 60px;
}

#userLoginPic {
    margin-top: 8px;
    margin-bottom: 0;
    width: 32px;
    height: 32px;

    float: right;
    display: inline;
    position: relative;
    z-index: 99;
}

#userLoginArrow{
    float: right;
    
    margin-top:20px;
    margin-right:8px;
    margin-left: 4px;
    vertical-align: middle;

    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms; 
}

#userLoginArrow.opened {
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
               /* IE6–IE9 */
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
                 zoom: 1;
}


#userDropdown, #loginDropdown {
	position: absolute;
	right: -24px;
	top: 40px;
	width: 160px;
    
    background: url(../images/layout/black50.png);
    background-color: rgba(8,8,8, 0.5);
    /*
	background-color: #2A2A2A;
	*/
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	
    
	height: 0;
	
	display: none;
	overflow:hidden;
	z-index: 1010;
	text-align: left;
}


#loginDropdown {
    width: 200px;
    top: 48px;
    right: -10px;
}

.userDropdownOpened, .loginDropdownOpened {
	-moz-box-shadow: 0 0 5px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,0.5);
	box-shadow: 0 0 5px 3px rgba(0,0,0,0.5);
}

.userDropdownLink {
	display: block;
}

.dropdownItem, #loginDropdown div {
    /*
    border-top: 1px solid #333;
    */
	background: url(../images/layout/black30.png);
    background-color: rgba(0,0,0, 0.3);
    margin-top: 1px;
	overflow: auto;
}

#loginDropdown div {
	padding: 8px;
}

.dropdownItem a {
	padding: 8px;
	display: block;
}

.dropdownDesignSky, .dropdownDesignWood, .dropdownDesignWallpaper, .dropdownDesignStructure, .dropdownDesignLeather, .dropdownDesignPolkadots, .dropdownDesignAntelope, .dropdownDesignField, .dropdownDesignParis, .dropdownDesignFire, .dropdownDesignOcean, .dropdownDesignSand, .dropdownDesignFlatBlue, .dropdownDesignFlatRed, .dropdownDesignFlatGrey, .dropdownDesignFlatGreen, .dropdownDesignOwn {
	width: 32px;
	height: 32px;
	padding: 0;
	margin-right: 4px;
	margin-top: 4px;
	display: inline;
	border: none;
	float: left;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;

	/*
    -moz-box-shadow: 0 0 5px 5px rgba(255,255,255,0.1);
	-webkit-box-shadow: 0 0 5px 5px rgba(255,255,255,0.1);
	box-shadow: 0 0 5px 5px rgba(255,255,255,0.1);
	*/
}

.dropdownDesignSky:hover, .dropdownDesignWood:hover, .dropdownDesignWallpaper:hover, .dropdownDesignStructure:hover, .dropdownDesignLeather:hover, .dropdownDesignPolkadots:hover, .dropdownDesignAntelope:hover, .dropdownDesignField:hover, .dropdownDesignParis:hover, .dropdownDesignFire:hover, .dropdownDesignOcean:hover, .dropdownDesignSand:hover, .dropdownDesignFlatBlue:hover, .dropdownDesignFlatRed:hover, .dropdownDesignFlatGrey:hover, .dropdownDesignFlatGreen:hover {

    -moz-box-shadow: 0 0 5px 5px rgba(255,255,255,0.3);
	-webkit-box-shadow: 0 0 5px 5px rgba(255,255,255,0.3);
	box-shadow: 0 0 5px 5px rgba(255,255,255,0.3);
}

.dropdownDesignSky {
	background: url(../images/layout/bg/sky_thumb.jpg);
}

.dropdownDesignWood {
	background: url(../images/layout/bg/wood_thumb.jpg);
}

.dropdownDesignWallpaper {
	background: url(../images/layout/bg/wallpaper_thumb.jpg);
}

.dropdownDesignStructure {
	background: url(../images/layout/bg/ue_thumb.jpg);
}

.dropdownDesignLeather {
	background: url(../images/layout/bg/leather_thumb.jpg);
}

.dropdownDesignPolkadots {
    background: url(../images/layout/bg/polkadots_thumb.jpg);
}
.dropdownDesignAntelope {
    background: url(../images/layout/bg/antelope_thumb.jpg);
}
.dropdownDesignField {
    background: url(../images/layout/bg/field_thumb.jpg);
}
.dropdownDesignParis {
    background: url(../images/layout/bg/paris_thumb.jpg);
}
.dropdownDesignFire {
    background: url(../images/layout/bg/fire_thumb.jpg);
}
.dropdownDesignOcean {
    background: url(../images/layout/bg/ocean_thumb.jpg);
}
.dropdownDesignSand {
    background: url(../images/layout/bg/sand_thumb.jpg);
}



.dropdownDesignFlatBlue {
    background-color: #03A6A8;
}
.dropdownDesignFlatRed {
    background-color: #FF6B67;
}
.dropdownDesignFlatGrey {
    background-color: #3E4146;
}
.dropdownDesignFlatGreen {
    background-color: #377661;
}

.dropdownDesignOwn {
    background-color: rgba(200,200,200,0.5);
    background-image: url(../images/icons/own_design.png);

    background-repeat: no-repeat;
    background-position: 4px 4px;


    width: 32px;
    height: 32px;
    margin: 0;
    margin-right: 5px;
    margin-top: -8px;
}


.dropdownDesignOwnLink:hover .dropdownDesignOwn{
    background-image: url(../images/icons/own_design_active.png);
}

.dropdownFlagDe, .dropdownFlagEn, .dropdownFlagEs, .dropdownFlagIt {
    width: 16px;
    height: 16px;
    padding: 0;
    vertical-align: middle;
    margin-right: 4px;
    display: inline-block;
    cursor: pointer;
    opacity: 0.6;
    background-size: cover;
}

.dropdownFlagDe {
	background-image: url(../images/icons/flag_de.png);
}

.dropdownFlagDe:hover {
	opacity: 1.0;
}

.dropdownFlagEn {
    background-image: url(../images/icons/flag_en.png);
}

.dropdownFlagEn:hover {
    opacity: 1.0;
}

.dropdownFlagEs {
    background-image: url(../images/icons/flag_es.png);
}

.dropdownFlagEs:hover {
    opacity: 1.0;
}

.dropdownFlagIt {
    background-image: url(../images/icons/flag_it.png);
}

.dropdownFlagIt:hover {
    opacity: 1.0;
}


.userProfile {
	background: url(../images/layout/black50.png);
	background: rgba(0,0,0,0.5) none;
	
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	padding: 4px;
	display: inline-block;
	margin: 2px;
	width: 50px;
	height: 50px;
	float: left;
	
}

.userProfile div {
	width: 50px;
	height: 50px;

	cursor: pointer;
	cursor: hand;
	
	background: url(../images/buttons/profiles.png);
	display: inline-block;
}

#userProfile-werkenntwen {
	background-position: 0 0;
}

#userProfile-werkenntwen:hover {
	background-position: 0 -50px;
}

#userProfile-xing {
	background-position: -50px 0;
}

#userProfile-xing:hover {
	background-position: -50px -50px;
}

#userProfile-facebook {
	background-position: -100px 0;
}

#userProfile-facebook:hover {
	background-position: -100px -50px;
}



.loginPageForm div {
	padding-bottom: 10px;
}

#contentWrap {
	width: 980px;
	margin-top: 0;
	margin: auto;
	text-align: left;
}
#content {
	margin: 0;
	padding: 0;
}

.roundField, .roundSearch, .buttonRound, .roundFieldArea, .roundFieldAreaEmail {
	margin: 0;
	
	border: medium none;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	*/
	height: 22px;
	background: url(../images/layout/black50.png);
	background: rgba(0,0,0,0.5) none;
	
	border: 1px solid #666666;
	padding-left: 11px;
	padding-right: 11px;
	color: #666666;

	vertical-align: middle;
}

.roundField {
	padding-left: 5px;
	padding-right: 5px;
	/* nein wg. comments margin-left: 5px;*/
	width: 90px;
}

.roundSearch {
	width: 202px;
	background-image: url(../images/icons/magnifier.png);
	background-position: 98% 50%;
	background-repeat: no-repeat;
	padding-left: 4px;
	padding-right: 22px;
	color: #fff;
}


.roundFieldArea {
	height: auto;
	padding: 4px;
	padding-left: 8px;
}


.roundFieldAreaEmail {
    display: inline-block;
    height: auto;
    margin-bottom: 10px;
    margin-left: -3px;
    padding: 4px;
    width: 300px;
}


.roundFieldAreaActive {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
	
.roundFieldArea textarea, .roundFieldAreaEmail textarea {
	-moz-box-sizing: border-box;
	border: 0 none;
    outline: 0 none;
    
    margin: 0;
    padding: 0;
    background-color: transparent;
    resize: none;
    height: 14px;
	color: #666;
	width: 100%;

	overflow : hidden
}

.roundFieldArea textarea.active {
	min-height: 56px;
	color: #ccc;
}

.roundFieldAreaEmail textarea {
    color: #fff;
    width: 300px;
}


.buttonRound {
	margin-left: 5px;
	display: inline-block;
	background-color: #0296F6;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	
	border: 2px solid #6DC5FE;
	color: #fff;
	font-weight: bold;
}



#topSearchDiv, #instantsearchwrap {
	float:right;
	display:inline;
	width: 250px;
	text-align: left;
	
}

#instantsearch {
	padding-left: 4px;
}

#topSearch, #instantsearchquery {
	margin-top:12px;
	display:inline;
}


#instantsearchresults {
	position: absolute;
	/*
    border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	background-color: #333;
	*/


    background: url(../images/layout/black50.png);
    background-color: rgba(8,8,8, 0.5);

	width: 229px;
	margin-left: 4px;
	text-align: left;
    /*
	-webkit-box-shadow: 3px 3px 29px #000;
	-moz-box-shadow: 3px 3px 29px #000;
	box-shadow: 3px 3px 29px #000;
    */
	display: none;
	z-index: 9999;

}
.instantsearchresult {
	padding: 5px;
	cursor:pointer;
	cursor:hand;
}
.resultheader  {
	font-weight: bold;
	/*background-color: #454545;*/
	padding: 5px;
    padding-top: 8px;
	/*border-top: 1px solid #666;*/
}


#commentField {
	background-image: url(../images/arrows/dropright.png);
	background-position: 98% 50%;
	background-repeat: no-repeat;
}

.commentItem {
	padding-top: 10px;
	clear: both;
}

.newsBox, .contentBox, #leftBox, .centerBox, .bigBox, .photoBox, #context, #contextPadding, .folderBox, #eventMultiSelectContext {
	margin: 0;
	margin-left: 8px;
	float: left;
}

.contentBox {
	width: 100%;
    position: relative;
}

#leftBox {
	width: 330px;
	padding-top: 8px;
}

.clear {
	clear: both;
	position: relative;
}

.centerBox, .folderBox {
	
	text-align:center;

	background: url(../images/layout/black50.png);
	background: rgba(0,0,0,0.5) none;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);

	text-align: left;

	

	/*width: 928px;*/
	
	
	padding-top: 16px;
}

.centerBox {
	width: 880px;
	padding: 40px;
}

.folderBox {
	background: url(../images/layout/black60.png);
	background: rgba(0,0,0,0.65) none;
	
	padding: 10px 30px;
	padding-bottom: 10px;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	font-weight: bold;
	margin-top: 4px;
	cursor: pointer;
}

.folderBox:hover, .folderBoxActive {
	padding-bottom: 14px;
	margin-top: 0;
}

#externBar {
	width: 928px;
	margin: auto;
}

.externBox, .popupBox {

	background: url(../images/layout/black50.png);
	background: rgba(0,0,0,0.5) none;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);

	text-align: left;
	padding: 40px;


	/*width: 928px;*/
	margin: auto;
	width:880px;
	padding-top:16px;
}

.externBoxBigOne {
	width: 960px;
}

.popupBox {
	margin: 10px;
	width: 680px;
	padding-top: 0;
	padding-bottom: 20px;
}

#externBar {
	width: 960px;
}

.bigBox {
	width: 100%;
	margin-top: 8px;
	margin-left: 16px;
}


#footer {
	background: url(../images/layout/black50.png);
	background: rgba(0,0,0,0.5) none;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	position: absolute;
	bottom: 0;
	left:0;
	width: 100%;
}

#footerInner, #topFooterInner {
	margin: auto;
	width: 928px;
}

#topFooterInner {
	text-align: left;
}

#footerMenu {
	float: left;
	text-align: left;
}

#footerCopyright {
	float: right;
}

#subFooter {
	padding-top: 10px;
	font-size: 11px;
	color: rgba(255,255,255, 0.3);
	text-align: left;
}

#subFooter a {
	color: rgba(255,255,255, 0.3);
}

#subFooter a:hover {
	color: #02BEFD;
}

#topFooter {
	background: url(../images/layout/bg/topfooterbg.png);
	/*background: url(../images/layout/start/topfooterbg_white.png);*/
	
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 50px;

	margin-top: 30px;
	width: 100%;
}


.userSnippet, .userSnippet-name {
	float: left;
}

.userSnippet-name {
	height: 100px;
	width: 64px;
	padding-top: 8px;
	padding-right: 8px;
	text-align: center;
	font-size: 11px;
}

.userSnippet {
	margin-right: 4px;
	margin-bottom: 4px;
}

.userThumb, .userThumbSmall, .userThumbBig, .userThumbTiny, .userThumbContext {
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	width: 46px;
	height: 46px;
	float: left;

	background-size: 102%;
	background-position: 50% 50%;

	cursor: pointer;
	cursor: hand;
	
}

.userThumbBig {
	width: 62px;
	height: 62px;
}

.userthumbSmall {
	width: 36px;
	height: 36px;
}

.userThumbTiny {
	width: 30px;
	height: 30px;
}



.newsItem .userThumbSmall, .newsItem .userThumbTiny {
    margin-right: 8px;
    overflow: hidden;
}

#labelMessageBox {
	height: 60px;
}

#emailBannerMessageBox {
	height: 60px;
	overflow: hidden;
}

#emailBannerMessageBox .emailBannerBox {
	left: -2200px;
}

#emailBannerMessageBox .emailBannerBox a {
	color: #fff;
	font-weight: bold;
}

.errorBox, .warningBox, .successBox, .messageBox {
    color: #fff;
	background: url(../images/layout/message_labels_flat.png) no-repeat 0 0;
    text-align: right;

    
    width: 2950px;
    left: -3700px;
    z-index: 1000;
    /*font-weight: bold;*/
    font-size: 16px;
    
    height: 22px;
    position: relative;

    padding: 10px;
    padding-right: 50px;
    margin: 20px;

}

.warningBox {
	background: url(../images/layout/message_labels_flat.png) no-repeat 0 -43px;
}

.successBox {
	background: url(../images/layout/message_labels_flat.png) no-repeat 0 -86px;
}

.messageBox {
	background: url(../images/layout/message_labels_flat.png) no-repeat 0 -129px;
}

.registerBox span {
	position: relative;
}

#preRegisterForm {
	display: block;
}

.registerBox h1 {
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
	margin: 0;
	max-width: 700px;
}


.formInvalidLabel {
	font-weight: bold;
	display: block;
	position: absolute;
	top: -42px;
	left: 0;
	
	
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* CSS3 */
	background-color: #600;
	padding:5px;
}

.agbSection {
	overflow: auto;
}

.agbSection .contenttext {
	max-width: 500px;
	float: left;
	margin-bottom: 30px;
}

.agbSection .description {
	padding-top: 52px;
	float: right;
	max-width: 350px;
	font-size: 16px;
	font-weight: bold;
	color: #666;
	color: rgba(255,255,255, 0.6);
}


/* EVENT */

.fancyThumb {
	z-index: 90;
	float: left;
	display: inline-block;
	margin: 8px;

	overflow: hidden;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	background-repeat: no-repeat;

	position: relative;
	
	-moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);
	cursor: pointer;
	cursor: hand;
}

.fancyThumb:hover {
	
	/*
	margin: 0;
	*/

}

.fancyThumbClick:hover {
	-moz-box-shadow: 0 0 5px 5px rgba(255,255,255,0.3);
	-webkit-box-shadow: 0 0 5px 5px rgba(255,255,255,0.3);
	box-shadow: 0 0 5px 5px rgba(255,255,255,0.3);
	
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}

.fancyThumbSelect:hover {
	
	-moz-box-shadow: 0 0 5px 5px rgba(2,150,246,0.6);
	-webkit-box-shadow: 0 0 5px 5px rgba(2,150,246,0.6);
	box-shadow: 0 0 5px 5px rgba(2,150,246,0.6);
}

.fancyThumbSelected {
	-moz-box-shadow: 0 0 5px 5px rgba(255,255,255,0.6);
	-webkit-box-shadow: 0 0 5px 5px rgba(255,255,255,0.6);
	box-shadow: 0 0 5px 5px rgba(255,255,255,0.6);
}

.fancyThumbSelect .multiSelectTick {
	display: none;
}

.fancyThumbSelected .multiSelectTick {
	display: inline;
}

.fancyThumbClick .multiSelectTick {
	display: none;
}

.fancyThumbSorterDrop {
    border-left: 4px dotted #fff;
    margin-right: 4px;
}


.multiSelectTick {
	width: 44px;
	height: 44px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -22px;
	margin-top: -22px;
	background-image: url(../images/icons/tick_select.png);
}




.fancyEventThumb {
	float: left;
	display: inline-block;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	width: 128px;
	height: 128px;
	border: 3px solid #eee;
	background-position: 50% 50%;
}

.eventContext {
	margin: 0 8px;
}

a.action {
	display: block;
	padding-left: 34px;
	background-repeat: no-repeat;
    opacity: 0.9;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

a.action:hover {
    opacity: 1;
}

.preloadPeopleAdd, .preloadPhotosAdd, .preloadDropbox, .preloadAddMe, .preloadFollow, .preloadSetLocation, .preloadDeleteEvent, .preloadUserAdd, .preloadUserEvent, .preloadUserPhotos, .preloadUserBack, .preloadFacebook, .preloadMore, .preloadDownload {
	display: none;
	width: 0;
	height: 0;
}


#actionPeopleAdd {
    background-image: url(../images/icons/people.png);
}
#actionPeopleAdd:hover, .preloadPeopleAdd {
    background-image: url(../images/icons/people_active.png);
}

#actionDesign {
    background-image: url(../images/icons/design.png);
}
#actionDesign:hover, .preloadDesign {
    background-image: url(../images/icons/design_active.png);
}

#actionPrintProduct {
    background-image: url(../images/icons/printproduct.png);
}
#actionPrintProduct:hover, .preloadDesign {
    background-image: url(../images/icons/printproduct_active.png);
}

#actionPhotosAdd {
    background-image: url(../images/icons/pics.png);
}
#actionPhotosAdd:hover, .preloadPhotosAdd {
    background-image: url(../images/icons/pics_active.png);
}

#actionMultiSortReset {
    background-image: url(../images/icons/sort_time.png);
}
#actionMultiSortReset:hover, .preloadMultiSortReset {
    background-image: url(../images/icons/sort_time_active.png);
}


#actionMultiSortResetFilename {
    background-image: url(../images/icons/sort_name.png);
}
#actionMultiSortResetFilename:hover, .preloadMultiSortResetFilename {
    background-image: url(../images/icons/sort_name_active.png);
}

#actionMultiSortResetUpload {
    background-image: url(../images/icons/sort_uploadtime.png);
}
#actionMultiSortResetUpload:hover, .preloadMultiSortResetUpload {
    background-image: url(../images/icons/sort_uploadtime_active.png);
}

#actionDropbox {
    background-image: url(../images/icons/dropbox.png);
}
#actionDropbox:hover, .preloadDropbox {
    background-image: url(../images/icons/dropbox_active.png);
}

#actionAddMe {
    background-image: url(../images/icons/flag.png);
}
#actionAddMe:hover, .preloadAddMe {
    background-image: url(../images/icons/flag_active.png);
}

#actionFollow {
    background-image: url(../images/icons/follow.png);
}
#actionFollow:hover, .preloadFollow {
    background-image: url(../images/icons/follow_active.png);
}

#actionSetLocation {
    background-image: url(../images/icons/location.png);
}
#actionSetLocation:hover, .preloadSetLocation {
    background-image: url(../images/icons/location_active.png);
}

#actionDeleteEvent, #actionDeleteSelection {
    background-image: url(../images/icons/waste.png);
}
#actionDeleteEvent:hover, #actionDeleteSelection:hover, .preloadDeleteEvent {
    background-image: url(../images/icons/waste_active.png);
}

#actionMoveSelection {
    background-image: url(../images/icons/move.png);
}
#actionMoveSelection:hover, .preloadMoveSelection {
    background-image: url(../images/icons/move_active.png);
}

#actionSelectAll {
    background-image: url(../images/icons/select_all.png);
}
#actionSelectAll:hover, .preloadSelectAll {
    background-image: url(../images/icons/select_all_active.png);
}

#actionSelectNone {
    background-image: url(../images/icons/select_none.png);
}
#actionSelectNone:hover, .preloadSelectNone {
    background-image: url(../images/icons/select_none_active.png);
}

#actionSelectSwitch {
    background-image: url(../images/icons/select_switch.png);
}
#actionSelectSwitch:hover, .preloadSelectSwitch {
    background-image: url(../images/icons/select_switch_active.png);
}

#actionUserAdd {
    background-image: url(../images/icons/user_add.png);
}
#actionUserAdd:hover, .preloadUserAdd {
    background-image: url(../images/icons/user_add_active.png);
}

#actionUserEvent {
    background-image: url(../images/icons/user_event.png);
}
#actionUserEvent:hover, .preloadUserEvent {
    background-image: url(../images/icons/user_event_active.png);
}

#actionUserPhotos {
    background-image: url(../images/icons/user_photo.png);
}
#actionUserPhotos:hover, .preloadUserPhotos {
    background-image: url(../images/icons/user_photo_active.png);
}

#actionUserBack {
    background-image: url(../images/icons/user_back.png);
}
#actionUserBack:hover, .preloadUserBack {
    background-image: url(../images/icons/user_back_active.png);
}

#actionFacebook {
    background-image: url(../images/icons/facebook.png);
}
#actionFacebook:hover, .preloadFacebook {
    background-image: url(../images/icons/facebook_active.png);
}

#actionMore {
    background-image: url(../images/icons/more.png);
}
#actionMore:hover, .preloadMore {
    background-image: url(../images/icons/more_active.png);
}

#actionDownload, #actionDownloadSelection {
    background-image: url(../images/icons/download.png);
}
#actionDownload:hover, #actionDownloadSelection:hover, .preloadDownload {
    background-image: url(../images/icons/download_active.png);
}

#actionCollage, #actionCollageSelection {
    background-image: url(../images/icons/collage.png);
}
#actionCollage:hover, #actionCollageSelection:hover, .preloadCollage {
    background-image: url(../images/icons/collage_active.png);
}


#actionBackToEvent {
    background-image: url(../images/icons/back_to_event.png);
}
#actionBackToEvent:hover, .preloadBackToEvent {
    background-image: url(../images/icons/back_to_event_active.png);
}

#actionBackToPhoto {
    background-image: url(../images/icons/back_to_photo.png);
}
#actionBackToPhoto:hover, .preloadBackToPhoto {
    background-image: url(../images/icons/back_to_photo_active.png);
}

#actionSuggestProfile {
    background-image: url(../images/icons/suggest_profile.png);
}
#actionSuggestProfile:hover, .preloadSuggestProfile {
    background-image: url(../images/icons/suggest_profile_active.png);
}

#actionOk {
    background-image: url(../images/icons/ok.png);
}
#actionOk:hover, .preloadOk {
    background-image: url(../images/icons/ok_active.png);
}

#actionAbort {
    background-image: url(../images/icons/abort.png);
}
#actionAbort:hover, .preloadAbort {
    background-image: url(../images/icons/abort_active.png);
}

#actionAbort2 {
    background-image: url(../images/icons/abort2.png);
}
#actionAbort2:hover, .preloadAbort2 {
    background-image: url(../images/icons/abort2_active.png);
}


div.thumb {
    display: table;
    float: left;
    
    text-align: center;
    width: 128px;
	height: 128px;
}


div.thumbSquare {
    display: block;
    float: left;
    overflow: hidden;
    text-align: center;
	margin: 5px;
}

div.thumbSquare {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
}

div.thumbSquare {
    text-align: center;
}


.thumbnailImage {
	height: 150px;
	
}

div.thumbSquare, div.thumbSquare div {
	height: 85px;
    width: 85px;
}

div.thumbSquare div {
    background-color: transparent;

}
div.thumb div {
    display: table-cell;
    vertical-align: middle;
}
div.thumbSquare div div {
    display: block;
    position: relative;
}

div.userScrollerLeft, div.userScrollerRight {
	position: absolute;
	
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0px 0px 4px;
	
	height: 50px;
	width: 42px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: 0.8;
	
	cursor: pointer;
	cursor: hand;
}

div.userScrollerLeft {
	left: -28px;
	background-image: url(../images/arrows/left_39.png);
}

div.userScrollerRight {
	right: -22px;
	background-image: url(../images/arrows/right_39.png);
}


.ezfoFormLabel{
	display: inline-block;
	width: 210px;
	text-align: right;
	vertical-align: top;
	margin-right: 5px;
}

.buttonBlue, .buttonBlueInvite, .buttonFacebook, .buttonBlueSmall, .myFormButton, .buttonGreySmall {
	background-color: #0296F6;
	border: 1px solid #6DC5FE;
	text-shadow: 0 -1px 1px #0170BA, 0 1px 1px #6DC5FE;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	font-family: Verdana, Helvetica, Arial, no-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;

	display: inline-block;

	padding: 10px 20px;
	vertical-align: middle;
	
	cursor: pointer;
	cursor: hand;
}

.buttonFacebook {
	margin: 2px;
	width: 60px;
}

.buttonBlueSmall, .myFormButton, .buttonGreySmall {
	font-size: 12px;
	padding: 4px 10px;
	margin-top: 4px;
}

.buttonGreySmall {
	background-color: #666;
	border: 1px solid #888;
	text-shadow: 0 -1px 1px #555, 0 1px 1px #888;
}

.buttonGreySmall:hover {
	background-color: #777;
	color: #fff;
}


.buttonBlue:hover, .buttonBlueInvite:hover, .buttonBlueSmall:hover, .myFormButton:hover {
	background-color: #21A6FE;
	color: #fff;
}

.buttonFacebook {
	background-color: #3C5A98;
	border: 1px solid #8199CD;
	text-shadow: 0 -1px 1px #223355, 0 1px 1px #8199CD;
	
	padding-left: 60px;
	background-image: url(../images/buttons/facebook.png);
	background-repeat: no-repeat;
	background-position: 10% 50%;
}

.buttonFacebook:hover {
	background-color: #405F9F;
	color: #fff;
}

.buttonBlueInvite {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 340px;
	padding-left: 55px;
	background-repeat: no-repeat;
	background-position: 15px 50%;
}


.ezfoFormLabel {
    padding-top: 4px;
}

label.error {
	color: #ee1111;
	padding-left: 8px;
}

.myFormTextbox {
    min-width: 200px;
    color: #fff;
    background: url(../images/layout/black50.png);
	background: rgba(0,0,0,0.5) none;
    font-size: 12px;
    border: 1px solid #666666;
    border-radius: 5px 5px 5px 5px;
    height: 22px;
    padding-left: 4px;
    padding-right: 4px;
}


/* TOGETHERS */

.userPic, .eventsPic {
	background-repeat: no-repeat;
	background-position: 50% 30%;
    background-size: cover;


	/*border-bottom: 1px solid rgba(255,255,255,0.5);*/
}

.userPic {
    -webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.eventsPic {
    -webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	 
}

#context, #contextPadding, .newsBox, .eventsBox, #eventMultiSelectContext {
	margin: 8px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	background: url(../images/layout/black60.png);
	background: rgba(0,0,0,0.6) none;
	
	-moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);
}

.eventsBoxClickDiv {
	cursor: pointer;
	height: 150px;
	width: 100%;
}

.eventsBox:hover {
	background: url(../images/layout/black50.png);
	background: rgba(0,0,0,0.5) none;
}

#context, #contextPadding, #eventMultiSelectContext {
	width: 212px;
    padding-bottom: 8px;
}

#contextPadding {
	padding: 8px;
	width: 196px;
}

#leftBox {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	background: url(../images/layout/black50.png);
	background: rgba(0,0,0,0.5) none;
	-moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);

	width: 314px;
	padding: 8px;
}

#leftBox h1 {
	padding: 0;
	margin: 0;
	margin-bottom: 16px;
}


/* NEWS */
.newsBox {
	padding-bottom: 8px;
	width: 228px;
	
	/*background-color: #2A2A2A;*/
	/*box-shadow: 0 0 2px 2px rgba(0,0,0,0.7);*/
	cursor: pointer;
	cursor: hand;
	
}

.newsBoxHider {
    position: absolute;
    top: 8px;
    right: 8px;
}

.newsBoxHider img {
    width: 16px;
    height: 16px;
    opacity: 0.5;
}

.newsBoxHider img:hover {
    opacity: 1;
}

.newsPic, .newsPicFirstSteps, .pressPic {
	width: 228px;
	height: 134px;
    
	background-repeat: no-repeat;
	background-position: 50% 50%;
	/*background-size: 102%;*/

	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;

	position:relative;
	
	/*border-bottom: 1px solid rgba(255,255,255,0.5);*/
}

.pressPic {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	border: 1px solid rgba(255,255,255, 0.6);
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 212px;
}

.newsBox ul {
	padding: 10px;
	margin: 16px;
	margin-top: 0;
	margin-bottom: 0;
}

.newsBox ul li {
	padding: 4px;
}

#questionBox {
	width: 472px;
	min-height: 100px;
	cursor: auto;
	
}

.questionNumber {
	float: right;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;

	min-width: 14px;
	min-height: 14px;

	text-align: center;

	font-size: 11px;
	background-color: #0296F6;
	border: 2px solid #6DC5FE; 
}

.newsPicCaption, #questionBox h2, .firstStepsCaption, .pressPicCaption {
	float:left;
	font-size: 14px;
	
	background: url(../images/layout/black50.png);
	background: rgba(0,0,0,0.5) none;
	
	padding: 8px;

	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0px 0px;
	
	width: 212px;
	display: none;
}

.pressPicCaption {
	color: #fff;
}

.pressLeftLabel {
	width: 140px;
}

.newsPicCaption, .pressPicCaption {
	position: absolute;
}

.pressPicCaption {
	width: 196px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	
	bottom: 0;
}

.firstStepsCaption {
	display: block;
	margin-bottom: 16px;
	background-color: transparent;
	font-weight:bold;
}

#questionBox h2 {
	margin: 0;
	margin-bottom: 16px;
	font-weight: normal;
	background: rgba(255,255,255,0.15) none;
	width: 456px;
	display: block;
}

.newsItems {
    padding: 2px;
    padding-top: 10px;
}

.newsItem {	
	clear: both;
	padding: 6px;
	font-size: 11px;
	overflow: hidden;
}

.newsItem span {
	opacity: .4;	
}


/* USER */


.userPic {
	width: 212px;
	height: 212px;
}

.eventsBox {
	margin-bottom: 0;
	margin-top: 0;
	height: 150px;
}

.eventsPic {
	width: 150px;
	height: 150px;
	float: left;
}
.eventsItem {
	padding-left: 16px;
	padding-top: 1px;
	/*float: left;
	*/
	position: relative;
	margin-left: 150px;
}
.eventsItem h1 {
	margin: 8px;
	margin-left: 0;
	padding: 0;
	/*
	overflow: hidden;
	width: 530px;
	*/
}


.timelineItem {
	position: absolute;
	right: 0;
}

.timelineYear {
	width: 78px;
	height: 52px;
	padding: 0px;
    padding-top: 0px;
	padding-left: 30px;
    vertical-align: middle;
	
	background-image: url(../images/layout/label_year_flat.png);
	background-repeat: no-repeat;
	


	position: absolute;
	top: -24px;
    right: 0;
}

.timelineYearCaption {
    position: relative;
    padding-top: 21px;
    padding-right: 10px;
    
    font-size: 20px;
	font-family: Verdana, Helvetica, Arial, no-serif;
	font-weight: bold;
	text-align: right;

}



.timelineMonth {
	display: inline-block;
	float: right;
	font-weight: bold;

	width: 88px;
	padding-top: 4px;
	
	text-align: right;
	position: relative;
	/*top: -20px;*/
    /*top: 30px;*/
	margin-top: 30px;

    padding-right: 10px;
    /*
	border-top: 1px dotted #fff;
	border-top: 1px dotted rgba(255, 255, 255, 0.4);
	*/
}

.timelineMonthAlone {
	top: -54px;
}


.timelineYearFixed, .timelineMonthFixed {
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
}

.timelineMonthFixed {
	margin-top: 54px;
}

/* PHOTO */
.photoBox {
	margin-left: 14px;
	width:980px;
	text-align: center;
	
}

.photoWrap {
	display: inline-block;
	position:relative;
    float: left;
	margin: 0;
	z-index: 5;
	-moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);
	background-color: #000;
}

#photoContext, #photoContextTop {
	position:absolute;
	bottom: 0;
	left: 0;
	/*height: 44px;*/
	width: 100%;
	
	z-index: 100;
	display: none;
	padding-bottom: 4px;
}

#photoContextTop.withTitle {
	background: url(../images/layout/black50.png);
	background: rgba(0,0,0,0.5) none;
}

#photoContext {
	background: url(../images/layout/black50.png);
	background: rgba(0,0,0,0.5) none;
	min-height: 40px;
}

#photoContextTop {
	top: 0;
    height: 44px;
}

.photoContextDiv {

}


#photoLeft, #photoRight, #photoMiddle {
	position:absolute;
	bottom: 0;
	height: 100%;
	width: 50%;
	cursor: pointer;
	cursor: hand;
	background-image: url(../images/layout/spacer.gif);
}

#photoLeft div, #photoRight div {
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	display:none;
    opacity: 0.5;
}

#photoLeft {
	left: 0;
	z-index:90;
}


#photoLeft div {
	background-position: 5%;
	background-image: url(../images/arrows/photo_left.png);
}

#photoRight {
	left: 50%;
	z-index:90;
	
}

#photoRight div {
	background-position: 95%;
	background-image: url(../images/arrows/photo_right.png);
}

#photoMiddle {
	display: none;
	left: 33.333%;
	width: 33.333%;
	z-index: 90;
}

/* Mobile: Drittel-Zonen (zurück / Leiste / weiter) */
.photoTouchZones #photoLeft {
	width: 33.333%;
	left: 0;
}

.photoTouchZones #photoMiddle {
	display: block;
	width: 33.333%;
	left: 33.333%;
}

.photoTouchZones #photoRight {
	width: 33.333%;
	left: 66.666%;
}

#photoLeftLeft, #photoRightRight {
	position: relative;
    display: inline-block;
    float: left;
	bottom: 0;
	height: 100%;
	cursor: pointer;
	cursor: hand;
	background-image: url(../images/layout/spacer.gif);
}

#photoFullscreenPanel {
	width: 94px;
	height: 94px;
	background-image: url(../images/buttons/play.png);
	position: absolute;
	bottom: 20px;
	left: 45%;
	opacity: 0.5;
	z-index: 1000;
	cursor: pointer;
	display: none;
}

#photoFullscreenPanel.pause {
	background-image: url(../images/buttons/pause.png);
}

#photoFullscreenPanel:hover {
	opacity: 1;
}


#thePhoto {
	position: relative;
	z-index: 10;
}

#photoNavigator {
	float: right;
	width: 114px;
	margin: 0;
    padding-top: 2px;
	padding-bottom: 10px;

}

#photoPosition {
	float: left;
}

#photoInfo {
	padding-top: 6px;
	float: left;
	width: 140px;
}

#photoComments {
	/*padding-top: 40px;*/
}

.photoCommentDelete {
	float: right;
	display: none;
}

#photoNumberSelector {
	display: none;
	font-size: 10px;
	border: 1px solid #333;
	padding: 1px;
	margin: 0;
	padding-left: 2px;
	padding-right: 2px;
	width: 20px;
}

.photoNumberEdit {
	border: 1px solid #fff;
	padding-left: 2px;
	padding-right: 2px;
	cursor:pointer;
	cursor:hand;
}

#photoDateTakenEdit:hover {
	border: 1px solid #fff;
	padding-left: 2px;
	padding-right: 2px;
	cursor:pointer;
	cursor:hand;
}

#photoDateTakenEditor {
	display: none;
}

#leftArrow, #upArrow, #rightArrow{
	width: 37px;
	height: 35px;
	display: inline-block;
    background-repeat: no-repeat;
    opacity: 0.8;
    float: left;
    background-image: url(../images/buttons/photo_navigation.png);
}

#leftArrow.active, #rightArrow.active, #upArrow.active {
	cursor: pointer;
	cursor: hand;
}

#leftArrow.active:hover, #rightArrow.active:hover, #upArrow.active:hover {
	opacity: 1;
}


#leftArrow {
    background-position: -1px 0;
}

#rightArrow {
    background-position: -77px 0;
}

#upArrow {
    background-position: -39px 0;
}


#photoMore {
	display: none;
}

.photoContextAction, .likerAction, .dislikerAction {
	cursor: pointer; 
}

.photoContextAction {
	height: 24px;
	width: 24px;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	float: left;
	padding: 0;
	margin: 8px;
	margin-bottom: 0;
	opacity: 0.8;
	background-image: url(../images/icons/sprite_141028.png);
}

#photoContextActionRotatePhoto { background-position: 0px 0; }
#photoContextActionProfilePic { background-position: -24px 0; }
#photoContextActionMainPhotoOff { background-position: -48px 0; }
#photoContextActionMainPhotoOn { background-position: -72px 0; }
#photoContextActionHdOff { background-position: -96px 0; }
#photoContextActionHdOn { background-position: -120px 0; }
#photoContextActionDeletePhoto { background-position: -144px 0; }
#photoContextActionLikeOn { background-position: -168px 0; }
#photoContextActionLikeOff { background-position: -192px 0; }
#photoContextActionCommentOn { background-position: -216px 0; }
#photoContextActionCommentOff { background-position: -240px 0; }
#photoContextActionInfo { background-position: -264px 0; }
#photoContextActionMail { background-position: -288px 0; }
#photoContextActionDownload { background-position: -312px 0; }
#photoContextActionFacebook { background-position: -336px 0; }
#photoContextActionFullscreen { background-position: -360px 0; }
#photoContextActionInfoOn { background-position: -384px 0; }
#photoContextActionRotate2Photo { background-position: -408px 0; }
#photoContextActionCaption { background-position: -432px 0; }
#photoContextActionSlideshow { background-position: -456px 0; }
#photoContextActionDesign { background-position: -480px 0; }
#photoContextActionTwitter { background-position: -504px 0; }
#photoContextActionGoogleplus { background-position: -528px 0; }
#photoContextActionPinterest { background-position: -552px 0; }


#photoContextActionRotatePhoto:hover { background-position: 0px -24px; }
#photoContextActionProfilePic:hover { background-position: -24px -24px; }
#photoContextActionMainPhotoOff:hover { background-position: -48px -24px; }
#photoContextActionMainPhotoOn:hover { background-position: -72px -24px; }
#photoContextActionHdOff:hover { background-position: -96px -24px; }
#photoContextActionHdOn:hover { background-position: -120px -24px; }
#photoContextActionDeletePhoto:hover { background-position: -144px -24px; }
#photoContextActionLikeOn:hover { background-position: -168px -24px; }
#photoContextActionLikeOff:hover { background-position: -192px -24px; }
#photoContextActionCommentOn:hover { background-position: -216px -24px; }
#photoContextActionCommentOff:hover { background-position: -240px -24px; }
#photoContextActionInfo:hover { background-position: -264px -24px; }
#photoContextActionMail:hover { background-position: -288px -24px; }
#photoContextActionDownload:hover { background-position: -312px -24px; }
#photoContextActionFacebook:hover { background-position: -336px -24px; }
#photoContextActionFullscreen:hover { background-position: -360px -24px; }
#photoContextActionInfoOn:hover { background-position: -384px -24px; }
#photoContextActionRotate2Photo:hover { background-position: -408px -24px; }
#photoContextActionCaption:hover { background-position: -432px -24px; }
#photoContextActionSlideshow:hover { background-position: -456px -24px; }
#photoContextActionDesign:hover { background-position: -480px -24px; }
#photoContextActionTwitter:hover { background-position: -504px -24px; }
#photoContextActionGoogleplus:hover { background-position: -528px -24px; }
#photoContextActionPinterest:hover { background-position: -552px -24px; }


.photoContextAction:hover {
	opacity: 1;
}

#photoContext {
	z-index:100;
}

#commentButton {
	display: none;
}




#photoCaption, #photoCaptionInput, h1.editableHover, #eventTitleInput {
	display: inline-block;
	min-width: 400px;
	height: 30px;
	padding: 0 20px;
    text-align: center;
	cursor: text;
}

#photoCaption.editable, #photoCaption.editableHover, #photoCaptionInput, h1.editableHover, #eventTitleInput  {
	border: 1px dotted rgba(255,255,255,0.3);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
    
}

#photoCaption.editableHover, #photoCaptionInput, h1.editableHover, #eventTitleInput {
	background-color: #222;
	border: 1px solid #666666;
}



h1.editable, h1.editableHover, #eventTitleInput {
	height: auto;
	padding: 10px 0;
	margin: 0;
	margin-bottom: 20px;
    position: relative;
	letter-spacing: -1px;
}

h1.editableHover, #eventTitleInput {
	text-align: left;
	padding: 9px;
	left: -10px;
    /*padding: 10px;*/
}



 
#photoCaptionInput, #eventTitleInput {
    font-family: Verdana, Helvetica, Arial, no-serif;
	font-size: 22px;
    color: #fff;
    
    display: none;
}

#photoCaptionInput {
	margin: 0;
}


#photoCaptionWrap {
	display: none;
}


/* EVENT */

#eventFilter {
	float: right;
	margin-top: 20px;
	margin-right: 25px;
	padding: 5px;
	position: relative;
}




#eventFilter a {
	text-decoration: none;
}

#eventFilterCaption {
    text-decoration: underline;
}


#eventFilterDropdown {
	display: none;
	
	list-style-type: none;
	margin: 0;
    padding: 0;
    position: absolute;
    width: 200px;

    top: 24px;
    right: 0;


    
    background: url(../images/layout/black50.png);
    background-color: rgba(8,8,8, 0.5);
    /*
	background-color: #2A2A2A;
	*/
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
    


	overflow:hidden;
	z-index: 1010;
	text-align: left;
}

#eventFilterDropdown li {


	background: url(../images/layout/black30.png);
    background-color: rgba(0,0,0, 0.3);
    margin-top: 1px;
	overflow: auto;
}

#eventFilterDropdown li a {
	padding: 8px;
	display: block;
}

#slider {
	width: 200px;
	height: 4px;
	float:right;
	margin: 8px;
	margin-right: 18px;
	margin-top: 30px;
	z-index: 90;
}

#slider a {
	width: 13px;
	height: 13px;
    margin-top: 6px;
    margin-bottom: 6px;
	top: -11px;
    background: #fff;
    border: none;

}

#invitePeople {
	width: 473px;
	height: 540px;
	position: relative;
	overflow: hidden;
	text-align: left;
}

#inviteFrame {
	width: 1000px;
	height: 430px;
	position: absolute;
	left: 0;
	top: 0;
}

#eventChooseDesignWrapper {
	width: 750px;
	height: 300px;
    position: relative;
    overflow: hidden;
}

#eventChooseDesignFrame {
    width: 1500px;
    height: 300px;
    position: absolute;
    left: 0;
    top: 0;
}

#eventChooseDesignList {
    width: 750px;
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

#eventChooseDesignOwn {
    left: 750px;
    width: 750px;
    height: 280px;
    position: absolute;
    top: 0;
}


#inviteButtons, #inviteContents {
	width: 473px;
	height: 430px;
	/*padding-top: 40px;*/
	position: absolute;
}

#inviteButtons {
	padding-left: 30px;
}



#inviteContents {
	left: 500px;

}

#invitePeople h1 {
	padding-top: 0;
	margin-top: 0;
}

.inviteLeftLabel {
	width: 100px;
}

.inviteLeftLabel {
	width: 100px;
}

.eventInviteOr {
	text-align: center;
	width: 415px;
}

#eventInviteEmailFeedback {
    overflow-y: auto;
    height: 100px;
}

#peopleInviteSearch {
	width: 445px;
	background-position: 98.5% 50%;
}

#peopleInviteList {
	width: 470px;
	height: 180px;
	padding: 0;
	margin-top: 20px;
	overflow-y: scroll;
	border: 1px solid #666;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.peopleInviteListItem, .peopleInviteListItemClickable {
	padding: 8px;
	background-color: #555;
}


.peopleInviteListItemOdd {
	background-color: #444;
}

.peopleInviteListItemOdd:hover {
	background-color: #4a4a4a;
}

.peopleInviteListItemEven:hover {
	background-color: #5b5b5b;
}

.peopleInviteListItem .userThumb {
	margin-right: 10px;
}

.peopleInviteListItemCheckboxSpacer, .peopleInviteListItemCheckbox, .peopleInviteListItemCheckboxSelected, .peopleInviteListItemCheckboxActive, .peopleInviteListItemCheckboxFollow {
	
	background-repeat: no-repeat;
	background-position: center center;
	padding: 8px;
	padding-right: 10px;
	float: left;
	height: 30px;
	width: 16px;
}

.peopleInviteListItemCheckboxSpacer {
	background-image: url(../images/icons/tick.png);
}

.peopleInviteListItemCheckbox {
	background-image: url(../images/icons/checkbox.png);
}

.peopleInviteListItemCheckboxSelected {
	background-image: url(../images/icons/checkbox_selected.png);
}

.peopleInviteListItemCheckboxActive {
	background-image: url(../images/icons/flag.png);
}

.peopleInviteListItemCheckboxFollow {
	background-image: url(../images/icons/follow.png);
}

.peopleInviteOptions {
	width: 470px;
	/*padding-top: 20px;*/
	vertical-align: middle;
}

.peopleInviteListName, .peopleInviteListStatus {
	float: left;
	width: 150px;
	display: inline-block;
}

.peopleInviteListStatus {
	float: right;
	text-align: right;
	font-size: 11px;
}



#invitePeopleButtonAdd {
	background-image: url(../images/buttons/add.png);
	cursor: pointer;
}

.notificationListItemPhoto {
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	margin-bottom: 5px;

	background-size: 100%;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.notification, .question {
	padding: 8px;
/*	font-size: 11px;*/
}

.questionLink {
	cursor: pointer;
}

/* EXTERN */

.features {
	font-family: Verdana, Helvetica, Arial, no-serif;
	font-size: 20px;
	letter-spacing: -1px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-top: 70px;
	padding-left: 70px;
	display: inline-block;
}

.features li {
	background-image: url(../images/icons/tick.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.registerBox, .agbBox {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	padding: 10px;

	margin-left: 60px;
	margin-right: 60px;
	
	/*
	margin-left: 15px;
	margin-right: 15px;
	*/
	
	margin-top: 30px;
	margin-bottom: 20px;
	
	background: url(../images/layout/black50.png);
	background: rgba(0,0,0,0.8) none;
	-moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);

    border-color: #999999;
    border-width: 0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 0 transparent;

	/*box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);*/
}

.agbBox {
	margin: 30px;
}

input.register {
	/*background: rgba(255,255,255,0.8) none;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	border: 1px solid #111;
	height: 31px;
	width: 142px;
	margin: 2px;
	margin-top: 2px;
	vertical-align: middle;
	font-size: 18px;
	font-weight: normal;
	color: #aaa;
	padding: 6px;
	padding-left: 10px;
	
}

#contactText {
	width: 400px;
	height: 200px;
	max-width: 100%;
}

img.registerButton {
	margin: 2px;
	vertical-align: middle;
}

#eventMoreActions {
	
}

.accessBox, .accessBoxActive {
	background-repeat: no-repeat;
    background-size: 12px 12px;
    margin: 4px 0;
	padding-left: 16px;
	
}

#eventVisibleBox, #eventUploadBox, #eventWhoBox, #eventDownloadBox, #eventPostBox {
	padding: 8px;
	padding-top: 4px;
}

#eventVisibleBox.active, #eventUploadBox.active, #eventWhoBox.active, #eventDownloadBox.active, #eventPostBox.active {
	background-color: rgba(255,255,255,0.2);
}

.accessBoxActive:hover {
	color: #02BEFD;
	cursor: hand;
	cursor: pointer;
}

.accessBox-locked {
	background-image: url(../images/icons/locked.png);
}

.accessBox-link {
	background-image: url(../images/icons/link.png);
}

.accessBox-people {
	background-image: url(../images/icons/people12.png);
}

.accessBox-world {
	background-image: url(../images/icons/world.png);
}



#multipleUpload {
	display: none;
	
	margin: 16px 8px 10px 10px;
	min-height: 84px;
	vertical-align: middle;


	background: url(../images/layout/black50.png);
	background: rgba(0,0,0,0.2) none;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

   -moz-box-shadow: inset 1px 1px 5px black;
   -webkit-box-shadow: inset 1px 1px 5px black;
	box-shadow: inset 1px 1px 5px black;
	
    
}

#multipleUploadProgressbar {
	margin: 10px;
	display:none;
}

#mutipleUploadQuest {
	font-size: 18px;
	padding: 10px;
	text-align: center;
}

#mutipleUploadInfo {
	font-weight: bold;
	padding: 8px;
	text-align: center;
}

#multipleUpload.dragoverit {
	background: url(../images/layout/black50.png);
	background: rgba(0,0,0,0.5) none;
}


.recommendProfilePic {
	clear: both;
	cursor: pointer;
}

.recommendProfilePic:hover {
	color: #02BEFD;
}

#mapcontainer {
  position: relative;
  width: 720px;
  height: 480px;
  margin: 0px;
  float: left;
}

#map {
  width: 100%;
  height: 100%;
  border: 1px solid black;
  position: absolute;
}

#footerMade {
	display: none;
}

.jsWarning {
	border: 3px solid #E2781C;
	background-color: #E8A429;
	font-weight: bold;
	font-size: 18px;
	padding: 10px;
	margin: 10px;
}

.help h2 {
	padding-top: 30px;
}

.help p {
	margin-top: 8px;
	margin-bottom: 0;
}

.helpItem {
	padding-top: 8px;
	padding-bottom: 8px;
}

.helpQuestion {
	cursor: pointer;
	cursor: hand;
}

.helpQuestion:hover {
	color: #02BEFD;
}

#help {
	max-width: 600px;
}

#help .selected .helpQuestion  {
	font-weight: bold;
	/*color: #02BEFD;*/
	
}

#help .selected.helpItem {
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

#help .answer {
	font-weight: normal;
}


/* LAST OVERWRITINGS */


.opacityHover {
	opacity: 1;
}

.visibleHover {
	display: inline;
}

#theClip {
	width: 800px;
	height: 480px;
}

.staticContentLeft {
	float: left;
	max-width: 410px;
}

.staticContentImage {
	float:right;
	border-radius: 5px 5px 5px 5px;
	overflow:hidden;
	margin-top:10px;
	max-width:450px;
}

.boxButton {
	border: 1px solid rgba(255,255,255,0.5);
	border-radius: 5px 5px 5px 5px;
	background: rgba(255,255,255,0.1);
	padding: 15px;
	line-height: 1;
	display: inline-block;
	height: 85px;
	width: 85px;
	float: left;
	margin-right: 30px;
	margin-top: 20px;
	position: relative;
	text-align: center;
}

.boxButton:hover {
	background: rgba(255,255,255,0.2);
	cursor: pointer;
}

.boxButton .file {
	position: absolute;
	right: 1px;
	bottom: 1px;
	font-size: 11px;
	padding: 4px;
	/*border: 1px solid rgba(255,255,255,0.2);*/
	height: 11px;
	
	border-radius: 3px 0 5px 0;
	text-align: center;
	font-weight: bold;
	color: rgba(255,255,255,0.5);
}


.contextTip {
	font-size: 18px;
	color: #fff;
	
	font-family: 'Indie Flower', cursive;
	/*font-family: 'Just Another Hand', cursive;*/
	text-shadow: 0.1em 0.1em 0.2em #000;
	z-index: 110;
}

.contextTipText {
	display: inline-block;
	margin: auto;
	text-align: center;
	position: relative;
}


.contextArrow {
	position: relative;
	display: inline-block;
}

.contextArrow {
	position: absolute;
  	background-repeat:no-repeat;
}

.contextArrow .exit, .contextTip .exit {
	background-image:  url(../images/misc/exit.png);
	background-repeat: no-repeat;
	width: 26px;
	height: 28px;
	position: absolute;
	right: -16px;
	top: -12px;
	display: none;
	cursor: pointer;
}

.contextArrow-leftContext {
	background-position: 0 20px;
	background-image: url(../images/arrows/context_right_left.png);
	margin-left: 210px;
	padding-left: 120px;
	margin-top: -40px;
	padding-top: 10px;
	-moz-transform:rotate(-3deg);
    -webkit-transform:rotate(-3deg);
    -o-transform:rotate(-3deg);
    transform:rotate(-3deg);
}

.contextArrow-userMenu {
	background-position: 97% 10%;
	background-image: url(../images/arrows/context_left_top.png);
	text-align: right;
	right: -40px;
	padding-right: 80px;
	width: 500px;
	margin-top: 60px;
	-moz-transform:rotate(-3deg);
    -webkit-transform:rotate(-3deg);
    -o-transform:rotate(-3deg);
    transform:rotate(-3deg);
}

.contextArrow-userEvents {
	background-position: 40px 10px;
	background-image: url(../images/arrows/context_right_bottom.png);
	padding-left: 120px;
	padding-bottom: 30px;
	bottom: 0;
	left: 0;
}

.contextArrow-invitePeople {
	background-position: 20px 12px;
	background-image: url(../images/arrows/context_top_left.png);
	text-align: left;
	left: 110px;
	padding-top: 32px;
    font-size: 14px;
	width: 150px;
	line-height: 0.8;
	text-align: center;
	-moz-transform:rotate(-5deg);
    -webkit-transform:rotate(-5deg);
    -o-transform:rotate(-5deg);
    transform:rotate(-5deg);

    text-shadow: 1px 1px 1px #000;
}

.contextArrow-invitation {
	background-position: 770px 20px;
	background-image: url(../images/arrows/context_left_bottom.png);

	padding-bottom: 120px;
	padding-right: 80px;

	text-align: right;
	top: -50px;
	right: 0;
	
	width: 800px;
	/*height: 200px;*/
	
	
	-moz-transform:rotate(-1deg);
    -webkit-transform:rotate(-1deg);
    -o-transform:rotate(-1deg);
    transform:rotate(-1deg);
}

/* Start Page */

#startSlides {
	float:left;
	padding-top: 10px;
	text-align: center;
}

.startSlidesContainer {
	width:500px;
	height:330px;
	overflow: hidden;
}

.startSlidesContainer div {
	width:500px;
	height:330px;
	display:block;
}

.startSlidesContainer div span {
	display: block;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
}


.startSlidesPagination {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	display: inline-block;
}
.startSlidesPagination li{
	float: left;
    margin: 0 1px;
}

.startSlidesPagination li a {
    background-image: url("../images/layout/start/pagination.png");
    background-position: 0 0;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 13px;
    width: 13px;
}
.startSlidesPagination li.current a, .pagination li.current a:hover {
    background-position: 0 -13px;
}
.startSlidesPagination li a:hover {
    background-position: 0 -26px;
}

.startFeatures {
	float: right;
	padding: 0;
	padding-right: 40px;
	text-shadow: #000 0 0 40px;
}

.startClipLink {
	margin-top: 40px;
	background-image: url("../images/layout/start/play.png");
	background-repeat: no-repeat;
	padding-left: 70px;
	height: 80px;
	display: block;
	vertical-align: middle;
	font-size: 18px;
	font-weight: bold;
	padding-top: 13px;
	text-decoration: none;

}

.startClipLink:hover {
    background-image: url("../images/layout/start/play_hover.png");
}

.startLogo {
	background-repeat: no-repeat;
	background-position: center center;
	height: 40px;
	display: inline-block;
	cursor: pointer;
	padding-left: 18px;
	padding-right: 18px; 
}

#startLogoDataPrivacy {
	background-image: url("../images/layout/start/logo_madeingermany_inactive.png");
	width: 150px;
	height: 51px;
	margin-top: 0px;
}

#startLogoDataPrivacy:hover {
	background-image: url("../images/layout/start/logo_madeingermany.png");
}

#startLogoDatacenter {
	background-image: url("../images/layout/start/logo_ddc_inactive.png");
	width: 150px;
	height: 51px;
	margin-top: 0px;
}

#startLogoDatacenter:hover {
	background-image: url("../images/layout/start/logo_ddc.png");
	cursor: default;
}

#startLogoSamsungSmart {
	background-image: url("../images/layout/start/logo_samsung_smart_tv_inactive.png");
	background-size: 100%;
	width: 150px;
}

#startLogoSamsungSmart:hover {
	background-image: url("../images/layout/start/logo_samsung_smart_tv.png");
}

#startLogoSamsung {
	background-image: url("../images/layout/start/logo_samsung_inactive.png");
	width: 140px;
}

#startLogoSamsung:hover {
	background-image: url("../images/layout/start/logo_samsung.png");
}

#startLogoAndroid {
	background-image: url("../images/layout/start/logo_google_play_inactive.png");
	width: 140px;
}

#startLogoAndroid:hover {
	background-image: url("../images/layout/start/logo_google_play.png");
}

#startLogoWindows {
	background-image: url("../images/layout/start/logo_windows_inactive.png");
	height: 40px;
	width: 206px;
	margin-top: -10px;
}

#startLogoWindows:hover {
	background-image: url("../images/layout/start/logo_windows.png");
}

#startLogoIphone {
	background-image: url("../images/layout/start/logo_iphone_inactive.png");
	width: 119px;
}

#startLogoIphone:hover {
	background-image: url("../images/layout/start/logo_iphone.png");
}

/*
#startLogoAndroid {
	background-image: url("../images/layout/start/logo_android_inactive.png");
	width: 34px;
}

#startLogoAndroid:hover {
	background-image: url("../images/layout/start/logo_android.png");
}
*/

.photoMeter {
    background-color:#0173BE;
    border-radius:10px;
    border: 1px solid #fff;
    margin-right:8px;
    position:relative;
    height:20px;
    opacity:0.8;
    cursor: pointer;
}

.gallerysnippetThumb {
	margin: 10px;
	padding: 10px;
	padding-bottom: 50px;
	background-color: #eee;
	display: inline-block;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-shadow: 0 10px 10px rgba(0,0,0,0.7);
	position: absolute;
}

.gallerysnippetThumbInner {
	 width: 180px;
	 height: 180px;
	 margin: 1px;
	 background-position: 50% 30%;
	 background-repeat: no-repeat;
	 background-size: cover;
}

.inviteStatsEvents {
	background-image: url(../images/misc/stats_events.png);
	width: 120px;
	height: 100px;
	display: inline-block;
}

.inviteStatsEvents div {
	padding-top:35px;
	width:70px;
}

#gallerySnippetFan_1 {
	z-index: 1005;
}

#gallerySnippetFan_2 {
	z-index: 1004;
}

#gallerySnippetFan_3 {
	z-index: 1003;
}

#gallerySnippetFan_4 {
	z-index: 1002;
}

#gallerySnippetFan_5 {
	z-index: 1001;
}

#eventMultiSelectStage {
	z-index: 80;
    background: url(../images/layout/black50.png);
	background-color: rgba(0, 0, 0, 0.6);
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#eventMultiSelectLink {
	z-index: 200;
	position: relative;

    display: block;
    padding-left: 26px;
    background-repeat: no-repeat;



    padding-bottom: 6px;

    background-image: url(../images/icons/multiedit.png);

}

#eventMultiSelectLink:hover {
    background-image: url(../images/icons/multiedit_active.png);
}

#eventMultiSelect {
	float: right;
	margin-top: 20px;
	margin-right: 25px;
	padding: 5px;
	position: relative;
}

#eventMultiSelectHeader {
	display: none;
	position: relative;
	z-index: 150;
}

#eventMultiSelectContext {
	display: none;
	position: relative;
	z-index: 150;
	background-color: #333;
}

#eventMultiMoveTargetGalleries {
    width: 470px;
	height: 280px;
	padding: 0;
	margin-top: 20px;
	overflow-y: scroll;
	border: 1px solid #666;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.eventMultiMoveTargetItem {
	padding: 8px;
    cursor: pointer;
	background-color: #555;
}


.eventMultiMoveTargetItemOdd {
	background-color: #444;
}

#card-form, #card-tds-form, #debit-form {
    display: none;
}

#premiumOrder {
    display: none;
    width: 830px;
    margin: 0;

    padding: 20px;
    padding-top: 10px;
    text-align: left;
    border: 1px solid rgba(255, 255, 255, 0.3);
    /*
    border: 1px solid #fff;
    background-color: rgba(255,255,255,0.2);
    */
}

.premiumOrderButton {
    margin: 15px;
    margin-top: 30px;

    padding: 20px;
    width: 230px;
    height: 120px;
    text-align: center;
    display: inline-block;
    background-color: rgba(255,255,255,0.3);

    cursor: pointer;
    position:relative;
}

.premiumOrderButton:hover, .premiumOrderButton.active {
    background-color: #0296F6;
}



.premiumOrderButtonArrow, .premiumOrderButtonArrow2 {
    position: absolute;
    margin-left: -12px;
    bottom: -8px;
    left: 50%;
    display: none;

    border-style: solid;
    border-width: 0 12px 8px 0;
    border-color: #0296F6 #0296F6 transparent transparent ;
}

.premiumOrderButtonArrow {
    margin-left: 0;
    border-width: 0 12px 8px 12px;
    border-color: #0296F6 transparent transparent #0296F6;
}

.premiumOrderButton.active .premiumOrderButtonArrow, .premiumOrderButton.active .premiumOrderButtonArrow2 {
    display: block;
}


.premiumOrderButton.active  .premiumOrderButtonCall {
    margin-top: 20px;
    visibility: hidden;
}

.premiumOrderButtonDuration {
    font-size: 24px;
}

.premiumOrderButtonPrice {
    font-size: 22px;
}

.premiumOrderButtonPrice span {
    font-size: 42px;
    margin-top: 10px;
}

.premiumOrderButtonPerMonth {
    font-size: 14px;
}

.premiumOrderButtonCall {
    padding-top: 20px;
    font-size: 18px;
}

.premiumOrderButtonPercent {
    position: absolute;
    top: -18px;
    right: -15px;
    width: 62px;
    height: 64px;
    background-image: url(../images/misc/percent.png);
}

.eventChoooseDesignThumbWrap {
    display: inline-block;
    width: 120px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
    position: relative;
}

.eventChoooseDesignThumb {
    display: inline-block;
    height: 100px;
    width: 100px;
    border-radius: 5px;
    background-position: center;
    opacity: 0.8;
    cursor: pointer;
    margin: 3px;
}

.eventChoooseDesignThumb:hover {
    opacity: 1;
}

.eventChoooseDesignThumbActive {
    border: 3px solid #fff;
    margin: 0;
}

.eventBrandingWrap {
    position: relative;
    height: 167px;
}
.eventBranding {
    position: absolute;
    height: 159px;
    width: 212px;
    left: -8px;
    background-image: url(../images/misc/sunwave_logo_event.png);
}

.gallerysnippetBottom {
    position: absolute;
    top: 192px;
    left: 40px;
}

.eventChooseDesignOwnList li {
    padding-bottom: 15px;
}

.eventDownloadLink {
    width: 240px;
    height: 32px;
    padding-top: 10px;
    margin-top: 10px;
    margin-bottom: 6px;
    font-weight: normal;
    text-align: center;
}

.payment-errors {
    background-color: #FF3300;
    border: 1px solid #FF8E8D;
    padding: 10px 40px;
}

.contextEditLink {
    font-weight:normal;
    float: right;
    opacity:0.5;
    font-size: 10px;
    padding-top: 2px;
}

.contextEditLink:hover {
    opacity: 1;
}


.eventPremiumTeaser {
    background-color: #0296F6;
    border: 1px solid #6DC5FE;
    padding: 8px;
    padding-top: 0;
    position: relative;
    left: -8px;
    width: 194px;
    margin-top: 20px;
    cursor: pointer;
    cursor: hand;
}

.eventPremiumTeaser:hover {
    background-color: #21A6FE;
}

.eventPremiumTeaser h2 {
    padding-top: 0;
}

.premiumDiamond {
    background-image: url(../images/misc/diamond.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 24px;
    height: 21px;
    position: absolute;
    margin-left: 10px;
    margin-top: 3px;
    display: inline-block;

}

.premiumDiamond:hover {
    background-image: url(../images/misc/diamond_active.png);
}

.eventPremiumTeaserStick {

    background-image: url(../images/misc/premium_teaser_event.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 98px;
    height: 57px;
    position: absolute;
    left: 138px;
    top: -57px;
}

.eventChooseDesignDelete {
    display: none;
    background-image: url(../images/icons/cross_white.png);
    width: 16px;
    height: 16px;
    position: absolute;
    right: 12px;
    top: 6px;
    opacity: 0.5;
    z-index: 100;
    cursor: pointer;
}

.eventChoooseDesignThumbWrap:hover .eventChooseDesignDelete {
    display: inline-block;
}

.eventChooseDesignDelete:hover {
    opacity: 1;
}

.ui-slider-horizontal {

}

.deleteReasonAnswer {
    margin-left: 25px;
    padding: 10px;
    background: rgba(0,255,0,0.3);
    margin-bottom: 20px;
    display: none;
}

#context {
    position: relative;
}

#userPremiumBadge {
    position: absolute;
    right: 8px;
}

#eventContextInfoSlider {
	position: fixed;
	bottom: 0;
	right: -250px;
	width: 180px;
	padding: 8px;
	background-color: rgba(0,0,0,0.8);
	z-index: 100;
}

#createCollageLink {
	display: none;
}


.videoProcess div {
	opacity: 0.5;
	background-color: #fff;

}


#firstName.register, #lastName.register {
	width: 120px;

}

#email.register {
	width: 150px;
}


#registerFacebookButtonResponsive {
	float: left;
}

#externalStartPress {
	border-top: 1px solid rgba(255,255,255, 0.3);
	padding-top: 40px;
	margin-top: 50px;
}

.externalFeaturesPadding {
	padding: 0;
}

.externBoxBigOne {
	padding: 0;
}

.responsiveImageLeft, .responsiveImageRight {
	max-width: 500px;
	padding-bottom: 10px;
}

.responsiveImageLeft {
	float: left;
	padding-right: 10px;
}

.responsiveImageRight {
	float: right;
	padding-left: 10px;
}

.responsiveClearDiv {
	clear:both;
	display: none;
}

.videoBox {
	width: 853px;
	height: 480px;
	max-width: 100%;
}

.eventPrintProductWrapper {
	padding-bottom: 20px;
}

.eventPrintProductBox {
	float: left;
	width: 160px;
	margin-right: 40px;
	cursor: pointer;
	text-align: center;
}

.eventPrintProductThumbnail {
	background-color: #fff;
	height: 160px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.eventPrintProductTitle {

	margin-top: 10px;
	font-weight: bold;
	font-size: 12px;
}
.eventPrintProductPrice, .eventPrintProductButton {
	margin-top: 10px;
}


#newsTickerSpecial {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;

	text-align: left;
	overflow: hidden;
	max-height: 20px;

	position: relative;
}

#newsTickerSpecial > div {
	/*position: absolute;*/
	left: 0;
	top: 0;
	margin-top: 0;
	margin-bottom: 0;
}