/* vlabs.biz main style sheet */
/* by neXus <mail@cynex-media.de> */

/**
 * General Page Formatting
 *
 * @section general-page-formatting
 */

html {
	height:	100%;
}

html * {
	font-size: 100.01%;
}

body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
    color: #fff;  
	background-color: #03101C; /* bg_back */
	margin:	10;
	text-align:	center;
	height: 100%;
}

/* table {
	width: auto;
	border-collapse: collapse;
	margin-bottom: 0;
} */

td {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #fff;
}

img {
	border: 0;
	/* behavior: url("../pngbehavior.htc"); */
}

a:link,
a:visited,
a:active {
	color: #759FC0; /* c_link */
	text-decoration: none;
}

a:hover {
	color: #759FC0; /* c_link */
	text-decoration: underline;
}

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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.hidden1 {visibility: hidden;}
.hidden2 {display: none;}

.nobr {white-space: nowrap;}


/**
 * Page Layout: Header
 *
 * @section page-layout-header
 */

#page {
	margin: 0 auto;
	width: 864px;
	text-align: center;
}

#header {
	text-align:	left;
}

#logo_top img
{
	width: 212px;
	height: 39px;
}

#logo_mid_bg
{
	background-image: url(../images/header_top_right_part.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#logo_line_top img,
#logo_line_bottom img {
	width: 212px;
	height: 1px;
}

#logo_mid {
	width: 212px;
	height: 19px;
}

#header_date {
	text-align: right;
	float: right;
	padding-right: 19px;
	padding-top: 4px;
}

#logo_bottom {
	background-image: url(../images/header_bottom.jpg);
	background-repeat: no-repeat;
}

#logo_bottom img {
	width: 864px;
	height: 140;
}

#header_bottom_line img {
	width: 864px;
	height: 1px;
}


/**
 * Page Layout: Navigation
 *
 * @section page-layout-navigation
 */

#navigation {
	border: 1px solid #909090;
	text-align: left;
	padding: 5px;
	padding-left: 7px;
	background-color: #0C1F31; /* bg_main */
}

.navlist_head {
	font-weight: bold;
	width: 72px;
	float: left;
}

.navlist_arrow {
	font-weight: bold;
	width: 12px;
	float: left;
}

.navlist {
	margin:	0;
	padding: 3px 0 3px 3px;
}

.navlist a, .navlist a:link, .navlist a:visited {
	color: #fff;
	text-decoration: none;
	border: 1px solid #0C1F31; /* bg_main */
	padding: 1px 4px;
}

.navlist a:active, .navlist a:hover, .navlist a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #526F85; /* bg_navi */
	border: 1px solid #c0c0c0;
	padding: 1px 4px;
}

.navlist li {
	padding: 2px 2px;
	display: inline;
	vertical-align: bottom;
}

.navlist ul {
	margin: 0;
	padding: 0;
}

.navlist li .navlist_item_active,
.navlist li .navlist_item_active:link,
.navlist li .navlist_item_active:visited,
.navlist li .navlist_item_active:active,
.navlist li .navlist_item_active:hover,
.navlist li .navlist_item_active:focus {
	/*font-size: 12px;*/
	/*font-weight: bold;*/
	color: #fff;
	text-decoration: none;
	background-color: #526F85; /* bg_navi */
	border: 1px solid #c0c0c0;
	padding: 1px 4px;
}

.navlist_spacer {
	margin-left: 6px;
}

.invisible,
#nav-sub,
#menu_articles,
#menu_faq,
#menu_interests,
#menu_projects {
	display: none;
}


/**
 * Page Layout: Content Area
 *
 * @section page-layout-content-area
 */

#center {
	width: 864px;
	background: #03101C url(../images/bg.gif) top center repeat-y; /* bg_back */
}

#left {
	float: left;
	text-align: left;
	vertical-align: top;
	background-color: #11293F; /* bg_dark */
	width: 130px;
	padding-top: 10px;
	border: 0px solid #909090;
	border-left: 1px solid #909090;
	border-right: 0px solid #909090;
	overflow: hidden;
}

#content {
	float: left;
	text-align: left;
	vertical-align: top;
	width: 600px;
	border:	0px solid #909090;
	border-top-width: 0;
	border-left-width: 0;
	border-right-width:	0;
	padding: 0;
	overflow: hidden;
}

#content_container {
	padding: 12px;
}

#right {
	float: right;
	text-align: left;
	vertical-align: top;
	background-color: #11293F; /* bg_dark */
	width: 130px;
	padding-top: 10px;
	border: 0px solid #909090;
	border-left: 0px solid #909090;
	border-right: 1px solid #909090;
	overflow: hidden;
}

#content_header_bar {
	margin-top: 0;
	margin-left: 2px;
	margin-right: -1px;
	padding-top: 6px;
	padding-bottom: 5px;
	background-color: #11293F; /* bg_dark */
	border-bottom: 1px solid #909090;
	/*background: #03101C url(../images/content_header_bar.gif) top center repeat-y;*/
}

#content_header_bar_left {
	float: left;
	font-weight: bold;
	padding-left: 10px;
}

#content_header_bar_right {
	float: right;
	text-align: right;
	padding-right: 10px;
}

.menubox_content
{
	padding-top:		5px;
	padding-left:		6px;
	padding-right:		6px;
}

.menubox_content_headline {
	font-weight: bold;
	margin-bottom: 5px;
}

.menubox_header {
	background-color: #0C1F31; /* bg_main */
	border-top: 1px solid #6D7275;
	border-bottom: 1px solid #6D7275;
}

.menubox_header_stripe {
	float: left;
	width: 5px;
	background-color: #729BBB; /* c_stripe */
}

.menubox_header_title {
	float: left;
	font-weight: bold;
	padding-left: 4px;
}

.menubox_header_arrows {
	float: right;
	padding-right: 2px;
	padding-top: 1px;
}

.menubox_header_arrows img {
	border: 0;
}

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

.raw_inline_list li {
	display: inline;
}

.raw_inline_list_break {
	margin: -4px;
}


/**
 * Page Layout: Footer
 *
 * @section page-layout-footer
 */

#footer {
	color: #7E7E7E;
	width: 864px;
	height: 21px;
	padding-top: 4px;
	background-image: url(../images/footer_background.gif);
	background-repeat: no-repeat;
}

#footer a:link,
#footer a:visited,
#footer a:active,
#footer a:hover {
	color: #7E7E7E;
	text-decoration: underline;
}


/**
 * General Text Formatting
 *
 * @section general-text-formatting
 */

.std_page {
	text-align: justify;
}

strong, b, .b {
	font-weight: bold;
}
u, .u {
	text-decoration: underline;
}
em, i, .i {
	font-style: italic;
}

.inline_list {
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
}

.headline {
	font-weight: bold;
	font-size: 12px;
}

.underline {
	background-color: #fff;
	margin-bottom: 5px;
	line-height: 1px;
}

.underline img {
	width: 100%;
	height: 1px;
}

.big_space_header {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 2px;
	margin-bottom: 5px;
}

.error {
	font-size: 13px;
	font-weight: bold;
}

.disclaimer {
	font-style: italic;
	color: #909090;
}

.more_link {
	font-weight: bold;
	margin-top: 10px;
}

.clip_title {
	font-size: 12px;
	font-weight: bold;
}

#pi_counter {
	color: #03101C; /* bg_back */
	text-align: center;
	margin: 25px 5px 5px 5px;
}


/**
 * Special Content Elements
 *
 * @section special-content-elements
 */

fieldset {
	padding: 6px;
	border: 1px dashed #c0c0c0;
	background-color: #11293F;
}

fieldset legend {
	color: #fff;
	font-weight: bold;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #c0c0c0;
	background-color: #11293F;
}

fieldset .content {
	padding: 4px;
}

.post_info {
	/*margin-top: 10px;*/
}

.post_info fieldset {
	width: 200px;
}

.status_box fieldset {
	text-align: left;
}

.status_box {
}

.black_border_table {
	text-align: left;
	width: 100%;
	background-color: black;
	border-spacing: 1px;
}

.black_border_table th {
	font-weight: bold;
	padding: 4px;
}

.black_border_table td {
	padding: 4px;
}

.black_border_table tr {
	vertical-align: top;
}

#teaser_articles_box_left {
	float: left;
	width: 60%;
}

#teaser_articles_box_right {
	float: right;
	text-align: center;
	width: 40%;
}

#teaser_articles_box_left table,
#teaser_forum table {
	border-spacing: 1px;
}

thead th {
	font-weight: bold;
}

#image_teaser_left {
	display: block;
	float: left;
	text-align: right;
	margin-top: 20px;
	border: 1px solid #c0c0c0;
}

#image_teaser_right {
	display: block;
	float: right;
	text-align: left;
	margin-top: 20px;
	border: 1px solid #c0c0c0;
}
 

/**
 * Content Containers
 *
 * @section content-containers
 */




/**
 * Arikelformatierung
 *
 * @section article-formatting
 */

.article_header {
	padding: 2px 2px;
}

.article_header a:link,
.article_header a:visited,
.article_header a:active,
.article_header a:hover {
	color: #fff;
	text-decoration: none;
}

.article_title {
	font-size: 18px;
	font-weight: bold;
}

.article_body {
	text-align: justify;
	background-color: #11293F; /* bg_dark */
	padding: 5px 5px;
	border-top: 1px solid #6D7275;
	border-bottom: 1px solid #6D7275;
}

.article_footer {
	padding: 2px 5px;
	border-bottom: 1px solid #6D7275;
}

.article_footer_left {
	float: left;
}

.article_footer_right {
	float: right;
	text-align: right;
}


/**
 * YAML Base
 *
 * @section yaml-base
 */

p { /* line-height: 1.5em;*/ margin: 0 0 10px 0; }
cite, blockquote { font-style:italic }
blockquote { margin: 0 0 1em 1.5em }
strong,b { font-weight: bold }
em,i { font-style:italic }

* html .floatbox {width: 100%;}
.floatbox { overflow: hidden; }
.float_left { float: left; display: inline; margin-right: 1em; margin-bottom: 0.15em;  }
.float_right { float: right; display: inline; margin-left: 1em; margin-bottom: 0.15em;  }
.center_yaml { text-align: center; margin: 0.5em auto; }

.date {font-style: italic;}


/**
 * Farben
 *
 * @section colors
 */

.bg_back	{background-color: #03101C;}
.bg_main	{background-color: #0C1F31;}
.bg_dark	{background-color: #11293F;}
.bg_mid		{background-color: #11293F;}
.bg_light	{background-color: #072A4A;}
.bg_gray	{background-color: #909090;}


/**
 * Grafiken
 *
 * @section images
 */

.image_border,
.popup_image_border {
	border: 1px solid #909090;
}

.image_even {
	border: 1px solid #c0c0c0;
	float: right;
	margin-left: 10px;
}

.image_odd {
	border: 1px solid #c0c0c0;
	float: left;
	margin-right: 10px;
}


/**
 * Dynamic & Popup
 *
 * @section dynamic-popup
 */

.tooltip_container {
	text-align: left;
}

.tooltip_title {
	font-weight: bold;
	padding: 2px 5px;
}

.tooltip_content {
	padding: 2px 5px;
}

.middle_center {
	text-align: center;
	margin: 20px auto -20px auto;
}

.login_form {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #fff;
	background-color: #11293F; /* bg_dark */
	border: 1px dashed #6D7275;
	margin: 1px 0;
	overflow-x: hidden;
	overflow-y: auto;
}


/**
 * Thickbox
 *
 * @section thickbox
 */
 
.link {
	color: #759FC0; /* c_link */
	text-decoration: none;
	cursor:	pointer;
}

.link:hover {
	color: #759FC0; /* c_link */
	text-decoration: underline;
	cursor: pointer;
}


/**
 * Formulare
 *
 * @section forms
*/

.form {
	display: inline;
}

.form input,
.form select,
.form textarea {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #fff;
	background-color: #11293F; /* bg_dark */
	border: 1px solid #6D7275;
	margin: 1px 0;
	overflow-x: hidden;
	overflow-y: auto;
}

.menubox_form {
	display: inline;
}

.menubox_form input
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #fff;
	background-color: #0C1F31; /* bg_main */
	border: 1px solid #6D7275;
	margin: 1px 0;
	overflow-x: hidden;
	overflow-y: auto;
}

.menubox_form .full_length_input {
	width: 114px;
	/*height: 17px;*/
}


/**
 * Menubar: Allgemein
 *
 * @section menubar-general
 */

.menubox_spacer
{
	padding: 2px 0;
}


/**
 * Menubar: Login
 *
 * @section menubar-login
 */
 
#login_user_name {
	margin-bottom: 4px;
}


/**
 * Menubar: Umfrage
 *
 * @section menubar-poll
 */

.poll_option
{
	float: left;
	margin-right: 2px;
}

.poll_percent {
	float: right;
	text-align: right;
	padding-left: 2px;
}

.poll_total_text {
	float: left;
}

.poll_total_sum {
	text-align: right;
}

#box_poll .more_link {
	margin-top:	4px;
}


/**
 * Menubar: Shoutbox
 *
 * @section menubar-shoutbox
 */

.shoutbox_posting {
	margin-bottom: 8px;
}

#shoutbox_name_input,
#shoutbox_shout_input {
	width: 55px;
	/*height: 17px;*/
}

#shoutbox_empty {
	font-style: italic;
	text-align: center;
}


/**
 * Menubar: TV Tip
 *
 * @section menubar-tvtip
 */

#box_tv_tip .menubox_content_headline {
	font-weight: bold;
	margin-bottom: 2px;
}

#box_tv_tip .raw_inline_list_break {
	margin: -5px;
}


/**
 * Menubar: Movie Search
 *
 * @section menubar-moviesearch
 */
 
#msearch_result
{
	margin-top: 10px;
}


/**
 * Pager Navigation
 *
 * @section pager-navigation
 */

#content_navbar {
	text-align:	center;
	background-color: #072A4A; /* bg_light */
	margin-top: 20px;
	padding: 5px 0;
	border-top: 1px solid #6D7275;
	border-bottom: 1px solid #6D7275;
}

.subnav_spacer,
.ibox_spacer,
.subnav_headline,
.ibox_headline {
	font-weight: bold;
	margin-bottom: 5px;
}

.pager_navigation a:link,
.pager_navigation a:visited {
	color: #fff;
	background-color: #11293F; /* bg_dark */
	border: 1px solid #6D7275;
	padding: 1px 4px;
}

.pager_navigation a:active,
.pager_navigation a:hover,
.pager_navigation a:focus,
.page_number_active {
	color: #fff;
	text-decoration: none;
	background-color: #526F85; /* bg_navi */
	border: 1px solid #c0c0c0;
	padding: 1px 4px;
}

.page_number_active {
	font-weight: bold;
}


/**
 * Page /files: Clip Info Boxes
 *
 * @section clip-info-boxes
 */
 
.clip_table {
	width: 100%;
}

.clip_table td {
	height: 100%;
}

.clip_cell_table {
	width: 250px;
	height: 100%;
	background-color: #11293F; /* bg_mid */
	border-color: #909090;
	border-width: 1px;
	border-style: dashed;
}

#videoclip_footer {
	width: 99%;
	font-style: italic;
	color: #7E7E7E;
	margin-top: 20px;
}


/**
 * Page /guestbook: Gästebuch
 *
 * @section guestbook
 */

#feedback_form_left {
	float: left;
	text-align: left;
}

#feedback_form_left input,
#feedback_form_right input {
	margin-bottom: 7px;
}

#feedback_form_right {
	float: right;
	text-align: left;
}

#feedback_form_buttons {
	text-align: center;
	margin-top: 14px;
}

#feedback_name_input,
#feedback_email_input,
#feedback_website_input {
	width: 164px;
	/*height: 18px;*/
}

#feedback_message_input {
	width: 370px;
	height: 92px;
}

#feedback_submit_input,
#feedback_reset_input {
	width: 90px;
	/*height: 18px;*/
}

#feedback_footer {
	text-align: left;
}

#feedback_post_info {
	float: left;
}

#feedback_captcha {
	float: right;
}

#feedback_captcha_image {
	margin-top: 2px;
	margin-bottom: -10px;
	border: 1px solid #909090;
}

#feedback_captcha_phrase {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 2px;
}

.spacer {
	text-align:	center;
	padding-top: 15px;
	padding-bottom:	15px;
}

.spacer img {
	width: 100%;
	height: 0;
	border-top: 1px dashed #909090;
}

.spacer_small {
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
}

.spacer_small img {
	width: 100%;
	height: 0;
	border-top: 1px dashed #909090;
}

#guestbook_entry_count {
	text-align: center;
	background-color: #072A4A; /* bg_light */
	padding: 2px 0;
	border-top: 1px solid #6D7275;
	border-bottom: 1px solid #6D7275;
}

.guestbook_entry_headfoot {
	background-color: #072A4A; /* bg_light */
	border: 1px solid #000000;
	padding: 3px 5px;
}

.guestbook_entry_headfoot_left {
	float: left;
}

.guestbook_entry_headfoot_right {
	float: right;
	text-align: right;
}

.guestbook_entry_body {
	background-color: #11293F; /* bg_dark */
	padding: 6px 15px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

.guestbook_entry_spacer {
	margin: 4px;
}


/**
 * Page /articles: Kommentare
 *
 * @section comments
 */

.comment {
	background-color: #072A4A; /* bg_light */
	border-top: 1px solid #6D7275;
	border-bottom: 1px solid #6D7275;
}

.comment_header_left {
	float: left;
	padding: 3px 5px;
}

.comment_header_right {
	float: right;
	text-align: right;
	padding: 3px 5px;
}

.comment_body {
	background-color: #11293F; /* bg_dark */
	padding: 6px 8px;
	padding-bottom: 15px;
	border-top: 1px solid #6D7275;
}

.comment_rating {
	background-color: #11293F; /* bg_dark */
	border-top: 1px dashed #6D7275;
	padding: 3px 5px;
}

.write_comment_header {
	font-weight: bold;
	background-color: #072A4A; /* bg_light */
	padding: 2px 2px;
	margin-top: 15px;
	margin-bottom: 10px;
	border-top: 1px solid #6D7275;
	border-bottom: 1px solid #6D7275;
}



/**
 * Testing: Nifty Corners
 *
 * @section testing-niftycorners
 */

.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}

.nifty_article_box
{
	background-color:	#11293F; /* bg_dark */
	padding:		5px 0;
}

.nifty_padding
{
	padding:		2px 10px 2px 10px;
}

.nifty_article_header_box
{
	background-color:	#1e3952; /* soft_medium_blue */
	margin-bottom:		10px;
	padding:		5px 0;
}

.nifty_article_header
{
	padding:		0px;
	padding-left:		8px;
}

.nifty_article_footer_box
{
	background-color:	#1e3952; /* soft_medium_blue */
	margin-top:		10px;
	padding:		2px 0;
}

.nifty_article_footer
{
	font-style:		italic;
}

.nifty_article_footer_left
{
	float:			left;
	padding-left:		10px;
}

.nifty_article_footer_right
{
	text-align:		right;
	padding-right:		10px;
}