/* Resets */
	* {
		margin: 0; padding: 0;
	}
	
	img { -ms-interpolation-mode: bicubic; }
	
	a img{border:0;}
		
	/* For modern browsers */
	.cf:before,
	.cf:after {
	    content:"";
	    display:table;
	}
	
	.cf:after {
	    clear:both;
	}
	
	/* For IE 6/7 (trigger hasLayout) */
	.cf {
	    zoom:1;
	}
	
/*###################################################*/

/*globals css*/

.fltLft{float:left;}
.fltRgt{float: right;}
.clrLft{clear: left; line-height: 0; font-size: 0;}
.clrRgt{clear: right; line-height: 0; font-size: 0;}
.clrBth{clear: both; line-height: 0; font-size: 0;}

.pdgRgt1pc{padding-right: 1%;}
.pdgLft1_5pc{padding-left: 1.5%;}
.pdgRgt05em{padding-right: 0.5em !important;}
.pdgRgt2em{padding-right: 2em !important;}

.mrgTop0{margin-top: 0 !important;}
.mrgTop05em{margin-top: 0.5em;}
.mrgTop1em{margin-top: 1em;}
.mrgTop2em{margin-top: 2em;}
.mrgTop3em{margin-top: 3em;}
.mrgBot1em{margin-bottom: 1em;}
.mrgBot2em{margin-bottom: 2em;}
.mrgBot3em{margin-bottom: 3em;}
.mrgRgt05em{margin-right: 0.5em;}
.mrgRgt1em{margin-right: 1em;}
.mrgRgt2em{margin-right: 2em;}
.mrgLft1em{margin-left: 1em;}

.wsNW{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

input.btnStd, a.btnStd, .btnStd{
	color: #FFF;
	text-transform: uppercase;
	background-color: #00C5CC;
	border: 1px solid #00C5CC;
	border-radius: 5px;
	font-size: 1em;
	font-weight: 200;
	padding: 5px 15px 6px 15px;
}

a.btnStd, .btnStd{
	display: inline-block;
	padding: 3px 15px 4px 15px;
}

a.btnStd.grey{
	background-color: #CCC;
	border: 1px solid #CCC;
}

input.btnStd:hover, input.btnStd:active, input.btnStd:focus, .btnStd:hover, .btnStd:active, .btnStd:focus{
	color: #00C5CC;
	background-color: #FFF;
	transition: all 0.15s ease-in-out 0s;
}

a.btnStd.grey:hover, a.btnStd.grey:active, a.btnStd.grey:focus{
	color: #CCC;
	background-color: #FFF;
	transition: all 0.15s ease-in-out 0s;
}

b, strong{font-weight: 600;}

/*select Box*/
.selectBoxWrpMS{
	background: white url("/images/default/down_arrow_select.png") no-repeat scroll right center;
	border: 1px solid #272727;
	border-radius:3px;
	height: 30px;
	margin-top: -2px;
	overflow: hidden;
	width:170px;
}
.selectBoxWrpMS select.selectBoxMS {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;

	background: transparent none repeat scroll 0 0;
	border: 0 none;
	border-radius: 0;
	font-size: 1em;
	height: 30px;
	line-height: 30px;
	padding: 0 5px 0 10px;
	width:198px;
}
select.selectBoxMS{
	border: 0 none !important;
}
select.selectBoxMS option{
	padding: 5px 10px;
}

/*site css*/
	
/*body {
	background-color: #F9FAFA;
	color: #272727;
	//font-family: 'Pontano Sans', arial, sans-serif  !important;//
	font-family: 'Nunito Sans', arial, sans-serif  !important;
	font-weight: 300;
	font-size: 87.5%; //14px//
	line-height: 1.5;
	margin: 0;
	padding: 0;
}*/
	
.wrapper{
	max-width: 1310px;
	margin: 0 auto;
	padding:0;
	background-color: #FFFFFF;
	box-shadow: 0 0 15px rgba(86, 103, 103, 0.1);
	position: relative;
	overflow: hidden;
}

a{text-decoration:none;}

.content_main, .CIBContainer{width: 98.4126984127%} /*width 992px*/
.naviTopMob{width: 100%;}
.memberName{/*width:auto;*/ width: 90%;}
.memberContentHeader{margin-left:0.793651%;}
.content_main{width: 97%;}
.CIBContainer{width:100%;}


/*NAVI SCREEN NEU - textvariante*/
.naviTop{
	position: relative;
	z-index: 3;
	font-family: "Nunito Sans", sans-serif;
	font-weight: 600;
	padding-bottom:6px;
	text-transform: uppercase;
	font-size:90%;
	width: 100%;
	max-width: 1310px;
	background-color: #FFF;
}

ul#tabnav_profile{float: left;}
ul#tabnav_profile li{
	display: inline;
	font-weight: 700;
}

.naviTop ul li.naviGadd{
	font-family: "Nunito Sans",arial,sans-serif;
	background-color: #fff;
	border: 1px solid #272727;
	border-radius: 3px;
	color: #272727;
	display: block;
	margin-top: -1px;
	padding: 1px 0 0;
}

.naviTop ul{margin-top:8px;}
.naviTop ul li:last-child{margin-right:0;}
.naviTop ul li{
	float:left;
	list-style: none outside none;
	margin:0 0.25em;
}
.naviTop ul li a{color:#272727; padding: 0 0.4em; transition: all 0.15s ease-in-out 0s;}
.naviTop ul li:hover a{color:#00C5CC;  transition: all 0.15s ease-in-out 0s;}

.naviTop ul li.active, .naviTop ul li.active a{
	letter-spacing:0.1em;  color:#00C5CC; padding: 0 0.4em;
}
.naviTop ul li.active a{padding:0;}

.naviTop .selectBoxWrpMembernavi{
	background: white url("/images/default/down_arrow_select.png") no-repeat scroll right center;
	border: 1px solid #272727;
	border-radius:3px;
	height: 21px;
	margin-top: -2px;
	overflow: hidden;
	width:130px;
}
.naviTop .selectBoxWrpMembernavi select.selectBoxMembernavi {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;

	background: transparent none repeat scroll 0 0;
	border: 0 none;
	border-radius: 0;
	font-size: 1.1em;
	height: 21px;
	line-height: 1;
	padding: 1px 5px;
	width:158px;
}
.naviTop select.selectBoxMembernavi{
	border: 0 none !important;
}
.naviTop select.selectBoxMembernavi option{
	font-size:0.9em;
	padding: 5px 10px;
}
.naviTop .selectBoxWrpMembernavi.bigger{width:170px;}
.naviTop .selectBoxWrpMembernavi.bigger select.selectBoxMembernavi{width:198px;}

/*NAVI MOBILE*/
.naviTopMob{margin-bottom:20px; text-transform: uppercase;}

.naviMobHead{width:100%; background-color: #00c5cc; height:60px; margin-top:0;}
.naviMobHead.colorPrem{background-color: #B39500;}
.naviMobHead.colorCL{background-color: #BBB;}

.naviMobLft{float:left; height:60px; color: #FFF; line-height: 4em; font-weight:bold;}
.naviMobRgt{float:right; width:70px; height:60px;border-left: 1px solid #FFFFFF;}

.naviMobLft .naviMobTopItem{color:#FFF; padding:1em 8em 1em 2em;}

.naviTopMob ul li{
	list-style: none outside none;
	border-bottom: 1px solid #00C5CC;
	background-color:#FFF;
}
.naviTopMob.colorPrem ul li{border-bottom: 1px solid #B39500;}
.naviTopMob.colorCL ul li{border-bottom: 1px solid #BBB;}

.naviTopMob ul li:last-child{margin-bottom:20px;}
.naviTopMob ul li a{letter-spacing:0.1em; line-height:3.5em; color:#00C5CC; transition: all 0.15s ease-in-out 0s;  padding:1em 16em 1em 2em;}
.naviTopMob.colorPrem ul li a{color: #B39500;}
.naviTopMob.colorCL ul li a{color: #BBB;}

.naviTopMob ul li:hover{background-color:#EAEAEA;  transition: all 0.15s ease-in-out 0s;}
.naviTopMob ul li:hover a{color:#272727;}
.naviTopMob ul li.active, .naviTopMob ul li.active a{
	letter-spacing:0.1em; color:#272727; background-color:#EAEAEA; line-height:3.5em;
}
.naviTopMob ul li.active{padding-left:2em;}
.naviTopMob ul li.active a{padding-left:0;}

.clearerleft{clear:left; line-height:0; font-size:0;}
.clearerboth{clear:both; line-height:0; font-size:0;}


table.categoryTable{margin-top:0.5em; margin-bottom:40px;}

a.addresslink{color:#00C5CC !important;}
a:hover.addresslink{color:#FFF !important; background-color:#00C5CC !important;   transition: all 0.15s ease-in-out 0s;}

.memberNameWrpHome{
	position: absolute;
	left:0;
	z-index:2;
	padding:45px 25px 35px 50px;
	background-color:#FFF;
	margin-left: 0;
	width:100%;
	max-width: 1234px;
	text-transform: uppercase;
	text-align: center;
	background: url("img/bg_30opacity_gr.png") repeat;
}

.memberNameWrp{
	margin-bottom:30px;
	margin-top: 10px;
	width:96%;
	padding:5px 10px 10px 0;
	border-radius: 0 5px 5px 0;
}

.memberNameWrp h1 a{color:#272727;}
.memberNameWrp h1 a:hover{color:#00C5CC; background-color: #FFF;}

.memberAdditionals{
	max-width: 90%;
	line-height: 1.6em;
	color: #FFF;
	letter-spacing: 2px;
	font-size: 1.2em;
}

.memberAdditionals h2{
	font-family: "Nunito Sans", sans-serif;
	font-weight: 200;
	font-size: 2.0em;
	line-height: 1em;
	text-transform: uppercase;
	margin-bottom: 0.5em;
}

/*neuer Banner*/
.bannerWrp{position:relative; line-height:0;}
img.bannerImg{
	width:100%;
	max-width:1310px;
	height:auto;
}

.infoWrp{
	position:absolute;
	top:2%;
	left:2%;
	width:96%;
	height:96%;
}
.catlocWrp{margin-top:10px;}

/* avatar != desktop*/
.newAvatarWrp, .newStarWrp{float:right; margin-top:10px; text-align:right;}
.newStarWrp{margin-right:2px;}


/* avatar == desktop*/

.avatarInBannerWrp{
	position:absolute;
	z-index: 30;
	bottom:2%;
	right:2%;
	padding:2px 2px 10px 2px;
	background-color: #FFF;
	border-radius: 2px;
	opacity: 0.9;
}

.avatarTip{display: inline; position: relative;}
.avatarTip:hover:after{
    border-radius: 3px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 0;
    padding: 5px;
    position: absolute;
    z-index: 98;
    width: 90px;
    font-size:14px;
	line-height:18px;
    text-transform:uppercase;
    background: #9a6106; background: rgba(50,50,50,.8);
    text-align:left;
}


.content_main{
	min-height:1000px; /*muss scrollbar sein - fixed navi onscroll*/
	padding: 0 0.79365079365% 0 0.79365079365%; /*8px padding left and right*/
}

.goseeFooter{
	/*width:98.4127%;*/
	width: auto;
	margin-top:100px;
	padding:10px 5% 20px 5%;
	border-top:1px dashed #D5D5D5;
	font-size: 0.9em;
	text-align:center;
	text-transform: uppercase;
}

		
/*h1 {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 4em;
	font-weight: 300;
	line-height:1.2em;
}*/

.memberName h1{
	font-size: 3.8em;
	font-weight: 600;
	letter-spacing: 5px;
	color: #FFF;
}
	
h2, .headlne2 {
	font-size: 1em; /*14px*/
	font-weight: normal;
	margin: 0  0 0.9em 0;
	text-transform: uppercase;
	overflow: hidden;
}

/*h3 {
	font-family: 'Nunito Sans', sans-serif !important;
	font-size: 2em; 
	font-weight: 300;
	line-height:1.2em;
	margin-bottom:10px;
}

h4 {
	font-family: 'Nunito Sans', sans-serif !important;
	font-size: 1.4em;
	font-weight: 300;
	line-height:1.2em;
	margin-bottom:10px;
	margin-top: 20px;
}*/

h4.csSubhead{font-weight: 600;}


/*p a{color:#272727;}*/
p a:hover{color: #00C5CC;}

.content_section{margin-bottom:40px;}
.content_section h2, h2.section_head{border-bottom:1px dotted #CCC;}

.weiss{color:#FFF;}
.bronze{color:#A78754;}
.blau, .blau a, a.blau{color:#00C5CC;}
.blauIt{color:#00C5CC; font-style: italic;}
.goldNote{background-color:#d2eeef; color:#272727;}
.greyLiteIt{color:#73bfc2; font-style: italic;}
.greyMid{color:#666666;}
.greyMid2{color:#AAAAAA;}
.versalien, .inversversalien{text-transform: uppercase;}
.versalien a{color:#000;}
a:hover.blau, .blau a:hover, .versalien a:hover{color:#FFF; background-color:#00C5CC !important; transition: all 0.15s ease-in-out 0s;}
a.blaulink{color:#00C5CC;}

.inversversalien a{color:#FFF; background-color:#00C5CC;}
.inversversalien a:hover{color:#FFF; background-color:#2aa2ae; transition: all 0.15s ease-in-out 0s;}

/*admin toolbar, zunächt auf blogs*/
.admintoolbar{
	-webkit-box-shadow: 0 2px 3px #CCC;
	-moz-box-shadow: 0 2px 3px #CCC;
	box-shadow: 0 2px 3px #CCC;
	border: 1px solid #E9E9E9;
	font-weight: 600;
}
.admintoolbar:hover{
	border: 1px solid #272727;
}
.admintoolbar a{color:#00C5CC; display:block; padding:5px 10px;}
.admintoolbar a:hover{color:#272727;}

/*auszeichnung contact icons*/
.contact_block a.btn_icon_mail, a.btn_icon_mail{
	padding-left:18px;
	background: transparent url(/../images/membersite/contact_mail.gif) no-repeat 0 3px	 !important;
}
.contact_block a:hover.btn_icon_mail, a:hover.btn_icon_mail{
	background: url(/../images/membersite/contact_mailhover.gif) no-repeat 0 3px	 !important;
	background-color:#00C5CC  !important;
}

.contact_block a.btn_icon_homeLink, a.btn_icon_homeLink{
	padding-left:18px;
	background: transparent url(/../images/membersite/contact_web.gif) no-repeat 0 3px	 !important;
}
.contact_block a:hover.btn_icon_homeLink, a:hover.btn_icon_homeLink{
	background: url(/../images/membersite/contact_webhover.gif) no-repeat 0 3px	 !important;
	background-color:#00C5CC  !important;
}

.contact_block .goseelogo, .infobox_rgt .goseelogo, .contpersbox .goseelogo{
	padding-left:18px;
	background: transparent url(/../images/membersite/goseelogo_kl.gif) no-repeat 0 2px	 !important;
}

.infobox_rgt .goseelogo a:hover{color:#FFF; background-color:#00C5CC; transition: all 0.15s ease-in-out 0s;}

table.avatarms{
	float: left;
	border:1px solid #CCC;
	height:130px;
	width:170px;
	margin-right: 10px;
}
table.avatarms td{padding:5px;}

/*google map - ucer*/
.mapWrp{
	width: 100%;
}

.iwWrp{
	max-width: 200px;
	margin-right: 20px;
	font-family: "Roboto", arial, sans-serif;
	font-weight: 300;
	font-size: 0.9em;
}

.mapWrp .iwWrp .iwCompany, .mapWrp .iwWrp .iwMembername{
	font-size: 1.3em;
	font-weight: 300;
	font-family: "Oswald", sans-serif;
}

.mapWrp .iwWrp .iwCompany{font-weight: 500; text-transform: uppercase;}

.mapWrp .iwWrp .iwCompanyAdd{
	font-weight: 500;
	margin-top: 0.3em;
	font-size: 0.9em;
}

.mapWrp .iwWrp .iwMembername a, .mapWrp .iwWrp .iwCompany a{color: #EB3043;}

.mapWrp .iwWrp .iwSectionWrp{margin-bottom: 0.5em;}
.iwWrp .distance{line-height: 0; font-size: 0; margin-bottom: 0.3em;}

.mapWrp .iwWrp .iwImageWrp{margin-top: 1em; margin-right: 1em;}
.mapWrp .iwWrp img.iwImage{border-radius: 55px;}
.mapWrp .iwWrp .iwStarWrp{margin-top: 1em;}

.mapWrp .iwWrp .starcolor_none{color:#CCC;}
.mapWrp .iwWrp .starcolor_1{color:#CE9233;}
.mapWrp .iwWrp .starcolor_2{color:#00C5CC;}
.mapWrp .iwWrp .starcolor_3{color:#7E4C27;}
.mapWrp .iwWrp .starcolor_4{color:#8FAA3F;}

.mapWrp .iwWrp .postsInfoWrp{
	color:#00C5CC;
	text-transform: uppercase;
}

.mapWrp .iwWrp .postsInfoWrp a, .mapWrp .iwWrp .aboutTextWrp a{color:#00C5CC;}
.mapWrp .iwWrp .postsInfoWrp a:hover, .mapWrp .iwWrp .aboutTextWrp a:hover{color:#272727;}


/*auszeichnungen für zusatzinofs zum ausklappen auf contact*/
.CIBContainer{margin-bottom:60px;}
.CIBnavi{
	background-color: #0A4E52;
	margin-bottom:0;
}

.CIBnaviBut{
	font-family: 'Nunito Sans', arial, sans-serif  !important;
	font-weight: 700;
	font-size:1em;
	letter-spacing:0.1em;
	text-transform:uppercase;
	color: #FFF;
	text-align: center;
	padding: 10px;
	cursor: pointer;
}

.CIBnaviBut:hover{color: #00C5CC;}

.modalLayoutFront.modalMSContact{font-family: "Nunito Sans", sans-serif;}

.modalLayoutFront.modalMSContact.modal{
	max-width: 1000px;
}

.modalLayoutFront .headlineModal{
	text-transform: uppercase;
	font-family: 'Nunito Sans', arial, sans-serif !important;
	font-size: 1.2em;
	font-weight: 600;
	height: 3em;
	overflow: visible;
	margin-top: 1em;
}


.modalLayoutFront p.success{ /*overwrite jquery modal css*/
	background-color: #FFF !important;
	color: #00c5cc !important;
	font-size: 1.6em;
}

.contactModHeadline{
	line-height: 1.4em;
}

.contactModalText{
	color: #272727;
	font-size: 0.7em;
}

.modalLayoutFront.modalMSContact .columnWrp{
	float: left;
	width: 30%;
	margin: 0 1%;
}

.modalMSContact .socMedWrp{
	text-align: center;
	padding: 10px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-bottom: 1em;
}

.modalMSContact .socMedWrp .socMedItem{padding: 10px;}
.modalMSContact .socMedWrp .colFB a{color:#4366B0;}
.modalMSContact .socMedWrp .colIG a{color:#DB306D;}
.modalMSContact .socMedWrp .colTW a{color:#26A0EF;}
.modalMSContact .socMedWrp .socMedItem a:hover, .modalMSContact .socMedWrp .socMedItem a:focus, .modalMSContact .socMedWrp .socMedItem a:active{color: #272727;}


.modalMSContact .contactModalText ul{
	list-style-type: none;
}
.modalMSContact .contactModalText ul li{
	padding: 0 0 5px 0;
}


.soc_member{display:block; height:30px; margin-bottom:3px;}
.soc_member_infotxt{float:left; padding-top:5px; padding-left:20px;}


/*MS startseite stream mobile*/
.itemWrpMobile{
	display: block;
	float: none;
	margin-bottom: 20px;
}
.itemWrpMobile img{width: 100%; height:auto;}

/*MS startseite end of stream news hint*/
.moreNewsWrp{
	text-align: center;
	font-size: 1.4em;
	text-transform: uppercase;
	margin-top: 3em;
	font-weight: 600;
}
.moreNewsWrp a{color: #00C5CC;}
.moreNewsWrp a:hover{color: #272727;}

/*auszeichnungen für content sections*/
/*artist*/
.cont_artist {margin-bottom:40px;}

.overviewList {
	list-style-type:none;
    border-bottom: 1px solid #D9D9D9;
    font-family: Arial,Helvetica,sans-serif !important;
    width: 100%;
    padding-bottom:0.7em;
    padding-top:0.7em;
}
.overviewList:hover{background-color:#000000;}

.overviewList a .overviewListText{color:#666666;}
.overviewList:hover a .overviewListText{color:#D9D9D9;}
.overviewList a .overviewListHighlight{color:#000000;}
.overviewList:hover a .overviewListHighlight{color:#F4F4F4;}

/*carousels*/
.image_carousel a{
	text-decoration:none;
	color: #272727;
}
.image_carousel a:hover{
	color:#00C5CC;
}
.carouselTitle{
	font-size:0.9em;
	font-weight:normal;
	margin-right:3px;
	margin-top:-8px;
	padding:5px 8px 0 5px;
	height:200px;
	background-color: #FFF;
}

.carouselTitle.bgColored{
	background-color: #F9F9F9;
}

.carouselMovie{
	padding-left:18px;
	background: transparent url('img/btn_icon_movie.gif') no-repeat 0 0	 !important;
}

.goseeFooter a.footerlogo{
	padding-left:16px;
	background: transparent url(/../images/membersite/goseelogo_kl.gif) no-repeat 0 0	 !important;
}

.goseeFooter a:hover.footerlogo{
	color:#00C5CC;
}

.contactcarousel .caroufredsel_wrapper{min-height:250px !important;}

/* CONTACT --- ContactForm */
.coMeForm{
	margin-top:170px;
	background-color:#F9F9F9;
	border-top:1px dotted #D5D5D5;
	border-bottom:1px dotted #D5D5D5;
	
}

.coMeForm .contFormColumn{
	float:left;
	width:50%;
}

.coMeForm h1{margin-bottom:20px;}

.coMeForm .einzeilig input{
	font-size:1em;
	height:3em;
	width:80%;
	padding:0.2em 1em 0.2em 1em;
	border:1px solid #272727;
	background-color:#FFF;
	line-height:1em;
	color:#272727;
	margin-bottom:0.5em;
}

.coMeForm .mehrzeilig textarea{
	font-size:1.2em;
	padding-top: 0.5em;
	padding-left: 0.5em;
	border:1px solid #272727;
	background-color:#FFF;
	line-height:1em;
	color:#272727;
	width:86%;	
}

.coMeForm .sendButton{
	margin-top:20px;
	margin-right:47px;	
	text-align:right;
}

.coMeForm .contactMemberFormWarning{
	color:#CC0088;
	font-size:1.2em;
	font-weight:normal;
}

.coMeForm .success{
	color:#00C5CC;
	font-size:1.2em;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:10px;
}

.coMeForm .cap_img{margin-top:10px;}

.coMeForm a.code{
	font-weight:bold;
	color:#00C5CC;
}
.coMeForm a.code:hover{
	font-weight:bold;
	color:#FFF;
	background-color:#00C5CC;
}

.coMeForm input.cap_input{
	font-size:1.2em;
	height:3em;
	width:164px;
	padding:0.2em 1em 0.2em 1em;
	border:1px solid #272727;
	background-color:#FFF;
	line-height:1em;
	color:#272727;
	margin-bottom:0.5em;
}
/* END : CONTACT --- ContactForm */


/* NEU CONTACT --- MODAL CONTACT EMAIL FORM */

.modalMSContactMailForm{
	font-family: "Nunito Sans", arial, sans-serif !important;
	font-size: 1em !important;
	color: #272727 !important;
}

.modalMSContactMailForm h1{
	font-family: "Oswald", sans-serif;
	font-size: 3em;
	margin-bottom: 0.5em;
}

.modalMSContactMailForm .einzeilig, .modalMSContactMailForm .mehrzeilig{
	width: 100%;
	font-family: "Nunito Sans", arial, sans-serif !important;
	font-size: 1.2em;
	color: #272727;
}
.modalMSContactMailForm .einzeilig label, .modalMSContactMailForm .mehrzeilig label{
	font-size: 0.7em;
}
.modalMSContactMailForm .einzeilig input{
	width: 100%;
	border: 1px solid #272727;
	font-size: 0.9em;
	padding: 0.5em;
}

.modalMSContactMailForm .mehrzeilig textarea{
	width: 100%;
	border: 1px solid #272727;
	font-size: 0.9em;
	padding: 0.5em;
	margin-bottom: 20px;
}
.modalMSContactMailForm .cap_text_2{
	font-family: "Nunito Sans", arial, sans-serif !important;
	font-size: 0.85em;
}
.modalMSContactMailForm .text.cap_input{
	border: 1px solid #272727;
	font-size: 0.9em;
	padding: 0.5em;
}

.modalMSContactMailForm .sendButton{
	margin-top: 30px;
}

/* END : NEU CONTACT --- MODAL CONTACT EMAIL FORM */



.toggleContainer{
	 border: 1px solid #00C5CC;
	 border-radius: 0 6px 6px 6px;
	 padding:3px 10px;
	 margin-bottom:5px;
}


/*SHOP*/

.shopPromoIcon{
	max-width: 100px;
	position: relative;
	top: -50px;
	left: 70%;
	margin-bottom: -65px;
}

.shopPromoIcon a, .shopPromoIcon a:hover, .shopPromoIcon a:focus, .shopPromoIcon a:active{border: none; text-decoration: none;}

@media screen and (max-width: 400px) {
	.shopPromoIcon{
		top: -30px;
		left: 65%;
		margin-bottom: -85px;
	}
}


a.shopLink{color: #df778c; padding: 0 2px;}
a.shopLink:hover{color: #FFF; background-color: #e7a0ae}
a.shopLink.dark{color: #272727;}
a.shopLink:hover{color: #df778c; background-color: #FFF}

.membershopTextBlock{
	padding: 10px 15px 25px 15px;
	font-size:1em;
}

.membershopTextBlock h2{
	font-size:1.2em;
	color:#272727;
	font-family: "Nunito Sans", sans-serif;
	font-weight: 200;
}

.membershopTextBlock h3{
	font-size:0.9em;
	color:#272727;
	font-family: "Nunito Sans", arial, sans-serif !important;
	text-transform: uppercase;
}

.shopSetTextBox{
	color: #272727;
	font-family: "Nunito Sans", arial, sans-serif !important;
	font-size: 1.1em;
	line-height: 1.4em;
}

.shopSetTextBox .lineHeightBigger{ line-height: 2.2em;}


.shopSetTextBox.bgshopcolor{
	background-color: #FDF8F9;
	padding: 1em;
}

.membershopTextBlock a.buttonbuy{
	background-color: #FFF;
	border: 1px solid #e7a0ae;
	color: #e7a0ae;
	padding: 0.1em 1.2em 0.1em 1.4em;
	border-radius: 2px;
	font-family: "Oswald", sans-serif;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.membershopTextBlock a.buttonbuy:hover{
	background: #e7a0ae;
	border: 1px solid #e7a0ae;
	color: #FFF;
}

.membershopTextBlock .infotxt{
	color:#CCC;
	font-style: italic;
	font-size: 0.9em;
}

.membershopTextBlock .ratingStars{color:#272727;}
.membershopTextBlock .ratingStars:hover{color:#df778c;}
.membershopTextBlock a.ratingRevLink{
	color:#272727;
	text-transform: uppercase;
}
.membershopTextBlock a.ratingRevLink:hover{color:#df778c;}


.shopSetDetailBox{
	background-color: #F9F9F9;
	margin-bottom: 1em;
	padding: 1em;
	font-size: 0.8em;
	line-height: 1.4em;
}
.shopSetDetailBox h5 {
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 0.5em;
}

.shopSetDetailPrice{
	margin: 1em 0 0.5em 0;
	font-size: 1.2em;
	color: #df778c;
}

.memberAboutModal .shopModalText{
	color:#272727;
	font-size: 0.7em;
	line-height: 1.6em;
}
.memberAboutModal .shopModalText a{color: #e7a0ae;}
.memberAboutModal .shopModalText a:hover{color: #df778c;}

/*img thumb in shop modal*/
.shopModImgWrp{text-align: center; background-color: #F9F9F9; margin-bottom: 0.4em;}
.shopModImgWrp img{max-height: 150px; width: auto;}
.titleLine.shopModHeadline{line-height: 1.4em;}

.modalMSContact .titleLine.contactModHeadline{font-family: "Nunito Sans", Helvetica, Arial, sans-serif; font-weight: 600;}



/*shopSetDetailBox embedded in modal*/
.shopSetDetailBox{
	color:#272727;
	background-color: #F9F9F9;
	margin-bottom: 1em;
	padding: 1em;
	font-size: 0.6em;
	line-height: 1.4em;
}
.shopSetDetailBox h5 {
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 0.5em;
}

.shopSetDetailPrice{
	font-size: 1.2em;
	line-height: 1.6em;
	color: #df778c;
}


.modalLayoutFront.reviewMsModal .reviewLayerTxt {
	font-family: "Nunito Sans", arial, sans-serif;
	font-size: 0.7em;
	letter-spacing: 0;
	line-height: 1.6em;
	text-align: left;
	text-transform: none;
	color: #272727;
}

.modalLayoutFront.reviewMsModal .imgWrp{
	text-align: center;
	max-height: 150px;
	background-color: #F9F9F9;
}
.modalLayoutFront.reviewMsModal .imgWrp img{max-height: 150px; width:auto; max-width: 100%;}
.modalLayoutFront.reviewMsModal h3{
	font-family: "Oswald", sans-serif;
	font-size: 1.2em;
	font-weight: 300;
	margin-top: 2em;
	text-transform: none;
}

.modalLayoutFront.reviewMsModal h3 a{color: #272727;}
.modalLayoutFront.reviewMsModal h3 a:hover{color:#00C5CC;}

.modalLayoutFront.reviewMsModal .horLine{
	border:0;
	border-top:1px dotted #CCC;
	margin-top: 2em;
}



/* ARTISTS */
/* select box */

.artistSelectbox, .portSelectbox{
	margin-bottom:30px;
}

.selectArtistByCat, .selectPort{
	width:300px;
	height: 40px;
	border:1px solid #272727;
	font-size:1em;
	font-family: 'Nunito Sans', arial, sans-serif  !important;
	padding:8px;
	text-transform:uppercase;
}


/* friends liste mit thumbs und connect */

.friendsBrick{
	-webkit-box-shadow: 0 2px 2px #ccc;
	-moz-box-shadow: 0 2px 2px #ccc;
	box-shadow: 0 2px 2px #ccc;
	border-radius: 2px;
	color: #272727;
	overflow: hidden;
	padding: 0;
}

.friendsBrick .smallFont{font-size: 0.9em;}

.friendsBrick h2{
	font-weight: bold;
	font-size: 1.2em;
	margin: 15px;
}

.friendsBrick h2 a{color: #eb2539;}
.friendsBrick h2 a:hover{color: #272727;}

.friendsInfoBlock .friendsInfoPart{
	margin: 0 15px 0.5em 15px;
}

.friendsInfoBlock .friendsInfoPart.about a{color: #272727;}
.friendsInfoBlock .friendsInfoPart.about a:hover{color: #eb2539;}

.greenTT, .brownTT{display: inline; position: relative;}
.greenTT:hover:after, .brownTT:hover:after{
    border-radius: 3px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
    font-size:14px;
	line-height:18px;
    text-transform:uppercase;
}
.greenTT:hover:after{background: #506616; background: rgba(80,102,22,.7);}
.brownTT:hover:after{background: #845b1c; background: rgba(132,91,28,.7);}


a.updt_member_kl_pas{
	background: transparent url(img/buttons/social_uptodate_sml_pas.png) no-repeat 0 0;
	padding-left:30px;
	margin-left:0;
	font-size:24px;
}
a.updt_member_kl{
	background: transparent url(img/buttons/social_uptodate_sml.png) no-repeat 0 0;
	padding-left:30px;
	margin-left:0;
	font-size:24px;
}
a.connect_member_kl_pas{
	background: transparent url(img/buttons/social_connect_sml_pas.png) no-repeat 0 0;
	padding-left:30px;
	margin-left:0;
	font-size:24px;
}
a.connect_member_kl{
	background: transparent url(img/buttons/social_connect_sml.png) no-repeat 0 0;
	padding-left:30px;
	margin-left:0;
	font-size:24px;
}


/*artist masonry*/
.artistInfoBrick{
	border-radius: 5px;
	-webkit-box-shadow: 0 4px 7px #CCC;
	-moz-box-shadow: 0 4px 7px #CCC;
	box-shadow: 0 4px 7px #CCC;
	color: #272727;
	overflow: hidden;
	padding: 0;
}

.artistInfoBrick a{color:#272727;}
.artistInfoBrick a:hover{color:#eb2539;}

.artistInfoBrick h2{
	font-weight: bold;
	font-size: 1.2em;
	margin: 15px;
}
.artistInfoBrick h2 a{color: #eb2539;}
.artistInfoBrick h2 a:hover{color: #272727;}

.artistInfoBrick .artistInfoPart{
	margin: 0 15px 0.5em 15px;
}

/*prev next topbox*/

/*.prevNextBox{
	background-color: #F9F9F9;
	padding: 0.2em 0;
	margin: 1em 0;
	line-height: 16px !important;
}
.prevNextBox a{font-size: 16px !important; color: #272727 !important; text-transform: uppercase;}
.prevNextBox a:hover{color: #B3B3B3 !important;}
.prevNextBox .prev{
	width: 20%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.prevNextBox .next{
	width: 16%;
	text-align: right;
	white-space: nowrap;
}
.prevNextBox .info{
	width: 60%;
	text-align: center;
	margin-top: 1px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}*/


.prevNextBoxNew ul{
	list-style: none;
	padding: 10px 10px 5px 10px;
	margin: 0;
	display: flex;
	justify-content: space-between;
	background-color: #F9F9F9;
	margin-right: 15px;
}

.prevNextBoxNew.artistPrevNext ul{
	margin-left: 15px;
}

.prevNextBoxNew ul li a.pbLink{
	color: #272727;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: 600;
	display: block;
	line-height: 1.4em;
}
.prevNextBoxNew ul li a.pbLink:hover{color: #004A4C !important; background-color: transparent !important;}

.prevNextBoxNew ul li.pbTitle{
	text-align: center;
	max-width: 250px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.prevNextBoxNew ul li.pbTitle a{
	font-family: 'Roboto Slab', serif;
	font-weight: 600;
	font-size: 1.4em;
	text-transform: uppercase;
	line-height: 0.8em;
	letter-spacing:1px;
	color: #00C5CC;
}
.prevNextBoxNew ul li.pbTitle a:hover{color: #004A4C !important; background-color: transparent !important;}

li.between{width: 30%;}
li.between hr{
	border: 0;
	height: 1px;
	background: #272727;
	background-image: linear-gradient(to right, #ccc, #aaa, #ccc);
	margin-top: 0.6em;
}

/* BLOGS, PORTFOLIOS, NEWS ... IMAGES */

.csBPN{
	margin-bottom:0;
	padding-bottom:80px;
	padding-top:40px;
}

.csBPN.shadowBox{
	border:0;
	-moz-box-shadow: 2px 2px 4px #CCC;
	-webkit-box-shadow: 2px 2px 4px #CCC;
	box-shadow: 2px 2px 4px #CCC;

	border-radius: 5px;
	margin-bottom: 50px;
	padding:15px;
}

.csBPN.narrowBox{
	max-width: 900px;
	width:90%;
	margin:30px auto 50px;
	padding-bottom: 80px;
	border-bottom: 1px dotted #CCC;
}

.shadowBox .headlineBPN.dispinline, .shadowBox .headlineBPNblau.dispinline{
	font-size:1.1em;
}

.csBPN.narrowBox .headlineBPN{
	font-family: "Oswald", sans-serif;
	font-weight: 200;
	font-size: 1.6em;
	margin-bottom: 0.8em;
}
.csBPN.narrowBox .textBPN{
	margin-bottom: 1.2em;
}

.textBPN.nomaxWidth{max-width: none !important;}
.textBPN .showmore.nomaxWidth, .showmore.nomaxWidth{max-width: none !important;}


.headlineBPN,
.headlineBPNblau,
.headlineBPN span.gosee-editor-style.headline-style-1-mid {
	display: block;
	max-width: 720px;
	margin: 0 auto;
	text-align: center;
	font-size: 2rem;
	line-height: 2.2rem;
	margin-bottom: 1.5rem;
	font-weight: 300;
	font-family: 'Nunito Sans', sans-serif;
}

.headlineBPN span.gosee-editor-style.headline-style-1-big{
	display: block;
	font-size: 2.4rem;
	line-height: 2.6rem;
}

.headlineBPN span.gosee-editor-style.headline-style-1-small{
	display: block;
	font-size: 1.6rem;
	line-height: 2rem;
}

.headlineBPN a.supereditpen{margin-top: 8px;}

.headlineBPN .redSerifes, .redSerifes{
	font-family: "Roboto Slab", arial, sans-serif;
	color:#eb2539 !important;
	font-weight: 700;
}

.headlineBPN a .redSerifes:hover, a .redSerifes:hover{color:#b91c2c !important;}

.headlineBPNblau{color:#00C5CC;}

.headlineBPN a{color:#272727 !important;}
.headlineBPN a:hover{color:#00C5CC !important; background-color:#FFF; transition: all 0.15s ease-in-out 0s;}

.headlineBPNblau a, .csBPN a{color:#00C5CC;}
.headlineBPNblau a:hover, .csBPN a:hover{/*color:#FFF; background-color:#00C5CC !important;*/ color:#a78754; transition: all 0.15s ease-in-out 0s;}

.headlineBPNbig, .headlineBPNblauInvBig{
	letter-spacing:0.1em;
	text-transform: uppercase;
}
.headlineBPNbig.specialDesk{
	font-family:"Nunito Sans",sans-serif;
	color:#00C5CC;
	text-align: center;
	margin-bottom:40px;
	max-width: 90%;
	font-weight: 600;
}

.headlineBPNbig.specialMob{
	margin-top:25px;
	margin-bottom:25px;
	font-size: 1.2em;
}

.headlineBPNbig{font-size:1.4em;}
.headlineBPNblauInvBig{font-size:2em;}
.headlineBPNblauInvBig, .headlineBPNblauInvBig a{
	color:#FFF;
	background-color:#00C5CC;
}
.headlineBPNblauInvBig a:hover, .headlineBPNblauInvBig a:focus,.headlineBPNblauInvBig a:active{color:#00C5CC; background-color:#FFF;  transition: all 0.15s ease-in-out 0s;}

.dispinline{display:inline;}

span.featured_by{
	color: #fff;
	font-weight: 600;
	background: pink;
	border-radius: 5px;
	padding: 0 0.5em;
	margin-right: 0.5em;
	font-size: 0.6em;
	padding-top: 0.1em;
}

span.featured_by a{color: #FFF !important;}
span.featured_by a:hover{color: #FF1493 !important; background: pink;}

/*artist profile image*/
table.artistProfileImage{
	border: 1px solid #E9E9E9;
	border-radius: 5px;
	width:260px;
	height:260px;
}

/*artist profile about clients*/
.textColHalfLft, .textColHalfRgt{float:left; width: 48%;}
.textColHalfLft{margin-right: 4%;}

/*start stream*/
.msStartStreamWrp{
	margin-bottom: 10px;
	padding-bottom: 100px;
	padding-top: 30px;
	/*border-bottom: 1px solid #CCC;*/
	font-size: 1.2em;
}

.msStartStreamWrp video{min-height: 800px;}

.msStartStreamText{
	padding: 50px 1% 15px 1%;
}
.msStartStreamText .headlineBPNblau, .msStartStreamText .headlineBPN{
	/*font-size: 1.4em;
	font-weight: 600;*/
	margin-bottom: 0.5em;
	/*display: inline;*/
}

.msStartStreamText .headlineBPNblau{
	font-size: 0.8rem;
	line-height: 1rem;
	letter-spacing: 1px;
	font-weight: 600;
	text-transform: uppercase;
}

.msStartStreamWrp p.textBPN{line-height: 1.6em; width: 99%; margin-top: 0.5em;}



hr.streamItemSeparator {
	overflow: visible; /* For IE */
	padding: 0;
	border: none;
	border-top: 1px solid #CCC;
	color: #00c5cc;
	text-align: center;
	width: 60%;
	margin-left: 20%;
}
hr.streamItemSeparator:after {
	content: "//";
	display: inline-block;
	position: relative;
	top: -0.7em;
	font-size: 1.5em;
	padding: 0 0.25em;
	background: white;
}




@media screen and (max-width:1008px){
	.msStartStreamWrp video{min-height: 600px;}

	/*artist profile about clients*/
	.textColHalfLft, .textColHalfRgt{float:left; width: 46%;}
	.textColHalfLft{margin-right: 4%;}
	.textColHalfRgt{margin-right: 3%;}

	/*artist profile references stream*/
	.refStramWrp{
		width: 98%;
	}

	.csBPN{
		padding-right:45px;
	}
}

@media screen and (max-width:850px){
	.msStartStreamWrp video{min-height: 500px;}
}


@media screen and (max-width:700px){
	.msStartStreamWrp video{min-height: 400px;}

	.msStartStreamWrp{
		font-size: 1.1em;
	}

	.msStartStreamWrp p.textBPN,
	.msStartStreamText .textBPN.additionalInfo{
		width: 94%;
		letter-spacing: 0 !important;
	}

	/*artist profile references stream*/
	.refStramWrp{width: 96%;}

	/*artist profile about clients*/
	.textColHalfLft, .textColHalfRgt{float:none; width: 96%;}
	.textColHalfLft, .textColHalfRgt{margin-right: 4%;}
}

@media screen and (max-width:500px){
	.msStartStreamWrp video{min-height: 280px;}
	.msStartStreamWrp{
		font-size: 1em;
	}
	.wsNormalXS{white-space: normal;}
}

@media screen and (max-width:400px){
	.msStartStreamWrp video{min-height: 230px;}
	.csBPN{
		padding-right:0;
	}
}


.textBPN{
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	text-align: justify;
	max-width: 800px;
	margin: 0 auto;
	color: #272727;
	font-size: 1.0rem;
	line-height: 1.6rem;
}
.textBPN.additionalInfo, .textBPN .additionalInfo{display:block; font-size:0.8rem; margin-top:30px; margin-bottom:0; letter-spacing: 2px;}
.msStartStreamText .textBPN.additionalInfo{font-size: 0.9em; margin-top: 1em; letter-spacing: 2px;}


.textBPN.additionalInfo a, .textBPN .additionalInfo a, .h2Link a, .textBPN a, .memberName p a, .memberName a, .memberContentHeader p a, .memberContentHeader a{color:#00C5CC;}
.textBPN.additionalInfo a:hover, .textBPN .additionalInfo a:hover, .h2Link a:hover, .textBPN a:hover, .memberName p a:hover, .memberName a:hover, .memberContentHeader p a:hover, .memberContentHeader a:hover {background-color: #FFF !important; color:#a78754 !important; transition: all 0.15s ease-in-out 0s;}
.textBPN .showmore, .showmore{display: block; font-size:0.8rem; line-height: 1rem; letter-spacing: 1px; max-width: 800px; margin:  0 auto 15px auto;}
.textBPN .showmore::after, .showmore::after{
	font-size: 1.4em;
	content: ' \00BB';
	color: #00c5cc;
}
.textBPN .showmore a, .showmore a{color: #00c5cc;}
.textBPN .showmore a:hover, .showmore a:hover{color: #272727 !important; background-color: #FFF !important;}


.textBPN.contentBoxShadow{
	border: 0 none;
	border-radius: 5px;

	-moz-box-shadow: 0 4px 5px #CCC;
	-webkit-box-shadow: 0 4px 5px #CCC;
	box-shadow: 0 4px 5px #CCC;

	list-style-type: none;
	margin: 30px auto 50px;
	max-width: 900px;
	padding: 30px;
	width: 90%;
}

.shortAbout{font-size:110%;}
.shortAbout a{color:#00C5CC;}
.shortAbout a:hover{color:#FFF; background-color:#00C5CC; transition: all 0.15s ease-in-out 0s;}

.csBPN table.imageInFrame{
	border-collapse: collapse;
	height:370px;
	width:100%;
	border-top:1px dotted #D5D5D5;
	margin-top:10px;
	max-height: 370px;
	overflow: hidden;
}
table.imageInFrame td img{
	width:100%;
	height:auto;
}

.scalableFloatBox{
	float:left;
	width:23.5%;
	margin:0 0.6% 20px 0.6%;
	max-height: 460px;
	overflow: hidden;
	border-radius:5px;

	-moz-box-shadow: 0 4px 5px #CCC;
	-webkit-box-shadow: 0 4px 5px #CCC;
	box-shadow: 0 4px 5px #CCC;
}

.refInfoTextMember{
	overflow: hidden;
	width:70%;
	margin-top:15px;
	padding:10px 20px;
	text-transform: uppercase;

	/*display:block; - js*/
	position: absolute;
	top:0;
	z-index:10;
	opacity: 0.8;
	background-color: #FFF;
	border-radius: 0 5px 5px 0;
}

.refInfoText{
	overflow: hidden;
	width:auto;
	height:65px;
	margin-top:15px;
	padding:0 20px;
	text-transform: uppercase;
}

.refTitle h3{margin-top:30px;}
h3.abstUnten{margin-bottom:50px;}


.moodboardTextBlock{
	padding: 10px 15px 15px 15px;
	font-size:1em;
}
.moodboardTextBlock2{
	background: transparent url("img/opacity60wt.png") repeat scroll 0 0;
	color: #272727;
	font-size: 14px;
	left: 0;
	padding: 10px;
	position: absolute;
	text-align: left;
	text-transform: uppercase;
	bottom: 10px;
	width: 70%;
	z-index: 20000;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	border-radius: 0 5px 5px 0;
}

.moodboardTextBlock .bigVers{
	font-size:1em;
	font-family: "Nunito Sans",sans-serif !important;
	font-weight: 600;

}

.blogsMsTxtWrp{
	font-size: 14px;
	line-height: 1.5em;
	padding: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mooddescript{
	font-size:1.4em;
	font-family: "Nunito Sans",sans-serif !important;
	font-weight: 200;
	margin:1em 0 1.5em 0;
	width: 95%;
	color:#00C5CC;
}

/*EINZELBLOG große Bilder*/
.bigBlogItems{
	width:90%;
	max-width:900px;
	margin: 10px auto 50px auto;
	
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;

	-moz-box-shadow: 0 4px 5px #CCC;
	-webkit-box-shadow: 0 4px 5px #CCC;
	box-shadow: 0 4px 5px #CCC;
}

.bigBlogItems{text-align:center;}
.bigBlogItems img{max-width:100%; width:auto; height:auto;}

.bigBlogItems .moodboardTextBlock{padding:15px; text-align:left;}

/*Back to Overview Links bei Einzelansichten*/
.backToOverviewTop{margin-bottom:10px;}
.backToOverviewBot{margin-top:20px;}
.backToOverviewTop a, .backToOverviewBot a{color:#00C5CC;}
.backToOverviewTop a:hover, .backToOverviewBot a:hover{color:#FFF; background-color: #00C5CC;  transition: all 0.15s ease-in-out 0s;}


/*max width 1400*/
@media screen and (max-width:1400px) {
	.sidebartoggle {
		padding: 3px 3px 3px 0 !important;
	}
	.memberContentHeader{
		padding-left: 25px;
	}
	.content_main{
		padding-left: 40px;
		width: 95%;
	}
}

/*max width 1308*/
@media screen and (max-width:1308px) {
	.wrapper {
		box-shadow: none;
	}
}

/*max width 1240*/
@media screen and (max-width:1240px) {
	.csBPN table.imageInFrame{
		height:520px;
		margin-top:10px;
		max-height: 520px;
	}
	.scalableFloatBox{
		width:32%;
		margin:0 0.6% 20px 0.6%;
		max-height: 600px;
	}
}

/*max width 1008*/
	@media screen and (max-width:1008px) {
		.wrapper {
			border: none;
			margin: 0;
			max-width: 100%;
			box-shadow: none;
			overflow-x: hidden; /*avoid horizontal scrolling*/
		}

		.msStartStreamImages{
			width: 96%;
		}
		.msStartStreamText{
			width: 92%;
		}

		.csBPN table.imageInFrame{
			height:420px;
			margin-top:10px;
			max-height: 420px;
		}
		.scalableFloatBox{
			width:32%;
			margin:0 0.6%;
			margin-bottom:15px;
			max-height: 500px;
		}
		.content_main{width: 96%}

		.memberNameWrpHome h1, .memberNameWrp h1{font-size: 2.6em;}
		.memberAdditionals h2{font-size: 1.4em;}

		.prevNextBoxNew li.between{width: 25%;}
	}




/*max width 800*/
@media screen and (max-width:800px) {
	.modalLayoutFront.modalMSContact .columnWrp {
		float: none;
		width: 100%;
		margin: 30px 0;
	}

	.memberNameWrpHome{padding-left: 30px;}
	.memberNameWrpHome h1, .memberNameWrp h1{font-size: 2em;}
	.memberAdditionals h2{
		font-size: 1.2em;

	}

	.prevNextBoxNew li.between{width: 20%;}
	.prevNextBoxNew ul li.pbTitle a{font-size: 1.1em;}


	.headlineBPN,
	.headlineBPN span.gosee-editor-style.headline-style-1-mid{
		 font-size: 1.8rem;
	}

}


/*max width 632 for high-res-smartphones*/
@media screen and (max-width:632px) and (-webkit-min-device-pixel-ratio : 2){
	.content_main{width:90%; padding-left: 5%;}
}
@media screen and (max-width:667px) and (-webkit-min-device-pixel-ratio : 2) and (orientation: landscape){
	.content_main{width:90%; padding-left: 5%;}
}

/*max width 632*/
	@media screen and (max-width:632px) {
		.banner{width:100%; float:none; margin-bottom:20px;} /*618px*/
		.bannerborder{border:0;} /*banner ohne grauen rahmen*/
		.bannerPlaceholder{display:none;} /*banner nicht mehr zentriert sondern linksbündig*/
		.contact_block{width:100%; float:none; margin-left:0; margin-bottom:20px;} /*width 304px, marginleft 70px*/
		.content_main{width:93%; min-height:400px;}
		.content_section{margin-bottom:20px;}
		.CIBContainer{width:100%; margin-bottom:40px;}

		.avatarInBannerWrp{width: 10%; padding-bottom: 2px;}
		.avatarInBannerWrp img{width: 100%; height: auto;}
		.cluetip-avatartip{display: none !important;}
		.memberStars{display: none;}
		
		h1{font-size: 2.5em;}
		.memberNameWrpHome h1, .memberNameWrp h1{font-size: 1.8em;}
		.memberAdditionals h2{font-size: 1em;}
		.memberAdditionals{margin-top: 1em;}
		
		.naviTop{margin-bottom:20px;}	
		.naviTop ul{margin-top:5px;}


		.headlineBPN,
		.headlineBPN span.gosee-editor-style.headline-style-1-mid{
			font-size: 1.4rem;
			line-height: 1.8rem;
		}

		.headlineBPN span.gosee-editor-style.headline-style-1-big{
			font-size: 2rem;
			line-height: 2.2rem;
		}

		.headlineBPN span.gosee-editor-style.headline-style-1-small{
			font-size: 1.4rem;
			line-height: 1.8rem;
		}

		.coMeForm .contFormColumn{
			float:none;
			width:100%;
		}		
	
		.content_section.csArtists{margin-bottom:0 !important;}
	
		.CIBnavi ul li{
			display:list-item;
			float:none !important;
			list-style: none outside none;
			padding:2px;
		}

	    .soc_member_infotxt{float:left; padding:0 0 15px 0;}
	    .headlineBPNbig, .headlineBPNblauInvBig{font-size:1.6em;}

		.jobList{padding-left:0;}
	    .jobList li{
			padding-right: 20px !important;
		}
		

		.addthis_sharing_toolbox{
			float:left !important;
			display:block;
			width:100%;
			margin:5px 0 15px 0;
		}

		.csBPN table.imageInFrame{
			height:420px;
			margin-top:10px;
			max-height: 420px;
		}
		.scalableFloatBox{
			width:48%;
			margin:0 1%;
			margin-bottom:15px;
			max-height: 500px;
		}

		.prevNextBoxNew li.between{display:none}
	}

/*max width 300*/
@media screen and (max-width:400px) {

	.avatarInBannerWrp{width: 20%;}

	.csBPN table.imageInFrame{
		height:520px;
		margin-top:10px;
		max-height: 520px;
	}
	.scalableFloatBox{
		width:95%;
		margin:0 2% 20px 2%;
		max-height: 600px;
	}

	.content_main{width:90%; padding-left: 5%;}

	.artistNameWrp{
		margin-left: 20px !important;
		width: 88% !important ;
		overflow: hidden;
	}

	.artistNameWrp h1{
		font-size: 1.2em !important;
		margin-bottom: 20px;
	}

	.memberNameWrpHome{padding: 15px 25px 15px 50px;}
	.memberNameWrpHome h1, .memberNameWrp h1{font-size: 1.4em; font-weight: 600; letter-spacing: 1px;}
	.memberAdditionals h2{font-size: 1em;}

	.CIBnaviBut{
		font-size: 0.9em;
	}

	.prevNextBoxNew ul li a.pbLink{font-size: 0.8em; line-height: 2.1em;}
	.prevNextBoxNew ul li.pbTitle a{font-size: 0.9em;}
}


/*max width 300*/
	@media screen and (max-width:300px) {
		.content_main{min-height:200px;}
		.naviTop{margin-bottom:10px;}
		h1{font-size: 1.8em;}
		/*.memberNameWrpHome h1, .memberNameWrp h1{font-size: 2.0em;}*/
		.headlineBPNbig, .headlineBPNblauInvBig{font-size:1.2em;}
	}





/*###################################################*/


/*function css*/
a.addthis_contact_big{
	font-size : 				13px;
	line-height:				17px;
	background: transparent url(img/icons/add_this_big.gif) no-repeat 0 0;
	padding-left:17px;
	margin-left:3px;
}

a.addthis_contact_big:hover{
	background-color: transparent 	!important;
	background-position: 0 -17px 	!important;
}
a.addthis_contact_big:active, a.addthis_contact_big:focus{
	background-color: transparent 	!important;
	background-position: 0 -17px 	!important;
}

a.addthis_contact_search{
	font-size : 				12px;
	line-height:				16px;
	background: transparent url(img/icons/add_this.gif) no-repeat 0 0;
	padding-left:15px;
	margin-left:3px;
}

a.addthis_contact_search:hover{
	background: transparent url(img/icons/add_this_hover.gif) no-repeat 0 0	 !important;
}
a.addthis_contact_search:active, a.addthis_contact_big:focus{
	background: transparent url(img/icons/add_this_hover.gif) no-repeat 0 0	 !important;
}


a.addthis_updt_member{
	background: transparent url(img/buttons/social_uptodate.png) no-repeat 0 0;
	padding-left:130px;
	margin-left:0;
	font-size:20px;
}
a.addthis_updt_member:hover, a.addthis_updt_member:active, a.addthis_updt_member:focus{}
a.addthis_updt_member_pas{
	background: transparent url(img/buttons/social_uptodate.png) no-repeat 0 0;
	padding-left:130px;
	margin-left:0;
	font-size:20px;
	opacity: 0.3;
}

a.follow_member{
	background: transparent url(img/buttons/social_connect.png) no-repeat 0 0;
	padding-left:130px;
	margin-left:0;
	font-size:20px;	
}
a.follow_member_pas{
	background: transparent url(img/buttons/social_connect.png) no-repeat 0 0;
	padding-left:130px;
	margin-left:0;
	font-size:20px;
	opacity: 0.3;
}


a.follow_sml{
	font-size : 				13px;
	line-height:				17px;
	background: transparent url(img/icons/icon_update_big.gif) no-repeat 0 0;
	padding-left:17px;
	margin-left:0;
}

a.follow_sml:hover{
	background-color: transparent 	!important;
	background-position: 0 -17px 	!important;
}
a.follow_sml:active, a.follow_sml:focus{
	background-color: transparent 	!important;
	background-position: 0 -17px 	!important;
}


.friendfinder_front{
	float:right;
	margin-top:6px;
	margin-right:5px;
}

.friendfinder_member_search{
	float:right;
	margin-top:0;
	margin-right:0;
}


a.addthis_mygosee{
	background: transparent url('img/icon_social_moodboard_2.png') 0 0 no-repeat;
	height:16px;
	width:16px;
	padding-left:20px;
}

a.addthis_mygosee:hover, a.addthis_mygosee:active, a.addthis_contact_big:focus{
	background-position:0 -20px !important;
}


/*GROSSE BILDER - BIG PIC - aus blogs, portfolios, references, news*/
.bigPicPager{text-align:center;}

.bigPicPager .bpPagerBwd {	
	background: transparent url(img/buttons/bigPicBwd_btn.png) no-repeat 35px 2px;	
	margin-top:2px;
	margin-right:40px;
}

.bigPicPager a.bpPagerBwd{padding:0 20px 20px 0;}

.bigPicPager .bpPagerFwd {
	background: transparent url(img/buttons/bigPicFwd_btn.png) no-repeat 0 2px;
	margin-left:30px;
	margin-top:2px;
}
.bigPicPager a.bpPagerFwd{padding:0 20px 20px 20px;}

.bigPicPager .isPage{color:#FFF;}
.bigPicPager .ofPage{color:#666666;}

.bigPicButWrap{position: absolute; width:100%;}
.bigPicCreditBut{float:left; margin-left:10px; margin-top:10px;}
.bigPicMoodBut{float:left; margin-left:10px; margin-top:10px;}
.bigPicCloseBut{float:right; margin-right:10px; margin-top:10px;}


/*filmicon references*/

.refMovImage{
	width:						305px;
	border-collapse:			collapse;
	position:relative;
}

.btn_icon_movie_tab{
	position:					absolute;
	height:						15px;
	width:						15px;
	top:						5px;
	left:						18px;
	
	line-height:				16px			!important;
	color:						#999999 		!important;
	
	background-color:			transparent 	!important;
	background-position:		right 0		    	!important;
	background-repeat:			no-repeat;
	background-image:			url('img/btn_icon_movie.gif') !important;
}

.btn_icon_movie_tab.leftorientation{left: 6px;}

/*aus container.phtml*/
#lb-dark-overlay {
	position: fixed;
    background-color: #000000;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: 100;
}    

.fullimagelayer {
	position:fixed;
    height: auto;
    z-index: 200;
}

#creditbox{
	position:absolute;
	left:10px;
	top:20px;
	width:350px;
	height:400px;
	background-color: #000000; 
	opacity: 0.9;
	overflow: auto;
	border:1px solid #FFF;
	z-index: 300;
}

#creditboxmobile{
    position:fixed;
    left:4px;
    top:10px;
    width:290px;
    height:350px;
    background-color: #000000; 
    opacity: 0.9;
    overflow: auto;
    border:1px solid #FFF;
    z-index: 300;
}


#moodboardboxms{
/*top, left über .js*/
	/*position:absolute;*/
	width:300px;
	height:380px;
	background-color: #000000; 
	opacity: 0.9;
	overflow: auto;
	border:1px solid #FFF;
	z-index: 400;
}

/*ende: aus container*/


/*Layer Auszeichnung für Credits und Moodbaord*/

.modalLayoutFront.modalMSaddToPinboard.modal{
	color: #272727;
	font-size: 1em;
}
.modalLayoutFront.modalMSaddToPinboard.modal h2{
	font-family: "Oswald", sans-serif;
	font-size: 1.8em;
	text-transform: uppercase;
	font-weight: 300;
}

.modalLayoutFront.modalMSaddToPinboard.modal .selectBoxWrp{
	background: white url("/images/default/down_arrow_select.png") no-repeat scroll right center;
	border: 1px solid #272727;
	border-radius:3px;
	height: 30px;
	margin-top: -2px;
	overflow: hidden;
	width:230px;
}
.modalLayoutFront.modalMSaddToPinboard.modal .selectBoxWrp select.selectBox {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;

	background: transparent none repeat scroll 0 0;
	border: 0 none;
	border-radius: 0;
	font-size: 1em;
	height: 30px;
	line-height: 1;
	padding: 1px 5px;
	width:258px;
}
.modalLayoutFront.modalMSaddToPinboard.modal .inputField, .modalLayoutFront.modalMSaddToPinboard.modal .textareaField{
	border: 1px solid #272727;
	border-radius:3px;
}

.modalLayoutFront.modalMSaddToPinboard.modal .inputField{
	height: 21px;
	width: 97%;
}

.modalLayoutFront.modalMSaddToPinboard.modal .textareaField{
	width: 96%;
	height: 6em;
	font-size: 1em;
	padding: 0.5em 2%;
	line-height: 1.4em;
}

.modalLayoutFront.modalMSaddToPinboard.modal .separateOr{
	color: #00c5cc;
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: 300;
	margin-top: 20px;
	margin-bottom: 10px;
}

.modalLayoutFront.modalMSaddToPinboard.modal p{margin-bottom: 0.2em;}

.modalLayoutFront.modalMSaddToPinboard.modal .separateLine{
	border-bottom: 1px dotted #ccc;
	line-height: 0;
	font-size: 0;
	margin: 20px 0 10px 0;
}

.modalLayoutFront.modalMSaddToPinboard.modal input.btdStd{
	background-color: #00c5cc;
	color: #FFF;
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
	padding: 0.5em;
}

.modalLayoutFront.modalMSaddToPinboard.modal .hintbox{
	font-size: 1.2em;
}

.modalLayoutFront.modalMSaddToPinboard.modal .hintbox h2{
	font-family: "Oswald", sans-serif;
	font-size: 1.4em;
}




.msCreditLayer .msCreditLayerTop, .msMoodLayer .msMoodLayerTop{float:right; margin-bottom:20px; margin-top:2px;}
.msCreditLayer a.msCrdLayCloseBut,.msMoodLayer a.msModLayCloseBut{
	font-size : 				12px;
	background: transparent url(img/buttons/bigPicCls_but.png) no-repeat 0 0;
	padding-left:64px;	
}

.msCreditLayer .msCreditLayerContent, .msMoodLayer .msMoodLayerContent{
	color:#FFF;
	margin-left:10px;
}

.msCreditLayer .msCreditLayerContent .head{
	text-transform:uppercase;
	font-size:1.2em;
	letter-spacing:0.1em;
	color:#000;
	background-color:#FFF;
	line-height:1.6em;
}
.msCreditLayer .msCreditLayerContent table{margin-top:10px;}
.msCreditLayer .msCreditLayerContent table td{
    padding-bottom: 3px;
    padding-right: 10px;
    vertical-align: top;
}    

.msCreditLayer .msCreditLayerContent a{color:#B39500;}
.msCreditLayer .msCreditLayerContent a:hover{color:#FFF; background-color: #00C5CC;}


.moodformms_text{line-height:1.3em;}
.msMoodLayerContent input.mbName{
	font-size:1.2em;
	height:2em;
	width:80%;
	padding:0.2em 1em 0.2em 1em;
	border:1px solid #272727;
	background-color:#FFF;
	line-height:1em;
	color:#272727;
	margin-bottom:0.5em;
	font-family: monospace;		
}

 .msMoodLayerContent textarea{
	font-size:1.2em;
	width:84%;
	padding:0.2em 0 0.2em 1em;
	border:1px solid #272727;
	background-color:#FFF;
	line-height:1.2em;
	color:#272727;
	margin-bottom:0.5em;
	font-family: monospace;		
}

/***************************************
=cluetipClass: 'gosee' 
-------------------------------------- */

.cluetip-membersite, .cluetip-avatartip {
	background-color: #ffffff;
	border: 1px solid #272727;
	border-radius: 5px;
	box-shadow: 15px 15px 10px -10px rgba(39, 39, 39, 0.31);
	font-family: "Nunito Sans",arial,sans-serif;
	padding: 5px;

}
.cluetip-avatartip{
	padding:0 15px 5px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: none;
}

.cluetip-membersite #cluetip-outer {
	position: relative;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}
.cluetip-membersite #cluetip-title, .cluetip-avatartip #cluetip-title{
	display:none;
} 

.cluetip-membersite #cluetip-title{height:15px;}
.cluetip-avatartip #cluetip-title{height:0;}

.cluetip-membersite #cluetip-title a, .cluetip-avatartip #cluetip-title a {
	font-family: 				Arial, Helvetica, sans-serif;
	font-size: 					12px;
	text-transform:				uppercase;
	color: 						#272727;
	font-weight:				normal;
	line-height:				12px;
	padding:					0 16px 0 0;
	background-position:		right 0				!important;
	_background-position:		right 1px			!important;
	background-repeat:			no-repeat;
	background-image:			url('img/btn_ico_hinzufuegen_lo.gif');
	cursor:						pointer;
	display:					inline;
} 
.cluetip-membersite #cluetip-title a:hover, .cluetip-avatartip #cluetip-title a:hover {
	color: 						#ffffff;
	background-color: 			#00DEE5;	
} 
.cluetip-membersite #cluetip-inner {
	float:						left;
	width:						195px;
	height:						100px;
	margin-top:					20px;
	background-color: 			#ffffff;
	font-size: 					1em;
	padding: 					20px;
	
}

.cluetip-avatartip{border-radius: 5px;}

.cluetip-avatartip #cluetip-inner{
	float:						left;
	width:						500px;
	height:						auto;
	margin-top:					0;
	background-color: 			#ffffff;
	font-size: 					1em;
	padding: 					0;
	text-align: center;
}

.cluetip-membersite #cluetip-inner a{color:#272727;}
.cluetip-membersite #cluetip-inner a:hover{color:#FFF; background-color:#00C5CC;}

.cluetip-membersite div#cluetip-close{
	text-align: 				right;
	margin: 					0 16px 0 0;
}
.cluetip-avatartip div#cluetip-close {

	display:none !important;

	text-align: 				right;
	margin: 					0 4px 0 0;
}
.cluetip-avatartip div#cluetip-close a{background-color:#FFF;}

.membersite_verstoss_box{margin-top:20px;}
.membersite_verstoss_box a.load-local{color:#272727;}
.membersite_verstoss_box a:hover.load-local{color:#FFF; background-color:#00C5CC;}


/**** Carousel Slider   ****/

.image_carousel {
	padding: 15px 0 15px 40px;
	position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.image_carousel img {margin-right:2px;}

a.prev, a.next {
	background: url(/images/membersite/miscellaneous_sprite.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	top: 113px;
}
a.prev {			left: -12px;
					background-position: 0 0; }
a.prev:hover {		background-position: 0 -50px; background-color:transparent !important;}
a.next {			right: -12px;
					background-position: -50px 0; }
a.next:hover {		background-position: -50px -50px;  background-color:transparent !important;}

a.prev span, a.next span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}

a.prev.disabled, a.next.disabled {
    cursor: default;
    display: none !important;
}

/*jquery totop button*/
#toTop {
	width:50px;
    text-align:center;
    position:fixed;
    bottom:10px;
    right:10px;
    cursor:pointer;
    display:none;
}

/*portfolios*/
.singleCarouselWrp{

	border:0;
	-webkit-box-shadow: 0 2px 2px #ccc;
	-moz-box-shadow: 0 2px 2px #ccc;
	box-shadow: 0 2px 2px #ccc;
	border-radius: 2px;
	margin-bottom: 50px;
	padding:15px;
}
.singleCarouselWrp .headlineBPN,
.singleCarouselWrp .textBPN,
.singleCarouselWrp .textBPN.additionalInfo{
	text-align: left;
	max-width: none;
}

.singleCarouselWrp .headlineBPN.dispinline, .singleCarouselWrp .headlineBPNblau.dispinline{
	font-size:1.1em;
}

.singleCarouselWrp.artistCarousel .headlineBPN.dispinline{
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
}


/*######################################################################################################*/
/*################################################## AUSZEICHNUNGEN FÜR ARTISTSITE######################*/

/*ARTIST NAVI FARBEN */
.artistnavi.naviTop ul li{border: 0}
.artistnavi.naviTop ul li a{color:#272727;}
.artistnavi.naviTop ul li:hover{background-color:#FFF;}
.artistnavi.naviTop ul li:hover a{color:#A78754;}
.artistnavi.naviTop ul li.active, .artistnavi.naviTop ul li.active a{background-color:#FFF; color:#A78754;}

.artistnavi.naviTop ul li.naviGadd{
	/*background-color:#7980B4; border: 0;*/
	background-color: #fff;
	border: 1px solid #272727;
	border-radius: 3px;
	color: #272727;
	display: block;
	margin-top: -1px;
	padding: 1px 0 0;
} /*#A78754*/
.artistnavi.naviTop ul li.naviGadd:hover{background-color:#FFF;}
.artistnavi.naviTop ul li.naviGadd a{color:#272727;}
.artistnavi.naviTop ul li.naviGadd:hover a{color:#7980B4;}
.artistnavi.naviTop ul li.naviGadd a:hover{color:#7980B4;}

/*ARTIST NAVI MOBILE FARBEN*/
.artistnavi .naviMobHead{background-color: #B7CC96;}
.artistnavi.naviTopMob ul li{border-bottom: 1px solid #B7CC96;}
.artistnavi.naviTopMob ul li a{color:#a9bc8b;}
.artistnavi.naviTopMob ul li:hover{background-color:#EAEAEA;}
.artistnavi.naviTopMob ul li:hover a{color:#272727;}
.artistnavi.naviTopMob ul li.active, .artistnavi.naviTopMob ul li.active a{color:#272727; background-color:#EAEAEA;}


.infobox_lft{
	float:left;
	width:215px;
	margin-bottom:20px;
}
.infobox_rgt{
	float:left;
	width:310px;
}

.artistNameWrp, .content_info{ /*margin-left:0.793651%;*/ margin-left: 40px;}
.artistNameWrp{
	margin-bottom:50px;
	margin-top: 30px;
	width:92%;
	padding:5px 10px 10px 0;
	text-align: left;
}

h1.artistName{
	font-family: "Nunito Sans", sans-serif;
	font-size: 1.6em;
	text-align: left;
	max-width: none !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
}
h1.artistName strong{font-weight: 700}

.transgrayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
	opacity:0.1;
	filter:alpha(opacity=10); /* For IE8 and earlier */
}

.gAdd_BPN{
	background: url(img/icon_social_moodboard_2.png) no-repeat 0 1px;
	padding:0 5px 0 22px;
	height:16px;
	color:#00C5CC;
}

.gAdd_BPN:hover{
	background: url(img/icon_social_moodboard_2.png) no-repeat 0 -19px;
	background-color:#00C5CC;
	color:#FFF;
}

a.supereditpen, a.editpen, a.supereditpenonline, a.editpenonline, a.supereditpenart, a.editpenart, a.supereditpenlist, a.editpenlist{
    float:                      left;
    height:                     16px;
    margin:                     /*6px 6px 0 0;*/ 13px 6px 0 0;
    padding:                    0;
    line-height:                16px                !important;
    color:                      #999999             !important;
    background-color:           #ffffff             !important;
    background-position:        0 0;
    background-repeat:          no-repeat;
    text-indent:                -2000px;
    overflow:                   hidden;
    width:                      16px                !important;
}
a.supereditpenonline, a.editpenonline{margin-top:0;}
a.supereditpenart, a.editpenart{margin-top:11px;}
a.supereditpenlist, a.editpenlist{margin-top:3px;}
a.supereditpen, a.supereditpenonline, a.supereditpenart, a.supereditpenlist{background-image: url('img/but_edit_pin2.png') !important;}
a.editpen, a.editpenonline, a.editpenart, a.editpenlist{background-image: url('img/but_edit_pin1.png') !important;}
a:hover.supereditpen, a:hover.editpen, a:hover.supereditpenonline, a:hover.editpenonline, a:hover.supereditpenart, a:hover.editpenart,a:hover.supereditpenlist, a:hover.editpenlist{background-position:0 -16px   !important; }

.jobList{padding-left:25px;}
.jobList ul{list-style-type:none;}

.jobList li{
	list-style-type:none;

	border: 0 none;
	padding: 30px;

	width:90%;
	max-width:900px;
	margin: 30px auto 50px auto;

	-webkit-box-shadow: 0 2px 2px #ccc;
	-moz-box-shadow: 0 2px 2px #ccc;
	box-shadow: 0 2px 2px #ccc;
	border-radius: 2px;
}

.masItem a:hover{background-color:#FFF;}

a.bigBkLink{
	font-size:18px !important;
	color:#272727 !important;
	text-transform:uppercase;	
}
a.bigBkLink:hover, a.bigBkLink:focus, a.bigBkLink:active{
	color:#B3B3B3 !important;
	background-color:#FFF !important;
}


/* ######### SIDEPANEL ######### */

 [data-sidebar] {
 display: none;
 position: fixed;
 height: 100%;
 z-index: 100;
 top:0;
}
 [data-sidebar-overlay] {
 display: none;
 position: fixed;
 top: 0;
 left: 0;
 opacity: 0;
 width: 100%;
 min-height: inherit;
}

/* Additional styles */


aside {
	background-color: #272727;
	opacity:0.9;
	-webkit-box-shadow: 5px 1px 2px 0 rgba(0,0,0,0.4);
	-moz-box-shadow: 5px 1px 2px 0 rgba(0,0,0,0.4);
	box-shadow: 5px 1px 2px 0 rgba(0,0,0,0.4);
	overflow: auto;
}

aside  a { color:#fff; text-decoration:none;}
.overlay { background-color: #FFF; height:100%; z-index:99;}

.sidebarcontent{
	font-family: "Nunito Sans",arial,sans-serif;
	font-size:1.1em;
	padding: 20px 30px 0 40px;
	width:300px;
}

.sbinfopart{
	margin-bottom:20px;
}

.sbhidebut{
	text-align:right;
	margin-bottom:10px;
	font-size:1.6em;
}

input.sbloginbut{
	font-family:"Nunito Sans",arial,sans-serif !important;
	font-size:1.0em !important;
	padding:0 !important;
	color:#FFF !important;
	border:0 !important;
	background-color:#00C5CC !important;
	text-transform:uppercase;
	font-weight:normal !important;
}
input.sbloginbut:hover{color:#272727 !important;}

.sidebarcontent p{
	color:#FFF;
	font-size:0.9em;
	line-height:1.4em;
	margin-bottom:0.7em;
	margin-top:0.7em;
	text-transform:uppercase;
}
.sidebarcontent .sbHead{
	font-family:"Oswald",sans-serif;
	font-weight:300;
	color:#00C5CC;
	font-size:1.4em;
	text-transform:uppercase;
}
.sidebarcontent .sbHead a{color:#00C5CC;}
.sidebarcontent .sbHead a:hover, .sidebarcontent .sbHead:hover{color:#FFF;}

.sidebarcontent .sbHead.colalert{color:#F00; background-color:#FFF; padding:0 2px;}

.sidebarcontent p a{color:#FFF;}
.sidebarcontent p a:hover{color:#00C5CC;}

.sidebartoggle{
	background-color: #000;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
	-webkit-box-shadow: 5px 1px 2px 0 rgba(0,0,0,0.4);
	-moz-box-shadow: 5px 1px 2px 0 rgba(0,0,0,0.4);
	box-shadow: 5px 1px 2px 0 rgba(0,0,0,0.4);
	
	position: fixed;  
    left: 0;
    /*top: 250px;*/
	top:50px;
    
    padding: 5px;
    transition: all 0.3s ease 0s;
    z-index: 1000;
    height:220px;
    width:20px;
    
    opacity:0.6;
}

.sbtogBut{
	transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */	

	transform-origin: left top 0;
	-ms-transform-origin: left top 0; /* IE 9 */
	-webkit-transform-origin: left top 0; /* Safari */	
	
	float: left;
	margin:20px 0 15px 22px;
	font-family:"Nunito Sans Pro",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-size:1.1em;
	white-space:nowrap;
}
.sbtogBut a{color:#FFF; text-decoration:none;}

/*sidebar formular*/
.sbform input{
	font-size:1em;
	padding:10px;
	margin: 10px 0 5px 0;
	border:1px solid #FFF;
}


/* ######### SIDEPANEL ENDE ######### */


/*tell a friend layer ms-jobs*/
.tellafMSlayer{
	position:fixed;
	top:10%;
	left:10%;
	z-index: 3;
	width: 80%;
	background-color: #FFF;
	border:1px solid #272727;

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

	-moz-box-shadow: 0 4px 5px #CCC;
	-webkit-box-shadow: 0 4px 5px #CCC;
	box-shadow: 0 4px 5px #CCC;
}

.tellafMSlayer input{
	border:1px solid #272727;
	padding:10px;
	width:220px;
	margin-bottom:15px;
}

.tellafMSlayer input.buttonInput{
	padding:0;
	margin: 0;
	border:0;
	width: auto;
}

.overlayGeneralMSStyle{
	background-color: #FFF;
	height: 100%;
	z-index: 2;
	left: 0;
	min-height: inherit;
	position: fixed;
	top: 0;
	width: 100%;
}


.goseemenuContainer, .companymenuContainer, .accmenuContainer{
	background:#FFF;
	margin:-2px 0 0 0;
	font-family:"Nunito Sans",arial,sans-serif;
}
ul.goseemenu, ul.companymenu, ul.accmenu{margin:0;}

ul.goseemenu ul, ul.companymenu ul, ul.accmenu ul{
	display:none;
	position:relative;
	top:-18px;
	left:-40px;
	z-index: 21; /*over memberbanner*/
	width: auto;
	min-width: 140px;
	margin-top:2px;
	background:#FFF;
	border-bottom: 1px solid #272727;
	border-left: 1px solid #ccc;
	border-right: 1px solid #272727;
	border-radius: 0 0 2px 2px;
	box-shadow: 2px 2px 6px #888;
	opacity: 0.93;
}
ul.companymenu ul{left:-20px; min-width: 195px;}
ul.accmenu ul{top:0; left:-45px; min-width: 145px; border:1px solid #FFF;}

ul.goseemenu li.ddMenuTopValue, ul.companymenu li.ddMenuTopValue, ul.accmenu li.ddMenuTopValue{
	padding:1px 7px 0 10px;
	width: 80px;
}
ul.companymenu li.ddMenuTopValue{width: 165px;}
ul.accmenu li.ddMenuTopValue{width: 90px;}
ul.goseemenu li.ddMenuTopValue:hover, ul.companymenu li.ddMenuTopValue:hover{color: #272727;}

ul.goseemenu li, ul.companymenu li, ul.accmenu li{
	float:none;
	padding:0;
	list-style:none;
	height:20px;
	text-align:left;
	border:1px solid #272727 !important;
	border-radius: 3px;
	cursor: pointer;
	letter-spacing: 0.1em;
}
ul.goseemenu li:hover, ul.companymenu li:hover, ul.accmenu li:hover{color:#00C5CC;}

ul.goseemenu ul.ddMenu li, ul.companymenu ul.ddMenu li, ul.accmenu ul.ddMenu li{
	border: 0 !important;
	border-radius: 0 !important;
	margin: 0;
	height: auto;
}
ul.accmenu ul.ddMenu li{border-bottom: 1px solid #FFF !important;}
ul.accmenu ul.ddMenu li:last-child{border-bottom: none !important;}

ul.goseemenu ul.ddMenu li a, ul.companymenu ul.ddMenu li a, ul.accmenu ul.ddMenu li a{
	display: block;
	white-space: nowrap;
	color:#272727 !important;
	padding: 3px 10px;
}
ul.accmenu ul.ddMenu li a{color:#FFF !important; padding: 7px 10px;}

ul.goseemenu ul.ddMenu li a:hover, ul.companymenu ul.ddMenu li a:hover{background-color: #007B7F; color: #FFF !important;}
ul.accmenu ul.ddMenu li a:hover{background-color: #272727; color:#FFF !important;}
ul.accmenu ul.ddMenu li.accStr{background-color: #FFFFFF;}
ul.accmenu ul.ddMenu li.accMac{background-color: #00C5CC;}
ul.accmenu ul.ddMenu li.accUpl{background-color: #A0CCCD;}
ul.accmenu ul.ddMenu li.accNsd{
	/*background-color: #54B9FB;*/
	background: rgba(176,156,95,1);
	background: -moz-linear-gradient(left, rgba(176,156,95,1) 0%, rgba(186,166,106,1) 11%, rgba(224,197,76,1) 49%, rgba(189,164,90,1) 89%, rgba(176,156,95,1) 100%);
	background: -webkit-linear-gradient(left, rgba(176,156,95,1) 0%, rgba(186,166,106,1) 11%, rgba(224,197,76,1) 49%, rgba(189,164,90,1) 89%, rgba(176,156,95,1) 100%);
	background: -o-linear-gradient(left, rgba(176,156,95,1) 0%, rgba(186,166,106,1) 11%, rgba(224,197,76,1) 49%, rgba(189,164,90,1) 89%, rgba(176,156,95,1) 100%);
	background: -ms-linear-gradient(left, rgba(176,156,95,1) 0%, rgba(186,166,106,1) 11%, rgba(224,197,76,1) 49%, rgba(189,164,90,1) 89%, rgba(176,156,95,1) 100%);
	background: linear-gradient(to right, rgba(176,156,95,1) 0%, rgba(186,166,106,1) 11%, rgba(224,197,76,1) 49%, rgba(189,164,90,1) 89%, rgba(176,156,95,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b09c5f', endColorstr='#b09c5f', GradientType=1 );

}
ul.accmenu ul.ddMenu li.accBsc{background-color: #369496;}
ul.accmenu ul.ddMenu li.accShp{background-color: #e7a0ae;}
ul.accmenu ul.ddMenu li.accBlg{background-color: #6699CC;}
ul.accmenu ul.ddMenu li.accPrt{background-color: #7289BD;}
ul.accmenu ul.ddMenu li.accPin{background-color: #7980B4;}
ul.accmenu ul.ddMenu li.accFrd{background-color: #B39500;}
ul.accmenu ul.ddMenu li.accNml{background-color: #CF7471;}

ul.accmenu ul.ddMenu li.accStr a{color:#00C5CC !important;}
ul.accmenu ul.ddMenu li.accStr a:hover{color:#FFF;}


/*####### premium banderole ########*/
.msPremBanderoleWrp{
	position: absolute;
	right: -48px;
	top: 87px;
	z-index: 2;
}
.msPremBanderole{
	font-family: 'Nunito Sans', sans-serif;
	font-size: 1em;
	font-weight: 600;
	text-transform: uppercase;
	color: #FFF;
	background: rgba(176,156,95,1);
	background: -moz-linear-gradient(left, rgba(176,156,95,1) 0%, rgba(186,166,106,1) 11%, rgba(224,197,76,1) 49%, rgba(189,164,90,1) 89%, rgba(176,156,95,1) 100%);
	background: -webkit-linear-gradient(left, rgba(176,156,95,1) 0%, rgba(186,166,106,1) 11%, rgba(224,197,76,1) 49%, rgba(189,164,90,1) 89%, rgba(176,156,95,1) 100%);
	background: -o-linear-gradient(left, rgba(176,156,95,1) 0%, rgba(186,166,106,1) 11%, rgba(224,197,76,1) 49%, rgba(189,164,90,1) 89%, rgba(176,156,95,1) 100%);
	background: -ms-linear-gradient(left, rgba(176,156,95,1) 0%, rgba(186,166,106,1) 11%, rgba(224,197,76,1) 49%, rgba(189,164,90,1) 89%, rgba(176,156,95,1) 100%);
	background: linear-gradient(to right, rgba(176,156,95,1) 0%, rgba(186,166,106,1) 11%, rgba(224,197,76,1) 49%, rgba(189,164,90,1) 89%, rgba(176,156,95,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b09c5f', endColorstr='#b09c5f', GradientType=1 );

	padding: 5px 30px;
	transform: rotate(45deg);
	border-top: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	box-shadow: 2px 0 2px 2px rgba(0,0,0,0.1);
}