/*********************************
********* DEFAULTS ***************
**********************************/
body {
    font-family:'PT Sans',sans-serif;
    /*font-family: 'Open Sans', sans-serif;*/
    background-color:#F4F4F4;
    color:#000;
    font-size:17px;
    background-image:url(../images/grafik/paperbg.jpg);
}
.container_16 {
    /*background-image:url(../images/grafik/paperbg.jpg);*/
    background-color: #fff;
}
.gridbg {
    background-image:url(../images/960_16_10_10.png);
    background-repeat:repeat-y;
}

h1 {
    font-size: 22px;
    margin-bottom: 20px;
}
h2 {
    font-size: 18px;
    margin-bottom: 10px;
}
h3 {
    font-size: 17px;
    margin-bottom: 10px;
    font-style: italic;
}
h1 i, h2 i {
    margin-right: 10px;
    font-size:22px;
}
p {
    margin-bottom: 20px;
    line-height: 1.5;
}
a {
    color:#0095CC;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

select {
    width: 280px;
}
input, textarea, .uneditable-input {
    width: 266px;
}
select.input_inline {
    width: 180px;
}
input.input_inline,textarea.input_inline {
    width: 166px;
}
.input_zip {
    width: 80px;
}
.input_city {
    width: 140px;
}
.input_city_select_country{
	width: 60px;
}
.input_city_select_distance{
	width: 80px;
}
.input_age {
    width: 100px;
}
.clearboth {
    clear:both;
    height: 0px;
    line-height:0;
    font-size:1px;
    visibility: hidden;
}
.clickable {
    cursor:pointer;
}
.draggable {
    cursor: move;
}
.wrapper {
    margin-left:auto;
    margin-right:auto;
    width: 1280px;
/*Content- bzw Grid-Breite: 960px*/
}

.float-right {
    float:right;
}

.float-left {
    float:left;
}

.text-center {
    text-align:center;
}

.text-right {
    text-align:right;
}

.text-left {
    text-align:left;
}

.trennlinie {
    height:10px;
    background-color:#fff;
    margin:40px 0;
}

.margin_negative {
    margin-left:-10px;
    margin-right:-10px;
}

small,.small,small a,.small a,small label,.small label {
    font-size:12px;
}

small label,.small label {
    line-height:26px;
}
label {
    font-size:14px;
}
label .info {
    font-size: 11px;
    font-weight: normal;
    color: #4F4F4F;
}
label.radio,
label.checkbox {
    font-size: inherit;
    cursor: pointer;
    min-height: 30px;
    line-height: 24px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    margin-right: 10px;
}
.form-actions .ajax-notice-box, form .ajax-notice-box {
    margin-top:10px;
}
.admin_img_border{
    padding: 5px;
    border: 1px solid black;
}
.mobile-margin {
    margin-left:0;
    margin-right:0;
}
/**Facebook Root Bug on mobile screens*/
#fb-root > div { left:-575px !important; }

.coolmargin_bottom {
    margin-bottom: 20px;
}
.coolmargin_top {
    margin-top: 20px;
}
/*********************************************
********* OVERWRITING BOOTSTRAP STUFF ********
**********************************************/
/** bootstrap-label class to make span look like a label **/
.bootstrap-label {
	font-size:14px;
}

.bootstrap-horizontal-label {
	font-size:14px;
	float:left;
	padding-top:5px;
	padding-left:20px;
}
form {
    margin: 0 0 0 0;
}
.modal-backdrop {
    z-index: 100040;
}
.modal {
    z-index: 100050;
}

/**************************************
********* ADS / BANNER ****************
***************************************/
.container_16 {
    float:left;
}

#banner_leaderboard {
    margin:10px 0 0 10px;
    padding:0;
    text-align:left;
}

#banner_skyscraper {
    margin:10px 0 0 10px;
    padding:0;
    text-align:left;
    float:left;
}

/**************************************
********* HEADER + LOGO ***************
***************************************/
#header {
    border:1px solid #c3c3c3;
    background-color:#fff;
    margin-bottom:20px;
    margin-top:20px;
    margin-left:9px;
    margin-right:9px;
    width:940px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    box-shadow:0 0 6px 0 rgba(50,50,50,0.1);
}

#logoimg {
    height:42px;
}

#logotext {
    font-size:34px;
}

#homebutton {
    float:left;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    width:389px;
    height:42px;
    display:block;
    background-color:#fff;
    border-left:1px solid #efefef;
    -webkit-border-top-left-radius:3px;
    -webkit-border-bottom-left-radius:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-bottomleft:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
}

#homebutton:hover {
	background-color:#efefef;
	text-decoration:none;
}

#homebutton .icon-home {
	color:#efefef;
}

#homebutton:hover .icon-home {
	color:inherit;
}

#homebutton .i {
	padding-bottom:10px;
}

/****************************************
********* MAIN NAVIGATION ***************
*****************************************/
#navi {
    float:left;
    position:relative;
    width: 539px;
}

#navi a.navi_element {
    width:179px;
    height:42px;
    padding:10px 0;
    text-align:center;
    float:left;
    background-color:#fff;
    border-left:1px solid #efefef;
    font-weight:700;
}

#navi a.navi_element:hover,
#navi.navi_sub_show a.navi_last_element {
    background-color:#efefef;
    text-decoration:none;
}

#navi a.navi_last_element {
    width:178px;
    float:right;
    margin-right: -1px;
    /*border-right:1px solid #efefef;*/
    -webkit-border-top-right-radius:3px;
    -webkit-border-bottom-right-radius:3px;
    -moz-border-radius-topright:3px;
    -moz-border-radius-bottomright:3px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
}

#navi .navi_icon {
    font-size:28px;
}

#navi .navi_text {
    font-size:18px;
}

#navi #navi_sub {
    display:none;
    position:absolute;
    width:270px;
    background-color:#efefef;
    right:-2px;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #c3c3c3;
    border-left:1px solid #0095CC;
    margin-top:62px;
    -webkit-box-shadow:0 4px 3px 0 rgba(50,50,50,0.1);
    box-shadow:0 4px 3px 0 rgba(50,50,50,0.1);
    z-index:999;
}

#navi #navi_sub,#navi .navi_sub_last_element,#navi .navi_sub_last_element a {
    -webkit-border-bottom-right-radius:3px;
    -webkit-border-bottom-left-radius:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-bottomleft:3px;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px;
}

#navi.navi_sub_show #navi_sub {
    display:block;
}

#navi.navi_sub_show a.navi_last_element {
    background-color:#efefef;
}

#navi #navi_sub a.navi_sub_link {
    color:#313131;
    display:block;
    padding:10px 5px;
    border-left:5px solid #efefef;
}

#navi #navi_sub a.navi_sub_link:hover {
    background-color:#fff;
    border-left:5px solid #0095CC;
    text-decoration:none;
}

#navi #navi_sub #navi_sub_topbox {
    overflow:hidden;
    white-space:nowrap;
    padding:10px;
    color:#313131;
    border-bottom:1px solid #c3c3c3;
    height:50px;
}

#navi #navi_sub #navi_sub_topbox .navi_sub_imgbox {
    float:left;
    width:60px;
}

#navi #navi_sub #navi_sub_topbox .navi_sub_textbox {
    float:left;
    line-height:50px;
}
#new_message_count {
    position:absolute;
    top: 5px;
}
/*********************************************
********* ACTION BAR ON THE LEFT *************
**********************************************/
#actionbar {
	width:220px;
	background-color:#313131;
	box-shadow:0 0 6px 0 rgba(50,50,50,0.35);
	color:#fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:20px 0;
}

#actionbar a {
    display:block;
    padding:10px;
    border-bottom:1px solid #282828;
    border-top:1px solid #3C3C3C;
    color:#9B9B9B;
    overflow:hidden;
    white-space:nowrap;
    border-right:5px solid #313131;
}

#actionbar a:hover,#actionbar .active a {
    color:#fff;
    border-right:5px solid #0095CC;
    text-decoration:none;
}

#actionbar .actionbar_shortlink {
    width:140px;
    float:left;
    border-right:1px solid #282828!important;
}

#actionbar .actionbar_appendlink {
    width:33px;
    border-left:1px solid #3C3C3C!important;
    text-align:center;
}

#actionbar .active .actionbar_appendlink:hover {
    background-color:#282828;
}
#actionbar .actionbar_counter {
    background-color: #C73E38; 
    color: #fff; 
    padding: 1px 8px;
    border-radius: 3px;
}

/****************************
********* LOGIN *************
*****************************/
#header_login {
    margin-top:10px;
}

#header_login #login_form {
    margin:0;
}

#header_login #autologin_label {
    line-height:26px;
}

/*********************************************
********* User settings segments *************
**********************************************/
.segment-hl {
    font-size:20px;
    font-weight:700;
    border-bottom:1px solid #c3c3c3;
    border-top:1px solid #DFDFDF;
    clear:both;
    margin:0;
    padding:5px 0;
}

.segment-sub {
    color:#6F6F6F;
    padding:2px 0 0 1px;
    margin-bottom:40px;
}

.segment-content {
    background-color:#efefef;
    border-bottom:1px solid #c3c3c3;
    padding:10px 20px;
}

.segment-content .control-label {
    padding-right:10px!important;
}

.form-horizontal input[type="number"] {
    width:20%!important;
}

.radio-form-item {
    margin-bottom:10px;
}

.radio-form-item label {
    display:inline;
    padding-left:20px;
}

.radio-form-item a:active {
    outline:none!important;
}
.form-horizontal .input_no_margin {
    margin-bottom: 5px !important;
    padding-bottom: 0 !important;
}
.form-horizontal .captcha_image {
    float: left;
}
.form-horizontal .captcha_input {
    width: 100px;
}

/***+*******************************
********* Lists with users *********
************************************/
.list {
}
.list .list_el {
    float:left;
    height: 100px;
    width: 220px;
    margin-right:10px;
    margin-left:10px;
    margin-bottom:20px;
    background-color: #efefef;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}
.list .list_el:hover {
    -webkit-box-shadow:0 4px 3px 0 rgba(50,50,50,0.1);
    box-shadow:0 4px 3px 0 rgba(50,50,50,0.1);
}

.list .list_img {
    width: 100px;
    height: 100px;
    float: left;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    overflow: hidden;
}
.list .list_img img {
    width: 100px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.list .list_text {
    width:110px;
    padding-left:10px;
    float:left;
    overflow: hidden;
    font-size: 14px;
}
.list .list_text .list_name {
    padding-top: 5px;
    white-space:nowrap;
    font-weight: bold;
}
.list .list_text .list_name i {
    color: #b5b5b5;
}
.list .list_text .list_infos {
    padding-top: 5px;
    padding-bottom: 20px;
    white-space:nowrap;
    color: #8E8E8E;
}
.list .list_text .list_infos span {
    color: #000;
}
.list .list_text .list_match .l_matchscore {
    font-weight: bold;
}
.list .list_text .list_ext {
    font-size: 13px;
    margin-top: 10px;
}
/************************/
/******** FOOTER ********/
/************************/
#footerwrapper {
    border-top: 2px solid #c3c3c3;
    margin-top: 40px;
    padding-top: 20px;
}
#footerwrapper h3 {
    color: #555555;
    font-weight: bold;
}
#footerwrapper a {
    color: #555555;
}
#footerwrapper a:hover{
    text-decoration: none;
    color: #0095CC;
}
#sitemap li {
    display: block;
    float: left;
    margin-right: 40px;
}
#sitemap .brand {
    font-weight: bold;
}

#footerbody {
    border-top: 2px solid #c3c3c3;
    margin-top: 20px;
    padding-top: 20px;
}
#footerbody div {
    float: left;
    width: 220px;
    margin-bottom: 20px;
    margin-right: 20px;
}
#extrawrapper #footerbody div  {
    /**Footer on landing-page**/
    width: 25%;
    margin-right: 0;
}
#footerbody div li {
    margin-bottom: 2px;
}
#footerbody #footersocial {
    margin-right: 0;
}
#footerbody #footersocial li {
    font-size: 34px;
    margin-left: -3px;
}
#footerbody #footersocial li a {
    display: block;
    margin-top: 2px;
    margin-bottom: 2px;
}
#footerbody #footerpartner {

}

/******************/
/***** SEARCH *****/
/******************/
#quicksearch {
    margin-bottom: 10px;
    padding-bottom: 10px;
}


/**********************************
*** MATCHING: ANSWER QUESTIONS ****
***********************************/
#question_ask h2 {
    /*Question itself*/
    font-size: 26px;
    color: #333333;
    margin-bottom: 20px;
}
#question_ask h2 i {
    font-size: 26px;
    margin: 0;
    color: #C4C4C4;
}
#question_ask h3 {
    color: #0495CC;
    margin-bottom: 10px;
}
#question_ask .questions-status-bar {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
}
#question_ask .questions-answered-many {
    color: #008F3C;
}
#question_ask .questions-answered-middle {
    color: #EFAE00;
}
#question_ask .questions-answered-few {
}
#question_ask .container_choose_answer {
    margin-bottom: 15px;
}
#question_ask .container_importance {
    margin-bottom: 15px;
}
#question_ask .container_acceptable_answers {
    margin-bottom: 15px;
}
#question_ask #skip-question-button {
    margin-right: 10px;
}
/*Kleine Boxen die dem Nutzer erklären was er zu tun hat
  wenn er das erste mal eine Frage beantwortet */
 .match_explain {
	background-color: #313131;
	box-shadow: 0 0 6px 0 rgba(50,50,50,0.35);
	color: #fff;
        border: 2px solid #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 10px;
	position: absolute;
	width: 200px;
	min-height: 120px;
	font-size: 11px;
        z-index: 99999;
}
#matching_homepage {
    margin-top: 20px;
}
#matching_homepage #btn_answered_q {
    margin-top: 20px;
}
#showcase_wrapper h3 {
    margin-bottom: 10px;
    margin-top: 10px;
}
/************************************
*** MATCHING: ANSWERED QUESTIONS ****
*************************************/
#questions_answered {
}
#questions_answered .question_box {
    margin-bottom: 10px;
    border: 1px solid #c3c3c3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#questions_answered .question_box .edit_link_box {
    float: right;
    width: 20%;
}
#questions_answered .question_box .edit_link_box a {
    display: block;
    text-align: right;
    padding: 5px 5px 15px 0;
    outline: none;
    font-weight: bold;
}
#questions_answered .question_box .question_info {
    float: left;
    background-color: #efefef;
    width: 75%;
    padding: 2.5%;
}
#questions_answered .question_box:hover .question_info {
    background-color: #ffffff;
}
#questions_answered .question_box .question_title {
    font-weight: bold;
}
#questions_answered .question_box .question_details {
}
#questions_answered .question_box .question_details .question_your {
    font-weight: bold;
    padding: 2px;
    color: #555555;
}
#questions_answered .question_box .question_details .question_your i {
    font-weight: normal;
    font-style: normal;
}
#questions_answered .question_box .question_details .question_your_answer {
}
#questions_answered .question_box .question_details .question_your_importance {
}

#questions_answered .question_box .edit_form_container {
}
#questions_answered .question_box .edit_form_container p.subtitle {
    color: #FF781E;
    font-weight: bold;
    margin: 10px 20px;
}
#questions_answered .edit_question { cursor: pointer; }


/************************************
*** MATCHING: CREATE NEW QUESTION ***
*************************************/
#question_create textarea {
    height: 60px !important;
}
#question_create p.explanation {
    margin: 20px;
}

/**************
***HOMEPAGE ***
***************/
.notification_wrapper {
    padding: 5px 0 5px 0;
    margin: 5px 0 5px 0;
}
.notification_wrapper:hover {
    background-color: #efefef;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.notification_wrapper .notification_icon {
    float: left;
    margin-right: 5px;
}
.notification_wrapper .notification_photo {
    float: left;
    margin-right: 5px;
}
.notification_wrapper .notification_photo img {
    width: 60px;
}

.notification_remove_wrapper {
    float: right;
}
.notifications_remove_all_wrapper {
    text-align: right;
    visibility: hidden;
}
#notifications_wrapper:hover .notifications_remove_all_wrapper {
    visibility: visible;
}

/******************************************
*** PAYMENT / PREMIUM / PLUS-MEMBERSHIP ***
*******************************************/
.payment_methods .payment_method {
   width: 150px;
   height: 150px;
   float: left; 
   text-align: center;
   vertical-align: center;
   background-color: white;
   margin: 20px 20px 10px 0;
   border: 1px solid #E3E3E3;
   padding: 10px;
}        
.payment_methods .payment_method img {
   width: 150px;
}       
.payment_methods .payment_method .payment_method_text {
    font-weight: bold;
    margin-bottom: 5px;
}
.payment_form_wrapper {
    margin-bottom: 20px;
}
.payment_or {
    font-weight: bold;
    margin: 20px 0 20px 0;
    text-align: center;
}
#pricing-table {
    margin-top: 10px;
    text-align: center;
    width: 100%;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#pricing-table .plan {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    text-shadow: 0 1px rgba(255,255,255,.8);
    background: #fff;
    border: 1px solid rgba(0,0,0,0.08);
    padding: 20px;
    width: 50%;
    min-width: 300px;
    float: left;
    position: relative;
}
#pricing-table .popular {
    z-index: 2;
    top: -13px;
    padding: 30px 20px;
    -moz-border-radius: 5px ;
    -webkit-border-radius: 5px;
    border-radius: 5px !important;
    -moz-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .05), -20px 0 10px -10px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .05), -20px 0 10px -10px rgba(0, 0, 0, .05);
    box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .05), -20px 0 10px -10px rgba(0, 0, 0, .05);
    margin-bottom:-20px;
}
#pricing-table .plan:nth-child(1) {
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}
#pricing-table .plan:nth-child(4) {
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}
#pricing-table h3 {
    font-size: 20px;
    font-weight: normal;
    padding: 20px;
    margin: -20px -20px 20px -20px;
    background-color: #eee;
    background-image: -moz-linear-gradient(#fff,#eee);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(#fff, #eee);
    background-image: -o-linear-gradient(#fff, #eee);
    background-image: -ms-linear-gradient(#fff, #eee);
    background-image: linear-gradient(#fff, #eee);
}
#pricing-table .popular h3 {
    background-color:#ec5d59;background-image:-webkit-linear-gradient(top,#ec5d59 0,#c33d36 100%);background-image:-moz-linear-gradient(top,#ec5d59 0,#c33d36 100%);background-image:-ms-linear-gradient(top,#ec5d59 0,#c33d36 100%);background-image:-o-linear-gradient(top,#ec5d59 0,#c33d36 100%);background-image:linear-gradient(top,#ec5d59 0,#c33d36 100%);
    color:#fff;
    text-shadow:none;
    margin-top: -30px;
    padding-top: 30px;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
#pricing-table .plan:nth-child(1) h3 {
    -moz-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
}
#pricing-table .plan:nth-child(4) h3 {
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}
#pricing-table h3 span {
    display: block;
    font-size:30px;
    text-transform:uppercase;
    line-height:34px;
}
#pricing-table ul {
    margin:0 -20px 20px -20px;
    padding: 0;
    list-style: none;
    text-align: left;
}
#pricing-table li {
    border-bottom: 1px solid #eee;
    padding: 10px 10px 10px 20px;
    height: 35px;
}
#pricing-table li:nth-of-type(odd) {
    background:rgba(0,0,0,0.01);

}
#pricing-table li:nth-of-type(even) {
    background:rgba(0,0,0,0.02);
}
#pricing-table li:last-child {
    border:none;
}
#pricing-table .signup{
    border-radius: 3px;
    text-decoration:none;
    background-color:#fff;
    background-image:-webkit-linear-gradient(top,#fff 0,#e6e6e6 100%);background-image:-moz-linear-gradient(top,#fff 0,#e6e6e6 100%);background-image:-ms-linear-gradient(top,#fff 0,#e6e6e6 100%);background-image:-o-linear-gradient(top,#fff 0,#e6e6e6 100%);background-image:linear-gradient(top,#fff 0,#e6e6e6 100%);border:1px solid #d3d3d3;color:#7c7c7c;text-shadow:1px 1px 1px #f5f5f5;-moz-box-shadow:0 1px 1px #b0afaf;-o-box-shadow:0 1px 1px #b0afaf;-webkit-box-shadow:0 1px 1px #b0afaf;box-shadow:0 1px 1px #b0afaf;padding:4px 15px;font-weight:normal;font-size:12px;}
#pricing-table .signup:hover{color:#0b94c8;background-color:#fff;background-image:-webkit-linear-gradient(top,#fff 0,#f0eeee 100%);background-image:-moz-linear-gradient(top,#fff 0,#f0eeee 100%);background-image:-ms-linear-gradient(top,#fff 0,#f0eeee 100%);background-image:-o-linear-gradient(top,#fff 0,#f0eeee 100%);background-image:linear-gradient(top,#fff 0,#f0eeee 100%)}
#pricing-table .signup:active{-moz-box-shadow:inset 0 3px 5px #e6e6e6;-o-box-shadow:inset 0 3px 5px #e6e6e6;-webkit-box-shadow:inset 0 3px 5px #e6e6e6;box-shadow:inset 0 3px 5px #e6e6e6}
#pricing-table .signup {
    display: block;
    color: #363636;
    font-weight: bold;
}
#pricing-table .popular h3 {
    background-color:#41a4eb;
    background-image:-webkit-linear-gradient(top, #59abec 0%, #59abec 80%, #3681c3 100%);
    background-image:-moz-linear-gradient(top, #59abec 0%, #59abec 80%, #3681c3 100%);
    background-image:-ms-linear-gradient(top, #59abec 0%, #59abec 80%, #3681c3 100%);
    background-image:-o-linear-gradient(top, #59abec 0%, #59abec 80%, #3681c3 100%);
    background-image:linear-gradient(top, #59abec 0%, #59abec 80%, #3681c3 100%);
}
/********************************
***NEW PROFILE PICTURE UPLOAD ***
*********************************/
.avatar_wrapper {
    background-color: #efefef;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.avatar_wrapper .picturebox {
    float: left;
    width: 200px;
    margin: 0 20px 0 0;
    padding: 0;
    text-align: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.avatar_wrapper .picturebox a {
    line-height: 0;
    border: none;
    padding: 0;
    margin: 0;
}
.avatar_wrapper .picturebox img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.avatar_wrapper .checked {
    color: green;
}
.avatar_wrapper .picturebox{
    float: left;
}
.avatar_wrapper .actionbox{
    float: left;
}
.avatar_wrapper .actionbox {
    padding: 10px;
}
.avatar_wrapper .actionbox a {
    display: block;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.avatar_wrapper .actionbox h4 span {
    background-color: #efefef;
}
.upload_new_avatar .upload_loading {
    background-color: #ffffff;
    border: 1px solid #c3c3c3;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #555555;
}
/********************************
********* PROFILE ***************
*********************************/
#profile_head {
    border-bottom: 1px solid #c3c3c3;
    margin-bottom: 20px;
}
#profile_picture {
    width: 220px;
    margin-right: 20px;
}
#profile_picture img {
    width: 220px;
    max-width: 300px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#profile_pictures_more {
    margin-right: -20px;
}
#profile_pictures_more img {
    width: 100px;
    height: 100px;
    margin-right: 20px;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 20px;
}
#profile_pictures_more .profile_pictures_linkbox {
    display: block;
    float: left;
    height: 80px;
    width: 100px;
    text-align: center;
    padding-top: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#profile_header {
    width: 460px;
}
#profile_hl_and_status a.premium_icon_profile {
    color: #000;
}
#profile_hl_and_status a.premium_icon_profile:hover {
    text-decoration: none;
}
#profile_hl_and_status {
    height: 50px;
}
#profile_hl_and_status h1 {
    margin-bottom: 0;
}
#profile_user_status {
    color: #555;
}
.profile h1 .profile_edit_link i,
.profile h1 .profile_edit_link a {
    margin-right: 0;
    font-weight: normal;
    background-color: #0095CC;
    color: #fff;
}
.profile h1 .profile_edit_link a {
    margin-left: 10px;
    padding: 0 3px 0 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#profile_header .distance {
    color: grey;
}
#profile_header #matching_score {
    float: right;
    background-color: #fff;
    font-size: 16px;
    width: 80px;   
    height: 60px;
    padding-top: 20px;
    text-align: center;    
    -webkit-box-shadow:0 4px 3px 0 rgba(50,50,50,0.1);
    box-shadow:0 4px 3px 0 rgba(50,50,50,0.1);
    border-radius: 70px;
    border: 2px solid #DBDBDB;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;    
}
#profile_header #matching_score a {
    color: #9B9B9B;
}
#profile_header #matching_score span {
    font-weight: bold;
    font-size: 26px;
    display: block;
}
#profile_header .matching_no_question {
    padding-top: 15px !important;
    height: 65px !important;
}
#profile_header .matching_no_question a {
    font-size: 12px;
}
#profile_basics {
    color: #8E8E8E;
    padding-bottom: 20px;
    height: 50px;
}
#profile_basics .basic_value {
    color: #000;
}
#profile_sidebar {
    width: 220px;
    float: right;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
#profile_sidebar .sidebar_hl {
    display: block;
    padding: 10px;
    font-weight: bold;
    background-color: #0095CC;
    color: #fff;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
#profile_sidebar .sidebar_entry {
    font-size: 12px;
    display: block;
    padding: 10px;
    border-bottom: 1px solid #c3c3c3;
}
#profile_sidebar .sidebar_entry .sidebar_label {
    width: 80px;
    float: left;
    font-weight: bold;
}
#profile_sidebar .sidebar_entry .sidebar_text {
    width: 120px;
    float: left;
}
#profile_content {
    float: right;
    margin-right: 20px;
    width: 440px;
    background-color: #fff;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#profile_content .profile_subhl {
    color: #0095CC;
    font-weight: bold;
    margin-bottom: 10px;
}
#profile_pictures img {
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.extended_profile_functions {
    margin: 20px 0 0 0;
}
.extended_profile_functions:hover {
}
.extended_profile_functions .subactions {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*************************************************
 ********* WIO-Liste / Eventbesucher-Liste *******
 *************************************************/
#wiowrapper {
    padding: 20px 0 20px 0;
}
.userlist {
    white-space: nowrap;
}
.full {
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    overflow:-moz-scrollbars-vertical;
    border: 1px solid #C3C3C3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.userlist .user {
    padding: 2px 0 2px 0;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis; /*for Opera*/
    width: 200px;
    color: #727272;
}
.wio .wio_male a {
    color: #5A74A5;
}
.wio .wio_female a {
    color: #C23F70;
}
.wio .wio_team a {
    font-weight: bold;
}
.wio .wio_rank_moderator {
    background-color: #FFD1D1;
}
.wio .wio_new a {
    font-weight: bold;
}
.wio .wio_new {
    background-color: #FFF0B2;
}
.wio .user {
    padding-left: 13px;
    background-image: url("/images/sprites/status.png");
    background-position: 3px -29px;
    background-repeat: no-repeat;
}
.wio .wio_online {
    background-position: 3px 7px;
}
.wio .wio_away {
    background-position: 3px -11px;
}
.wio .wio_premium a {
    font-weight: bold;
}
.wio .wio_premium {
    text-shadow: 0px 0px 3px #ffdd00;
    filter: dropshadow(color=#ffdd00, offx=0, offy=0);     
}
.wio_tooltip_img {
    width: 100px;
    height: 100px;
}
/*****************************
 ****** SUBACTION-MENU *******
 *****************************/
.subactions {
    width: 100%;
    background-color: #313131;
}
.subactions li {
    width: 16.666%;
    float: left;
    display: block;
    text-align: center;
    font-size: 13px;
    overflow: hidden;
}
.subactions li i {
    font-size: 22px !important;
    width: 100%;
}
.subactions li a {
    display: block;
    border-right: 1px solid #3C3C3C;
    border-left: 1px solid #282828;
    padding: 10px 0 5px 0;
    min-height: 45px;
    color: #cccccc;
}
.subactions li a:hover {
    text-decoration: none;
    color: #fff;
}
.subactions li a:hover i {
    color: #0095CC;
}
/** ALTE PM STYLES **/
/***********************************
 ****** POSTFACH (MERLIN) **********
 ***********************************/
.pm_inbox {
    border-top:1px solid #c3c3c3;
}
.pm_wrapper {
    padding:10px 0;
    border-bottom:1px solid #c3c3c3;
}
.pm_icon{
	background-image: none;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 6px;
}
.pm_status_read .pm_icon {
    background-image:url(/images/messages/msg_readed.gif);
    background-position:0 top;
    background-repeat:no-repeat;
}
.pm_status_answered .pm_icon  {
    background-image:url(/images/messages/msg_answered.gif);
    background-position:0 top;
    background-repeat:no-repeat;
}
.pm_status_new .pm_icon {
    background-image:url(/images/messages/msg_new.gif);
    background-position:0 top;
    background-repeat:no-repeat;
    font-weight:bold;
}
.pm_status_new .pm_name {
    font-weight: bold;
}
/*visibility*/
.pm_inbox .opened {
    border-top:4px solid #c3c3c3;
    border-bottom:5px solid #c3c3c3;
    padding-bottom:0;
    padding-top:6px;
    background-color: #fff !important;
}
.pm_inbox .pm_full {
    display: none;
}
.pm_inbox .opened .pm_full {
    display: block;
}
.pm_inbox .opened .pm_preview {
    display: none;
}
.pm_inbox .pm_history_wrapper {
    display: none;
}
.pm_inbox .history_opened .pm_history_wrapper {
    display: block;
}
.pm_inbox .history_button_show {
    display: block !important;
}
.pm_inbox .history_button_close {
    display: none !important;
}
.pm_inbox .history_opened .history_button_show {
    display: none !important;
}
.pm_inbox .history_opened .history_button_close {
    display: block !important;
}
.pm_inbox .pm_controls {
    display: none;
}
.pm_inbox .opened .pm_controls {
    display: block;
}
.pm_inbox .pm_answer_wrapper {
    display: none;
}
.pm_inbox .answer .pm_answer_wrapper {
    display: block;
}
.pm_inbox .answer_cancle {
    display: none !important;
}
.pm_inbox .answer .answer_do {
    display: none !important;
}
.pm_inbox .answer .answer_cancle {
    display: block !important;
}
.pm_inbox .systemmessage .option_answer {
    display: none !important;
}
.pm_inbox .systemmessage .option_history {
    display: none !important;
}
.pm_inbox .systemmessage .answer_do {
    -moz-opacity: 0.20;
    opacity: 0.20;
}
.pm_inbox .systemmessage .history_button_show {
    -moz-opacity: 0.20;
    opacity: 0.20;
}
.pm_inbox .systemmessage .control_abuse {
    -moz-opacity: 0.20;
    opacity: 0.20;
}
.pm_inbox .systemmessage .control_ignore {
    -moz-opacity: 0.20;
    opacity: 0.20;
}
/*end: visibility*/

.pm_wrapper {
}
.pm_wrapper:hover {
    background-color:#efefef;
}

/*fontsize*/
.pm_wrapper .pm_meta_row {
    line-height: 1.5;
}
/*end: fontsize*/

/*metarow*/
.pm_wrapper .pm_meta_row .pm_header {
    width: 600px;
    float: left;
    padding: 3px 0 2px 0;
    cursor: pointer;
    color: #0095CC;
}
.pm_wrapper .pm_meta_row .pm_header .pm_avatar {
    float:left;
    width:60px;
    width:60px;
    overflow:hidden;
    text-align:center;
    vertical-align:middle;
}
.pm_wrapper .pm_meta_row .pm_header .pm_avatar img {
    width:60px;
    height:60px;
    border-radius:3px;
}
.pm_wrapper .pm_meta_row .pm_header .pm_checkbox {
    padding:0px;
    width:40px;
    float:left;
    text-align: center;
}
.pm_wrapper .pm_meta_row .pm_header .pm_date {
    float: right;
    padding-right: 20px;
}
.pm_wrapper .pm_meta_row .pm_header .pm_close_link {
    float: right;
    font-size: 20px;
    font-weight: bold;
    display:none;
    line-height: 1.2;
    padding-right: 10px;
}
.pm_wrapper .pm_meta_row .pm_header .pm_close_link:hover {
    cursor: pointer;
}
.opened .pm_meta_row .pm_header .pm_close_link {
    display:inline-block!important;
}

.pm_wrapper .pm_meta_row .pm_options {
    width:100px;
    float:left;
    vertical-align: top;
    text-align: right;
}

.pm_wrapper .pm_meta_row .pm_options a {
    display: block;
    padding: 3px;
    border-bottom: 1px solid #c3c3c3;
}

.pm_wrapper .pm_meta_row .pm_options a:hover {
    text-decoration: none;
    background-color: #0095CC;
    color: #fff;
}

.pm_wrapper .pm_meta_row .pm_options a.last_option {
    /*border-bottom:none;*/
}
/*end: metarow*/

.pm_wrapper .pm_content {
    display: block;
}
.pm_wrapper .pm_content .pm_preview {
    overflow:hidden;
    padding:10px 0;
    color:#999;
    cursor:pointer;
}
.pm_wrapper .pm_content .pm_full {
    padding-top:10px;
    padding-bottom: 10px;
}
.pm_wrapper .pm_content .pm_full .pm_text {
}
.pm_wrapper .pm_answer_wrapper textarea {
    width:100%;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    max-width: 580px;
    height:100px;
    margin-bottom:0;
}
.pm_wrapper .pm_answer_wrapper .form_error_messages {
    margin-left:0;
}

.pm_answer_wrapper .answer_buttons_wrapper {
    padding-top:10px;
}

.pm_answer_wrapper .answer_buttons_wrapper .inputsubmit {
    margin-bottom:0;
}
.pn-filter-checkbox {
    float:left;
    margin-top:5px!important;
    padding-right:5px;
}
.pm_history_wrapper {
    margin-top: 10px;
}
.pm_history {
    margin: 0 60px 0 60px;
}
.pm_history .pm_history_item {
    font-size: 13px;
    margin: 10px 0 10px 0;
}
.pm_history .pm_history_date {
    font-size: 11px;
    color: #555555;
}
.pm_history .pm_history_avatar img {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.pm_history .pm_received .pm_history_avatar {
    float: left;
}
.pm_history .pm_sent .pm_history_avatar {
    float: right;
}
.pm_history .triangle-border {
    width: auto;
    position: relative;
    padding: 5px;
    margin: 0;
    /* css3 */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #E5E5E5;
}
.pm_history .pm_received .triangle-border {
    margin-left: 60px;
    margin-right: auto;
    background-color: #E5E5E5;
}
.pm_history .pm_sent .triangle-border {
    margin-right: 60px;
    margin-left: auto;
    background-color: #ACD2E0;
}
.pm_history .triangle-border:before {
    content:"";
    position:absolute;
    top: 7px; /* controls vertical position */
    border-width: 20px 20px 0;
    border-style: solid;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}
.pm_history .pm_received .triangle-border:before {
    bottom: auto;
    left: -20px; /* value = - border-left-width - border-right-width */
    border-width: 10px 20px 10px 0;
    border-color: transparent #E5E5E5;
}
.pm_history .pm_sent .triangle-border:before {
    bottom: auto;
    left: auto;
    right: -20px; /* value = - border-left-width - border-right-width */
    border-width: 10px 0 10px 20px;
    border-color:transparent #ACD2E0;
}

/**********************************
********* Sonstiges ***************
***********************************/
/*Einfärbung der Matching-Score*/
.score_null {
    color: #9B9B9B;
}
.score_good {
    color: #008F3C;
}
.score_middle {
    color: #EFAE00;
}
.score_bad {
    color: #BF0000;
}
.at_symbol {
    width: 15px;
}

.terms_hl {
    font-weight: bold;
    margin-top: 25px;
    display: block;
}
.terms_paragraph {
}

/************************/
/*** Benutzersuche ******/
/************************/
#search_results {
    margin-top: 20px;
}
#search_paginator {
    margin-top: 10px;
}
#quicksearch #search_distance_wrapper {
    margin-left: 5px;
    float: left;
}
#quicksearch #search_city_wrapper {
    margin-top: 5px;
}
#quicksearch #distance_max {
    width: 200px;
}
@media (max-width: 480px) {
    #quicksearch {
        margin-top: 20px;
    }
    #quicksearch select {
        margin: 5px 0 5px 0;
    }
    #quicksearch #change_search_city {
        display: block;
        padding: 3px 0 3px 0;
    }
    #quicksearch #search_distance_wrapper {
        margin-left: 0;
    }
}

/************************/
/*** Aktivitätsanzeige **/
/************************/
.activity.very,
.activity.often {
	font-weight: bold;
}
.activity.very{
	color: #0FB700;
}
.activity.often{
	color: #0C9900;
}
.activity.sometimes{
	color: #0095CC;
}
.activity.less{
	color: #ff8000;
}
.activity.never{
	color: #800000;
}
.payError{
	border: 1px solid #ff0000 !important;
	color: #ff0000 !important;
}
/****************************
 ********* MAGAZINE *********
 ***************************/
.article_overview {
    border-bottom: 1px dotted #C3C3C3;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;        
}
.article_overview img.article_preview_image {
    width: 220px;
    float: left;
    margin: 0 20px 10px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;    
    display: block;
}
.article_overview h2 a {
}
.article_overview .article_text {
    line-height: 1.5;
}
.article_overview .article_text .article_branding {
    float: right;
    margin: 0 0 10px 10px;
}
.category_box {
    border-bottom: 1px dotted #C3C3C3;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
}
.category_box img.category_image {
    width: 220px;
    float: left;
    margin: 0 20px 10px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;  
    display: block;
}
.category_box h2 {
    margin: 0 0 10px 0;
}
.category_box .category_description {
    margin: 0 0 20px 0;
} 
.category_box .category_article {
}    
.category_box .category_article h3 {
    margin: 0 0 5px 0;
}  
.category_box .category_article p {
    margin: 0;
}     
.category_box .category_readall a {
    color: #6D6D6D;
    font-size: 11px;
}
.magazine .article_wrapper .article_preview {
    font-weight: bold;
    line-height: 1.5;
}
.magazine .article_wrapper .article_content {
    line-height: 1.5;
}
.magazine .article_wrapper .article_content p {
    margin-bottom: 0px;
}
.magazine .article_wrapper .article_branding {
    margin: 10px 0 10px 0;
    color: #c5c5c5;
}
.magazine .article_wrapper .pic_legend {
    font-size: 11px;
    color: #6D6D6D;
}    
.magazine .article_wrapper .title_pic_box {
    margin: 10px 0 10px 0;
} 
.magazine .article_wrapper .title_pic_box .pic_legend {
    margin: 5px 0 0 0;
}
.magazine .article_wrapper .title_pic_box img {
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;           
}    
.magazine .article_wrapper .pic_box a {
    line-height: 1;
    margin: 0;
    padding: 0;
}       
.magazine .article_wrapper .pic_box img {
    max-width: 220px;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;           
}
.magazine .article_wrapper .float-left {
    margin: 7px 10px 10px 0;
}
.magazine .article_wrapper .float-right {
    margin: 7px 0 10px 10px;
}    
.article_author {
    margin: 10px 0 10px 0;
    font-size: 11px;
    color: red;
}
.article_hint {
    margin-top: 20px;
}
/*********************************************
 ********* LIGHTBOX **************************
 ********************************************/
/* line 7, ../sass/lightbox.sass */
body:after {
  content: url(/images/lightbox/close.png) url(/images/lightbox/loading.gif) url(/images/lightbox/prev.png) url(/images/lightbox/next.png);
  display: none;
}

/* line 11, ../sass/lightbox.sass */
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

/* line 20, ../sass/lightbox.sass */
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}
/* line 28, ../sass/lightbox.sass */
.lightbox .lb-image {
  display: block;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/* line 32, ../sass/lightbox.sass */
.lightbox a img {
  border: none;
}

/* line 35, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 44, ../sass/lightbox.sass */
.lb-container {
  padding: 4px;
}

/* line 47, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 56, ../sass/lightbox.sass */
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/images/lightbox/loading.gif) no-repeat;
}

/* line 63, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 71, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 74, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 77, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  cursor: pointer;
  /* Trick IE into showing hover */
  display: block;
}

/* line 84, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}
/* line 87, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(/images/lightbox/prev.png) left 48% no-repeat;
}

/* line 90, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}
/* line 93, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(/images/lightbox/next.png) right 48% no-repeat;
}

/* line 96, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 103, ../sass/lightbox.sass */
.lb-data {
  padding: 0 4px;
  color: #bbbbbb;
}
/* line 106, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 111, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 115, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}
/* line 121, ../sass/lightbox.sass */
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/images/lightbox/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 130, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/*********************************************
********* Responsive Webdesign ***************
**********************************************/
.hidden {
    display:none;
    visibility:hidden;
}

.visible-phone {
    display:none!important;
}

.visible-tablet {
    display:none!important;
}

.hidden-desktop {
    display:none!important;
}

/*------- Smartphones & Tablets  -------------*/
@media (max-width: 940px) {
	/*styles here*/
	.visible-phone {
		display:inherit!important;
	}

	.hidden-phone {
		display:none!important;
	}

	.hidden-desktop {
		display:inherit!important;
	}

	.visible-desktop {
		display:none!important;
	}

	.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {
		float:none;
		display:block;
		width:100%!important;
		margin:0!important;
		position:static;
	}

	.mobile-margin {
		margin-left:10px!important;
		margin-right:10px!important;
	}

	.container_16 .pull_1,.container_16 .pull_2,.container_16 .pull_3,.container_16 .pull_4,.container_16 .pull_5,.container_16 .pull_6,.container_16 .pull_7,.container_16 .pull_8,.container_16 .pull_9,.container_16 .pull_10,.container_16 .pull_11,.container_16 .pull_12,.container_16 .pull_13,.container_16 .pull_14,.container_16 .pull_15 {
		left:0;
	}

	.container_16 .push_1,.container_16 .push_2,.container_16 .push_3,.container_16 .push_4,.container_16 .push_5,.container_16 .push_6,.container_16 .push_7,.container_16 .push_8,.container_16 .push_9,.container_16 .push_10,.container_16 .push_11,.container_16 .push_12,.container_16 .push_13,.container_16 .push_14,.container_16 .push_15 {
		left:0;
	}

	body,.wrapper,.container_16,#header,#homebutton,#navi {
		min-width:0;
		width:100%!important;
		margin:0!important;
		float:none;
		border-radius:0!important;
		box-shadow:none;
		border-top:0;
		border-right:0;
		border-left:0;
		display:block;
	}

	#homebutton {
		padding-left:0;
		text-align:center;
		border-radius:0;
		border:0;
		padding:10px 0;
	}

	#navi {
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}

	#navi a.navi_element {
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		width:33.3333%;
		float:left;
		border-radius:0!important;
		height:62px;
	}

	#navi #navi_sub {
		right:0;
		width:100%;
		border-right:0;
	}

	#navi .navi_text,#navi .icon-caret-down {
		display:none;
	}

	#actionbar {
		position:static!important;
		width:100%;
		border-radius:0;
		box-shadow:none;
		margin-bottom:20px;
		padding:0;
	}

	#actionbar li {
		width:25%;
		float:left;
		text-align:center;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}

	#actionbar li a {
		width:100%;
                border-right: 1px solid #3C3C3C;
                border-left: 1px solid #282828;
		white-space:normal;
		border-bottom:5px solid #313131;
		font-size:13px;
		height:70px;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		padding:10px 1px;
	}

	#actionbar a:hover,#actionbar .active a {
		color:#fff;
		border-right:1px solid #555;
		border-bottom:5px solid #0095CC;
		text-decoration:none;
	}

	#actionbar .actionbar_shortlink {
		width:100%;
	}

	#actionbar .actionbar_appendlink {
		display:none;
	}

	#actionbar i {
		font-size:22px!important;
		width:100%;
	}

	#header_login {
		margin-bottom:10px;
		margin-left:10px;
		margin-right:10px;
	}

        #profile_picture {
            width: 100%;
            margin-right: 0;
            text-align: center;
        }
        #profile_picture img {
            width: 100%;
        }
        #profile_header {
            width: 100%;
        }
        #profile_header h1 {
        }
        #profile_hl_and_status {
            height: auto;
            margin-bottom: 20px;
        }
        #profile_basics {
            height: auto;
        }
        #profile_sidebar {
            width: 100%;
            float: none;
        }
        #profile_content {
            float: none;
            margin-right: 0;
            width: 98%;
            background-color: #fff;
            padding: 1%;
        }
        #profile_sidebar .sidebar_entry {
            font-size: inherit;
            display: block;
            padding: 10px;
            border-bottom: 1px solid #c3c3c3;
        }
        #profile_sidebar .sidebar_entry .sidebar_label {
            width: 40%;
            float: left;
            font-weight: bold;
        }
        #profile_sidebar .sidebar_entry .sidebar_text {
            width: 60%;
            float: left;
        }
        #profile_pictures img {
            width: 100%;
        }
        #footerbody div,
        #footerbody #footersocial {
            float: none;
            width: auto;
            margin-right: 0;
        }
        /*responsive pm*/
        .pm_wrapper .pm_meta_row .pm_options {
            display: none;
        }
        .pm_wrapper .pm_meta_row .pm_header {
            width: 100%;
        }
        .pm_wrapper .pm_meta_row .pm_header .pm_date {
            font-size: 11px;
        }
        /** WIO invisible on smartphones **/
        #wiowrapper {
            display: none;
        }
        #feedback {
            display: none;
        }

}
/** Small Smartphones **/
@media (max-width: 480px) {
    .subactions li {
        font-size: 11px;
    }
    .list .list_text .list_ext {
        display: none;
    }
    .pm_history_wrapper {
        max-height: 400px;
        overflow: hidden;
    }
    .pm_history {
        margin: 0 0 0 0;
    }
}
/** No Smartphones **/
@media (min-width: 500px) {
    .list_wide .list_el {
        height: 220px;
        width: 460px;
    }
    .list_wide .list_img {
        width: 220px;
        height: 220px;
    }
    .list_wide .list_img img {
        width: 220px;
    }
    .list_wide .list_text {
        font-size: inherit;
        width: 230px;
    }
    .pm_history_wrapper {
        max-height: 400px;
        overflow-y: scroll;
    }
}