.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

* {
	padding: 0px;
	margin: 0px;
}

body {
	background-color: #FFF;
	color: #333;
	font-family: verdana, arial, helvetica, sans-serif;
  font-size: 13px;
}

input {
	padding: 0px;
}

p, ol, ul, th, td {
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size: 13px;
  padding: 5px;
}

h1, .h1 {
	
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 28px;
	width: 838px;
	font-weight: normal;
}

h2 {
	 background: #5cb41e;
	 padding: 5px;
	 color: #FFF;
	 font-size: 12px;
}

h3 {
	background: #5cb41e;
	padding: 5px;
	color: #fff;
	font-size: 11px;
	padding-left: 5px;
	border-bottom: 1px solid #5cb41e;
}

.float-right {
	float: right;
}

#page {
	width: 970px;
	background: #FFF;
	margin: auto;
	margin-top: 20px;
	margin-top: 10px; background: #FFF;
}

#flash {
	background: #5cb41e;
	color: #FFF;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}

#content {
	background: #e8e8e8;
	background: #FFF;
}

#content_left {
	float: left;
	width: 840px;
	margin-top: 15px;
}
#content_right {
	float: right;
	background: #FFF;
	width: 120px;
	margin-top: 15px;
}

#content ul {
	padding: 15px;
}

#footer {
	background: #5cb41e;
	color: #FFF;
	width: 100%;
	padding-bottom: 15px;
}
	#footer div {
		width: 970px; margin: auto; padding-top: 15px;
	}
	#footer p.copyright-notice {
		float: left; font-weight: bold;
	}
	#footer a {
		color: #FFF;
	}

th {
	background: #000;
	color: #FFF;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #000; }
a:visited { color: #000; }
a:hover { color: #fff; background-color:#000; }

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  float: left;
}

#errorExplanation {
  width: 100%;
  border: 2px solid #c00;
  padding: 7px;
  padding-bottom: 7px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 5px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0px;
  margin-top: 10px;
  padding: 5px;
}
#errorExplanation ul {
	padding: 0px;
	padding-left: 15px;
}
#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
  margin: 2px;
  margin-left: 15px;
  
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

/* Header Div */

#header {
	background: #5cb41e;
	color: #000;
	padding-top: 10px;
}
#header-inner {
	width: 970px; margin: auto;
}
#header-logos {
	float: left; width: 449px; padding-bottom: 5px;
}
#header #banner {
	float: right;
	width: 468px;
}

/* Menu Div */

#menu {
	clear: both;
	width: 970px;
	margin: auto;
}

#menu ul {
	padding: 0px;
	list-style-type: none;
}

#menu li {
	padding: 0px;
	margin: 0px;
	float: left;
	margin-right: 3px;
	display: block;
}

#menu span {
	/* background: url('/images/menu-tl2.gif') top left no-repeat;*/
	display: block;
	padding: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#menu a {
	padding: 0px;
	margin: 0px;
	background: #d3fea4;/* url('/images/menu-tr2.gif') top right no-repeat;*/
	color: #333;
	text-decoration: none;
	font-weight: bold;
	display: block;
}
#menu a:hover {
	background: #fff ;/* url('/images/menu-tr.gif') top right no-repeat;*/
	color: #333;
}
#menu a:hover span {
	/*background: url('/images/menu-tl.gif') top left no-repeat;*/
}

#menu a.current {
	background: #fff ;/* url('/images/menu-tr.gif') top right no-repeat;*/
	color: #333;
}
#menu a.current span {
	/*background: url('/images/menu-tl.gif') top left no-repeat;*/
}
/* Pagination */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display: inline;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
padding-bottom: 2px;
border: 1px solid #000;
text-decoration: none; 
color: #000;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #000;
color: #000;
background-color: lightyellow;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
padding-bottom: 2px;
border: 1px solid navy;
background-color: #000;
color: #FFF;
}

.pagination li.disablepage{
padding: 0 5px;
padding-bottom: 2px;
border: 1px solid #929292;
color: #929292;
display: none;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}

/* stars */

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(/images/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	background-position: left top;
}
.star-rating ul{
	height: 10px;
	padding: 0px;
}
.star-rating li{
	display: inline;
	height: 10px;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
	
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* for an inline rater */
.inline-rating{
	/*display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;*/
	vertical-align: middle;
	float: left;
	margin-top: 2px;
	margin-left: 0px;
}

/* smaller star */
.small-star{
	width:50px;
	height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(/images/star_small.gif);
	line-height: 10px;
	height: 10px;
}

/* Categories */

#categories ul{
	list-style-type: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
#categories li{
	padding: 2px;
	margin-left: 0px;
	padding-left: 0px;
}
#categories a{
	padding: 2px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}
#categories a.current{
	background: #000;
	color: #FFF;
}

/* Details forms */
.details{
	border: 3px solid #e8e8e8;
	padding: 10px;
	margin-top: 15px;
	width: 400px;
}
.details input{
	float: left;
	margin: 2px;
	padding: 5px;
}
.details label{
	clear: left;
	float: left;
	font-weight: bold;
	margin-right: 15px;
	padding-top: 5px;
	width: 100px;
}
.details div.row{
	margin-top: 10px;
	margin-bottom: 10px;
}
.fieldWithErrors input {
  margin: 0px;
}

/* thumbs */

div.thumbnail {
}

div.thumbnail a {
	border: 5px solid #e8e8e8;
	display: block;
}
div.thumbnail a:hover {
	border: 5px solid #5cb41e;
}

/* frontpage */

.latest-block {
	float: left;
	clear: both;
	width: 500px;
	margin-top: 10px;
}

#right-column {
	width: 300px;
	float: right;
	margin-right: 10px;
}
#right-column .block {
width: 326px;
	float: left;
	margin-top: 10px;	
	border: 2px solid #5cb41e;
}
#right-column .top-block {
	float: left;
	margin-top: 0px;
}

#featured1 {
	 float: left;
	 width: 30px;
	 height: 180px;
	 margin-top: 0px;
}
#featured1 ul {
	list-style-type: none;
	padding: 0px;
}
#featured1 a {
	color: #FFF;
	text-decoration: none;
	width: 15px;
	text-align: center;
	background: #999;
	display: block;
	height: 20px;
	padding: 5px;
	font-weight: bold;
	margin-top: 5px;
}
#featured1 a:hover {
	background: #333;
}
#featured1 a.top {
	margin-top: 0px;
}
#featured1 a.current {
	color: #FFF;
	background: #5cb41e;
}

/***** Video pages *****/

.rating_new
{
	background: #F00 url('/images/star_small.gif');
	float: left;
	height: 10px;
	margin-top: 2px;
	width: 50px;
}
.rating_new div
{
	background: #000 url('/images/star_small.gif'); height: 10px; width: 50px;
	background-position: left center;
}

/*** layout ***/

			#testing-banner {
				background: #FFFFCC;

			}
			#testing-banner p {
				text-align: center;
				font-weight: bold;
				border: 1px solid #e8e8e8;
				color: #666;
				padding-bottom: 8px;
			}
			#testing-banner a, #testing-banner a:link, #testing-banner a:visited {
				 color: #666;

			}
			#testing-banner a:hover {
				background: none;
				color: #000;
			}
		
/*** layout ***/

/*** frontpage ***/

#featured {
	width: 500px; float: left;
}

.latest-block {
	clear: both;
}

.front-thumb-latest {
	float: left; padding: 0px; margin: 8px; margin-left: 10px; margin-right: 10px; height: 180px;
}
.front-thumb-latest .thumbnail {
	width: 130px;
}
.front-thumb-latest p {
	font-size: 11px; width: 130px; overflow: hidden;
}

		#frontpage-promo-video {
			background: #e8e8e8;
		}
		#frontpage-promo-video #screen_small {
			width: 300px; background: #e8e8e8;
		}
		#frontpage-promo-video #screen {
			height: 250px; width: 300px; background: #999;
		}

		#latest-news {
			margin-top: 10px;
		}
		#latest-news h2 {
			margin-bottom: 5px;
		}

		#top-content {
			margin-top: 10px;
		}
		#top-content h2 {
			margin-bottom: 5px;
		}
		.small-listing {
			clear: both;
		}
		.small-listing-title {
			float: left; overflow: hidden; width: 240px;
		}
		.small-listing-title p {
			padding-top: 2px; padding-bottom: 2px; width: 400px;
		}
		.small-listing-count {
			float: right;
		}
		.small-listing-count p {
			padding-top: 2px; padding-bottom: 2px;
		}

					#lefter_nav {
						float: left;	
					}
					#lefter_nav img {
						border: none;
					}
					#lefter_content {
						 float: right;
						 border: 2px solid #333;
						 border-left: none;
						 background-color: #333;
						 background: url('/images/front/raubfischangeln.jpg');
						 width: 414px;
						 height: 316px;
					}
					#lefter_nav a {
						 border: 2px solid #333;
						 display: block;
					}
					#lefter_nav a:hover {
						border: 2px solid #e8e8e8;	
					}
					#lefter_content h2 {
						background: none;
						color: #5cb41e;
						font-size: 16px;
					}
					#lefter_content p {
						padding: 0px;
						padding-left: 5px;
						padding-bottom: 5px;
					}
					#lefter_content a {
						text-decoration: none;
					}
					#lefter_content a:hover {
						text-decoration: underline;
						background: none;
						color: #5cb41e;
					}

/*** frontpage ***/

/*** video show page ***/

		#related h2 {
			background: #FFF;
			color: #5cb41e;
			display: none;
			margin-bottom: 5px;
		}
		#related a {
			border: 1px solid #5cb41e;
			width: 30%;
			text-decoration: none;
			display: inline;
			padding: 3px;
			float: left;
			margin-left: 0px;
			text-align: center;
			margin-bottom: 5px;
			margin-left: 2px;
			font-weight: bold;
			color: #666;
		}
		#related a.left {
			margin-left: 0px;
		}
		#related a.current { 
			background: #5cb41e;
			color: #FFF;
		}
		#related a:hover {
			background: #5cb41e;
			color: #fff;
		}

/*** video show page ***/

/*** page-user-show ***/

#page-user-show {
	margin-top: 10px;
}
#user-details {
	float: left; width: 240px;
}

#user-thumbnail {
	height: 167px; width: 230px; background: #999; border: 5px solid #e8e8e8;
}
#user-account-summary {
	margin-top: 10px;
}
#user-account-summary h3 {
	margin-bottom: 5px;
}
#user-content {
	width: 590px; float: right; margin-left: 10px;
}
#user-profile {
	width: 590px; float: left;
}
#user-videos {
	width: 590px; float: left; margin-top: 10px;
}
#user-videos-list {
	margin-top: 5px;
}
#user-videos-button {
	text-align: center; margin-top: 20px; border-top: 1px solid #999; border-bottom: 1px solid #999; background: #e8e8e8;
}

/*** page-user-show ***/

/*** page-user-videos ***/

h1 {
	margin-bottom: 10px;
}
#page-user-videos #categories {
	width: 160px; float: left; border-right: 2px solid #DDD; height: 400px; padding-right: 20px;
}
#page-user-videos #categories h3 {
	margin-top: 10px;
}
#page-user-videos #categories ul {
	padding-top: 5px;
}
#page-user-videos #categories-videos {
	width: 645px; float: right;
}
#no-videos-notice {
	margin: auto; width: 350px; height: 100px; border: 5px solid #e8e8e8; margin-top: 100px;
}
#no-videos-notice p {
	padding-top: 35px; text-align: center; font-size: 24px;
}

/*** page-user-videos ***/