/* hover menu */

div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 185px;
	overflow: auto;
	width: 675px;
	visibility: hidden;
}
ul.sc_menu {
	display: block;
	height: 150px;
	/* max width here, for users without javascript */	
	width: 100000px;	
	padding: 15px 0 0 3px; 
	/* removing default styling */
	margin: 0;
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;	
	padding: 0 4px;
}
.sc_menu a {
	display: block;
	text-decoration: none;
}
.sc_menu span {
	display: none;
	margin-top: 3px;
	
	text-align: center;
	font-size: 12px;	
	color: #fff;
}
.sc_menu a:hover span {
	display: block;
}
.sc_menu img {
	border: 3px #cf1a52 solid;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.sc_menu a:hover img {
	filter:alpha(opacity=50);	
	opacity: 0.5;
}

div.fieldWithErrors {
	display: inline;
}

.fieldWithErrors input {
	background-color: #ffcc00!important;
	background-image: none!important;
}

/* ===================== */
/* = YUI Custom Preset = */
/* ===================== */

.fancyreg {
	float:right;
	width:450px;
	height:345px;
	background-color:#680B22;
	background-image: url(/images/kostenlose_anmeldung.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.stv-r {
	-moz-border-radius: 10px!important;
	-webkit-border-radius: 10px!important;
}

.stv-rt {
	-moz-border-radius-topleft: 10px!important;
	-webkit-border-top-left-radius: 10px!important;
	-moz-border-radius-topright: 10px!important;
	-webkit-border-top-right-radius: 10px!important;
}

.stv-snip {
	text-overflow:ellipsis!important;
	overflow:hidden!important;
	white-space:nowrap!important;
}

.stv-yellow a {
	color: black;
}

.stv-yellow a:hover {
	color: #9a0e2d;
}

hr.stv-yellow {
	border-color: #FACC1D!important;
}

#hd, #bd {
	margin: 0 auto;
	width: 990px;
}

.yui-stv #yui-main {
	width: 724px;
	float: right;
}

#bd {
	margin-top: 15px;
}

.stv-adv li {
	margin-bottom: 15px;
	padding-left: 33px;
	padding-right: 10px;
	background-image: url(/images/new/haken.jpg);
	background-repeat: no-repeat;
}

#stv-quickreg {
	background-image: url(/images/quickreg.jpg);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 3px solid black;
	width: 650px;
	height: 250px;
	top: 60px;
	margin-left: 25px;
	position: absolute;
	z-index: 200000;
	display: none;
	color: black;
	font-weight: bold;
}

#stv-menu-mail {
	margin-top: -4px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .6);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .6);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .6);
}

#stv-mailer {
	background-color: #794707;
	border: 1px solid #FACC1D;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 721px;
	height: 550px;
	top: 60px;
	position: absolute;
	z-index: 200000;
	display: none;
	color: white;
	font-weight: bold;
}

.stv-mail-head {
	background-image: url(/images/sidebar_title_yellow_bg.gif);
	color: black;
	text-shadow: white 0px 2px 1px;
	height: 34px;
	line-height: 34px;
	padding-left: 12px;
}

.stv-mail-row-over {
	background-color: #FACC1D;
	color: black;
	cursor: pointer;
}

.stv-mail-folders {
	height: 30px;
}

.stv-mail-folders li {
	float: left;
	height: 33px;
	background-image: url(/images/sidebar_title_bg.gif);
	-moz-border-radius-bottomleft: 10px!important;
	-webkit-border-bottom-left-radius: 10px!important;
	-moz-border-radius-bottomright: 10px!important;
	-webkit-border-bottom-right-radius: 10px!important;
	text-align: center;
	margin-right: 3px;
}

.stv-mail-folders li a {
	width: 100px;
	display: block;
	padding: 10px 15px 5px 15px;
}

#stv-mail-main {
	clear: both;
	height: 480px;
	overflow: auto;
}

#stv-mail-main table {
	margin-top: 15px;
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

#stv-mail-main table th {
	text-align: left;
	padding: 2px;
}

#stv-mail-main table td {
	font-weight: normal;
	padding: 2px;
}

#stv-mail-main table tr:hover > td {
	background-image: none!important;
	background-color: #FACC1D!important;
	color: black!important;
	cursor: pointer;
}

#stv-mail-main fieldset form input[type="text"] {
	width: 500px;
}

#stv-mail-main fieldset form textarea {
	width: 500px;
	height: 250px;
	resize: none;
}

.stv-mail-spinner {
	width: 100%;
	height: 475px;
	background-image: url(/images/mail-spinner.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.stv-teaser {
	background-image: url(/images/quickbuy/background.gif);
	width: 654px;
	height: 152px;
	top: 60px;
	margin-left: 25px;
	position: absolute;
	z-index: 200000;
	display: none;
}

#stv-lso {
	position: absolute;
	top: -10000px!important;
	left: -10000px!important;
	width: 1px!important;
	height: 1px!important;
}

#stv-quickreg b {
	color: #ffcc00;
	text-shadow: black 2px 2px 0px;
}

#floaty {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 20000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #840d2c;
	padding-top: 10px;
	padding-bottom: 5px;
}

#floaty .cam img {
	padding: 0 10px 5px 10px;
	cursor: pointer;
}

#stv-rating span {
	width: 16px;
	height: 16px;
	background-image: url(/images/rating_map.gif);
	display: block;
	float: left;
	cursor: pointer;
}

.stv-rating-image {
	width: 25px;
	height: 22px;
	background-image: url(/images/rating_map.gif);
	background-position: left 32px;
	float: left;
	display: block;
}

.stv-rating-image-done {
	width: 25px;
	height: 22px;
	background-image: url(/images/rating_map.gif);
	background-position: left 16px;
	float: left;
	display: block;
}

.stv-rating-over {
	width: 25px;
	height: 25px;
	background-position: left 16px;
	display: block;
}

.stv-rating-done {
	width: 25px;
	height: 25px;
	background-position: left 16px;
	display: block;
}

.stv-teaser b {
	color:#ffcc00;
}

.stv-form hr {
	border: 1px solid #840e2d;
}

.stv-form label {
	width: 130px;
	text-align:right;
	margin-top: 5px;
	margin-right: 10px;
	display: block;
	float: left;
	clear: both;
	color: white;
}

.stv-form button {
	margin-left: 130px;
}

.stv-form select {
	font-size: 100%!important;
}

.stv-over {
	background-color: #ffcc00;
	color: black!important;
	cursor: pointer;
}

.stv-videochat {
	background-image: url(/images/new/button_videochat.jpg);
	width: 207px;
	height: 38px;
	display: block;
	margin-right: 7px;
}

.stv-voyeurchat {
	background-image: url(/images/new/button_voyeurchat.jpg);
	width: 207px;
	height: 38px;
	display: block;
	margin-right: 7px;
}

.stv-mailbutton {
	background-image: url(/images/new/button_mail.jpg);
	width: 207px;
	height: 38px;
	display: block;
	margin-right: 7px;
}

.stv-previewimage {
	background-image: url(/images/new/button_vorschau.jpg);
	width: 207px;
	height: 38px;
	display: block;
	margin-right: 7px;
}

.memberinfo {
	padding-top: 4px;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 10px;
}

#tooltip {
	position: absolute;
	z-index: 99990;
	background: #cf1a52;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
	border: none;
	text-align: left;
}

.stv-pop {
	border: 2px solid #cf1a52!important;
	background: #840e2d!important;
}

.bt-content {
	font-size: small;
	color: #000;
	line-height: normal;
}

.bt-active {
	/* background-color: yellow !important; */
}

.stv-videoselected {
	color: #e74ca5;
}

ul.optiontoggle {
	float: right;
	margin-right: 10px;
}

ul.optiontoggle  li {
	float: left;
	margin: 0px 2px;
}

ul.optiontoggle li.text {
	margin: 0px;
	padding-right: 8px;
}

label {
	cursor: hand;
}

.optiontip {
	background-color: #350612;
	padding: 10px;
	margin-top: 12px;
	border: 1px solid #550B22;
}

.stv-notice-wrap {
        position: fixed;
        top: 20px;
        right: 20px;
        width: 500px;
        z-index: 99999;
        text-overflow:ellipsis!important;
        overflow:hidden!important;
        white-space:nowrap!important;
}

* html .stv-notice-wrap {
        position: absolute;
}       
 
.stv-notice-item {
        height: 48px!important;
        background-image: url(/images/stv-notice-back.gif);
        background-repeat: repeat-x;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: white;
        padding: 0 16px 0 16px!important;
        font-family:"Trebuchet MS", Arial, Verdana!important;
        font-size: 16px!important;
        line-height: 16px;
        border: 1px solid silver;
        display: block;
        position: relative;
        margin: 0 0 12px 0!important;
        text-overflow:ellipsis!important;
        overflow:hidden!important;
        white-space:nowrap!important;
	text-align:left;
}

.stv-notice-item-title {
        height: 48px!important;
        background-image: url(/images/stv-notice-back.gif);
        background-repeat: repeat-x;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: white;
        padding: 0 16px 0 16px!important;
        font-family:"Trebuchet MS", Arial, Verdana!important;
        font-size: 14px!important;
        border: 1px solid silver;
        display: block;
        position: relative;
        margin: 0 0 12px 0!important;
        text-overflow:ellipsis!important;
        overflow:hidden!important;
        white-space:nowrap!important;
	text-align:left;
}

.stv-notice-item-titletext {
        font-size: 16px;
        font-weight: bold;
}

.stv-notice-item-close {
        display: none;
        position: absolute;
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        right: 6px;
        top: 6px;
        cursor: pointer;
}


/* =========== */
/* = Default = */
/* =========== */

html {
background-color: #000;
color: #fff;
}

body {
margin: 0;
background-color: #000;
color: #fff;
background-image: url('../images/body_bg.gif');
background-repeat: repeat-x;
background-position: top left;
}

h1, h2, p {
margin-bottom: 16px;
}

h1 {
color: #fff;
font-weight: bold;
font-size: 1.5em;
}

h2 {
color: #fff;
font-weight: bold;
font-size: 1.2em;
}

.large {
font-size: 1.2em;
}

.bold {
font-weight: bold;
}

.small {
font-size: 0.85em;
}

.italic {
font-style: italic;
}

.yellow {
color: #ffcc00;
}

.border {
	border-bottom:1px solid #840e2d;
	padding-bottom:3px;
	margin-bottom:7px;
}

.float_left {
float: left;
margin: 0 16px 0 0;
}

.float_right {
float: right;
margin: 0 0 0 16px;
}



/* ============ */
/* = Elements = */
/* ============ */

#hd {
height: 113px;
background-image: url('../images/logo.gif');
background-repeat: no-repeat;
background-position: top left;
}

#sidebar {
	width:240px;
	float:left;
}

#sidebar, div.box {
background-color: #350612;
border: 1px solid #550b22;
}

#sidebar div.title, div.box div.title {
display: block;
height: 34px;
background-image: url('../images/sidebar_title_bg.gif');
background-repeat: repeat-x;
background-position: top left;
font-weight: bold;
font-size: 1.1em;
line-height: 34px;
padding-left: 12px;
text-shadow: #440717 0px 2px 1px;
}

#sidebar div.inner, div.box div.inner {
padding: 10px;
}

#sidebar div.divider {
display: block;
height: 2px;
margin: 0 0 10px 0;
background-image: url('../images/sidebar_divider_bg.gif');
background-repeat: repeat-x;
background-position: top left;
}

.scroller {
height: 200px;
overflow: hidden;
}

#sidebar .scroller {
height: 285px;
padding: 0 7px;
}

#sidebar .scroller_box {
border: 1px solid #6c0c24;
padding: 7px 0;
}

#scroller_button_up {
display: block;
width: 220px;
height: 16px;
background-image: url('../images/scroller_button_up.gif');
background-repeat: no-repeat;
background-position: top left;
outline: none;
}

#scroller_button_down {
display: block;
width: 220px;
height: 16px;
background-image: url('../images/scroller_button_down.gif');
background-repeat: no-repeat;
background-position: top left;
outline: none;
}

/* =================== */
/* = Links + Buttons = */
/* =================== */


a {
color: #ffcc00;
text-decoration: none;
}

a:hover {
color: #fff;
}

a.button, a.button_y {
background: transparent url('../images/button_y_r.gif') no-repeat scroll top right;
display: block;
float: left;
font: bold 1em arial, sans-serif;
height: 24px;
margin-right: 7px;
padding: 0 15px 0 0; /* sliding doors padding */
	text-decoration: none;
cursor: pointer;
color: #000;
outline: none;
text-align: center;
text-shadow: #fff2d9 0px 1px 0px;
border: none;
overflow: hidden;
}

a.button span, a.button_y span {
background: transparent url('../images/button_y_l.gif') no-repeat;
display: block;
line-height: 16px;
padding: 5px 0 3px 15px;
border: none;
font-weight: bold;
cursor: pointer;
text-shadow: #fff2d9 0px 1px 0px;
margin: 0;
}

button.button, button.button_y {
float: left;
border: 0;
cursor: pointer;
font-weight: bold;
padding: 0 15px 0 0;
margin-right: 7px;
text-align: center;
background: transparent url('../images/button_y_r.gif') right no-repeat;
width: auto;
overflow: visible;
text-shadow: #fff2d9 0px 1px 0px;
color: #000;
}

button.button span, button.button_y span {
position: relative;
display: block;
white-space: nowrap;
padding: 0 0 0 15px;
height: 24px;
line-height: 24px;
background: transparent url('../images/button_y_l.gif') left no-repeat;
/*	margin-top:1px;*/
}

button.button_x {
float: left;
border: 0;
cursor: pointer;
font-weight: bold;
padding: 0 15px 0 0;
margin-right: 7px;
text-align: center;
background: transparent url('../images/button_x_r.gif') right no-repeat;
width: auto;
overflow: visible;
color: #ffcc00;
}

button.button_x span {
position: relative;
display: block;
white-space: nowrap;
padding: 0 0 0 15px;
height: 24px;
line-height: 24px;
background: transparent url('../images/button_x_l.gif') left no-repeat;
margin-top: 1px;
}

a.button:hover, button.button:hover, a.button_y:hover, button.button_y:hover {
color: #840e2d;
}

button.button_x:hover {
color: #fff;
}

a.button_x {
background: transparent url('../images/button_x_r.gif') no-repeat scroll top right;
display: block;
float: left;
font: bold 1em arial, sans-serif;
height: 24px;
margin-right: 7px;
padding-right: 15px; /* sliding doors padding */
	text-decoration: none;
cursor: hand;
color: #ffcc00;
outline: none;
text-align: center;
}

a.button_x span {
background: transparent url('../images/button_x_l.gif') no-repeat;
display: block;
line-height: 16px;
padding: 5px 0 3px 15px;
}

a.button_x:hover {
color: #fff;
}

a.button_g {
background: transparent url('../images/button_g_r.gif') no-repeat scroll top right;
display: block;
float: left;
font: bold 1em arial, sans-serif;
height: 24px;
margin-right: 7px;
padding-right: 15px; /* sliding doors padding */
	text-decoration: none;
cursor: hand;
color: black;
outline: none;
text-align: center;
}

a.button_g span {
background: transparent url('../images/button_g_l.gif') no-repeat;
display: block;
line-height: 16px;
padding: 5px 0 3px 15px;
}

a.button_g:hover {
color: #840e2d;
}

a.page_last, a.page_next, a.page_last_disabled, a.page_next_disabled {
margin-top: 5px;
}

a.page_next, a.page_next_disabled {
background: transparent url('../images/page_next_r.gif') no-repeat scroll top right;
display: block;
float: right;
font: normal 0.75em arial, sans-serif;
height: 24px;
margin-right: 4px;
padding: 0 30px 0 0; /* sliding doors padding */
	text-decoration: none;
cursor: pointer;
color: #fff;
outline: none;
text-align: center;
border: none;
overflow: hidden;
}

a.page_next span, a.page_next_disabled span {
background: transparent url('../images/page_next_l.gif') no-repeat;
display: block;
line-height: 16px;
padding: 4px 0 4px 14px;
border: none;
font-weight: bold;
cursor: pointer;
margin: 0;
}

a.page_last, a.page_last_disabled {
background: transparent url('../images/page_last_r.gif') no-repeat scroll top right;
display: block;
float: right;
font: normal 0.75em arial, sans-serif;
height: 24px;
margin-right: 4px;
padding: 0 14px 0 0; /* sliding doors padding */
	text-decoration: none;
cursor: pointer;
color: #fff;
outline: none;
text-align: center;
border: none;
overflow: hidden;
}

a.page_last span, a.page_last_disabled span {
background: transparent url('../images/page_last_l.gif') no-repeat;
display: block;
line-height: 16px;
padding: 4px 0 4px 30px;
border: none;
font-weight: bold;
cursor: pointer;
margin: 0;
}

a.page_last:hover, a.page_next:hover {
background-position: right -24px;
}

a.page_last:hover span, a.page_next:hover span {
background-position: left -24px;
}

a.page_last:active span, a.page_next:active span {
padding-top: 5px;
padding-bottom: 3px;
}

a.page_next_disabled {
background-position: right -48px;
color: #4e242f;
}

a.page_last_disabled span {
background-position: left -48px;
color: #4e242f;
}

.page_label {
display: block;
float: right;
font-size: 0.75em;
margin-right: 12px;
}

a.fullsize {
float: none;
margin-bottom: 9px;
}

/* ====================== */
/* = Mainmenu + Submenu = */
/* ====================== */

#mainmenu {
display: block;
height: 68px;
margin-left: 20.4615em;
	*margin-left: 20.125em;
}

#mainmenu a {
background: transparent url('../images/mainmenu_a_r.gif') no-repeat scroll top right;
display: block;
float: left;
font: bold 1em Verdana, arial, sans-serif;
height: 33px;
margin-right: 3px;
margin-top: 35px;
padding-right: 20px; /* sliding doors padding */
	text-decoration: none;
cursor: hand;
color: #fff;
text-shadow: #590018 0px 2px 1px;
outline: none;
text-align: center;
}

#mainmenu a span {
background: transparent url('../images/mainmenu_a_l.gif') no-repeat;
display: block;
line-height: 13px;
padding: 11px 0 9px 20px;
}

#mainmenu a.selected, #mainmenu a:hover.selected {
background-position: right -33px;
color: #000;
text-shadow: #fff 0px 1px 0px;
}

#mainmenu a.selected span, #mainmenu a:hover.selected span {
background-position: left -33px;
}

#mainmenu a:hover {
background-position: right -66px;
}

#mainmenu a:hover span {
background-position: left -66px;
}

#submenu {
display: block;
height: 45px;
}

#submenu div.label {
display: block;
float: left;
font-weight: bold;
margin: 17px 12px 0 0;
font: bold 0.85em Verdana, arial, sans-serif;
color: #fff;
}

#submenu div.container {
display: block;
float: left;
height: 24px;
margin-top: 12px;
}

/* =========================== */
/* = CSS Dropdown / No-Style = */
/* =========================== */

ul.dropdown {
}
ul.dropdown {
margin: 0;
padding: 0;
list-style: none;
z-index: 10000;
}
ul.dropdown li {
margin: 0;
padding: 0;
display: block;
float: left;
position: relative;
z-index: 10000;
}
ul.dropdown li:hover a,
ul.dropdown li a:hover,
ul.dropdown li a:active,
ul.dropdown li a:link,
ul.dropdown li a:visited {
display: block;
z-index: 10000;
}
	
ul.dropdown li ul {
margin: 0;
padding: 0;
list-style: none;
display: none;
width: 150px;
position: absolute;
top: 18px;
left: -1px;
z-index: 10000;
}
ul.dropdown li:hover ul {
display: block;
z-index: 20000;
}
ul.dropdown li ul li {
width: 150px;
clear: left;
z-index: 20000;
}

ul.dropdown li ul li a:link,
ul.dropdown li ul li a:visited {
clear: left;
padding: 0;
width: 143px;
position: relative;
z-index: 20000;
}
ul.dropdown li ul li:hover a,
ul.dropdown li ul li a:active,
ul.dropdown li ul li a:hover {
clear: left;
padding: 0;
width: 143px;
position: relative;
z-index: 20000;
}

/* ============ */
/* = Dropdown = */
/* ============ */

ul.dropdown li a {
background: transparent url('../images/dropdown_a_r.gif') no-repeat scroll top right;
display: block;
float: left;
font: bold 0.85em Verdana, arial, sans-serif;
height: 26px;
margin-right: 7px;
margin-top: 10px;
padding-right: 12px; /* sliding doors padding */
	text-decoration: none;
cursor: hand;
color: #ffcc00;
outline: none;
text-align: center;
}

ul.dropdown li a span {
background: transparent url('../images/dropdown_a_l.gif') no-repeat;
display: block;
line-height: 12px;
padding: 7px 0 7px 22px;
}

ul.dropdown li:hover a,
ul.dropdown li a:hover,
ul.dropdown li a:active {
color: #350612;
background-position: right -52px;
}

ul.dropdown li:hover a span,
ul.dropdown li a:hover span,
ul.dropdown li a:active span {
background-position: left -52px;
}

ul.dropdown li ul {
margin: 16px 0 0 4px;
padding: 6px 0 0 0;
width: 180px;
background-image: url('../images/dropdown_box_bg.gif');
background-repeat: no-repeat;
background-position: top left;
border-bottom: 1px solid #d10040;
}

ul.dropdown li ul li {
margin: 0 0 0 1px;
padding: 0;
}

ul.dropdown li ul li a, ul.dropdown li:hover ul li a {
margin: 0;
padding: 0;
background: none;
float: none;
height: auto;
text-align: left;
display: block;
width: 178px;
color: #ffcc00;
}

ul.dropdown li ul li a:hover {
background-color: #820022;
}

ul.dropdown li ul li a:active {
background-color: #000;
color: #fff;
}

ul.dropdown li ul li a span {
background: none;
margin: 0;
padding: 5px 0 5px 9px;
}

/* ================ */
/* = Form + Input = */
/* ================ */

.formbox {
position: relative;
margin: 0px 3px;
	/* max-width:760px;*/ /* based on image dimensions - not quite consistent with drip styles yet */
	z-index:1;
margin-left: 25px; /* default, width of left corner */
	margin-bottom:0.5em; /* spacing under dialog */^
	background-color:#fff;
}

.formbox .content,
.formbox .t,
.formbox .b,
.formbox .b div {
background: transparent url(../images/formbox_bg.gif) no-repeat top right;
}

.formbox .content {
position: relative;
zoom: 1;
_overflow-y: hidden;
padding: 5px 25px 0px 0px;
color: #ccc;
font: normal 0.9em arial, sans-serif;
}

.formbox .t {
	/* top+left vertical slice */
	position:absolute;
left: 0px;
top: 0px;
width: 25px; /* top slice width */
	margin-left:-25px;
height: 100%;
_height: 1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.formbox .b {
	/* bottom */
	position:relative;
width: 100%;
}

.formbox .b,
.formbox .b div {
height: 25px; /* height of bottom cap/shade */
	font-size:1px;
}

.formbox .b {
background-position: bottom right;
}

.formbox .b div {
position: relative;
width: 25px; /* bottom corner width */
	margin-left:-25px;
background-position: bottom left;
}

.formbox h1,
.formbox fieldset,
.formbox p {
margin: 0px; /* margins will blow out backgrounds, leaving whitespace. */
	padding:12px 0px 10px 0px;
}

.formbox a.button, .formbox a.button_x {
font-size: 1.1em;
}

.formbox h1 {
color: #ffcc00;
font-size: 1.75em;
font-weight: normal;
border-bottom: 4px solid #6a0b24;
}
						
.formbox fieldset {
background-color: #6a0b24;
color: #ccc;
border: 2px solid #6a0b24;
padding: 4px 18px 12px 18px;
font-size: 1.0em;
-moz-border-radius: 10px!important;
-webkit-border-radius: 10px!important;
}

.formbox fieldset legend, .formbox fieldset form legend {
font-weight: bold;
font-size: 1.3em;
padding: 3px;
/*	text-shadow: #fff 0px 2px 0px;*/
	color:#ffcc00;
}

.formbox table {
width: 100%;
color: #ccc;
}

.formbox table td {
padding: 9px;
vertical-align: top;
border-bottom: 2px solid #840e2d;
font-size: 1.1em;
}

.formbox table td button {
	font-size:1em;
}

.formbox table tr.noborder td, .formbox table tr.noborder th {
border: none;
padding-bottom: 2px;
}

.formbox table.blind {
width: auto;
margin: 0;
}

.formbox table.blind td, .formbox table.blind th {
padding: 0;
border: none;
}

.formbox table th {
width: 220px;
padding: 9px;
font-size: 1.2em;
font-weight: bold;
color: #fff;
border-bottom: 2px solid #840e2d;
vertical-align: top;
text-align: left;
}

.formbox table tr.button td, .formbox table tr.button th {
border: none;
padding-bottom: 0;
}

.formbox table td p {
padding: 4px 0 0 0;
}

div.errors, div.errorExplanation {
background-color: #facc1d;
color: #000;
border: 1px solid #000;
font-weight: bold;
padding: 8px 14px;
background-image: url(/images/sidebar_title_yellow_bg.gif);
background-repeat: repeat-x;
}

div.errors ul li, div.errorExplanation ul li {
list-style: disc;
margin-left: 12px;
}

textarea, input[type="text"], input[type="password"], input.text {
font-size: 1em;
padding: 3px;
width: 210px;
border: 1px solid #000;
background-color: #fff;
background-image: url('../images/input_bg.gif');
background-repeat: repeat-x;
background-position: top left;
margin-right: 7px;
}

.formbox textarea, .formbox input[type="text"], .formbox input[type="password"], .formbox input.text {
width: 300px;
font-size: 1.25em;
}


/* =============== */
/* = Cam Listing = */
/* =============== */

ul.cams {
display: block;
margin: 0;
padding: 0;
}

ul.cams li {
display: block;
float: left;
width: 176px;
height: 198px;
margin: 0 5px 0 0;
padding: 0;
list-style: none;
}

.stv-table, .stv-table-padded {
	table-layout: fixed;
}

.stv-table tr td {
	padding: 0;
	margin: 0;
}

.stv-table-padded tr td {
	padding: 2px 0 2px 0;
	margin: 0;
}

.stv-form-validator {
	width: 30px;
	height: 30px;
	display: block;
	float: right;
	margin-top: -2px;
}

.stv-form-validator-valid {
	background-image: url(/images/new/haken.jpg);
}

.stv-form-validator-invalid {
	background-color: red;
}

.stv-form-validator-loading {
	background-image: url(/images/spinner-fieldset.gif);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}

.stv-cam-overlay-3col {
	position:absolute;
	width:538px;
	color:white;
	z-index: 5000;
}

.stv-cam-overlay-3col-close {
	background-image: url(/javascripts/jq/fancybox/fancy_closebox.png);
	width: 30px;
	height: 30px;
	margin-left:518px;
	margin-top:-10px;
	display: block;
	position:absolute;
	z-index: 6000;
}

.stv-cam-overlay-3col .cambox3col .inner .inner2 {
	padding: 10px;
}

.stv-cam-overlay-3col .cambox3col .inner .inner2 b {
	font-size:14px;
	color:#ffcc00;
}

.stv-cam-overlay-2row {
	position:absolute;
	width:175px;
	height:200px;
	margin-left:-181px;
	z-index: 5000;
}

.stv-cam-overlay-2row .cambox .inner {
	height: 385px;
}

.stv-cam-overlay-2row .cambox .inner .inner2 {
	padding: 10px;
	color: white;
}

.stv-cam-overlay-2row .cambox .inner .inner2 b {
	font-size:14px;
	color:#ffcc00;
}

.stv-cam-overlay-2row .cambox .inner .inner2 .item {
	padding-top:5px;
	clear:both;
}

.stv-cam-overlay-2row .cambox .inner .inner2 .item .stv-snip {
	float:right;
	width:98px;
	margin-top:2px;
}

.stv-cam-overlay-2row .cambox .inner .inner2 .item .stv-snip img {
	margin-bottom:3px;
	width: 79px;
	height: 16px;
	border: 0;
}

.stv-cam-overlay-2row .cambox .inner .inner2 .item .item-img {
	border:1px solid white;
	float:left;
	width: 50px;
	height: 37px;
}

.stv-cam-overlay-2row .cambox .inner .inner2 .item .item-img:hover {
	border:1px solid #ffcc00;
}

.stv-cam-overlay-2row-close {
	background-image: url(/javascripts/jq/fancybox/fancy_closebox.png);
	width: 30px;
	height: 30px;
	margin-left:-25px;
	margin-top:-10px;
	display: block;
	position:absolute;
	z-index: 6000;
}

.stv-favorites {
	overflow:auto;
	max-height:330px;
}

ul.cams li div.cambox {
background-image: url('../images/cam_listing_bg_top.gif');
background-repeat: no-repeat;
background-position: top left;
}

ul.cams li div.cambox div.inner {
background-image: url('../images/cam_listing_bg_bottom.gif');
background-repeat: no-repeat;
background-position: bottom right;
padding-bottom: 5px;
}

ul.cams3col li div.cambox3col {
background-image: url('../images/cam_listing_bg_top_3col.gif');
background-repeat: no-repeat;
background-position: top left;
}

ul.cams3col li div.cambox3col div.inner {
background-image: url('../images/cam_listing_bg_bottom_3col.gif');
background-repeat: no-repeat;
background-position: bottom right;
height:193px;
}

ul.cams li div.img {
text-align: center;
padding: 7px 0 4px 0;
height: 122px;
}

ul.cams li div.img a {
display:block;
margin-left:12px;
width:150px;
height:118px;
}

ul.cams li div.img img {
border: 1px solid #fff;
}

ul.cams li div.img img:hover {
border: 1px solid #ffcc00;
}

ul.cams li div.title {
text-align: center;
font-size: 1.1em;
font-weight: bold;
width: 160px;
height: 24px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: auto;
}


ul.cams li div.buttons {
margin-left: 12px;
height: 31px
}

ul.cams li div.info {
margin-left: 12px;
margin-right: 12px;
height: 32px;
font-size: 0.85em;
}

ul.cams li div.info div.rating {
margin-top: 4px;
}



ul.cams li div.icons {
clear: both;
height: 18px;
padding: 5px 12px;
background-color: #6a0b24;
}

/* ================= */
/* = Standard List = */
/* ================= */

ul.bullets_small {
margin: 0 0 10px 0;
padding: 0;
}

ul.bullets_small li {
background-image: url('../images/bullet.gif');
background-repeat: no-repeat;
background-position: 0 3px;
padding-left: 16px;
font-weight: bold;
}

/* =============== */
/* = Bullet List = */
/* =============== */

ul.bullets {
margin: 0 0 10px 0;
padding: 0;
}

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

a.bullet, ul.bullets li a {
background: transparent url('../images/bullet_layered_bg_r.gif') no-repeat scroll top right;
display: block;
float: left;
font: bold 0.9em arial, sans-serif;
height: 20px;
margin-right: 7px;
padding-right: 20px; /* sliding doors padding */
	text-decoration: none;
cursor: hand;
color: #ffcc00;
outline: none;
text-align: left;
}

a.bullet span, ul.bullets li a span {
background: transparent url('../images/bullet_layered_bg_l.gif') no-repeat;
display: block;
line-height: 14px;
padding: 3px 0 3px 28px;
}

a.bullet:hover, ul.bullets li a:hover {
background-position: right -20px;
color: #fff;
}

a.bullet:hover span, ul.bullets li a:hover span {
background-position: left -20px;
}

a.bullet:active, ul.bullets li a:active {
background-position: right -40px;
color: #fff;
}

a.bullet:active span, ul.bullets li a:active span {
background-position: left -40px;
padding: 4px 0 2px 28px;
}

ul.bullets li.selected a {
background-position: right -60px;
color: #fff;
}

ul.bullets li.selected a span {
background-position: left -60px;
}

ul.bullets li.selected a:hover {
background-position: right -80px;
color: #fff;
}

ul.bullets li.selected a:hover span {
background-position: left -80px;
}

ul.bullets li a {
float: none;
margin-bottom: 4px;
}


dl.form {
margin: 0;
padding: 0;
}

dl.form dt {
margin: 0 0 2px 0;
padding: 0;
font-size: 0.85em;
font-weight: bold;
width: 100%;
}

dl.form dd {
margin: 0 0 10px 0;
padding: 0;
width: 100%;
}


div.pagecontrol .left {
width: 120px;
display: block;
float: left;
}

div.pagecontrol .right {
display: block;
float: right;
}

div.pagecontrol .middle {
display: block;
margin: 0 25%;
}

div.pagecontrol {
width: 97%;
margin: 0 0 12px 0;
background: transparent url('../images/pagecontrol_bg_right.gif') no-repeat scroll top right;
display: block;
/*	float: left;*/
	font: normal 0.8em arial, sans-serif;
height: 29px;
padding-right: 4px; /* sliding doors padding */
	text-decoration: none;
color: #fff;
outline: none;
}

div.pagecontrol span {
background: transparent url('../images/pagecontrol_bg_left.gif') no-repeat;
display: block;
line-height: 21px;
padding: 4px 0 4px 4px;
}

div.pagecontrol a.prev, div.pagecontrol a.prev_disabled {
background: transparent url('../images/pagecontrol_prev_right.gif') no-repeat scroll top right;
display: block;
float: left;
font: normal 1em arial, sans-serif;
height: 21px;
margin-right: 4px;
padding-right: 10px; /* sliding doors padding */
	text-decoration: none;
cursor: hand;
color: #ffcc00;
outline: none;
text-align: center;
}

div.pagecontrol a.prev span, div.pagecontrol a.prev_disabled span {
background: transparent url('../images/pagecontrol_prev_left.gif') no-repeat;
display: block;
line-height: 11px;
padding: 5px 0 5px 28px;
}

div.pagecontrol a.prev:hover, div.pagecontrol a.prev_disabled:hover {
background-position: right -21px;
color: #fff;
}

div.pagecontrol a.prev:hover span, div.pagecontrol a.prev_disabled:hover span {
background-position: left -21px;
}

div.pagecontrol a.prev:active, div.pagecontrol a.prev_disabled:active {
background-position: right -42px;
color: #fff;
}

div.pagecontrol a.prev:active span, div.pagecontrol a.prev_disabled:active span {
background-position: left -42px;
padding: 6px 0 4px 28px;
}

div.pagecontrol a.prev_disabled {
color: #3d101c;
cursor: default;
}

div.pagecontrol a.prev_disabled span {
background-position: left -63px;
}

div.pagecontrol a.prev_disabled:hover {
background-position: right 0;
color: #3d101c;
}

div.pagecontrol a.prev_disabled:hover span {
background-position: left -63px;
}

div.pagecontrol a.next, div.pagecontrol a.next_disabled {
background: transparent url('../images/pagecontrol_next_right.gif') no-repeat scroll top right;
display: block;
float: left;
font: normal 1em arial, sans-serif;
height: 21px;
margin-right: 4px;
padding-right: 29px; /* sliding doors padding */
	text-decoration: none;
cursor: hand;
color: #ffcc00;
outline: none;
text-align: center;
}

div.pagecontrol a.next span, div.pagecontrol a.next_disabled span {
background: transparent url('../images/pagecontrol_next_left.gif') no-repeat;
display: block;
line-height: 11px;
padding: 5px 0 5px 11px;
}

div.pagecontrol a.next:hover, div.pagecontrol a.next_disabled:hover {
background-position: right -21px;
color: #fff;
}

div.pagecontrol a.next:hover span, div.pagecontrol a.next_disabled:hover span {
background-position: left -21px;
}

div.pagecontrol a.next:active, div.pagecontrol a.next_disabled:active {
background-position: right -42px;
color: #fff;
}

div.pagecontrol a.next:active span, div.pagecontrol a.next_disabled:active span {
background-position: left -42px;
padding: 6px 0 4px 11px;
}

div.pagecontrol a.next_disabled {
background-position: right -63px;
color: #3d101c;
cursor: default;
}

div.pagecontrol a.next_disabled span {
background-position: left 0;
}

div.pagecontrol a.next_disabled:hover {
background-position: right -63px;
color: #3d101c;
}

div.pagecontrol a.next_disabled:hover span {
background-position: left 0;
}
		
div.pagecontrol div.pages a {
background: transparent url('../images/pagecontrol_pages_a.gif') no-repeat scroll top right;
display: block;
float: left;
font: normal 1em arial, sans-serif;
width: 21px;
height: 21px;
margin-right: 2px;
padding-right: 1px; /* sliding doors padding */
	text-decoration: none;
cursor: hand;
color: #ffcc00;
outline: none;
text-align: center;
}

div.pagecontrol div.pages a span {
display: block;
line-height: 11px;
padding: 5px 0 5px 1px;
background: none;
}

div.pagecontrol div.pages a:hover {
background-position: right -21px;
color: #fff;
}

div.pagecontrol div.pages a:active {
background-position: right -21px;
color: #fff;
}

div.pagecontrol div.pages a:active span {
padding: 6px 0 4px 1px;
}

div.pagecontrol div.pages a.selected {
background: none;
cursor: default;
color: #3a101a;
outline: none;
text-align: center;
font-weight: bold;
}

div.pagecontrol div.pages a.selected:hover {
color: #3a101a;
}

div.pagecontrol div.pages a.selected:active {
color: #3a101a;
}

div.pagecontrol div.pages a.selected:active span {
padding: 5px 0 5px 1px;
}

div.pagecontrol div.pages div.label {
display: block;
float: left;
margin-right: 10px;
}

div.pagecontrol div.pages div.spacing {
display: block;
width: 18px;
height: 21px;
float: left;
text-align: center;
}


div.pagecontrol a.sort {
background: transparent url('../images/pagecontrol_sort_right.gif') no-repeat scroll top right;
display: block;
float: left;
font: normal 1em arial, sans-serif;
height: 21px;
margin-right: 4px;
padding-right: 29px; /* sliding doors padding */
	text-decoration: none;
cursor: hand;
color: #ffcc00;
outline: none;
text-align: center;
}

div.pagecontrol a.sort span {
background: transparent url('../images/pagecontrol_sort_left.gif') no-repeat;
display: block;
line-height: 11px;
padding: 5px 0 5px 11px;
}

div.pagecontrol a.sort:hover {
background-position: right -21px;
color: #fff;
}

div.pagecontrol a.sort:hover span {
background-position: left -21px;
}

div.pagecontrol a.sort:active {
background-position: right -42px;
color: #fff;
}

div.pagecontrol a.sort:active span {
background-position: left -42px;
padding: 6px 0 4px 11px;
}

div.sortbox {
background: transparent url('../images/pagecontrol_sortbox_right.gif') no-repeat scroll top right;
display: block;
float: left;
font: normal 1em arial, sans-serif;
height: 21px;
margin-top: 1px;
margin-right: 4px;
padding-right: 11px; /* sliding doors padding */
	text-decoration: none;
cursor: hand;
color: #ffcc00;
outline: none;
text-align: center;
}

div.sortbox span {
background: transparent url('../images/pagecontrol_sortbox_left.gif') no-repeat;
display: block;
line-height: 11px;
padding: 5px 0 5px 11px;
}

div.sortbox a {
background: transparent url('../images/pagecontrol_sortbox_a.gif') no-repeat;
background-position: 0 5px;
padding-left: 10px;
margin-right: 7px;
text-decoration: none;
font-weight: normal;
color: #ffcc00;
}

/* ======== */
/* = Tabs = */
/* ======== */

div.tabs {
height: 30px;
border-top: 1px solid transparent;
}

div.tabs a {
background: transparent url('../images/tab_bg_r.gif') no-repeat scroll top right;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 30px;
margin-right: 2px;
padding-right: 30px; /* sliding doors padding */
	text-decoration: none;
cursor: hand;
color: #ffcc00;
outline: none;
text-align: center;
}

div.tabs a span {
background: transparent url('../images/tab_bg_l.gif') no-repeat;
display: block;
line-height: 14px;
padding: 9px 0 7px 30px;
}

div.tabs a.selected, div.tabs a.selected:hover {
color: #fff;
background-position: right -30px;
}

div.tabs a.selected span {
background-position: left -30px;
}

div.tabs a:hover {
color: #000;
}

/* =========== */
/* = Profile = */
/* =========== */

#profile table {
width: 100%;
}

#profile table td {
text-align: left;
vertical-align: top;
padding: 15px;
}

#profile table tr.light td, #profile table tr td.light {
background-color: #840e2d;
}

#profile table tr.dark td, #profile table tr td.dark {
background-color: #6a0b24;
}

#profile table tr.dark_border td, #profile table tr td.dark_border {
background-color: #6a0b24;
background-image: url('../images/hborder.gif');
background-repeat: repeat-x;
background-position: top left;
}

#profile img.border {
border: 1px solid #000;
}

#profile #title {
display: block;
float: left;
height: 20px;
line-height: 20px;
font: bold 1.5em arial, sans-serif;
color: #fff;
margin-right: 16px;
}

#profile #description {
display: block;
float: left;
height: 20px;
color: #fff;
margin-top: 7px;
}

#profile #controls a {
font-size: 0.9em;
font-weight: bold;
color: #ffcc00;
text-decoration: underline;
margin-right: 7px;
}

#profile #controls a:hover {
text-decoration: none;
}

#profile .label {
font-size: 0.8em;
color: #fff;
}

#profile #rating, #profile #features {
margin-top: 4px;
}

#profile #flags {
margin-top: 4px;
}

#profile #flags span {
display: inline;
padding: 0 4px;
background-color: #6a0b24;
}

#profile #status {
background: transparent url('../images/status_bg_r.gif') no-repeat scroll top right;
display: block;
float: left;
font: bold 0.8em arial, sans-serif;
height: 16px;
padding-right: 11px; /* sliding doors padding */
	text-decoration: none;
color: #fff;
outline: none;
text-align: center;
text-transform: uppercase;
margin-top: 4px;
}

#profile #status span {
background: transparent url('../images/status_bg_l.gif') no-repeat;
display: block;
line-height: 11px;
padding: 2px 0 3px 22px;
}

#profile #status.offline span {
background-position: left -16px;
}

#profile a.bold {
font-weight: bold;
}

#profile .large {
font: bold 14px arial, sans-serif;
}

#profile dl.data dt {
margin: 0;
padding: 0;
display: block;
float: left;
margin-right: 0.5em;
font-weight: bold;
color: #fff;
background-color: #55091d;
font: bold 12px arial, sans-serif;
}

#profile dl.data dd {
margin: 0 0 9px 0;
padding: 0;
font: normal 0.9em arial, sans-serif;
}

#profile dl.comments dt {
margin: 0 0 3px 0;
padding: 0;
font: bold 0.9em arial, sans-serif;
background-color: #55091d;
}

#profile dl.comments dd {
margin: 0 0 9px 0;
padding: 0;
font: normal 0.9em arial, sans-serif;
}
#profile ul.thumbs {
margin: 0;
padding: 0;
}

#profile ul.thumbs li {
display: block;
width: 134px;
height: 100px;
float: left;
margin: 0 9px 9px 0;
padding: 0;
list-style: none;
}

#profile ul.thumbs li a img {
border: 1px solid #ffcc00;
}

#profile ul.thumbs li a:hover img {
border: 1px solid #000;
}

#profile div.pages {
font-size: 0.9em;
}

#profile div.pages a {
margin: 0 2px 0 2px;
padding: 3px 6px 3px 6px;
width: 19px;
height: 19px;
background-color: #a3002b;
border: 1px solid #d10040;
text-align: center;
text-decoration: none;
}
#profile div.pages a:hover {
background-color: #000;
border: 1px solid #000;
}
#profile div.pages a.current, div.pages a.current:hover {
background-color: transparent;
border: 1px solid #6a0b24;
background-color: #6a0b24;
color: #fff;
}

/* ============== */
/* = Userstatus = */
/* ============== */

div.userstatus_0,
div.userstatus_1,
div.userstatus_2,
div.userstatus_3,
div.userstatus_4,
div.userstatus_5 {
background: transparent url('../images/userstatus_r.gif') no-repeat scroll top right;
display: block;
/*	float: left;*/
	font: bold 0.8em arial, sans-serif;
height: 28px;
padding: 0 7px 0 0; /* sliding doors padding */
	text-decoration: none;
cursor: default;
color: #fff;
outline: none;
text-align: left;
border: none;
overflow: hidden;
}

div.userstatus_0 span,
div.userstatus_1 span,
div.userstatus_2 span,
div.userstatus_3 span,
div.userstatus_4 span,
div.userstatus_5 span {
background: transparent url('../images/userstatus_l.gif') no-repeat;
display: block;
line-height: 16px;
padding: 6px 0 6px 32px;
border: none;
margin: 0;
}

div.userstatus_1 span {
background-position: left -28px;
}

div.userstatus_2 span {
background-position: left -56px;
}

div.userstatus_3 span {
background-position: left -84px;
}

div.userstatus_4 span {
background-position: left -112px;
}

div.userstatus_5 span {
background-position: left -140px;
}

div.userstatus_0 span .help,
div.userstatus_1 span .help,
div.userstatus_2 span .help,
div.userstatus_3 span .help,
div.userstatus_4 span .help,
div.userstatus_5 span .help {
display: block;
float: right;
width: 15px;
height: 15px;
text-align: center;
background-image: url('../images/userstatus_help_bg.gif');
background-repeat: no-repeat;
background-position: top left;
}

/* ================ */
/* = Gradient Box = */
/* ================ */

div.gradientBox, div.eventBox {
background-image: url('../images/gradient_box_bg.gif');
background-repeat: repeat-x;
}

div.gradientBox div.inner, div.eventBox div.inner {
	padding: 30px 40px 30px 40px;
}

div.gradientBox div.title, div.eventBox div.title {
font-weight: bold;
font-size: 1.5em;
color: #ffcc00;
margin-bottom: 5px;
}

div.gradientBox div.subtitle, div.eventBox div.subtitle {
font-weight: bold;
font-size: 1.1em;
color: #eee;
margin-bottom: 20px;
}

div.gradientBox div.content, div.eventBox div.content {
	display:block;
	min-height:24px;
}

div.eventBox div.inner {
	padding: 30px 300px 30px 40px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url('../images/aktionsbox_bg_default.jpg');
}

/* ======= */
/* = Box = */
/* ======= */

div.box {
background-color: #350612;
border: 1px solid #550b22;
margin-bottom: 10px;
}

div.box div.inner {
padding: 10px;
}

/* =============== */
/* = Rounded Box = */
/* =============== */

.roundbox {
position: relative;
margin: 0px auto;
	/* max-width:760px;*/ /* based on image dimensions - not quite consistent with drip styles yet */
	z-index:1;
margin-left: 16px; /* default, width of left corner */
	margin-bottom:0.5em; /* spacing under dialog */^
	background-color:#fff;
width: 95%;
}

.roundbox .content,
.roundbox .t,
.roundbox .b,
.roundbox .b div {
background: transparent url(../images/roundbox_bg.gif) no-repeat top right;
}

.roundbox .content {
position: relative;
zoom: 1;
_overflow-y: hidden;
padding: 16px 16px 0px 0px;
}

.roundbox .t {
	/* top+left vertical slice */
	position:absolute;
left: 0px;
top: 0px;
width: 16px; /* top slice width */
	margin-left:-16px;
height: 100%;
_height: 1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.roundbox .b {
	/* bottom */
	position:relative;
width: 100%;
}

.roundbox .b,
.roundbox .b div {
height: 16px; /* height of bottom cap/shade */
	font-size:1px;
}

.roundbox .b {
background-position: bottom right;
}

.roundbox .b div {
position: relative;
width: 16px; /* bottom corner width */
	margin-left:-16px;
background-position: bottom left;
}
/* ========= */
/* = Skala = */
/* ========= */

table.skala {
width: 100%;
}

table.skala tr.line {
background-image: url('../images/skala_line_bg.gif');
background-repeat: repeat-x;
}

table.skala tr.line td {
height: 35px;
font-size: 0.85em;
text-align: right;
}

table.skala tr.line td.marker {
background-image: url('../images/skala_marker.gif');
background-repeat: no-repeat;
background-position: right bottom;
}

table.skala tr.line td div.label_1,
table.skala tr.line td div.label_2,
table.skala tr.line td div.label_3,
table.skala tr.line td div.label_4,
table.skala tr.line td div.label_5 {
display: inline;
background-color: #000;
padding: 5px 0 2px 22px;
background-image: url('../images/skala_userstatus_1.gif');
background-repeat: no-repeat;
background-position: top left;
line-height: 23px;
}

table.skala tr.line td div.label_2 {
background-image: url('../images/skala_userstatus_2.gif');
}

table.skala tr.line td div.label_3 {
background-image: url('../images/skala_userstatus_3.gif');
}

table.skala tr.line td div.label_4 {
background-image: url('../images/skala_userstatus_4.gif');
}

table.skala tr.line td div.label_5 {
background-image: url('../images/skala_userstatus_5.gif');
}

table.skala tr.line td img {
float: left;
}

table.skala tr.bar td {
height: 20px;
background-image: url('../images/skala_bg.gif');
background-repeat: repeat-x;
}

table.skala tr.bar td div.bar {
height: 20px;
width: 0%;
background-image: url('../images/skala_bg2.gif');
background-repeat: repeat-x;
background-position: top left;
font-size: 0.8em;
font-weight: bold;
text-align: center;
line-height: 20px;
}

table.skala tr.bar td.left {
width: 15px;
background-image: url('../images/skala_bg_left.gif');
background-repeat: no-repeat;
background-position: top left;
}

table.skala tr.bar td.right {
width: 15px;
background-image: url('../images/skala_bg_right.gif');
background-repeat: no-repeat;
background-position: top left;
}

/* ===================== */
/* = Small Cam Listing = */
/* ===================== */

ul.cams_small li {
display: block;
width: 64px;
height: 45px;
float: left;
margin: 0 7px 7px 0;
padding: 0;
border: 1px solid #ffcc00;
}

ul.cams_small li a {
width: 100%;
height: 100%;
}


ul.cams_small li a img {
width: 100%;
height: 100%;
}

/* ================= */
/* = flags listing = */
/* ================= */

ul.flags li {
display: block;
width: 18px;
height: 12px;
float: left;
margin: 0 4px 4px 0;
padding: 0;
}

ul.flags li a {
width: 100%;
height: 100%;
}


ul.flags li a img {
width: 100%;
height: 100%;
}

/* =============================== */
/* = Carousel (Favorites-Slider) = */
/* =============================== */

#vertical_carousel {
}

#vertical_carousel .container {
  height: 295px;
  overflow: hidden;
	border: 1px solid #6c0c24;
/*	padding:7px 0 7px 7px;*/
	position:relative;
	width: 218px;
	overflow: hidden;
	
}

#vertical_carousel ul {
/*  margin: 5px 5px 5px 5px;*/
	margin:0;
  padding:7px 0;
  height: 100000px;
  position: relative;
  top: 0;
  left: 0;
}

#vertical_carousel ul li {
	margin:0 0 0 7px;
	height:26px;
}                         

#vertical_carousel .previous_button {
	display: block;
	width: 220px;
	height: 16px;
	background-image: url('../images/scroller_button_up.gif');
	background-repeat: no-repeat;
	background-position: top left;
	outline: none;
	cursor:pointer;
}

#vertical_carousel .previous_button_over {
}

#vertical_carousel .previous_button_disabled {
}

#vertical_carousel .next_button {
  display: block;
	width: 220px;
	height: 16px;
	background-image: url('../images/scroller_button_down.gif');
	background-repeat: no-repeat;
	background-position: top left;
	outline: none;
	cursor:pointer;
}

#vertical_carousel .next_button_over {
}

#vertical_carousel .next_button_disabled {
}