/* Reset (by Eric Meyer) */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent; }

body{
  line-height:1; }

blockquote, q{
  quotes:none; }

blockquote:before, blockquote:after, q:before, q:after{
  content:'';
  content:none; }

ol, ul{
  list-style:none; }

ins{
  text-decoration:none; }

del{
  text-decoration:line-through; }

img{
  vertical-align:bottom;
}

table{
  border-collapse:collapse;
  border-spacing:0; }

html, body{
  background:#fff;
  color:#000;
  font:11px/15px Verdana, Arial, sans-serif; }

body{
  margin:0 0 20px 15px;
}

a{
  color:#424242; }

a:link,
a:visited {
  text-decoration:none;
}

a:hover,
a:active {
  text-decoration:underline;
}

#site{
  position:relative;
  top:117px;
  width:798px; }

#adtop, #adside{
  position:absolute;
  top:16px;
  left:15px; }

#adside{
  top:114px;
  left:826px; }

#header{
  position:relative;
  height:175px;
  border:1px dotted #777777;
  border-width:1px 0;
  background:#5cb240; }

#submenuc {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 24px;
	background: #fff;
}
#header #submain_17 {
	float: left;
	right: 0;
	left: auto !important;
	width: auto;
}

#header h1{
  margin:16px 5px;
  background:transparent; }

#top{
  height:31px;
  background:#fff;
  color:#424242;
  font-size:9px;
  font-weight:bold; }

#top span.date{
  float:left;
  padding:6px 0 0 10px; }

#top ul{
  padding:6px 0 0;
  float:right; }

#top ul li{
  display:inline; }

#top a{
  text-decoration:none;
  color:#424242; }

#search{
  position:absolute;
  top:53px;
  right:7px;
  width:180px;
  height:46px;
  background:#777777; }

#search label{
  display:block;
  height:20px;
  margin:3px 0 0 7px;
  padding:0 0 0 19px;
  font:bold 12px/20px Verdana, Arial, sans-serif;
  text-transform:uppercase;
  color:#fff;
  letter-spacing:-1px;
  background:url(/images/JPG-Einzelelement/Lupe-Header.jpg) 0 2px no-repeat; }

#search input,
#search select{
  display:block;
  height:18px;
  margin:0;
  padding:0;
  border:0;
  font-size:11px;
  line-height:11px; }

#search input.text{
  width:149px;
  margin:0 0 0 6px;
  float:left;
  padding-top:3px;
  height:15px; }

#search select{
  width:96px;
  margin:0 0 0 5px;
  float:left; }

#search input.image{
  margin:0 0 0 4px;
  float:left; }

#search a{
  position:absolute;
  right:0;
  top:0; }

#menu{
  height:43px;
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  font-size:11px; }

#menu li{
  display:block;
  float:left;
  height:19px;
  padding:0 10px; }

/*
  #main_home{
    width:40px;
  }
  #main_videos{
    width:48px;
  }
  #main_photos{
    width:51px;
  }
  #main_specials{
    width:62px;
  }
  #main_documents{
    width:78px;
  }
  #main_community{
    width:77px;
  }
  #main_slideshow{
    width:76px;
  }
  #main_playapro{
    width:74px;
  }
  #main_projects{
    width:63px;
  }
*/

#menu li.act{
  padding:0 9px;
  background:#fff;
  border-left:1px solid #e4e4e4;
  border-right:1px solid #e4e4e4; }

#menu li.sub_act a{
  padding:0 0px;
  background:#DDD; }

#menu .submenu li a:hover{
  background:#DDD; }

#menu li a{
  display:block;
  height:19px;
  text-transform:uppercase;
  color:#424242 !important;
  text-decoration:none;
  font-weight:bold;
  letter-spacing:-1px;
 }

#menu li.act a{
  color:#000; }

#menu .submenu{
  position:absolute;
  top:19px;
  left:0;
  width:100%;
  height:24px;
  background:#fff;
 }

#menu .submenu li{
  display:inline;
  float:none;
  padding:0; }

#menu .submenu li.first{
  padding-left:10px; }

#menu .submenu li a{
  display:inline;
  line-height:19px;
  font-size:10px;
  text-transform:none;
  font-weight:normal; }

#brandthis{
  padding:10px 0 15px 0; }

#brandthis img{
  display:block;
  float:left; }

#brandthis h1{
  font-size:34px;
  line-height:32px;
  text-transform:uppercase;
  background:transparent; }

#brandthis blockquote{
  font-size:21px;
  line-height:21px;
  color:#424242; }

#sortnav{
  margin:0 0 0 10px; }

#sortnav a{
  font-size:9px;
  text-decoration:none;
  font-weight:bold; }

#sortnav li{
  display:inline;
  margin:0 10px 0 0; }

#content{
  float:left;
  width:579px;
  margin:0px 10px 0 0;
  padding:0; }
#content_contact{
  float:left;
  width:798px;
  margin:0px 10px 0 0;
  padding:0; }

#videopanel{
  width:580px;
  height:465px;
  overflow:hidden;
  margin:7px 0 0 1px;
  padding:0 0 6px;
  /* float:left;
  border-bottom:1px dotted #777777;*/
 }

#videopanel #player{
  float:left; }

#videopanel ol{
  border-left:2px solid #fff;
  margin-left:5px;
  float:left; }

#videopanel li{
  margin:0 0 3px; }

.module{
  margin:0;
  padding:0 0 8px;
  border-bottom:1px dotted #777777; }

.box{
  margin:8px 0 0;
  background:#d6d6d6; }

.wide{
  float:left;
  width:437px; }

.full{
  float:left;
  width:579px; }

.narrow{
  float:right;
  width:136px; }

.narrow .narrow{
  float:none;
  clear:both; }

.narrow h2,
.box h1{
  height:14px;
  background:#fff;
  line-height:16px;
  overflow:hidden;
  color:#424242; }

.box .content,
.box-wm .content
{
  padding:6px; }

ul.tabs{
  height:14px;
  background:#fff;
  overflow:hidden; }

ul.tabs li{
  float:left;
  padding:0 10px 0 0; }

.box h1 strong,
.narrow h2 strong,
ul.tabs strong, ul.tabs a{
  display:block;
  padding:0 18px 0 6px;
  font-weight:bold;
  text-transform:uppercase;
  font-size:10px;
  line-height:14px; }

.box h1 strong,
.narrow h2 strong,
ul.tabs strong{
  background:#ccc url(/images/JPG-Einzelelement/Kante-hellgrau.jpg) 100% 0 no-repeat; }

.box h1 strong,
.narrow h2 strong{
  padding-top:2px;
  line-height:16px;
  display:inline; }

ul.tabs a{
  background:#999 url(/images/JPG-Einzelelement/Kante-dunkelgrau.jpg) 100% 0 no-repeat;
  color:#fff;
  text-decoration:none; }

.chart{
  background:#fff;
  margin:8px 0 0;
  background:#d6d6d6; }

.chart li{
  list-style:outside;
  list-style-type:decimal;
  height:27px;
  line-height:27px;
  padding:0 6px 0 0px;
  display:list-item;
 }

.chart li {
  clear:both;
  background:#d6d6d6;
  margin:0 0 3px 30px;
  font-size:10px; }

.chart a.more {
  padding:3px;
  display:block;
  font-size:10px; }

.chart li a,
.chart a.more{
  color:#000; }

.chart a.more{
  color:#424242; }

#videogrid li{
  overflow:hidden;
  float:left;
  width:135px;
  border-right:6px solid #d6d6d6; }

#videogrid strong{
  display:block;
  height:25px;
  overflow:hidden;
  font-size:9px;
  line-height:10px;
  font-weight:normal; }

#videogrid a{
  text-decoration:none; }

.slideshow li{
  float:left;
  width:110px;
  height:82px;
  margin:0 6px 8px 0; }

.slideshow li.endrow{
  margin-right:0; }

.slideshow a{
  position:relative;
  display:block;
  width:108px;
  height:82px;
  margin:0;
  background:#d6d6d6;
  text-decoration:none;
  overflow:hidden; }

.slideshow span{
  display:block;
  font-size:20px;
  font-weight:bold;
  display:none; }

ul.float li{
  float:left;
  width:25%;
  font-size:10px;
  line-height:11px; }

ul.float li a{
  display:block;
  margin:0 15px 0 0;
  text-decoration:none;
  text-align:center; }

ul.float li strong{
  display:block; }


#sidebar{
  float:left;
  width:189px;
  margin:10px 0;
  padding:0 0 0 10px;
  border-left:1px dotted #777777;}

#uploadnow,
#uploadnow a{
  display:block;
  height:41px;
  margin:0;
  padding:0;
  background:#424242 url(/images/JPG-Einzelelement/Pfeil-Hochladen.jpg) 7px 13px no-repeat;
  color:#d6d6d6 ;
  text-decoration:none;
  line-height:41px;
  text-transform:uppercase; }

#uploadnow a strong{
  margin-left:30px;
  font-size:24px;
  letter-spacing:-1px; }

#login,
#ucp{
  margin:8px 0 0;
  background:#a9a9a9; }

#ucp li{
  border-bottom:1px dotted #fff; }
#ucp_profile{
  margin:8px 10px 0;
  background:#a9a9a9;}

#ucp_profile li{
  border-bottom:1px dotted #fff; }
#ucp_profile li a{
  font-size:10px;
}
#ucp_mail{
  margin:8px 10px 0;
  background:#a9a9a9;}

#ucp_mail li{
  border-bottom:1px dotted #fff; }
#ucp_mail li a{
  font-size:10px;
}
#login h3{
  margin:4px 7px 0;
  padding:0 0 0 17px;
  height:25px;
  color:#fff;
  font-size:12px;
  line-height:25px;
  text-transform:uppercase;
  background:url(/images/JPG-Einzelelement/Maennchen-Login.jpg) 2px 5px no-repeat; }

#login p{
  margin:0 7px; }

#login input{
  display:block;
  margin:0;
  padding:0;
  border:0;
  height:18px; }

#login input.text{
  width:100%;
  margin:0 0 7px; }

#login input.password{
  width:163px;
  float:left; }

#login input.image{
  float:left;
  margin:0 0 0 6px; }

#login ul{
  clear:both;
  padding:7px 14px;
  font-size:9px;
  line-height:13px;
  text-align:right; }

#login a{
  color:#424242; }

#navigation{
  margin:8px 0; }

#navigation li{
  text-align:right;
  background:#d6d6d6;
  border-bottom:1px dotted #fff; }

#navigation a,
#ucp a{
  padding:5px 10px;
  color:#424242;
  text-decoration:none;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:-1px;
  display:block; }

#navigation a:hover {
  color:#000; }

#sidebar ul.ad li{
  padding:8px 0 0; }

ul.users{
  padding:8px; }

.users li{
  display:block;
  margin:5px 0;
  border-bottom:1px solid #eee;
  padding-bottom:5px;
  font-size:10px;
  width:98%;
  overflow:hidden; }

.users .avatar{
  float:left;
  width:43px;
  height:43px;
  overflow:hidden;
  margin:0 -43px 0 0; }

.users p{
  padding:0 0 0 55px; }

.users strong{
  display:block; }

.users span{
  display:block;
  float:left; }

#content-medium{
  float:left;
  width:437px;
  padding:0 8px 0 0;
  border-right:1px dotted #424242; }

#sidebar-medium{
  float:right;
  width:343px; }

#sidebar-medium ul.more-media li{
  float:right;
  margin:0 0 5px 9px; }

#sidebar-medium ul.more-media li.endrow{
  margin:0 0 5px 0; }

#content-medium h1,
#sidebar-medium h1,
#content-medium h2,
#sidebar-medium h2,
h1.box,
h2.box{
  background:#d6d6d6;
  color:#424242;
  text-transform:uppercase;
  font-size:13px;
  margin:8px 0 5px 0;
  padding:4px; }

h2.box overlay {
  margin:0 0 5px 0;
  }


#content-medium p.description{
  margin:10px; }

p.error{
  border:2px solid #d6d6d6;
  margin:10px;
  padding:5px; }

.details li{
  border-bottom:1px solid #d6d6d6;
  margin:0 10px;
  padding:4px 0; }

/* Footer */

#footer{
  width:585px;
  clear:both;
  padding:40px 0 0 0;
  font-size:9px;
  line-height:12px; }

#footer div{
  float:left;
  width:33%;
  padding:3px 0;
  display:inline-block;
  background:#D6D6D6;}

#footer h2{
  background:#d6d6d6;
  color:#424242;
  text-transform:uppercase;
  padding:0 6px; }

#footer ul{
  padding:0 6px; }

#content #footer a {
  text-decoration:none; }

#content #footer a:hover{
  text-decoration:underline; }

/* Layout:Clearfix */

#top:after,
#menu:after,
#videopanel:after,
.tabs:after,
.module:after,
#videogrid:after,
#brandthis:after,
.users li:after,
#footer:after,
.users li:after,
.float:after,
#sidebar-medium ul.more-media:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden; }

#top,
#menu,
#videopanel,
.tabs,
.module,
#videogrid,
#brandthis,
.users li,
#footer,
.users li,
.float,
#sidebar-medium ul.more-media{
  display:inline-block; }

/* Hide from IE Mac \*/

#top,
#menu,
#videopanel,
.tabs,
.module,
#videogrid,
#brandthis,
.users li,
#footer,
.users li,
.float,
#sidebar-medium ul.more-media{
  display:block; }

/* End hide from IE Mac */

* html #top,
* html #menu,
* html #videopanel,
* html .tabs,
* html .module,
* html #videogrid,
* html #brandthis,
* html .users li,
* html #footer,
* html .users li,
* html .float,
* html #sidebar-medium ul.more-media{
  height:1px; }

/*

Additional Content Styling

*/

#content form {
  padding:6px;
}

#content form input,
#content form select,
#content form textarea {
  margin-top:0;
  font:normal 11px/15px Verdana, Arial, sans-serif;
}

#content form textarea {
  margin-top:1em;
  font:normal 11px/15px Verdana, Arial, sans-serif;
/*width:135px; */
}

.col1 form input,
.col1 form select,
.col1 form textarea {
  margin-top:0;
  font:normal 11px/15px Verdana, Arial, sans-serif;
}

#content form table {
  width:100%; }

#content form table td {
  width:35%;
  vertical-align:top;
}

#content form table td input,
#content form table td select {
  margin-bottom:2px;
  margin-right:5px;
}

#content form table td div {

}

#content form table td div img {
  align:left;
}

#content form input#submit,
#content form input#reply,
#content form input#search_id {
  width:auto;
  display:block;
}

p.warning {
  color:#990000;
  font-weight:bold;
}

ul.userDetails {
  margin-left:125px;
}

/*

Medienübersicht

*/

.col-l {
  float: left;
  width: 470px;
  margin: 0 0 0 20px; }

.col-r {
  float: left;
  width: 231px; }

/* BREITE BOX */

.box-w {
  width:579px;
}

.box-w .top {
  width:579px; }

.top {
  position: relative; }

.box-w .top a {
  color: #9b9b9b;
  font-size: 10px; }


.box-w .top cite {
  padding: 0 0 0 20px;
  font-style: normal; }

.box-w ul.sort1 {
  padding: 2px 0 0 15px;
  line-height: 14px;
  border-bottom: 1px solid #dfdfdf;
  width:564px;
  height: 21px;
}

.box-w ul.sort1 li {
  float: left;
  list-style: none; }

.box-w ul.sort1 li a {
  position: relative;
  padding: 4px;
  display: block;
  float: left;
  margin: 0 1px 0 0;
  color: #9b9b9b;
  text-decoration: none; }

.box-w .top ul.sort1 li a:active {
  top: 1px;
  position: relative; }

.box-w ul.sort1 li a span {
  position: absolute;
  right: 0;
  top: 1px;
  width: 4px;
  height: 16px;
  text-indent: -9999px; }

.box-w ul.sort1 li.act a,
.box-w ul.sort1 li a:hover {
  color: #424242;
   }

.box-w ul.sort1 li.act a span,
.box-w ul.sort1 li a:hover span {
}

.box-w ul.sort2 {
  padding: 0 15px;
  width:569px; }

.box-w ul.sort2 li {
  float: left;
  list-style: none; }

.box-w ul.sort2 li a {
  padding: 4px;
  display: block;
  float: left;
  position: relative;
  margin: 0 1px 0 0;
  text-decoration: none; }

.box-w .top ul.sort2 li a:active {
  position: relative;
  top: 1px; }

.box-w ul.sort2 li a span {
  position: absolute;
  right: 0;
  top: 2px;
  width: 3px;
  height: 16px;
  text-indent: -9999px; }

.box-w ul.sort2 li.act a,
.box-w ul.sort2 li a:hover {
  color: #424242;
   }

.box-w ul.sort2 li.act a span,
.box-w ul.sort2 li a:hover span {
  b }

.box-w ul.sort_icon {
  position: absolute;
  right: 10px;
  bottom: 3px;
  list-style: none;
  width: 50px; }

.box-w ul.sort_icon li {
  float: left; }

.box-w ul.sort_icon li a {
  padding: 7px;
  float: left;
  display: block; }

.box-w ul.sort_icon li a:hover,
.box-w ul.sort_icon li.act a {
   }

.box-w ul.sort_icon li a:active,
.box-w ul.sort_icon li.act a:active {
  top: 1px;
  position: relative; }

.box-w .context_search {
  position: absolute;
  top: 7px;
  right: 10px; }

.box-w .content {
  width:579px; }

/* .box-w .content.list li img {
  top: 2px; }*/

.box-w .content.list li h3,
.box-w .content.list li p {
  width: 300px;
  padding: 0 0 0 120px; }

.box-w textarea {
  margin: 5px;
  width:574px; }

ul#gazing li {
  width:100px;
  float:left;
  margin-right:6px;
}

/* LIST */

.list ul li {
  list-style: none;
  position: relative; }

.list ul li ul {
  padding:0 0 0 110px; }

.list ul li {
  width: 557px;
  position: relative;
  top:0;
  left:0;
  min-height: 60px;
  padding-bottom:2em; }

.list ul li ul li {
  min-height: 0;
  padding-bottom:0; }

.list ul li videos-top, .list ul li videos-bottom {
  width: 557px;
  position: relative;
  top:0;
  left:0;
  height: 20px;
  padding-bottom:2em; }

.box-w .content.list ul li li {
  min-height: 0; }


.content.list ul li img {
  position:absolute;
  top:0;
  left:0;
 }

.content.list ul li h3 {
  padding: 0 0 0 110px;
  font-size: 12px; }

.content.list ul li cite {
  font-weight: normal;
  font-size: 11px;
  color: #808080; }

.content.list ul li p {
  padding: 0 0 0 110px;
  font-size: 11px;
  color: #808080;
  width: 310px; }

#site #content .box #userMedia ul li h3 {
  padding: 0 0 0 172px; }

#site #content .box #userMedia ul li p {
  padding: 0 0 0 172px; }

.box-w .content.list ul li p {
  padding: 0 0 0 120px; }

.box-s .content.list ul li ul {
  padding: 0 0 0 20px; }

#content .box-s .content.list ul li ul li {
  padding: 0; }

.box-w .content.list ul li ul {
  width: 120px;
  position: absolute;
  right: 0;
  top: 2px; }

#content .box-w .content.list ul li ul li {
  padding: 0 0 0 0;
  height: auto;
  width: auto;
  border: 0;
  color: #808080; }

#content a {
  text-decoration:underline;
}

a.preview img {
  float:left;
  margin:5px 10px 8px 0;
}

#search div a {
  font-size:10px;
  position:absolute;
  top:4px;
  right:67px;
  color:#fff;
}

#home-tagcloud p {
  padding:6px;
}

#othervideos li {
  margin-bottom:5px;
}

#othervideos {
  margin-left:2px;
  float:left;
}

#othervideosDetail {
  margin-left:13px;
  margin-top:9px;
  float:left;
}

#othervideosDetail li {
  margin-bottom:5px;
}

.benefit {
  font-size:11px;
}

.benefit ul {
  padding-left:22px;
  margin-bottom:12px;
}

.benefit ul li {
  /* list-style-image:url(/images/vorteile_pfeil.jpg); */
  list-style-position:outside;
  margin-top:10px;
  padding-left:2px;
  vertical-align: top;
}
.benefit ul li span { vertical-align:top; }


.benefit h3 {
  font-size:14px;
}

.benefit p {
  margin:2px 0 10px 0;
  font-size:12px;
}

.benefit h2 {
  background:#D6D6D6 none repeat scroll 0 0;
  color:#424242;
  font-size:13px;
  margin:8px 0 0;
  padding:4px;
  text-transform:uppercase;
}

/* -------------------------------------------------------
   Formular: Upload
------------------------------------------------------- */

/* form#media_upload,
form#login {
  padding:5px 17px 5px 17px;
  font-size:11px;
  width:70%;
} */


.box form#media_upload p,
form#login p {
  padding:3px 0 3px 0;
  clear:both;
}


form#media_upload textarea {
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

form#media_upload input.text,
form#media_upload textarea {
  width:400px;
}

form#media_upload p label {
  font-size:12px;
  padding:4px 0 4px 0;
  width:200px;
  line-height:23px;
  font-weight:bold;
}

form#media_upload label,
form#media_upload legend {
  font-size:12px;
  padding:4px 0 4px 0;
}

form#media_upload fieldset {

}

form#media_upload fieldset input {
  margin:0 10px 5px 0;
}

form#media_upload br {

}

#media_title,
#media_description,
#media_tags {
  display:block;
}


ol.slideshow {
  margin:3px 0 0 3px;
}

#player {
  text-align:center;
}

#player img {
  margin:auto;
}

/* Error */

.message {
  margin: 10px 0 0;
  padding: 10px 20px;
  width: 758px; }

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

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

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

.message.info {
  outline: 1px solid #a1b5f6;
  background: #bad5f6; }
#content form table th {
text-align:left;
}
#content form table th.first {
}
#content form table td.second {

}
#content form table td.third {

}
#content form table.profile {
width: 100%
}

#content form table.profile td {
width: 33%
}

.error_list {
    color: red;
}
/* -------------------------------------------------------
  Aufheben von Floats ohne zusaetzliches Markup
  http://www.jassesnee.de/easyclear/
------------------------------------------------------- */

.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clearfix {
   display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
   height: 1%;
}
.clearfix {
   display: block;
}
/* End hide from IE-mac */


/* --------------------------------
        Mediadetails
----------------------------------*/

.actions, .rating, .description {
  margin:0 10px;
  padding-top:8px;
  padding-bottom:3px;
}

.info {
  margin-left:5px; }

h2.box2 {
  background:#D6D6D6 none repeat scroll 0 0;
  color:#424242;
  font-size:13px;
  margin:0 0 0 5px;
  padding:4px;
  text-transform:uppercase;
}

#content form textarea comments {
  -x-system-font:none;
  font-family:Verdana,Arial,sans-serif;
  font-size:11px;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:15px;
  margin-top:1em;
  width:335px;
}


/* --------------------------------
        Uebersicht Videos
----------------------------------*/

.videos-top {
  text-align:right;
  height:20px;
  margin-bottom:7px;
  width:557px;
}

.videos-bottom {
  text-align:right;
  height: 20px;
  margin-top:7px;
  width:557px;
}

/* --------------------------------
        Form:LogIn
----------------------------------*/

#content form table th.agb{
  width:5%;
  vertical-align:top;
}

#content form table td.agb{
  width:95%;
  vertical-align:top;

}

/* --------------------------------
        Tagcloud: Sidebar
----------------------------------*/

.narrow2{
  float:right;
  width:198px; }

.narrow2 .narrow2{
  float:none;
  clear:both; }

.narrow2 h2 {
  height:14px;
  background:#fff;
  line-height:16px;
  overflow:hidden;
  color:#424242;
  width:150px; }

.box3{
  margin:8px 0 0;
  background:#d6d6d6;
  width:198px; }


/* --------------------------------
        Details
----------------------------------*/

#sidebar #signin__csrf_token {
  display:none;
}


/* --------------------------------
        Textarea:Coment
----------------------------------*/

#user_hobby, #user_dream {
  margin-top:1em;
  font:normal 11px/15px Verdana, Arial, sans-serif;
  width:137px;
}

#comment_text {
  margin-top:1em;
  font:normal 11px/15px Verdana, Arial, sans-serif;
  width:390px;
}

/* --------------------------------
        Videolisting
----------------------------------*/

/* #user_video_list .listing {
  clear:both;
  max-height:10px;
} */

#user_video_list .listing-last {
  clear:both;
  padding-bottom:2em;
}

#new_media .new_media{
  float:left;
  width:132px;
  padding:5px;
  margin:0 0 0 0;
}

#new_media .new_media img{
  width:132px;
}

#new_media .new_media p{
  margin-bottom:5px;
}

#new_media2 .new_media2{
  float:left;
  width:572px;
  padding:5px;
  margin:0 0 0 0;
  display:block;
}

.vid-listing {
  width:127px;
  height:220px;
  float:left;
  margin: 0 15px  15px 0;
}

.vid-listing img {
  width:125px; }



/* --------------------------------
        Mehrspaltigkeit
----------------------------------*/

.col-1m{
  width: 810px;
  float: left;
  padding: 0;
  margin: 0 0 3em 0;}

.col-1m .col-m{
  margin: 0; }

.col-m{
  clear: both;
  margin: 0 0 3em 0;
  padding: 1px 0; }

.col-1{
  float: left;
  width: 437px; }

.col-1e{
  width: 500px;
  float: left; }

.col-1m .col-m{
  margin: 0; }

.col-1u {
  width:437px; }

.col-2u {
  width:136px;
  float:left;
  }

.col-2s{
  float:	left;
  width: 340px; }

.col-3{
  float: left;
  width: 130px;
  padding: 1px 0; }

.col-1{
  clear: both; }

.col-x{
  margin: 0 10px 2em;
  display: block; }

.col-s{
  float: left;
  width: 225px;
  margin: 0 10px 3em 10px;
  padding: 0; }

.col-s1{
  width: 225px;
  margin: 0 10px 3em 10px;
  padding: 0; }

.col-s2{
  width: 470px;
  margin: 0 10px 3em 10px; }

.col-s3{
  width: 715px;
  margin: 0 10px 2em; }

.col-s4{
  width: 960px;
  margin: 0 10px 2em; }



/* --------------------------------
        Searchresults
----------------------------------*/

.pagination,
.pagination-bottom,
.pagination-top{
  top: .6em;
  right: .8em;
  text-align: right;
  margin: 0 5px 0 0;
  padding: 0;
  line-height: 1.2em; }

.pagination_over{
  text-align: right;
  margin: 0 5px 0 0;
  padding: 0;
  line-height: 1.2em; }

.pagination-bottom{
  clear: both;
  position: relative;
  top: 0;
  right: 0;
  margin: 0;
  padding: .5em 0 .5em;
  background: #ffffff;
  border-top: 1px solid #cccccc;
  border-bottom: 3px double #cccccc; }

.pagination-top{
  clear: both;
  position: relative;
  top: 5px;
  right: 0;
  margin: 5px 0 5px 0;
  padding: .5em 0 .5em;
  background: #ffffff;
  border-top: 3px double #cccccc;
  border-bottom:1px solid #cccccc;  }

.pagination span.count,
.pagination-top span.count
.pagination-bottom span.count{
  margin: 0 1em; }

.pagination a.rsslink,
.pagination-top a.rsslink,
.pagination-bottom a.rsslink,
.sort a.rsslink,
.pagination a.rsslink:hover,
.pagination-top a.rsslink:hover,
.pagination-bottom a.rsslink:hover,
.sort a.rsslink:hover{
  padding: 0;
  background: transparent;
  color: inherit; }

.pagination a,
.pagination-top a,
.pagination-bottom a,
.pagination_over a,
.sort a{
  padding: 2px 5px; }

span.sort{
  float: right;
  font-size: 12px;
  line-height: 16px;
  text-transform: none; }

span.sort a.rsslink{
  margin: 0 0 0 1.25em; }

span.sort form{
  display: inline; }

.pagination b,
.pagination-top b,
.pagination-bottom b,
.pagination_over b,
.sort b,
.pagination a:hover,
.pagination-top a:hover,
.pagination-bottom a:hover,
.pagination_over a:hover,
.sort a:hover{
  padding: 2px 5px 1px;
  background: #b22222;
  color: #ffffff; }

.pagination form{
  display: inline; }

/* --------------------------------
        Searchresults: Home
----------------------------------*/

.pagination_home,
.pagination-bottom_home,
.pagination-top_home{
  position: absolute;
  top: .6em;
  right: .8em;
  text-align: right;
  margin: 0 5px 0 0;
  padding: 0;
  line-height: 1.2em; }

.pagination_over_home{
  text-align: right;
  margin: 0 5px 0 0;
  padding: 0;
  line-height: 1.2em; }

.pagination-bottom_home{
  clear: both;
  position: relative;
  top: 0;
  right: 0;
  margin: 0;
  padding: .5em 0 .5em; }

.pagination-top_home{
  clear: both;
  position: relative;
  top: 5px;
  right: 0;
  margin: 5px 0 5px 0;
  padding: .5em 0 .5em; }

.pagination_home span.count,
.pagination-top_home span.count
.pagination-bottom_home span.count{
  margin: 0 1em; }

.pagination_home a.rsslink,
.pagination-top_home a.rsslink,
.pagination-bottom_home a.rsslink,
.sort_home a.rsslink,
.pagination_home a.rsslink:hover,
.pagination-top_home a.rsslink:hover,
.pagination-bottom_home a.rsslink:hover,
.sort_home a.rsslink:hover{
  padding: 0;
  background: transparent;
  color: inherit; }

.pagination_home a,
.pagination-top_home a,
.pagination-bottom_home a,
.pagination_over_home a,
.sort_home a{
  padding: 2px 5px; }

span.sort_home{
  float: right;
  font-size: 12px;
  line-height: 16px;
  text-transform: none; }

span.sort_home a.rsslink{
  margin: 0 0 0 1.25em; }

span.sort_home form{
  display: inline; }

.pagination_home b,
.pagination-top_home b,
.pagination-bottom_home b,
.pagination_over_home b,
.sort_home b,
.pagination_home a:hover,
.pagination-top_home a:hover,
.pagination-bottom_home a:hover,
.pagination_over_home a:hover,
.sort_home a:hover{
  padding: 2px 5px 1px;
  background: #000000;
  color: #ffffff; }

.pagination_home form{
  display: inline; }

/* --------------------------------*/

ul.inner{
  padding: 0;
  list-style: none; }

p.tags{
  line-height: 2em; }

.post{
  margin: 0 0 .5em;
  padding: 0 0 .5em;
  border-bottom: 2px solid #111; }

.media li.file .preview img{
  padding: 3px; }

ul.visitor{
  list-style: none;
  display: block;
  padding: 0; }

li.user{
  padding: 0;
  margin: .5em 0 0; }

li.user a.avatar{
  display: block;
  float: left;
  margin: 0 1em 0 0; }

li.user a.avatar img{
  display: block;
  width: 50px;
  height: auto;
  border: 5px solid #ffffff; }

li.user cite.about a{
  display: block;
  margin: 0 0 0.2em; }

li.user cite.about a:hover{
  background: transparent; }

li.user cite.about .stats, #mystats strong.stats{
  display: block;
  float: left;
  margin: 0 .5em 0 0;
  text-align: center; }

li.user cite.about .stats img,  #mystats strong.stats img{
  display: block; }

li.user cite.about .stats a{
  display: inline;
  margin: auto; }

#news div.inner div.content.media ul li.user {
  width: 110px;
  float: left; }

#most-active-user ul.media li.file{
  width: 140px; }

#most-active-user ul.media li.file .preview img {
  width: 130px; height: 97px; }

div.user{
  width: 280px;
  float: left; }

div.m_info{
  float: left; }

div.m_info ul.about li{
  text-align: left; }

.m_media{
  float: right; }

.m_media .media {
  width: 140px; }

.m_media .media li.file div.about{
  width: 130px; }

.col-2s .col-m .inner .content input,
.col-2s .col-m .inner .content textarea{
  width: 300px; }

div.user ul li a{
  width: 20px; }

div.user ul.about{
  float: left;
  display: block;
  margin: 1em 24px 1em 0;
  padding: 0; }

div.user ul.about li{
  clear: both;
  margin-left: 100px; }

.posts,
.comments,
.users{
  margin: 0;
  padding: 0;
  list-style: none; }

.posts li{
  margin: 0 0 50px;
  padding: 0 0 15px;
  border-bottom: 4px solid #DDD; }

.posts h3,
.comments h3 {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  border-bottom: 1px solid #dddddd; }

.posts h3 span.blog_user,
.comments  h3 span.blog_user {
  position: absolute;
  vertical-align: bottom;
}

.posts h3 span.blog_user span.avatar,
.comments h3 span.blog_user span.avatar {
  width: 50px;
  overflow:hidden; }

.posts h3 span.blog_user span.avatar img,
.comments h3 span.blog_user span.avatar img {
  width: 50px;
}

.posts h3 span.blog_user span.avatar a,
.comments h3 span.blog_user span.avatar a {
  display: inline;
}

.posts h3 span.blog_user a.autor,
.comments h3 span.blog_user a.autor {
  margin: 0 0 0 10px;
  display: inline;
  font-size: 11px;
  line-height: 14px;
}

.posts h3 a,
.comments h3 a{
  display: block;
  text-decoration: none; }

.posts h3 a.title,
.comments h3 a.title {
  float: right;
  margin: 20px 0 0 0; }

.posts span.date,
.comments span.date {
  display: block;
  text-align:right;
  font-size: 10px;
  line-height: 14px;
  margin: 0 0 6px; }

.posts cite.about,
.comments cite.about{
  display: block;
  margin: 25px 0 3px;
  font-size: 10px;
  line-height: 14px;
  text-align: right;
  color: #222222; }

.posts cite.about a,
.comments cite.about a{
  line-height: 14px;
  color: #222222; }

.comments li, #commentform{
  margin: 0 0 6px;
  padding: 9px;
  background: #F2F2F2; }

#commentform{
  margin: 12px 0 0; }

.users li{
  margin: 0 0 3px;
  padding: 3px 0 6px;
  border-bottom: 1px solid #cccccc; }

.users a.avatar, .user a.avatar{
  display: block;
  width: 120px;
  float: left;
  margin-right: -135px; }

.users a.avatar img{
  display: block;
  width: 50px; }

.users span.user{
  display: block;
  padding-left: 70px;
  line-height: 12px; }

.users span.user a{
  display: block; }

span.o_stats{
  width: 80px;
  display: block; }

.users span.user strong a{
  display: inline; }

.users span.user strong	{
  display: inline; }

.users span.user span.stats a{
  display: inline; }

strong.stats{
  display: block;
  text-align: center;
  margin: 0 6px 0 0;
  line-height: 1.6em; }

.content .media .about strong.stats img{
  width: 16px; }

.users span.user span.stats strong.stats strong.small{
  float: none;
  margin: 0; }

#chatbox input#chat_text_id{
  width: 135px;
  margin: 0;
  background: #ffffff;
  border: 3px double #cccccc;
  color: #333;
  padding: 0px; }

#chatbox input.button{
  width: 60px;
  margin: -5px 0 -7px 3px;
  border: 0; }

#chatbox input#chat_text_id:focus{
  border-color: #b22222; }

#chatbox cite.about{
  margin: .5em 0 0; }

div.chatform{
  margin: 0 0 5px; }

ul.actions{
  list-style: none;
  margin: 0;
  padding: .25em 0 0;}

ul.actions li{
  padding: 0 1em .25em;
  margin: 0 0 .25em; }

ul.actions a{
  display: block;
  color: #222222; }

#welcome{
  clear: both;
  float: none;
  width: auto;
  padding: 1em; }

#welcome h2{
  margin: 0; }

.comments,
.files,
ul.inner li.comment,
.users-pic ul,
ul.mystats,
#mystats ul,
.media,
.media li,
#kategorien li{
  padding: 0;
  list-style: none; }

.media{
  position: relative; }

.media ul{
  margin: 0 -40px 0 0;
  padding: 0; }

div.content .media.left.add{
  width: 230px; }

#kategorien{
  width:140px;}

#kategorien .inner {
  margin: 0 0 20px 10px; }

#kategorien li{
  display: block;
  float: left;}

#kategorien li img{
  width: 105px;
  height: 80px }

.media li.file,
.users.big li{
  float: left;
  width: 176px;
  margin: 1em 24px 1em 0;
  background:#EEEEEE; }

.media li.file.c-right, {
  background:#EEEEEE none repeat scroll 0 0;
  float:left;
  margin:1em 0 1em 0;
  width:176px;}

html body .media li.file.c-left{
  clear: both;
  float: left;
  background:#EEEEEE; }

.media ul.groups li.file{
  height: 225px; }

.media div.g_app{
  float: left;
  margin-right: 25px; }

.col-ms .content ul li img{
  width: 150px; }

#dragableElementsParentBox .content .media li.file{
  float: none;
  width: 225px;
  margin: 0;
  padding: 5px 0 0;
  border-bottom: 1px solid #cccccc; }

.content .media .mystats li.file{
  height: 290px; }

#latest-comments .content.media li.file{
  height: 240px; }

.content .media li.file img{
  width: 100%; }

.mwimg{
  width: 225px; }

.media li.file .preview img{
  display: block;
  width: 169px;
  height: 123px; }

.media li.file div.about{
  background: #eeeeee;
  color: #666666;
  padding: 5px 5px 1px;
  line-height: 1em;
  overflow: hidden; }

.media li.file div.about li{
  font-size: 10px;
  line-height: 1em;
  margin: 0;
  padding: 4px 0 2px; }

.media li.file div.about li.rating{
  padding: 5px 0 3px; }

.media li.file div.about li.rating img{
  width: 16px; }

.bookmark img{
  padding: .5em 2px 0; }

div.about ul{
  position: relative;
  display: block;
  margin: 0 0 .5em;
  padding: 0;
  line-height: 1.3em; }

div.about li{
  display: block;
  position: relative;
  font-weight: 700;
  list-style: none;
  border-bottom: 1px solid #cccccc; }

div.about li.lt{
  border: 0; }

div.about li strong{
  font-weight: 400; }

.media div.about li.desc{
  height: 3em; }

.media div.about input{
  width: 95%;
  margin: 0 .5em; }

div.inner ul li span.plt{
  margin: 2em 1em;
  display: block; }


div.about img{
  padding: .2em .3em .4em 0; }

h2.box{
  background:#d6d6d6;
  color:#424242;
  text-transform:uppercase;
  font-size:13px;
  margin:8px 0 5px 0;
  padding:4px; }

.tags {
  float:left;
  margin: 5px 0 5px 0; }

.ava{
  vertical-align:bottom;
  margin: 1em 5px 5px 0;
}

/* --------------------------------
        Community
----------------------------------*/

.m_media{
  float: right; }

.m_media .media {
  width: 140px; }

.m_media .media li.file div.about{
  width: 130px; }

.m_stats li{
  margin: 0 0 5px 5px;}

a.avatar:link, a.avatar:active {
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
  margin-left:0px; }

a.avatar:hover, a.avatar:visited {
  font-weight:bold;
  font-size:11px;
  text-decoration:underline;
  margin-left:0px;
}

.box2 {
  background:#EEEEEE;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:1px; }


/* --------------------------------
        Guestbook
----------------------------------*/

.comments, .files,
ul.inner li.comment,
.users-pic ul,
ul.mystats,
#mystats ul,
.media, .media li,
#kategorien li {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  padding:0; }

.comments li, #commentform {
  background:#F2F2F2 none repeat scroll 0 0;
  margin:0 0 6px;
  padding:9px; }

.ava-img {
  float:left;
  padding:0 10px 10px 0;
  width:90px; height: 68px; }

ul.comments li div.comment cite.about {
  font-style:normal;
  margin:0;
  text-align:left; }

.posts cite.about, .comments cite.about {
  color:#222222;
  display:block;
  font-size:10px;
  line-height:14px;
  margin:0 0 3px;
  text-align:left; }

ul.comments li div.comment {
  display:block;
  float:left;
  max-width:76%; }

.posts span.date, .comments span.date {
  display:block;
  font-size:10px;
  line-height:14px;
  margin:0 0 6px;
  text-align:left; }

.posts cite.about a, .comments cite.about a {
  color:#222222;
  line-height:14px; }

ul.comments li div.comment cite.about span {
  text-align:left; }



.content.list ul li img .verlauf {
  position:absolute;
  margin-top:7px;
  left:0;
 }


/* --------------------------------
        Profil
----------------------------------*/


.p_infos {
  float:left;
  margin:10px;
  padding:10px; }

table.p_infos {
  width: 95%; }

div table tbody tr.pfile {
  margin-top:10px;
  margin-bottom:10px; }

#content a.star:link, a.star:active, a.star:hover, a.star:visited {
  text-decoration:none; }

#content form table td.signin{
  width:10%;
  vertical-align:bottom;}

.avatar_small { float:left; }

.box_details {
  width:423px;
  float:left; }

.box_details2 {
  width:423px;
  float:left;
  margin-top:8px; }



.messages {
  background:#D6D6D6 none repeat scroll 0 0;
  margin: 7px 0 7px 0;
  padding:3px;
  text-align:center; }

#options { margin-left:10px; }

.bookmarks {
  margin: 7px 10px 5px 10px; }

.embed {
  margin: 7px 10px 5px 10px; }

#medialink {
  width: 300px;
  font-family: Courier New, Courier, monospace;
  overflow: auto;
  border: 1px solid #CCC; }

h3.more-media-projects{
  background:#5cb240;
  display:block;
  padding:5px;
  margin:0 0 10px 0;
  width:100%;
  text-transform:uppercase;
  color:#424242;
}

ul.more-media-projects li {
  padding:0 0 10px 0;
}

form#media_upload p span.hidden_list label,
form#media_edit p span.hidden_list label {
  font-weight:normal;
  font-size:11px;
}

form#media_edit p span.hidden_list  {
  display:block;
}

form#media_upload ul li ul,
form#media_edit ul li ul {
  margin:0 0 4px 15px;
}

form#media_upload ul li strong,
form#media_edit ul li strong {
  margin:6px 0 0 3px;
  display:block;
}

#media_edit {
  padding:10px;
}

form#media_edit input.text,
form#media_edit input#media_tags,
form#media_edit input#media_title,
form#media_edit textarea {
  width:400px;
}

form#media_edit p label {
  font-size:12px;
  font-weight:bold;
  line-height:23px;
  padding:4px 0;
  width:200px;
}

#foot {
  width:900px;
  height:120px;
  display:block;
  float:left;"
}