@CHARSET "UTF-8";
/* Version SVN: $Id: frontend.css 3198 2013-12-11 13:49:06Z sven.poeche $ */



/*-------HEADER-------*/

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
  -webkit-text-size-adjust:none;
}

body {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  font-family:'Open Sans', 'Segoe UI', 'Helvetica Neue', sans-serif;
  font-size:13px;
  color:#1a1c1e;
  background:#f5f6f7;
}

img {
  border:0pt none;
}

h1, h2, h3, h4, h5, h6 {
    color:#475d7b;
    font-weight:normal; }

h1 {
  text-transform:uppercase;
  font-size:17px;
  margin:0 0 5px 0;
  padding:0;
}

h2 {
  text-transform:uppercase;
  font-size:13px;
  margin:0 0 2px 0;
  padding:0;
}
 
a, a:hover, a:visited {
  color:#617ca3;
  text-decoration:none;
}

a.red, a.red:active, a.red:visited {
  color:#617ca3;
}

.red {
  color:#617ca3;
}

p {
  margin:0;
  padding:0;
}

ul {
  list-style:none;
}

@media screen and (max-device-width: 480px){
  /*iphone specific styles*/
}

div#header {
  width:100%;
  height:42px;
  background:#414349;
  color:#fff;
}
div#header img#logo {
  margin:7px 0 0 5px;
}
div#header a.headerbtn {
  width:35px;
  float:right;
  margin:4px 6px 0 0;
}

form#searchfield {
  display:none;
  width:100%;
  margin:10px 0;
}
div#search form#searchfield {
  display:block;
}
form#searchfield input#searchstring {
  width:65%;
  margin-left:11px;
  font-size:13px;
  height:30px;
}
form#searchfield input#btn_submit {
  width:25%;
  float:right;
  font-size:13px;
  height:30px;
  color:#fff;
  text-shadow:0 -1px 0 #324362;
  border:1px solid #475d7b;
  background:#617ca3;
  border-radius:6px;
}

div#content {
   margin:0 5px 0 5px;
   padding-top:4px;
   min-height:264px;
}

#content span#flashcomm-url {
    display: none; }

div.clear_r {
  clear:right;
  display:block;
}

div.clear_l {
  clear:left;
  display:block;
}

div.clear_b {
  clear:both;
  display:block;
}

div#further_media, div#further_comments, div#further_blogs, div#further_groups, div#further_members, div#further_threads, div#further_channels {
  text-align:center;
  padding:5px 0 15px;
  text-transform:uppercase;
}
div#further_media a, div#further_comments a, div#further_blogs a, div#further_groups a, div#further_members a, div#further_threads a, div#further_channels a {
  display:block;
}

div#logging div#loginbutton {
  margin-bottom:5px;
  height:30px;
  padding:10px 0 0 0;
  text-align:center;
  color:#fff;
  text-shadow:0 -1px 0 #324362;
  border:1px solid #475d7b;
  background:#617ca3;
  border-radius:6px;
}
div#logging span.label {
  position:relative;
  top:-5px;
  font-weight:bold;
  text-transform:uppercase;
}

.fl_r {
  float:right;
}

.fl_l {
  float:left;
}

.ta_center {
  text-align:center;
}

.ta_left {
  text-align:left;
}

div.oflh {
  overflow:hidden;
}

div.oflh span#flashcomm-url {
  display: none;
}

span#overview {
  float:right;
  text-transform:none;
  font-size:13px;
  padding-top:3px;
}

span#overview a {
  padding: 0 0 0 5px;
}

div#footer {
  /* height:24px; */
  background:#383d41;
  padding:6px 5px 0 5px;
}
div#footer div.fl_l,
div#footer div.fl_r {
  height:24px;
}
div#footer span#author {
  color:#ffffff;
  font-size:10px;
  text-align:right;
  width:100%;
}
div#footer span.seperator {
  color:#ffffff;
  font-size:10px;
  text-align:right;
  width:100%;
}
div#footer a.footerlink {
  color:#ffffff;
  font-size:10px;
  text-decoration:underline;
}

#vimpFooterWrapper {
  background-color: #000000;
}

#vimpFooterWrapper a,
#vimpFooterWrapper a:hover,
#vimpFooterWrapper a:active {
  color: #0066cc; }

#vimpFooterWrapper a.external,
#vimpFooterWrapper a[target="_blank"] {
  background: none;
  padding: 0; }

#vimpFooterWrapper #vimpFooter {
  bottom: 0pt; 
  color: #9B9B9B; 
  font-size: 10px;
  padding: 6px 5px; 
  text-align: left; }

#vimpFooterWrapper #footer p.copy {
  float:left;
  display:block;
  margin:18px 0 0 0;
  padding:0; }

ul#thumblist {
  list-style:none;
  margin:4px 0 0 0;
  padding:0;
  width:100%;
}
ul#thumblist li.listentry {
  float:left;
  width:33%;
  text-align:center;
  margin-bottom:10px;
}

div.hordiv {
  height:1px;
  padding:15px 0 0;
  background:url(../images/divider_hor.png) repeat-x 0 0;
}





/*-------STARTSEITE-------*/

select.filter {
  font-size:13px;
  width:100%;
  height:30px;
  font-weight:bold;
  margin-bottom:10px;
}

a.featuredvid {
  display:block;
  margin:4px 0 10px 0;
  padding-bottom:10px;
  background:url(../images/divider_hor.png) repeat-x 0 bottom;
}
a.featuredvid img.thumb {
  border:0pt none;
  margin:0 0 2px 0;
  width:100%;
}

a.furthvid {
  display:block;
  margin-bottom:10px;
  padding-bottom:10px;
  background:url(../images/divider_hor.png) repeat-x 0 bottom;
}

a.furthvid img.thumb {
  float:left;
  margin:0 5px 5px 0;
}
a.furthvid img.mediatype {
  position:relative;
  top:1px;
  margin-right:2px;
}
 




/*-------MEDIADETAIL-------*/

.oflh h1 {
  text-align:center;
}

a#md_thumb {
  display:block;
  text-align:center;
  margin-bottom:-67px;
}
a#md_thumb img#thumb {
  margin:0;
  width:100%;
}
a#md_thumb img#btn_play {
  position:relative;
  z-index:99;
}

ul#md_btntriple {
  margin:5px 0 10px 0;
  padding:0;
  text-align:center;
}
ul#md_btntriple li#meta_description {
  float:left;
  width:32%;
  height:23px;
  padding-top:7px;
  margin-right:1px;
}
ul#md_btntriple li#meta_comments {
  float:right;
  width:32%;
  height:23px;
  padding-top:7px;
  margin-right:1px;
}
ul#md_btntriple li#meta_related {
  float:right;
  width:32%;
  height:23px;
  padding-top:7px;
  margin-right:1px;
}
ul#md_btntriple li.on {
  color:#fff;
  text-shadow:0 -1px 0 #324362;
  border:1px solid #475d7b;
  background:#617ca3;
}
ul#md_btntriple li.off {
    color:#51585f;
    border:1px solid #acbbc3;
    background:#dfe5eb;
}
ul#md_btntriple a.metalink {
  width:100%;
  height:100%;
  color:inherit;
  display: block;
}

div#advanced {
  width:30%;
  float:right;
  text-align:right;
}
div#advanced a {
  display:block;
}
div#advanced a#rating,
div#advanced span#rating {
  margin-bottom:16px;
}
div#advanced a#rating div.rating,
div#advanced span#rating div.rating {
  float:right;
  width:16px;
  height:16px;
  margin-left:1px;
}
  div#advanced a#rating .starEmpty,
  div#advanced span#rating .starEmpty {
    background:url(../images/rating.png) 0 0 no-repeat; }

  div#advanced a#rating .starHalf,
  div#advanced span#rating .starHalf {
    background:url(../images/rating.png) -16px 0 no-repeat; }

  div#advanced a#rating .starFull,
  div#advanced span#rating .starFull {
    background:url(../images/rating.png) -32px 0 no-repeat; }

div#meta-description p#calls {
  margin:0 0 5px 0;
}
div#meta-description div#descr {
  margin:0 0 10px 0;
}
div#meta-description div#layer_share, div#meta-description div#layer_rating {
  margin:0 0 15px;
  padding:5px;
  border:1px solid #06C;
}
div#meta-description div#layer_share a.init, div#meta-description div#layer_rating a.init {
  font-weight:bold;
  display:block;
  text-align:center;
}
div#layer_rating div#area_rating form input#btn_submit {
  float:right;
  font-size:13px;
  height:30px;
  color:#fff;
  text-shadow:0 -1px 0 #324362;
  border:1px solid #475d7b;
  background:#617ca3;
  border-radius:6px;
}
div#meta-description div#layer_share div#area_share, div#meta-description div#layer_rating div#area_rating {
  margin-top:5px;
}
div#meta-description div#layer_share div#area_share input.copystring {
  width:96%;
  margin-bottom:10px;
}
div#meta-description div#layer_share div#area_share a.icn_socmed {
  margin:0 2px;
}

div#meta-related {
  display:none;
}

div#meta-comments {
  display:none;
}
div#meta-comments div#layer_newcomment {
   margin:0 0 10px;
   padding:5px;
   border:1px solid #06C;
}
div#meta-comments div#layer_newcomment a {
   font-weight:bold;
   display:block;
}
div#meta-comments div#layer_newcomment form#fld_newComment {
   width:100%;
   margin:10px 0;
}
div#meta-comments div#layer_newcomment form#fld_newComment textarea {
  width:100%;
}
div#meta-comments div#layer_newcomment form#fld_newComment input#btn_submit_comment {
  float:right;
  font-size:13px;
  height:30px;
  color:#fff;
  text-shadow:0 -1px 0 #324362;
  border:1px solid #475d7b;
  background:#617ca3;
  border-radius:6px;
}

div.comment {
  margin-bottom:10px;
  padding-bottom:10px;
  background:url(../images/divider_hor.png) repeat-x 0 bottom;
}
div.comment p.data, div.comment div.data {
  margin:0 0 5px;
}
div.comment p.date, p.small {
  font-size:11px;
}





/*-------CHANNELS-------*/

div.channel {
  margin-bottom:10px;
  padding-bottom:10px;
  background:url(../images/divider_hor.png) repeat-x 0 bottom;
}
div.channel img {
  border:0pt none;
  margin:0 0 2px 0;
  width:100%;
}
div.channel .normtext {
  text-transform:none;
}





/*-------CHANNEL-------*/

img#channelthumb {
  border:0pt none;
  margin:0 0 2px 0;
  width:100%;
}

div#channeldescr {
  text-transform:none;
  color:#000;
  margin-bottom:10px;
}





/*-------GRUPPEN-------*/

div.group {
  margin-bottom:10px;
  padding-bottom:10px;
  background:url(../images/divider_hor.png) repeat-x 0 bottom;
}
div.group img {
  float:left;
  margin:0 5px 5px 0;
}






/*-------GRUPPE-------*/

div#group_head {
  margin-bottom:10px;
}
div#group_head div#thumb_holder {
  height:100px;
  overflow:hidden;
  margin-bottom:2px;
}
div#group_head div#thumb_holder img {
  border:0pt none;
  /* margin-top:-100px;
  width:100%; */
}
div#group_head div.descr {
  text-transform:none;
  color:#000;
  margin-bottom:5px;
}

ul#group_btntriple {
  list-style:none;
  margin:0 0 10px 0;
  padding:0;
  text-align:center;
}
ul#group_btntriple li#meta_media {
  float:left;
  width:32%;
  height:23px;
  padding-top:7px;
  margin-right:1px;
}
ul#group_btntriple li#meta_fthreads {
  float:right;
  width:32%;
  height:23px;
  padding-top:7px;
  margin-right:1px;
}
ul#group_btntriple li#meta_members {
  float:right;
  width:32%;
  height:23px;
  padding-top:7px;
  margin-right:1px;
}
ul#group_btntriple li.on {
    color:#fff;
    text-shadow:0 -1px 0 #324362;
    border:1px solid #475d7b;
    background:#617ca3;
}
ul#group_btntriple li.off {
    color:#51585f;
    border:1px solid #acbbc3;
    background:#dfe5eb;
}
ul#group_btntriple a.metalink {
  width:100%;
  height:100%;
  color:inherit;
  display: block;
}

div#meta-fthreads .fthread {
  background:url(../images/divider_hor.png) repeat-x 0 bottom;
  padding-bottom:10px;
  margin-bottom:10px;
}




/*-------BLOGS-------*/

div.blog {
  margin-bottom:10px;
  padding-bottom:10px;
  background:url(../images/divider_hor.png) repeat-x 0 bottom;
}
div.blog .blog_preview {
  margin:5px 0;
}





/*-------BLOGENTRY-------*/

p.blog_meta {
  font-size:11px;
}

div#blog_entry {
  margin:5px 0 10px;
  background:url(../images/divider_hor.png) repeat-x 0 bottom;
  padding-bottom:10px;
}

p#blog_comments_header {
  margin-bottom:10px;
  text-transform:uppercase;
}

div.blog_comment {
  margin-bottom:10px;
  padding-bottom:10px;
  background:url(../images/divider_hor.png) repeat-x 0 bottom;
}
div.blog_comment .comment {
  display:block;
  margin-bottom:5px;
}
div.blog_comment .comment_date {
  display:block;
  font-size:11px;
}





/*-------LOGIN-------*/

form#loginflds {
  width:75%;
  margin:45px auto 40px;
  text-align:center;
}
form#loginflds input#user, form#loginflds input#pass {
  width:100%;
  font-size:13px;
  text-align:center;
  position:relative;
  left:-7px;
}
form#loginflds p#txtpwd {
  margin-top:5px;
}
form#loginflds p#chkbpermlog {
  margin:10px 0 5px;
}
form#loginflds p#chkbpermlog input#permlog {
  width:20px;
  height:20px;
  margin-right:5px;
}
form#loginflds p#chkbpermlog span {
  position:relative;top:-2px;
}
form#loginflds input#btn_submit {
  font-size:13px;;
  height:30px;
  width:50%;
  margin-top:10px;
  color:#fff;
  text-shadow:0 -1px 0 #324362;
  border:1px solid #475d7b;
  background:#617ca3;
  border-radius:6px;
}

div#log_addlinks {
  text-align:center;
  background:url(../images/divider_hor.png) repeat-x 0 top;
  padding-top:10px;
  margin-bottom:15px;
}
div#log_addlinks p {
  margin-top:15px;
}

/*-------UPLOAD-------*/

form#media_upload {
  width:100%;
}
form#media_upload input#media_title {
  width:96%;
  margin-bottom:20px;
}
form#media_upload input#btn_choosemedia {
  font-size:13px;
  height:30px;
  width:100%;
  color:#fff;
  text-shadow:0 -1px 0 #324362;
  border:1px solid #475d7b;
  background:#617ca3;
  margin-bottom:5px;
  border-radius:6px;
}
form#media_upload p.last {
  margin-bottom:20px;
}
form#media_upload textarea#media_description {
  width:98%;
  margin-bottom:20px;
}
form#media_upload p#cat_multiple {
  width:100%;
  margin-bottom:20px;
}
form#media_upload p#cat_multiple select {
  width:inherit;
}
form#media_upload input#media_tags {
  width:96%;
  margin-bottom:20px;
}
form#media_upload p#release_radio {
  margin:0 0 30px 5px;
}
form#media_upload p#release_radio .hidden_list {
  display: block;
}
form#media_upload input#reply {
  font-size:13px;
  height:30px;
  width:50%;
  color:#fff;
  text-shadow:0 -1px 0 #324362;
  border:1px solid #475d7b;
  background:#617ca3;
  margin-bottom:30px;
}





/*-------USER-------*/

div.user {
  background:url(../images/divider_hor.png) repeat-x 0 bottom;
  margin-bottom:10px;
  padding-bottom:10px;
}
div.user img {
  float:left;
  margin:0 5px 5px 0;
}
div.usr_comments, div.usr_media, div.usr_groups, div.usr_blogs {
  background:url(../images/divider_hor.png) repeat-x 0 bottom;
  margin-bottom:10px;
  padding-bottom:10px;
  text-align:center;
}

div#meta-comments, div#meta-media, div#meta-groups, div#meta-blogs {
  margin-top:15px;
}

div.meta-groups img {
  float:left;
  margin:0 5px 5px 0;
}

div.usr_comments div#meta-comments div.comment,
div.usr_media div#meta-media a.furthvid,
div.usr_groups div#meta-groups div.group,
div.usr_blogs div#meta-blogs div.blog {
  background:url(../images/divider_hor.png) repeat-x 0 bottom;
  margin-bottom:10px;
  padding-bottom:10px;
}
div.usr_comments div#meta-comments div.comment.last,
div.usr_media div#meta-media a.furthvid.last,
div.usr_groups div#meta-groups div.group.last,
div.usr_blogs div#meta-blogs div.blog.last {
  background:none;
  margin-bottom:10px;
  padding-bottom:10px;
}

div.usr_blogs div#meta-blogs div.blog p.blogentry {
  margin:5px 0;
}




/*-------LANGUAGE-------*/
 
div.lang_entry {
  margin-top:20px;
  text-align:center;
}
div.lang_entry a {
  display:block;
  font-weight:bold;
  text-transform:uppercase;
}
div.lang_entry a span {
  position:relative;
  top:-8px;
}
 



/*-------------------------------------------------------
      ERROR
-------------------------------------------------------*/

.message {
  padding: 10px 20px;
  list-style:none; }

.message.error {
  border: 1px solid #f6a1a1;
  background: #f6baba; }

.message.warning {
  border: 1px solid #f5f6a1;
  background: #f4f6ba; }

.message.success {
  border: 1px solid #95cc9a;
  background: #b0d8b3; }

.message.info {
  border: 1px solid #a1b5f6;
  background: #bad5f6; }

.empty {
  padding: 5px 7px 5px 10px;
  text-align: left;
  color: #808080; }

.thumbs .empty {
  padding: 5px 7px 5px 10px; }

li.empty {
  border: 0; }