/* @override http://www.happyservice.local/fileadmin/templates/css/Yolly7_Base.css */

@import "lightbox.css";
@import "Yolly7_depositedStyles.css";
@import "Yolly7_Controls.css";

/* SHOP COLORS
 *
 * darkBlue/		#0057A7 
 * linkBlue/		#3B7AB2
 * hoverBlue/		#00356A
 * lightBlue		#9EB9D6
 * backgroundBlue/	#9EB9D6
 * orange/			#F8A800
 * lightyellow/		#FBCE01
 * borderGrey/		#8A94A0
 * linkTopnav		#89969F
 *
 * SHOP COLORS */

/*global styles
******************************************************************/
BODY, TABLE, TR, TD, TH, DIV, SPAN{
	border				: none;
	padding				: 0;
	margin				: 0;
	border-collapse		: collapse;
}
HTML{
	height				: 100%;
}
BODY{
	height				: 100%; 
	font-family			: Arial,"Arial MT",Helvetica,sans-serif; 
	font-size			: 11px;
	overflow			: -moz-scrollbars-vertical;
}

A:hover{
	color				: #00356A;
	background-image	: url(../images/a_goto_h.gif);
	background-repeat   : no-repeat;
	background-position : 1px 1px;
}

A:active,  A:visited
{
	border: none;
}

H1, H2, H3, H4, A{
    color				: #000;
	padding				: 0;
	margin				: 0;
}
H1{ 
	display				: block;
	font-size			: 11px;
	background-image	: url(../images/ecke.gif);
	background-repeat	: no-repeat;
	background-position	: top right;
	padding				: 0 !important;
	margin				: 0 !important;
}
H2{
	font-size			: 11px;
	color				: #9999A3;
	padding				: 0 !important;
	margin				: 0 !important;
}
H3{
	font-size			: 11px;
}
H4{
	color				: #000000;
	font-size			: 11px;
}

A[href]
{
	background-image	: url(../images/link_aktiv.gif);
	background-repeat   : no-repeat;
	background-position : 1px 3px;
	color				: #3B7AB2;
	text-decoration		: none;	
	padding-left		: 10px;
}

HR{
	background-color	: #8A94A0;
	height				: 1px;
	border				: 0;
}

INPUT, SELECT, TEXTAREA{
	border				: 1px solid #8A94A0;
	border-left			: 1px solid #000000;
	border-top			: 1px solid #000000;
	font-size			: 11px;
	padding				: 1px 0 1px 2px;
}

INPUT{
}

INPUT[disabled] {
 background-color		: #CCCCD1;
}

SELECT{
	width				: 206px;
}

LABEL{
	padding-left		: 3px;
}

P{
	margin				: 0 0 10px 0;
	line-height			: 15px;
}

UL, OL{
	line-height			: 15px;
	margin				: 0px 0px 15px 15px;
	padding				: 0;
}

BR{
	line-height			: 15px;
}

.noneDisplay{
	display				: none;
}

/*sheme styles
******************************************************************/
/*element_background*/
.ig_StandardHeader
{
	background-color	: #FFFFFF;
	line-height			: 20px;
	color				: #9999A3;
}

.rankingPanel table .ig_StandardHeader, .detailAccountPanel .ig_StandardHeader
{
	background-color	: #FFFFFF;
	color				: #000000;
}

.button, .inner, .registerWebPanelAddress, .registerWebPanelParticipant, .registerWebPanelPassword, .igtab_StandardDefaultTab_Bottom, .igtab_StandardDefaultTab_Top{
	background-color	: #FFFFFF;
}

.button
{
	cursor				: pointer;
}

/*header_background*/
H1, .headlines TD, .rankingPanel THEAD, .detailAccountPanel THEAD{
	font-weight			: bold;
	padding				: 3px 5px;
}
/*border_style*/
.inner .login, .itemPreview, .newsBoxPanel, .accountInfoBoxPanel, .itemSearchBoxPanel
{
	background-color	: 	#FFFFFF;
}
/*common styles
******************************************************************/
.overview{	
}
.formular TD{
	
}

.formular .leftColumn{
	width				: 200px;
}

.dataList{
	width				: 100%;
}

.menu{
}

.box{
	margin-bottom		: 10px;
}

.inner{
}

.leftcontentarea A, .rightcontentarea A{
	text-decoration		: none;
}

.leftcontentarea A:hover, .rightcontentarea A:hover{
}

TR.headlines TD{
	border-bottom		: 1px solid #8A94A0;
}
TR.conclusion TD, TR.seperator TD{
	height				: 0.5em;
	line-height			: 0.5em;
}
HR.conclusion{
	background-color	: #8A94A0;
	height				: 1px;
	border				: none;
}
.contentarea .button, .buttonPanel input{
	overflow			: visible;
	color				: #FFFFFF;
	border-style		: none;
	padding				: 0px 10px;
	cursor				: pointer;
	width				: auto;
	line-height			: 15px;
	font-weight			: bold;
	background-color	: #5C5C61;
}

.igtab_StandardDefaultTab_Bottom, .igtab_StandardDefaultTab_Top{
	overflow			: visible;
	color				: #000000;
	border-style		: none;
	padding				: 0px 10px;
	cursor				: pointer;
	width				: auto;
	line-height			: 15px;
	font-weight			: normal;
	background-color	: #F0F0F5;
	border-right		: 1px #FFFFFF solid;
}

.checkbox INPUT, .checkboxRright INPUT{
	border				: none;
}
.checkboxRight INPUT, .checkboxRight LABEL {
		
}
.buttonPanel{
	text-align			: right;
	clear				: both;
}
TD.buttonPanel{
	border-bottom		: 1px solid #8A94A0;
}
.buttonPanel INPUT.button{
	float				: none;
}
.sumPanel{
	text-align			: right;
	font-size			: 12px;
    padding				: 3px 5px;
}
.box .sumPanel{
    padding				: 2px 5px;
    border				: 1px solid #8A94A0;
}
.errorPanel{   
    font-weight			: bold;
	color				: #E20B2C;
	margin-top			: 19px;
	font-size			: 11px;
	margin-bottom		: 20px;
}
.headlinePanel{
	padding				: 5px 0;
}
.infoPanel{
	padding				: 5px 0;
}

.even{
	background			: #FFFFFF;
}

.odd, .igtbl_StandardAlt{
     background			: #F0F0F5
}
.firstColumn{
}
.dateColumn{
} 
.descriptionColumn{
}
.debitColumn{
	text-align			: right;
}
.sumColumn{
	text-align			: right;
}
.variantColumn{
}
.amountColumn{
	text-align			: center;
}
.preliminaryCreditColumn{
	text-align			: center;
}
.creditColumn{
	text-align			: center;
}
.pointsColumn{
	text-align			: center;
}
.imageColumn{
	text-align			: cente;r
	padding				: 5px;
}
.imageColumn A{
	background			: none;
	padding				: 0;
}
.amountColumn INPUT{
	width				: 3em;
}

.clearDiv{
	line-height			: 0px;
	clear				: both;	
}
/*template styles
******************************************************************/

#all{
}

/*header + footer*/
#header{
	padding				: 0;
	border-bottom		: none;
	width				: 780px;
}

#header2
{
	background-color	: #E6E6EB;
	height				: 230px;
	*height				: 229px;
	overflow			: hidden;
}

#header2Frame
{
	width				: 780px;
	border-right		: 1px solid #FFFFFF;
	background-color	: #9999a3;
	height				: 230px;
	*height				: 229px;
}

/*metaNavi*/
#metaNavi
{
	float				: right;
}

#metaNavi #topNavigation
{
	line-height			: 20px;
	font-size			: 10px;
	margin				: 0;
}

#metaNavi #topNavigation .seperator{
	display				: inline;
}

#footer
{
	color				: #9999A3;
	width				: 780px;
	margin				: 20px 5px 0px 15px;
	padding-bottom		: 5px;
	line-height			: 12px;
}

#metaNavi A, #footer A
{
	text-decoration		: none;
	padding				: 2px 5px;
	color				: #9999A3;
	background-image	: none;
}

#metaNavi DIV, #footerLeft DIV, #footerRight DIV{
	display				: inline;
}

#footerRight
{
	float				: right;
}

#metaNavi A:hover, #footer A:hover{
	color				: #000000;
}
#metaNavi .active, #footer .active{
	color				: #9999A3;
}

#metaNavi .seperator, #footer .seperator
{
	color				: #9999A3;
	font-size			: 10px;
}

/*topnavigation*/
#topNavigation
{
	width				: 780px;
	margin-top			: -20px;
	padding				: 0;
	line-height			: 20px;
	font-size			: 11px;
	text-align			: right;
}

#topNavigation A
{
	font-weight			: bold;
	text-decoration		: none;
	padding				: 2px 5px;
	color				: #5C5C61;
	background-image	: none;
}
#topNavigation DIV{
	display				: inline;
}

#topNavigation A:hover{
	color				: #000000;
}

#topNavigation .active{
	color				: #000000;
}

#topNavigation .first{
}

#topNavigation .last{
}

#topNavigation .seperator{
	display				: none;
}

#subnavigation {
	list-style-type: none;
}
#subnavigation A
{
	font-weight			: bold;
	text-decoration		: none;
	padding				: 2px 5px 2px 0;
	color				: #5C5C61;
	background-image	: none;
}
#subnavigation A:hover{
	color				: #000000;
}
/*content*/
#contentarea
{
	width				: 780px;		
	border-top			: none;
}
#contentrow{
    height				: 400px;
	min-height			: 400px;
}
#leftarea
{
	vertical-align		: top;
}

#leftcontentarea
{
	margin-top			: -20px;
	position			: relative;
	width				: 209px;
	overflow			: hidden;
}

#rightarea{	
	width				: 180px;
	vertical-align		: top;
	border-left			: 1px #CCCCD1 solid;
}

#publicAll #rightarea{
	border-style		: none;
}

#leftcontentarea, .leftcontentarea{
	padding				: 0;
	overflow			: hidden;

}
#rightcontentarea, .rightcontentarea
{
	padding-left		: 7px;
	width				: 173px;
	overflow			: hidden;
	height				: 100%;
	background-color	: #FFFFFF;
}

#spacerVWRight
{
	position			: relative;
	left				: -1px;
	background-color	: #FFFFFF;
	height				: 45px;
}

#centerarea{
	width				: 391px;
	vertical-align		: top;
	padding-right		: 7px;
}
#centercontentarea{
    margin-top			: 15px;
	margin-bottom		: 15px;
}

/* Standard_Elements
******************************************************************/

#home{}
#home .box3_4{
	width				: 360px;	
	margin-left			: 180px;
}
#home .homeBox1{
	float				: left;
	width				: 180px;
}
#home .homeBox2{
	width				: 360px;
	margin-left			: 180px;
}
#home .homeBox3{
	width				: 180px;
	float				: left;
	
}
#home .homeBox4{
	width				: 160px;
	float				: right;
}
#home .homeBox5{
	clear				: both
}
#home .homeBox6{
	visibility			: hidden; 
}

/* etracker */
#eTracker_etrackerPanel a
{
	background-image: none;
}

#eTracker_etrackerPanel
{
	display			: none;
}