.user_tab_text {
  padding-left: 7px;
}

@media (min-width: 1200px) {
  /* breite Browserfenster */
  .dashboard_button img {
    width: 64px;
    height: 64px;
  }
  .left_sitebar {
    float: left;
    width: 275px;
    padding-right: 15px;
    /*background: #98CFE6;*/
  }
  .nick_image {
    width: 180px;
  }
  .profil_button {
    text-align: left; width: 180px; margin-bottom: 4px;
  }
  img.user_gallery {
    width: 136px;
    height: 136px;
  }
  .block_mobile {
    display: none;
  }
  img.footer_image {
    width: 81px;
    height: 81px;
  }
  .mobile_logout {
    display: none;
  }
}
@media (min-width: 635px) and
  (max-width: 1200px) {
   /* Darstellung auf Netbooks */
  .user_tab_text {
    display: none;
  }
  .dashboard_button img {
    width: 48px;
    height: 48px;
  }
  .dashboard_button_link{
    font-size: 12px;
  }
  .left_sitebar {
    float: left;
    margin-right: 15px;
    width: 212px;
    /*background: #98CFE6;*/
  }
  .nick_image {
    width: 160px;
  }
  .profil_button {
    text-align: left; width: 160px; margin-bottom: 4px;
  }
  img.user_gallery {
    width: 111px;
    height: 111px;
  }
  .randbutton_top {
    width: 68px;
    height: 50px;
  }
  .block_mobile {
    display: none;
  }
  img.footer_image {
    width: 64px;
    height: 64px;
  }
  .mobile_logout {
    display: none;
  }
}
@media (min-width: 530px) and
  (max-width: 635px) {
   /* Darstellung auf Netbooks */
  .user_tab_text {
    display: none;
  }
  .dashboard_button img {
    width: 48px;
    height: 48px;
  }
  .dashboard_button_link{
    font-size: 12px;
  }
  .left_sitebar {
    display: none;
  }
  .nick_image {
    width: 140px;
  }
  .profil_button {
    text-align: left; width: 140px; margin-bottom: 4px;
  }
  img.user_gallery {
    width: 110px;
    height: 110px;
  }
  .breadcrumb {
    display: none;
  }
  .block_mobile {
    display: none;
  }
  img.footer_image {
    width: 46px;
    height: 46px;
  }
  .mobile_logout {
    display: none;
  }
}
@media (min-width: 350px) and
  (max-width: 530px) {
   /* Darstellung auf Netbooks */
  .user_tab_text {
    display: none;
  }
  .dashboard_button img {
    width: 48px;
    height: 48px;
  }
  .dashboard_button_link {
    padding-top: 5px; font-size: 10px;
  }
  .left_sitebar {
    display: none;
  }
  .nick_image {
    width: 140px;
  }
  .profil_button {
    text-align: left; width: 140px; margin-bottom: 4px;
  }
  img.user_gallery {
    width: 135px;
    height: 135px;
  }
  .breadcrumb {
    display: none;
  }
  #service_info {
    display: none;
  }
  .rand_user_infos {
    display: none;
  }
  .randbutton_top {
    width: 95px;
    height: 40px;
  }
  img.footer_image {
    width: 133px;
    height: 133px;
  }
  .menulist {
    margin-bottom: 25px;
  }
  .cc_notice {
    display: none;
  }
}
@media (max-width: 350px) {
     /* mobile Geräte */
  .user_tab_text {
    display: none;
  }
  .dashboard_button img {
    width: 32px;
    height: 32px;
  }
  .dashboard_button_link {
    padding-top: 5px; font-size: 10px;
  }
  .left_sitebar {
    display: none;
  }
  .nick_image {
    width: 110px;
  }
  .profil_button {
    text-align: left; width: 110px; margin-bottom: 4px; font-size: 9px;
  }
  img.user_gallery {
    width: 142px;
    height: 142px;
  }
  .breadcrumb {
    display: none;
  }
  #service_info {
    display: none;
  }
  .rand_user_infos {
    display: none;
  }
  .randbutton_top {
    width: 63px;
    height: 39px;
  }
  img.footer_image {
    width: 90px;
    height: 90px;
  }
  .menulist {
    margin-bottom: 25px;
  }
  .cc_notice {
    display: none;
  }
}

/*body {
  margin: 0px;
  background: none;
  background-image: none;
  font-family: Arial;
  font-size: 14px;
  color: #66667D;
  overflow-x: hidden;
}*/
.overall {
  margin-top: 56px;
  padding-bottom: 35px;
}
.table {
  color: #66667D;
}


.navbar-fixed-top {
  z-index: 3;
  border-top: solid 5px #000;
}




.chat_border {
  /*background: #f6f6f6;*/
  background-repeat: repeat-x;
  border : 1px solid #E7E7E7;
  margin-bottom: 15px;
  padding:  10px 10px 0 10px;
  border-radius: 5px;
  box-shadow: #808080;
  background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFFFFF), color-stop(1, #F9F9F9));
  background-image: -ms-linear-gradient(top, #FFFFFF, #F9F9F9);
  background-image: -o-linear-gradient(top, #FFFFFF, #F9F9F9);
  background-image: -moz-linear-gradient(top, #FFFFFF, #F9F9F9);
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F9F9F9);
  background-image: linear-gradient(to bottom, #FFFFFF, #F9F9F9)
}

img.user_online {
  border: none;
  padding: 0px;
  float: none;
}

.sitebar_wide {
  border : 1px solid #E7E7E7;
  margin-bottom: 15px;
  padding: 0px;
  border-radius: 5px;
  box-shadow: #808080;
}
.sitebar_blank {
  margin-bottom: 15px;
  padding: 0px;
}

/* Die Footer Farbeinstellungen sind in der /color/*.css Datei ausgelagert */



.clear-all {
  clear: both;
}

#data {}


/* Formatierung der Meldungen */
#info {
height: auto;
background: #FFFFCD;
color: #555555;
padding: 10px;
border : 1px solid #c2260c;
margin-bottom: 10px;
}



/* Beschreibungszelle oder Optionsbereich einer Tabelle mit Hovereffekt */
.front {
background-color : #dee3e7;
color : #000000;
}


/* Formatierung des Branchenbuches (ibook) */
.kupon {
	position: relative;
	float: right;
	left: 0px;
	top: -5px;
}

.ibook_info {
	background: #ffff9f;
	height: auto;
	padding: 10px;
	border: 1px solid #e5e5e5;
	margin-top: 5px;
	margin-bottom: 5px;
}

.ibookbody1 {
	background: #FFFFFF;
	height: 120px;
	padding: 10px;
	border: 1px solid #e5e5e5;
	margin-top: 5px;
}

.ibookbody2 {
	background: #f7f6f6;
	height: 120px;
	padding: 10px;
	border: 1px solid #e5e5e5;
	margin-top: 5px;
}

.ibookcontent {
	position: relative;
  	float: left;
	width: 370px;
	padding: 1px;
	text-align: left;
	color: #333333;
	vertical-align: top;
}

.ibookcontent a:link { text-decoration:underline; font-weight:bold; font-size:8pt; color:#000000; }
.ibookcontent a:visited { text-decoration:none; font-weight:bold; font-size:8pt; color:#000000; }

.ibookoption {
	position: relative;
  	float: right;
	width: 130px;
	height: 40px;
	padding: 1px 1px 1px 10px;
	border-left: 1px dashed #000000;
	text-align: left;
}


img.image {
	border: 1px solid #DADADA;
	padding: 5px;
	background: #FAFAFA;
}
img.right {
	border: 1px solid #DADADA;
	padding: 5px;
	background: #FAFAFA;
   margin: 0px 0px 5px 15px;
}
img.left {
	border: 1px solid #DADADA;
	padding: 5px;
	background: #FAFAFA;
   margin: 0px 15px 5px 0px;
}





/* Formatierung der Rahmenfarben in den Galerien */
.paspatu_frame {
background-color : #999999;
}
.paspatu {
background-color : #ffffff;
}
.paspatu_focus {
background-color : #f3e800;
}
.paspatu_online {
background-color : #93bfe8;
}

/* Formatierung der News */
.news {
margin : 15px 0 15px 0;
padding : 0;
background : #fff url(images/bg2.jpg) repeat-x;
/*border : 1px solid #efeded;  */
}
.news .news-footer {
background-color : #fafafa;
border : 1px solid #f2f2f2;
padding : 5px;
margin-top : 20px;
font-size : 95%;
}
.news .news-footer .date {
background : url('images/clock.gif') no-repeat 0 center;
padding-left : 20px;
margin : 0 10px 0 5px;
}
.news .news-footer .comments {
background : url('images/comment.gif') no-repeat 0 center;
padding-left : 20px;
margin : 0 10px 0 5px;
}
.news .news-footer .readmore {
background : url('images/page.gif') no-repeat 0 center;
padding-left : 20px;
margin : 0 10px 0 5px;
}
.news p {
/*margin : 10px 15px;*/
}
.news h4 {
font-size:14px;
/*margin : 10px 15px; */
}
.partner {
visibility : hidden;
}


/* Allgemeine Ausrichtungsklassen */
.float-left {
float : left;
}
.float-right {
float : right;
}
.align-left {
text-align : left;
}
.align-right {
text-align : right;
}
.clear {
clear : both;
}


/* Login bzw. andere Menüpunkte (nicht das Hauptmenü) */
.sitebar_menu {
  padding-left : 0.8em;
}
.sitebar_menu li {
  padding-bottom: 6px;
  display:block;
  padding-left : 1.7em;
  background: url(images/point.gif) no-repeat 0px 0.2em;
}
.sitebar_menu a {
  color: #000000;
}


/* Auflistungen im Contentbereich */
#data ul {
margin-left : 0;
padding-left : 1.5em;
text-indent : 0;
}
.table_normal ul {
margin-left : 0;
padding-left : 1.5em;
text-indent : 0;
}

/* Formatierung von Tabellen ohne Hintergrundfarbe */
.table_normal {
  width : 100%;
  border-collapse: separate;
  border-spacing: 0px 0px;
  color : #000000;
}

/* Formatierungen für die Lightbox-Funktion */
#lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox img {
width : auto;
height : auto;
border : 1px solid #bdbdbd;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
right : 0;
float : right;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(../images/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(../images/nextlabel.gif) no-repeat right 15%;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
overflow : auto;
width : 100%;
}
#imageData {
padding : 0 10px;
color : #666;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
outline : none;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}

/* Kontaktformular */
.contact {
margin : 18px;
}





/* Shop Formatierungen */
.first_prize_large {
  color: #CC0000;
  font-size: 15px;
  font-weight: bold;
}
.first_prize_small {
  color: #CC0000;
  font-size: 11px;
  font-weight: bold;
}
.second_prize_large {
  color: #79B5BF;
  font-size: 15px;
}
.second_prize_small {
  color: #79B5BF;
  font-size: 11px;
}
.prize_right {
  text-align: right;
}

.shopbox_header {
  background-color: #FFE274;
  height: 70px;
  padding-top: 8px;
  border: #AAABD2 solid 1px;
  overflow: hidden;
}
.shopbox_body {
  background-color: #FFFFFF;
  line-height: 160px;
  border: #AAABD2 solid 1px;
}
.shopbox_footer {
  background-color: #EBEADB;
  border: #AAABD2 solid 1px;
}

.bookmark {
  border: none;
  width: 20px;
  height: 20px;
  padding: 0px;
}


::-webkit-scrollbar {
  height: 0;
  overflow: visible;
  width: 1px;
  border-left:1px solid rgb(229, 229, 229);
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .2);
  background-clip: padding-box;
  min-height: 28px;
  padding: 100px 0 0;
  box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
  border-width: 1px 1px 1px 6px;
}
::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}
::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: solid transparent;
  border-width: 0 0 0 4px;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

img.nick_image {
	border: solid 1px #DDDDDD;
	padding: 0;
	background: none;
	border-radius: 5px;
	box-shadow: #808080;
    margin-right: 10px;
}

/* Ist in der Datei /tools/cxsingle_adresse.php ausgelagert */
.footer-top .thumbnail {
  padding: 0px !important;
  border: none;
  margin: 3px -4px;
}

.blog_day {
   margin-bottom: -30px;
}

@media (min-width: 235px) and
  (max-width: 450px) {
  .user_name {
    font-size: 18px !important;
    padding-bottom: 10px;
  }
}

#toTop {
  width:45px;
  border: none;
  position:fixed; /* this is the magic */
  bottom:40px; /* together with this to put the div at the bottom*/
  right:10px;
  cursor:pointer;
  display:none;
  z-index: 999;
  opacity: 0.5;
}

#tabmenu li a.active {
  color: #FFF !important;
  background-color: #428bca;
  border: none;
  border-bottom-color: transparent;
  outline: none;
}
.tab_content {
	padding: 10px 0px;
    border: none;
}
/* Helle Leiste unter dem Menü */
.title_bar {
  background: #E3E3E3;
  padding: 5px;
  margin: -7px;
  /*padding: 15px 0;*/
  vertical-align: center;
  background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #F8F8F8), color-stop(1, #FAFAFA));
  background-image: -ms-linear-gradient(top, #F8F8F8, #FAFAFA);
  background-image: -o-linear-gradient(top, #F8F8F8, #FAFAFA);
  background-image: -moz-linear-gradient(top, #F8F8F8, #FAFAFA);
  background-image: -webkit-linear-gradient(top, #F8F8F8, #FAFAFA);
  background-image: linear-gradient(to bottom, #F8F8F8, #FAFAFA);
  border-bottom: 2px solid #E7E7E7;
}

#user_alerts{
  position: absolute;
  top: 60px;
  left:0;
  right:0;
  margin-left: auto;
  margin-right: auto;
  z-index: 100;
}
.user_alert_box {
  background: #FFF;
  padding: 7px;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  box-shadow: 0 0 10px 1px #808080
}

.logo {
  margin: 30px 0 20px 0;
}

::-webkit-scrollbar {
    display: none;
}

img.blured1 {
  -webkit-filter: blur(4px);
  filter: blur(4px);
}

input[disabled] {
  background: #FFF !important;
}

.media-heading {
  color: #474747 !important;
  font-size: 14px;
  font-weight: 300;
}

label {
  color: #474747 !important;
  font-weight: 600;
}

/* Toggle Styles */
#wrapper {
    padding-right: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-right: 300px;
}

#sidebar-wrapper {
    z-index: 1210;
    position: fixed;
    right: 300px;
    width: 0;
    height: 100%;
    margin-right: -300px;
    overflow-y: auto;
    background: #E9E9E9;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 300px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -300px;
}







/* E-Card - Gallery CSS */
.image_info {
  /*border: solid 1px #000;*/
}
.thumbnail.folder.gallery {
  background: #FAFAFA;
  padding: 0px !important;
  border-color: transparent !important;
  overflow: hidden;
}
.caption.image_info {
  padding: 4px 5px 20px 5px;
  color: #B8B8B8;
}
.masonry-container {
  margin: 55px 5px;
}
.modal-dialog{
    position: relative;
    display: table; //This is important
    overflow-y: auto;
    overflow-x: auto;
    width: auto;
    min-width: 300px;
}
.centered {
  position: absolute; /* or absolute */
  top: 50%;
}
.arrow_area {
  position: absolute; top: 45px; bottom: 45px; width: 25%; cursor: pointer;
}

.img_arrow {
  font-size: 22px; color: #FFF; margin-top: -10px;
  opacity: 0.5;
  display: none;
}
#modal-body {
  padding: 0px !important;
}
.pointer {
  cursor: pointer;
}
.thumbnail img {
  cursor: pointer !important;
}

