@charset "utf-8";
/* CSS Document */

html, body {
	background: url(../bgs/bg_main.jpg) repeat-x #d0d0d0;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 13px;
}

a:link { 
	color: #0063a9;
	text-decoration: none;
}

a:visited  { 
	color: #0063a9;
	text-decoration: none;
}

a:hover  { 
	color: #0063a9;
	text-decoration: none;
}

a:focus  { 
	color: #0063a9;
	text-decoration: none;
}

a:active { 
	color: #0063a9;
	text-decoration: none;
}

h1, h2, h3, h1.headline_inner {
	font-size: 13px;
	margin: 0;
	padding: 0;
}

h1.headline_inner {
	float: left;
	width: 60%;
}


/* Grundgerüst */

#wrapper {
	width: 986px;
	margin: 0 auto;
	text-align: center;
}

#header {
	background: url(http://gi171.photobucket.com/groups/u296/IV7OF1KYJ2/bg_header.jpg) no-repeat left;
	height: 150px;
	text-align: left;
	width: 980px;
	margin: 0 auto;
}

	#header_userimages {
		background: url(http://gi171.photobucket.com/groups/u296/IV7OF1KYJ2/user_image_1.png) right top no-repeat;
		width: 980px;
		height: 150px;
	}
	
		#header_logo {
			margin-top: 62px;
		}

#navigation {
	width: 980px;
	margin: 0 auto;
}

	ul.menu {list-style:none; margin:0; padding:0; height: 37px; margin-top: 4px;}
	ul.menu * {margin:0; padding:0;}
	ul.menu a {display:block; color:#000; text-decoration:none; margin-right: 1px;}
	ul.menu li {position:relative; float:left;}
	ul.menu li span:hover {	border-bottom: 1px dotted #FFF;	}
	ul.menu ul {position:absolute; top:37px; left:0;display:none; opacity:0; list-style:none; background: #0f0f0f; margin-right:1px;}
	ul.menu ul li {position:relative; border-bottom:1px solid #212121; border-top:none; width:122px; margin:0; }
	ul.menu ul li a {display:block; padding:5px 7px 7px; background-color:#0f0f0f; color:#FFF;}
	ul.menu ul li a:hover {background-color:#212121}
	ul.menu ul ul {left:148px; top:-1px}
	ul.menu .menulink {font-weight:bold; width:122px; height: 37px;}
	
	ul.menu .menulink_home { background:url(http://gi171.photobucket.com/groups/u296/IV7OF1KYJ2/button_nav_home-1.jpg);}
	ul.menu .menulink_home:hover, ul.menu .menuhover {background:url(http://gi171.photobucket.com/groups/u296/IV7OF1KYJ2/button_nav_home_a.jpg)}
	
	ul.menu .menulink_media { background:url(http://gi171.photobucket.com/groups/u296/IV7OF1KYJ2/button_nav_media-1.jpg);}
	ul.menu .menulink_media:hover, ul.menu .menuhover.menulink_media {background:url(http://gi171.photobucket.com/groups/u296/IV7OF1KYJ2/button_nav_media_a.jpg)}
	
	ul.menu .menulink_community { background:url(http://gi171.photobucket.com/groups/u296/IV7OF1KYJ2/button_nav_community-1.jpg);}
	ul.menu .menulink_community:hover, ul.menu .menuhover.menulink_community {background:url(http://gi171.photobucket.com/groups/u296/IV7OF1KYJ2/button_nav_community_a.jpg)}
	
	ul.menu .menulink_help { background:url(http://gi171.photobucket.com/groups/u296/IV7OF1KYJ2/button_nav_help-1.jpg);}
	ul.menu .menulink_help:hover, ul.menu .menuhover.menulink_help {background:url(http://gi171.photobucket.com/groups/u296/IV7OF1KYJ2/button_nav_help_a.jpg)}
	
	ul.menu .menulink_support { background:url(http://gi171.photobucket.com/groups/u296/IV7OF1KYJ2/button_nav_support-1.jpg);}
	ul.menu .menulink_support:hover, ul.menu .menuhover.menulink_support {background:url(http://gi171.photobucket.com/groups/u296/IV7OF1KYJ2/button_nav_support_a.jpg)}
	
	ul.menu .menulink_aboutus { background:url(http://gi171.photobucket.com/groups/u296/IV7OF1KYJ2/button_nav_about-us-1.jpg);}
	ul.menu .menulink_aboutus:hover, ul.menu .menuhover.menulink_aboutus {background:url(http://gi171.photobucket.com/groups/u296/IV7OF1KYJ2/button_nav_about-us_a.jpg)}
	
	ul.menu li.button_search {margin-left: 4px;}

#content {
	background: url(../bgs/bg_content.png) no-repeat;
	text-align: left;
	margin-top: 10px;
	padding: 3px 3px 0 3px;
	width: 980px;
}

	#content_left {
		width: 739px;
		float: left;
	}
		
		#content_left_inner {
			width: 728px;
			margin: 0 auto;
			margin-top: 5px;
		}

	#content_right {
		width: 236px;
		float: right; 
	}

		#content_right_inner {
			margin: 5px;
			text-align: center;
		}

#footer {
	background: url(../bgs/bg_footer.png) no-repeat;
	width: 980px;
	height: 88px;
	margin: 0 auto;
	margin-top: 10px;
	padding-top: 40px;
	font-size: 12px;
	color: #6b6b6b;
}

	#footer a {
		margin: 0 2px;
		opacity: 0.4;
	}
	
	#footer a:hover {
		opacity: 1.0;	
	}

/* Sonstiges */

.clearer {
	background: none !important;
	border: none !important;
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
}

.thumb_20x20 {
	background: #FFF;
	width: 20px;
	border: 1px solid #dfdfdf;
	padding: 1px;
}

.thumb_big {
	background: #FFF;
	border: 1px solid #bababa;
	padding: 3px;
}

.vertical_align {
	vertical-align: middle;
	margin-bottom: .25em;
}

.hr_standard {
	border-bottom: 1px solid #d0d0d0;
	line-height: 1px;
	font-size: 0;
	height: 0px;
	margin: 5px 0;
}

.additional {
	float: right; 	
}

/* Subnavigation & Headline BG */

.subnavigation {
	background: url(http://gi171.photobucket.com/groups/u296/IV7OF1KYJ2/bg_subnav.png) no-repeat;
	height: 27px;
	width: 704px;
	color: #505050;
	font-weight: bold;
	padding: 9px 12px 0 12px;
	margin-bottom: 5px;
}

	.subnavigation a {
		color: #505050;
		text-decoration: none;
	}
	.subnavigation a:hover {
	 	text-decoration: underline;
	 	
	}
	
.headlinebg {
	margin-bottom: 0;
	margin-top: 10px;
}

	.headlinebg a {
		color: #0063a9;
		text-decoration: none;
	}

/* Detailseite */

.headlinebg {
	background: url(http://www.videosource.in/bg_subnav.png) no-repeat;
	height: 27px;
	width: 704px;
	color: #FFF;
	font-weight: bold;
	padding: 9px 12px 0 12px;
	margin-bottom: 0;
}



	.headlinebg a {
		color: #8dcffd;	
	}

.detail_content {
	background: url(../bgs/bg_detail_content.jpg) #FFF repeat-x;
	border-left: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	padding: 8px;
}

.detail_content p {
	margin: 0;
	padding: 0;
}

.wUpdates td a {
color: #000;
}

/* Tabellen */

.table_register th {
	background: url(../bgs/bg_th.jpg) #f0f0f0 repeat-x;
	border-bottom: 1px solid #dfdfdf;
	height: 30px;
	padding: 3px;
	text-align: center;
}

.table_register td, .table_register2 td {
	height: 28px;
	padding: 3px;
	border-bottom: 1px solid #dfdfdf;
	border-top: 1px solid #FFF;
}

.table_register2 td {
	height: auto;
	padding: 1px;	
}

.table_register tr {
	background: url(../bgs/bg_td.jpg) #f4f4f4 repeat-x;
}

.table_register tr.tr_highlighter {
	background: url(http://gi171.photobucket.com/groups/u296/IV7OF1KYJ2/bg_td_active.gif) #131313 repeat-x;
	cursor: pointer;
}

.table_register tr.tr_highlighter td {
	color: #FFF;
	font-weight: bold;
}

.table_register tr.tr_highlighter td a {
	color: #FFF;
	font-weight: bold;
}

.table_register a:link {
	border-bottom: none;		
}

.table_register td.td_trenner {
	border-right: 1px solid #dfdfdf;	
}

.table_register a.visited:active, .table_register a.visited:visited {
  cursor:default;		
}
.table_register a.visited:hover{
	border-bottom: 2px dotted #0063a9;			
}

.news {
	background: #FFF;
	padding: 3px;
	height:100px;
	border: 1px solid #dfdfdf;
}

.news tr{
	background: url(../bgs/bg_td.jpg) #f4f4f4 repeat-x;
}

.news td {
	border-bottom: 1px solid #dfdfdf;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	padding: 3px;
	font-size:0.9em;
	vertical-align:top;
}

.news .content{
	height:60px;
	width:100%;
	overflow:hidden;
}

.news .grey {
	background: #ededed;
	border-right:1px solid #d9d9d9;  
}

.table_archiv{
  background: #FFF;
  padding:2px;
}

.table_archiv .year{
  padding:2px;
  background: rgb(119,119,119);
  color: rgb(240,240,240);
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  border-top:2px solid #ffffff;
  border-bottom:1px solid #dfdfdf;
}

.table_archiv .month{
  padding-left:20px;
  border-top:2px solid #ffffff;
  border-bottom:1px solid #dfdfdf;
}

.table_archiv tr:hover{
  background: #dfdfdf;;
}

.table_archiv .month a{
  display:block;
}

.guestbook {
  width:100%;
}

.guestbook_top {
  width:100%;
  padding:10px;
  border: 1px solid #fff;
}

.guestbook .guestbook_form{
  width:80%;
  border: 1px solid #fff;
}

.guestbook .guestbook_form td{
  font-size: 0.8em;
}

.guestbook .guestbook_entry{
  width:80%;
  padding: 10px 15px;
  border-bottom: 1px solid #555;
  border-top: 1px solid #eee;
  text-align:left;
}

.guestbook .guestbook_entry_dark{
  width:80%;
  padding: 10px 15px;
  border-bottom: 1px solid #555;
  border-top: 1px solid #eee;
  text-align:left;
}

.guestbook .guestbook_entry td{
  width:100%;
  padding:10px;
  vertical-align:top;
}

.guestbook .guestbook_entry .avatar{
  width:110px;
  height:110px;
  padding:5px;
}

.guestbook .guestbook_entry .content{
  border-top:1px solid #ddd;
}

.guestbook .guestbook_entry .comment{
  padding-left:50px;
  height:1%;
}

.guestbook .guestbook_entry .comment hr{
  margin:1px;
}

.guestbook .guestbook_entry .comment h2{
  font-size:0.9em;
  font-weight:strong;
}

.guestbook .guestbook_entry .date{
  font-size:0.8em;
  padding:2px;
  padding-left:10px;
  height:1%;
  border-bottom:1px solid #555; 
}

.table_archiv{
  padding:2px;
}

.table_archiv .year{
  padding:2px;
  background: rgb(119,119,119);
  color: rgb(240,240,240);
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  border-top:2px solid #ffffff;
  border-bottom:1px solid #dfdfdf;
}

.table_archiv .month{
  padding-left:20px;
  border-top:2px solid #ffffff;
  border-bottom:1px solid #dfdfdf;
}

.table_archiv tr:hover{
  background: #dfdfdf;;
}

.table_archiv .month a{
  display:block;
}

.table_survey th {
  background: url(../bgs/bg_th.jpg) #f0f0f0 repeat-x;
  border-bottom: 1px solid #dfdfdf;
  height: 30px;
  padding: 3px;
  text-align: center;
}

.table_survey td{
  height: 28px;
  padding: 3px;
  border-bottom: 1px solid #dfdfdf;
  border-top: 1px solid #FFF;
}

.table_survey tr {
	background: url(../bgs/bg_td.jpg) #f4f4f4 repeat-x;
}

/* Sortierbare Tabelle*/

.sortable th {
	/*background: url(../bgs/bg_th.jpg) #f0f0f0 repeat-x;    */
	border-bottom: 1px solid #dfdfdf;
	height: 30px;
	padding: 3px;
	text-align: center;
}

.sortable td {
	height: 28px;
	padding: 3px;
	border-bottom: 1px solid #dfdfdf;
	border-top: 1px solid #FFF;
}

.sortable td a {
	color: #000;	
}

.sortable tr {
	background: url(../bgs/bg_td.jpg) #f4f4f4 repeat-x;
}

.sortable tr.tr_highlighter, .sortable tr:hover {
	background: url(../bgs/bg_td_active.gif) #131313 repeat-x;
	font-weight: bold;
	color: #FFF;
	cursor: pointer;
}

.sortable tr:hover a {
	color: #FFF;	
}

.sortable tr.tr_highlighter td {
	color: #FFF;
	font-weight: bold;
}

.sortable a:link {
	border-bottom: none;		

}

.sortable td.td_trenner {
	border-right: 1px solid #dfdfdf;	
}

.sortable a.visited:active, .table_register a.visited:visited {
  cursor:default;		
}
.sortable a.visited:hover{
	border-bottom: 2px dotted #0063a9;			
}

/* Toggle */

#toggle_content, #toggle_content2 {
	background: url(http://gi171.photobucket.com/groups/u296/IV7OF1KYJ2/bg_toggler.jpg) no-repeat;
	display: none;
	padding: 6px;
	height: 29px;
	text-align: left;
	color: #000;
	font-size: 10px;
	width: 577px;
	margin: 0 auto;
	margin-top: 10px;
}

#toggle_content, #toggle_content3 {
	background: url(http://gi171.photobucket.com/groups/u296/IV7OF1KYJ2/bg_toggler.jpg) no-repeat;
	padding: 5px;
	height: 30px;
	text-align: left;
	color: #333;
	font-size: 12px;
	width: 579px;
	margin: 0 auto;
	margin-top: 10px;
}

#toggle_content4 {
	background: url(http://gi171.photobucket.com/groups/u296/IV7OF1KYJ2/bg_toggler.jpg) no-repeat;
	padding: 5px;
	height: 15px;
	text-align:center;
	color: #333;
	font-size: 0.9em;
	width: 579px;
	margin: auto;
	margin-top: 10px;
	font-weight:lighter;
}

	.form_toggle {
		margin: 0;
		padding: 0;
	}
	
		.form_toggle input {
			margin: 0;
			padding: 0;
			float: left;
		}
	
		.input_toggle {
			background: #FFF;
			border: 1px solid #acacac;
			border-bottom: 2px solid #acacac;
			margin: 0;
			padding: 4px 4px 5px 4px;
			font-size: 12px;
			width: 287px;
			height: 16px;
		}

/* Formulare */

.form_standard {
	margin: 0;
	padding: 0;
}

	.form_standard label {
		font-weight: bold;	
	}

	.form_standard input[type=text], textarea {
		background: #FFF;
		border: 1px solid #d9d9d9;
		border-bottom: 2px solid #d9d9d9;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0 0 0 10px;
		padding: 3px;
		font-size: 12px !important;
		width: 240px;
	}
	
	.form_standard textarea {
		width: 400px;
	}
	
	.form_standard input[type=text]:focus, .form_standard input[type=text]:hover,  textarea:focus, textarea:hover {
		border-color: #a4a4a4;
			
	}