@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,300italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700);
body {
  font-family: 'Source Sans Pro', sans-serif;
  /*color: #666666;*/
  color: #4E4E4E;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: 'Source Sans Pro', sans-serif;
}
h1 {
  font-size: 40px;
}
h2, .titlelink {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  padding-top: 0px;
  margin: 0 0 20px 0;
  color: #333;
}
.titlelink{font-size: 20px; text-transform: uppercase;}
h3 {
  font-size: 25px;
}
h4 {
  font-size: 20px;
}
h4.media-heading{
	color: #3879D9;
	margin-bottom: 0;
	font-weight: 300;
	margin-bottom: 8px;
}
p {
  font-size: 15px;
}
ul {
  padding-left: 0;
}
ul li {
  list-style: none;
}

blockquote{
	font-size:13px;
	font-style: italic;
}

code{
	font-size: 80%;
}


.login-block-form{height:30px; padding: 4px 8px; font-size: 13px;}

/* pk pagination as buttons */ 

a.xo-pagarrow { /* page navigation arrows */ 
   display:inline;  
   width: 30px;  
   height:30px;  
   text-align:center;  
   padding: 3px 6px;  
   margin: 0 2px 0 2px;  
   border: 1px solid #ccc; 
   border-radius:5px; 
 -moz-border-radius:5px; 
 -webkit-border-radius:5px; 
   } 
a.xo-pagarrow:hover{ /* page navigation arrows HOVER */ 
   display:inline;  
   width: 30px;  
   height:30px; 
   text-align:center;  
   padding: 3px 6px;  
   margin: 0 2px 0 2px;   
   border: 1px solid #ccc;  
   background-color: #eee; 
   border-radius:5px; 
 -moz-border-radius:5px; 
 -webkit-border-radius:5px; 
   } 

.xo-pagact { /* active page */ 
   display:inline;  
   width: 30px;  
   height:30px;  
   text-align:center;  
   color: #fff;
   padding: 3px 6px;  
   margin: 0 2px 0 2px;   
   border: 1px solid #ccc;   
   background-color: #98C93B; 
   border-radius:5px; 
 -moz-border-radius:5px; 
 -webkit-border-radius:5px; 
   }  
   
a.xo-counterpage { /* visited page */ 
    display: inline;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 3px 8px;
    margin: 0 2px 0 2px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

a.xo-counterpage:hover { /* visited page HOVER */ 
	display: inline;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 3px 8px;
    margin: 0 2px 0 2px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
   background-color: #eee; 
}

.xoops-comment-template{
	margin-bottom:10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #eeeeee;
}

.menu .navbar-default {
  background: none;
  border-color: transparent;
  margin-bottom: 0;
  text-align: center;
}
.menu .navbar-default .navbar-nav > li > a {
  font-size: 15px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 200;
  color: #666;
  padding: 5px 15px;
}
.menu .navbar-default .navbar-nav > li > a:hover {
  color: #3879D9;
}
.menu .navbar-nav {
  float: none;
  display: inline-block;
}
.menu .navbar {
  min-height: 0;
}
#main{
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  background: rgba(255, 255, 255, 0.96);
  padding: 8px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
#main .logo {
  display: inline-block;
  margin-top: 8px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	padding-top: 10px;
	text-align: right;
}
#main .social-info {
  margin-bottom: 0;
  padding-top: 14px;
  text-align: right;
}
#main .social-info li {
  display: inline-block;
}
#main .social-info li:first-child a {
  border-left: 1px solid #dedede;
}
#main .social-info li a {
  color: #aeaeae;
  padding: 3px 8px;
  border-right: 1px solid #dedede;
}
#main .social-info li a:hover {
  color: #3879D9;
}
/*banner ist der kleiner der sich auf allen anderen seiten ausser der startseite befindet*/
#banner2 {
  background-size: cover;
  position: relative;
  padding: 40px 0 20px 0;
  background: url(../images/baloons_s.jpg) center left no-repeat transparent;
}
#banner2 .app-img {
  padding-top: 10px;
}
#banner2 .block {
  padding-top: 50px;
  font-size: 16px;
  color: #fff;
}

#banner {
  background-size: cover;
  position: relative;
  padding: 40px 0;
  background: url(../images/baloons_s.jpg) top left no-repeat transparent;
}
#banner .app-img {
  padding-top: 10px;
}
#banner .block > p {
  margin-bottom: 40px;
}
#banner .block {
  padding-top: 10px;
}
#banner .block h1 {
  margin-bottom: 18px;
  line-height: 55px;
  color: #262b31;
  font-weight: 300;
  font-size: 2.6em;
}
#banner .block p {
  font-size: 1.2em;
  color: #fff;
  font-weight: 260;
}
#banner .block .download-btn li, .download-btn li {
  display: inline-block;
}
#banner .block .download-btn li a, .download-btn li a {
  color: #fff;
  border: none;
  border-radius: 0;
  padding: 10px 28px 13px;
  font-size: 18px;
}
#banner .block .download-btn li a i, .download-btn li a i {
  margin-right: 10px;
  font-size: 20px;
}
#banner .block .download-btn li .btn-apple, .download-btn li .btn-apple {
  background: #8883bc;
  border: 1px solid transparent;
  -webkit-transition: .2s all;
  -o-transition: .2s all;
  transition: .2s all;
}
#banner .block .download-btn li .btn-apple:hover, .download-btn li .btn-apple:hover {
  color: #8883bc;
  background: #fff;
  border: 1px solid #8883bc;
}
#banner .block .download-btn li .btn-andriod, .download-btn li .btn-andriod {
  background: #6fbf39;
  border: 1px solid transparent;
  -webkit-transition: .2s all;
  -o-transition: .2s all;
  transition: .2s all;
}
#banner .block .download-btn li .btn-andriod:hover, .download-btn li .btn-andriod:hover {
  color: #6fbf39;
  background: #fff;
  border: 1px solid #6fbf39;
}
#banner .block .download-btn li .btn-windows, .download-btn li .btn-windows {
  background: #00afec;
  border: 1px solid transparent;
  -webkit-transition: .2s all;
  -o-transition: .2s all;
  transition: .2s all;
}
#banner .block .download-btn li .btn-windows:hover, .download-btn li .btn-windows:hover {
  color: #00afec;
  background: #fff;
  border: 1px solid #00afec;
}
#banner-container{
	padding-top:30px;
}
#xcontent .xcontent-wrapper {
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding: 20px 0;
}
#service {
  padding: 0;
}
#service .service-wrapper {
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding: 30px 0;
}
#service .block {
  cursor: pointer;
  text-align: center;
}
#service .block:hover .icon i {
  /*color: #fff;*/
}
#service .block:hover h3 {
  color: #3879D9;
}
#service .block:hover .icon {
  border: 1px solid #FFFFFF;
  /*background: #139EE8;*/ /*f48e5c*/
  /*color: #fff;*/
  -webkit-box-shadow: 0 0 0px 2px #6FBF39;
  -moz-box-shadow: 0 0 0px 2px #6FBF39;
  box-shadow: 0 0 0px 2px #6FBF39;
}
#service .block .icon {
  width: 90px;
  height: 90px;
  margin: 0 auto;
  border-radius: 100%;
  border: 1px solid #dedede;
  text-align: center;
  -webkit-transition: .2s all;
  -o-transition: .2s all;
  transition: .2s all;
}
#service .block i {
  font-size: 25px;
  line-height: 90px;
  color: #989898;
  -webkit-transition: .2s all;
  -o-transition: .2s all;
  transition: .2s all;
} 
#service .block h3 {
  color: #555;
  font-weight: 300;
}
#service .block p {
  color: #666;
}
#feature {
  padding: 50px 0;
}
#feature .title {
  font-weight: 300;
}
#feature .feature-item {
  margin-top: 40px;
}
#feature .feature-item:first-child {
  margin-top: 0;
}
#feature .feature-item .icon {
  padding-right: 22px;
}
#feature .feature-item .icon i {
  color: #3879D9;
  font-size: 30px;
}
#feature .feature-item h4 {
  color: #3879D9;
  margin-bottom: 0;
  font-weight: 300;
  margin-bottom: 8px;
}
#feature .feature-item p {
  color: #9499a2;
}
#feature .block {
  text-align: center;
}
#feature .block img {
  display: inline-block;
}
#utility {
  background: #f6f6f7;
  padding: 20px 0 30px 0;
}
#utility .block h2 {
  padding-top: 70px;
  color: #444;
}
#utility .block p {
  line-height: 32px;
  color: #7c828b;
  font-size: 16px;
}
#utility-2 {
  padding: 40px 0 10px 0;
}
#utility-2 .block {
  padding-top: 100px;
}
#utility-2 .block h2 {
  color: #666;
}
#utility-2 .block p {
  line-height: 32px;
  color: #9AA0A9;
  font-size: 16px;
}
#subscribe {
  background: #424853;
  padding: 40px 0;
  color: #DDE2E8;
}
#subscribe .block {
  /*border-top: 1px solid #dedede;*/
  /*padding-top: 40px;*/
}
#subscribe p {
  color: #FFFFFF /*#96908E*/;
}

#subscribe ul li{
	font-size: 13px;
}

#subscribe .form-inline {
  padding-top: 16px;
}
#subscribe .form-inline .form-group {
  position: relative;
}
#subscribe .form-inline .form-group input {
  width: 340px;
  padding: 20px 0px 20px 15px;
  border-radius: 0;
  background: white;
  border: 1px solid #d4d4d4;
  border: 1px solid #d1d1d1;
  box-shadow: none;
}
#subscribe .form-inline .form-group input:hover,
#subscribe .form-inline .form-group input:active,
#subscribe .form-inline .form-group input:focus {
  box-shadow: none;
}
#subscribe .form-inline i {
  font-size: 18px;
  color: #fff;
  display: inline-block;
}
#subscribe .btn-signup {
  background: #77c344;
  padding: 10px 20px;
  color: #fff;
  border-radius: 0;
  border: none;
  margin-left: -4px;
  border: 1px solid transparent;
  -webkit-transition: .2s all;
  -o-transition: .2s all;
  transition: .2s all;
}
#subscribe .btn-signup:hover {
  background: #fff;
  border: 1px solid #77c344;
}
#subscribe .btn-signup:hover i {
  color: #77c344;
}
#subscribe a, #subscribe a:hover{
	color: #D5DBE1;
}
footer {
  background: #2a333d;
  padding: 40px 0 20px;
}
footer .footer-logo {
  margin-bottom: 15px;
  display: inline-block;
  text-align: center;
}
footer p {
  color: #6F6F6F;
  margin-top: 10px;
  margin-bottom: 0;
}
footer h4{text-align:left; color: #3174B0;}
footer ul li a {
	font-size: 13px;
}
footer ul li{
	text-align: left;
	line-height: 15px;
}

.equal {
  display: flex;
  flex-wrap: wrap;
}

.equal > div[class*='col-'] {  
  display: flex;
  flex-direction: column;
}


/*a.titlelink{color: #515e6c}*/
a:hover{border: none; text-decoration: none;}

.btn{margin-bottom: 3px;}

.btn-andriod {
  background: #6fbf39;
  border: 1px solid transparent;
  -webkit-transition: .2s all;
  -o-transition: .2s all;
  transition: .2s all;
  color: #fff;
}
.btn-apple {
  background: #8883bc;
  border: 1px solid transparent;
  -webkit-transition: .2s all;
  -o-transition: .2s all;
  transition: .2s all;
}


.btn-windows {
	color: #00afec;
  background: #fff;
  border: 1px solid #00afec;
 
  -webkit-transition: .2s all;
  -o-transition: .2s all;
  transition: .2s all;
}
.btn-windows:hover {
   /*background: #00afec;*/
  color: #000;
  /*border: 1px solid transparent;*/
}

.label-primary a, .label-success a, .btn-primary a, .btn-success a{color: #ffffff;}
.label{border-radius: 4px; padding: 4px 9px; font-weight: normal;}

aside{margin-bottom: 30px;}

/*user widget*/
.widget-user {
text-align: center;
overflow: hidden;
}
.boxed {
background-color: #fff;
border: 1px solid #e4e4e4;
/*-webkit-box-shadow: 1px 1px 5px 3px rgba(230,230,230,1);
-moz-box-shadow: 1px 1px 5px 3px rgba(230,230,230,1);
box-shadow: 1px 1px 5px 3px rgba(230,230,230,1);*/
/*border-radius: 6px;
*/
}
.widget-author__image-container {
margin-bottom: 20px;
}
.widget-author__image-container {
position: relative;
margin-bottom: 45px;
}
.widget-author__avatar--blurred {
overflow: hidden;
height: 125px;
}
.widget-author__avatar--blurred:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: "";
background: url(../images/profile_bg.png) top right transparent;
z-index: 1;
}
.widget-author__avatar {
position: absolute;
left: 50%;
margin-left: -45px;
bottom: -45px;
-webkit-box-shadow: 0 0 0 8px #fff;
box-shadow: 0 0 0 8px #fff;
border-radius: 0%;
z-index: 2;
max-width: 120px;
}
.widget-author__avatar img{
	vertical-align: middle;
}

.widget-user h4 {
margin-bottom: 10px;
font-size: 24px;
}



/*Grid script*/
#grid[data-columns]::before {
	content: '2 .column.size-1of2';
}

/* These are the classes that are going to be applied: */
.column {
    float: left;
}
.size-1of4 {
    width: 25%;
}
.size-1of3 {
    width: 33.333%;
}
.size-1of2 {
    width: 50%;
}

/* Configurate salvattore with media queries */
@media screen and (max-width: 450px) {
    #grid[data-columns]::before {
        content: '1 .column';
    }
}

@media screen and (min-width: 451px) and (max-width: 700px) {
    #grid[data-columns]::before {
        content: '1 .column';
    }
}

@media screen and (min-width: 701px) and (max-width: 850px) {
    #grid[data-columns]::before {
        content: '2 .column.size-1of2';
    }
}

@media screen and (min-width: 851px) {
    #grid[data-columns]::before {
        content: '2 .column.size-1of2';
    }
}
/**/

.article_full{
	position: relative;
	display: block;
	background: #FBFBFB;
	border:1px solid #E8E8E8;
	border-radius: 6px;
	margin-bottom: 20px;
	border-bottom: 4px solid #D8D8D8;
}

.article_full_img{
	width: 100%;
}


.article-column{

}

.post_summary{
	display: block;
}
.btn{border-radius: 4px;}



/* NEWBB */
.xoopsCode{overflow: scroll;}
.newbb-head, .newbb-head a{
	background: #3879D9;
	color: #ffffff;
}
.newbb-cat-title, .newbb-topic-title{font-size: 14px; font-weight: normal;}
thead.newbb-head>tr>th{border: none;}
tbody>tr>th span{display: block; font-weight: normal;}
th.newbb-cat-desc{font-weight: normal; font-size: 90%; background: #6B9BE2}

.newbb-cat-title{text-align: center}

.newbb-cat-stat{font-size: 80%; padding-top: 5px; visibility:hidden;}

.newbb-online{
	margin-top: 10px;
	width: 100%;
}

.newbb-online-title{
	width: 100%;
	padding: 10px;
	font-size: 14px;
	font-weight: normal;
	background: #3879D9;
	color: #ffffff;
}

.newbb-post-head{border-bottom: 1px solid #EEEEEE; padding-bottom: 10px}
.newbb-post-info{position: relative; top:0; margin-left: 100px;}
.newbb-quick-reply{background: #FFFFFF; border: 1px solid #CCCCCC}
#quick_reply{background: #FFFFFF;}

#message_hidden{
	white-space: pre-line;
	margin-bottom: 20px;
}
#message_hidden_data{
	border: 1px solid #cccccc;
	padding: 8px;
	border-radius: 4px;
}

.panel-body td.head{font-weight: bold; font-size: 110%;}

/*newbb mobil*/
@media (max-width: 768px) {
	.newbb-cat-stat{font-size: 80%; padding-top: 5px; visibility: visible;}
	.poster-rank{font-size: 80%;}
	.mob-margin-top{margin-top: 40px}
}

/***********/
.post-profile-mob-vis{
	display: none;
}
.post-profile{
	width: 201px;
	/*border-right: 1px solid #eeeeee;*/
	float: left;
	text-align: center;
	display: block;
	padding: 15px;
	position: relative;
}

.post-profile > dt {
    float: left;
    clear: left;
    width: 164px;
    margin-bottom: 10px;
  }

.post-profile >  dt:after {
    content: " ";
  }
	
.post-profile > dd{
	/*padding-left: 10px;*/
	float: none;
	min-height: 20px;
	line-height: 20px;
}


.post-body{
	border: 1px solid #dbdbdb; 
	border-bottom: 4px solid #dbdbdb;
	padding: 0; 
	margin-bottom: 10px; 
	overflow: hidden;
	background: #F2F2F2;
}

.post-text{
	float:none;
	margin-left: 200px;
	width: auto;
	display: block;
	padding: 10px 10px 10px 15px;
	border-left: 1px solid #eeeeee;
	background: #FBFBFB;
}

.post-text h4{padding-top: 0px; margin-top: 0px;}

.post-datetime{display: block; margin: -10px 0 10px 0;}

.forum_icon{display: inline;}


/*********** DOWNLOAD MODULE ********************/
.d-theme-filter{width: 100%; padding: /*40px*/ 0 0 40px 0; /*border: 1px solid #EBEBEB;*/}
.d-theme-filter li a{font-size: 12px; padding: 6px 11px;}

.d-theme-image{
	height: 220px;
	position: relative;
	border: 1px solid #dedede;
	overflow: hidden;
}

.d-theme-screenshot{
	display: block;
	position: relative;
	overflow: hidden;
}
.d-theme-screenshot img{
	 width: 100%;
	 height: auto;
	 left: 0;
	 position: relative;
	 top: 0;
}

.d-theme-downtitle{
  font-size: 13px;
  margin: 0;
  overflow: hidden;
  padding: 13px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 99;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #4FC1E9;
  border-top: 1px solid #dedede;
  color: #FFFFFF;
}

.d-theme-downtitle a{
	color: #555;
}



.img-circle {
    border-radius: 0%;
}

.imgsmile{display: inline !important}

/**************************************************/

/*Mobilen Geräte*/
@media(max-width: 840px) {
	.post-profile-mob{
		display: none;
	}
	.post-text-mob{
		margin-left: 0px;
	}
	.post-text-mob h4{
		font-size: 16px;
	}
	.post-profile-mob-vis{
	display: block;
	padding: 10px 10px 10px 20px;
	border-bottom: 1px solid #eeeeee;
	overflow: hidden; background: #eee
	}
	.post-profile-mob-vis h4{
		padding:0;
		margin: 0; 
		font-size:16px;
	}
	.post-profile-mob-vis span{
		font-size: 12px;
	}
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px;
}

.row {
    margin-right: -8px;
    margin-left: -8px;
}