/********************************/
/*                              */
/* CSS-Definitionen Sparwelt.de */
/*                              */
/********************************/


body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: white;
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    margin-top:0px;
}

body.blue-background{
	background-color:#447090;
}

.datum
{
    color: #ffffff;
    font-size: 10pt;
}

/** Headline **/

a.headline:link    { font-size: 8pt; color: #ffffff; font-weight: normal; text-decoration: underline;}
a.headline:visited { font-size: 8pt; color: #ffffff; font-weight: normal; text-decoration: underline;}
a.headline:active  { font-size: 8pt; color: #ffffff; font-weight: normal; text-decoration: underline;}
a.headline:hover   { font-size: 8pt; color: #ffffff; font-weight: normal; text-decoration: underline;}

/** Navi-Links **/

a.navi:link    { font-size: 8pt; color: #000000; font-weight: bold; text-decoration: underline;}
a.navi:visited { font-size: 8pt; color: #000080; font-weight: bold; text-decoration: underline;}
a.navi:active  { font-size: 8pt; color: #000000; font-weight: bold; text-decoration: underline;}
a.navi:hover   { font-size: 8pt; color: #000000; font-weight: bold; text-decoration: underline;}

/** Neues **/

.klein
{
    font-size: 8pt;
}

.normal
{
    font-size: 10pt;
}

/** wei�er fetter Link **/

a.wf:link    { font-size: 8pt; color: #ffffff; font-weight: bold; text-decoration: underline;}
a.wf:visited { font-size: 8pt; color: #ffffff; font-weight: bold; text-decoration: underline;}
a.wf:active  { font-size: 8pt; color: #ffffff; font-weight: bold; text-decoration: underline;}
a.wf:hover   { font-size: 8pt; color: #ffffff; font-weight: bold; text-decoration: underline;}

/** schwarzer fetter Link **/

a.sf:link    { font-size: 8pt; color: #000000; font-weight: bold; text-decoration: underline;}
a.sf:visited { font-size: 8pt; color: #000000; font-weight: bold; text-decoration: underline;}
a.sf:active  { font-size: 8pt; color: #000000; font-weight: bold; text-decoration: underline;}
a.sf:hover   { font-size: 8pt; color: #000000; font-weight: bold; text-decoration: underline;}


/** wei�er text **/

.weiss
{
    font-size: 8pt;
    color: #ffffff;
}

.rot
{
    font-size: 8pt;
    color: #ff0000;
}

a:link    { font-size: 8pt; color: #000000; font-weight: normal; text-decoration: underline;}
a:visited { font-size: 8pt; color: #000080; font-weight: normal; text-decoration: underline;}
a:active  { font-size: 8pt; color: #000000; font-weight: normal; text-decoration: underline;}
a:hover   { font-size: 8pt; color: #000000; font-weight: normal; text-decoration: underline;}

/** Content-Eintrag **/

.tbl
{
    border-width: 0px;
    border-style: solid;
    border-color: #000000;
    background: #e6e6e6;
}

a.content:link    { font-size: 8pt; color: #ff0000; font-weight: bold; text-decoration: underline;}
a.content:visited { font-size: 8pt; color: #ff6666; font-weight: bold; text-decoration: underline;}
a.content:active  { font-size: 8pt; color: #ff0000; font-weight: bold; text-decoration: underline;}
a.content:hover   { font-size: 8pt; color: #ff0000; font-weight: bold; text-decoration: underline;}

a.contentg:link    { font-size: 10pt; color: #ff0000; font-weight: bold; text-decoration: underline;}
a.contentg:visited { font-size: 10pt; color: #ff6666; font-weight: bold; text-decoration: underline;}
a.contentg:active  { font-size: 10pt; color: #ff0000; font-weight: bold; text-decoration: underline;}
a.contentg:hover   { font-size: 10pt; color: #ff0000; font-weight: bold; text-decoration: underline;}

/** Seitennavi **/

a.seitennavi:link    { font-size: 8pt; color: #ff0000; font-weight: bold; text-decoration: none;}
a.seitennavi:visited { font-size: 8pt; color: #ff0000; font-weight: bold; text-decoration: none;}
a.seitennavi:active  { font-size: 8pt; color: #ff0000; font-weight: bold; text-decoration: none;}
a.seitennavi:hover   { font-size: 8pt; color: #ff0000; font-weight: bold; text-decoration: none;}

/** Berwertungstabelle **/

.bewertung
{
    border-width: 1px;
    border-style: solid;
    border-color: #447190;
    background: #ffffff;
}

a.gross:link    { font-size: 12pt; color: #000000; font-weight: normal; text-decoration: underline;}
a.gross:visited { font-size: 12pt; color: #000080; font-weight: normal; text-decoration: underline;}
a.gross:active  { font-size: 12pt; color: #000000; font-weight: normal; text-decoration: underline;}
a.gross:hover   { font-size: 12pt; color: #000000; font-weight: normal; text-decoration: underline;}

h1
{
    margin: 0px:
    padding: 0px;
    display: inline;
    font-size: 8pt;
    font-weight: bold;
    color: #000000;
}

h2
{
    margin: 0px:
    padding: 0px;
    display: inline;
    font-size: 8pt;
    font-weight: bold;
    color: #ff0000;
}


.mittelaw    { font-size: 8pt; color: #993333; font-family: arial; text-decoration: overline }


#titel
{
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    color: #ff0000;
    background-color: #e6e6e6;
}

#text
{
    font-family: Arial;
    font-size: 8pt;
    color: #000000;
    background-color: #ffffff;
}

#tbl
{
    border-width: 0px;
    border-style: solid;
    border-color: #000000;
    background-color: #e6e6e6;
}

#tbl_top
{
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    background-color: #ffffdd;
}

#titel_top
{
    font-family:  Arial;
    font-size: 8pt;
    font-weight: bold;
    color: #000000;
    background-color: #ffffdd;
}

#text_top
{
    font-family: Arial;
    font-size: 8pt;
    color: #000000;
    background-color: #ffffdd;
}

.blocktitel {font-weight:regular; font-family:Arial; text-decoration:none; font-size:11pt; color:#505050;}
.titel          {font-weight:bold; font-family:Arial; text-decoration:none; font-size:10pt; color:#D30E00;}
.titelklein {font-weight : bold; font-family : Arial; text-decoration:none; font-size:10pt; color:#D30E00;}
.klein1         {font-weight :regular; font-family : Arial; text-decoration:none; font-size:8pt;}

#tbl1 {
	border-width:1px;
	border-style:solid;
	border-color:#000000;
	background-color:#447090;
}

/* HTML_QuickForm */
.qf_header_tr { font-weight :regular; font-family : Arial; text-decoration:none; font-size:8pt;}
.qf_header_td { font-weight :regular; font-family : Arial; text-decoration:none; font-size:8pt; padding-top: 12px; padding-bottom: 6px; padding-left: 6px;}
.qf_element_tr { font-weight :regular; font-family : Arial; text-decoration:none; font-size:8pt; background-color: #EBEBEB;}
.qf_element_td { font-weight :regular; font-family : Arial; text-decoration:none; font-size:8pt; background-color: #EBEBEB; padding: 4px;}
.qf_input { font-weight :regular; font-family : Arial; text-decoration:none; font-size:8pt;} //contained in .qf_element styled td's
.qf_required_asterisk { font-weight :regular; font-family : Arial; text-decoration:none; font-size:8pt;}
.qf_required_note { font-weight :regular; font-family : Arial; text-decoration:none; font-size:8pt;}

h2.bluecolor { color: #417195; font-family:Arial; font-weight :bold; font-size:11pt;}
li.bluecolor { color: #417195; font-family:Arial; font-weight :bold; font-size:9pt;}
.bluecolor { color: #417195; font-family:Arial; font-weight :bold; font-size:9pt;}
li.bluecolorsmall a { color: #417195; font-family:Arial; text-decoration: none;}

table.tip-actions{
	margin-left:5px;
}

table.tip-actions td{
	vertical-align:center;
	height:25px;
	padding: 0px 0px 0px 28px;
	font-size:8pt;
}

table.tip-actions td.recomend{
	background:url('/pix/ikons_ebebeb/ikon_gruener_pfeil.gif') center left no-repeat;
}

table.tip-actions td.defect{
	background:url('/pix/ikons_ebebeb/ikon_defekter_link.gif') center left no-repeat;
}

table.tip-actions td.tip-active{
        background:url('/pix/ikons_ebebeb/ikon_tipp_aktiv.gif') center left no-repeat;
}

table.tip-actions td.tip-inactive{
        background:url('/pix/ikons_ebebeb/ikon_tipp_nicht_aktiv.gif') center left no-repeat;
}

table.tip-actions td.clicks{
	background:url('/pix/ikons_ebebeb/ikon_klickzahlen.gif') center left no-repeat;
}

table.tip-actions td.memorized{
	background:url('/pix/ikons_ebebeb/ikon_merkzettel_haken.gif') center left no-repeat;
}

table.tip-actions td.memorize{
	background:url('/pix/ikons_ebebeb/ikon_merkzettel.gif') center left no-repeat;
}

table.tip-actions td.memorize-delete{
	background:url('/pix/ikons_ebebeb/ikon_tipp_loeschen.gif') center left no-repeat;
}

h4.tip-username{
	display:inline;
	font-size:1.0em;
	font-weight:normal !important;
}

.archive-listing{
	text-align:center;
	padding:15px;
}

#content_table{
 	text-align:left;
	background-color: white; 
	border-bottom: solid 2px black; 
	border-left: solid 2px black; 
	border-right: solid 2px black;
	width:456px;
}
/*Standardabstand zum Inhalt */
.content_default_space{
 	padding: 10px;
}

#content_table form.rating{
	padding-left:5px;
}

#wrapper{
	margin:0px auto;
	padding:0px;
}

#wrapper.w460{
	width:460px;
}

#wrapper.w510{
	width:510px;
}

#wrapper.w523{
	width:523px;
}

body.home #wrapper{
	/*width:531px;*/	
}

#ntm{
	background-color:#447090;
}

#content-column{
	width:524px;
	padding:4px;
	float:left;
	background-color:#447090;	
}

#sidebar-column{
	border-left: 1px solid white; 
	width: 205px; 
	padding-left: 5px;
	padding-right:4px;
	margin-left:8px;
	float:left;
	background-color:#447090;
	color:white;
}

#content-and-sidebar{
	background-color:#447090;
	float:left;
	margin:0px;
	padding:20px 0px;
	width:760px;
}

#skyscraper-column{
	float:left;
	width:130px;
}

#footer-row{
	clear:both;
	background-color:#447090;
	width:760px;
	margin:0 0 150px;	
}
#footer-content{
	text-align:center;
	width:530px;
	padding-bottom:10px;
}

#footer-content table.footer-table{
	margin:auto;
}
/*
td.white-line{
	background-image:url(/images/line-s.gif);
	background-repeat:repeat-y;	
}
*/

/* ---------------------------------
	Menubar
--------------------------------- */

.yui-skin-sam .yuimenubar{
	background-image:none;
}

#basicmenu{
	width:760px;
	font-size:9px;
}

#basicmenu,
#basicmenu .yuimenubar {
	border:0px;
}

#basicmenu a{
	text-decoration:none;
}

#basicmenu .yuimenu .bd{
	border-color:black;
	border-left:1px solid black;
	border-right:1px solid black;
	border-top:1px solid black;
}
#basicmenu .menubar{
	border-top:1px solid white;
	border-bottom:1px solid white;
}

#basicmenu .yuimenu ul{
	padding:0px;
}
#basicmenu ul.first-of-type{
	padding:0px;
}

#basicmenu .yuimenuitemlabel{
	padding: 2px;
	cursor:pointer;
}

#basicmenu .yui-menu-shadow-visible{
	background-color:transparent;
}

#basicmenu li.yuimenuitem.level-1 a.level-1{
	height:28px;/* !important;*/
	text-align:center;
	color:white;
	line-height:1.2;
	vertical-align:middle;
	padding-top:4px;
	border:0px;
	cursor:default;
}		

/*#basicmenu li.yuimenuitemlabel-selected.level-1 a.level-1,*/
#basicmenu li.yuimenuitemlabel-selected a.level-1,
#basicmenu li.yuimenuitem.level-1.active a.level-1,
#basicmenu .yuimenubaritemlabel-selected{
	background-color:white;
	color:#447090!important;
}

#basicmenu li.yuimenuitem.level-1{
	height:32px;
	border-left:1px solid white;
	background:url('pix/verlaeufe/farbverlauf_blue.gif') transparent top left repeat-x;
}

#basicmenu li.yuimenuitem.level-1.highlighted{
	background:url('pix/verlaeufe/farbverlauf_red.gif') transparent top left repeat-x !important;
}

#basicmenu li.yuimenuitem.level-1.active{
	background:url('/images/0.gif') white repeat top left !important;
	color:#447090!important;		
}

#basicmenu li.yuimenuitem.level-1.first{
	border-left-width:0px !important;
}
#basicmenu li.yuimenuitem.level-1.first a {
	cursor: pointer !important;
}

#basicmenu .level-1.yuimenuitem-hassubmenu {
	background-image:none;
}


#basicmenu li.yuimenuitem.level-2,
#basicmenu li.yuimenuitem.level-3{
	border-bottom:1px solid black;
	color:#447090;
	cursor: pointer !important;
}

#basicmenu li.yuimenuitem.level-2 a {
	padding:4px;
	color:#447090;
	padding-right:20px;		
}

#basicmenu li.yuimenuitem.level-3 a {
	color:#447090;		
	background-color:#ebebeb;
	padding-right:20px;
}

#basicmenu li.yuimenuitem.level-2 a:hover {
    background-color:#ebebeb;
}

#basicmenu li.yuimenuitem.level-3 a:hover {
    background-color:#B3D4FF;
}


/*Home*/ 
#basicmenu #nchome{
	width:40px;
}

/*Tarifrechner*/ 
#basicmenu #nctarifrechner{
	width:48px;
}

/*Proben*/ 
#basicmenu #nc1{
	width:46px;
}

/*Gutscheine & Rabatte*/ 
#basicmenu #nc2{
	width:76px;
}

/*Telefon & Internet*/ 
#basicmenu #nc3{
	width:58px;
}

/*Zeitschriften & Bücher*/ 
#basicmenu #nc4{
	width:70px;
}

/*Finanzen*/ 
#basicmenu #nc79{
	width:52px;
}

/*Technik & Software*/ 
#basicmenu #nc5{
	width:65px;
}

/*Musik, Video, Foto*/ 
#basicmenu #nc6{
	width:71px;
}

/*Discounter & Shops*/ 
#basicmenu #nc7{
	width:60px;
}

/*Reisen*/ 
#basicmenu #nc8{
	width:40px;
}

/*Verbrauchertipps & Fun*/ 
#basicmenu #nc9{
	width:70px;
}

/*Kleinanzeigen*/ 
#basicmenu #nc92{
	width:52px;
}
	
#basicmenu #nchome a.level-1,
#basicmenu #nc8 a.level-1,
#basicmenu #nc79 a.level-1{
	height:20px;
	padding-top:10px !important;
}

#lupe{
	background: url(/pix/lupe.gif) top right no-repeat; 
	position: relative;
	left:130px; 
	top:-15px;
	height:28px; 
	width:30px;
	margin-bottom: -25px;
}

#marketing_headline{
	overflow: hidden;
	width: 760px;
	padding: 0px;
	background-color:#FFFFFF;
}

#marketing_links {
	color: #447090;
	height:10px;
	margin:8px 0px;
	white-space:nowrap;	
}

#marketing_links a,
#marketing_links a:visited,
#marketing_links a:active,
#marketing_links a:link,
#marketing_links a:focus{
	color: #447090;
	text-decoration:underline;
}

#marketing_links a:hover{
	text-decoration:none;
}


#header-ad{
	background-color:white;
	text-align:center;
	padding:5px 0px;
	margin:0px;
	width:760px;
	height:90px;
}

/*
	tagging related style definitions 
*/

/* 4 Taglevel */

div.tag-cloud{
	width:204px;
	padding:0px;
	margin:0px;
	overflow:hidden;
}


a.taglevel1, 
a.taglevel1:hover,
a.taglevel1:active,
a.taglevel1:visited { 
	font-size: 1.2em;
	color: #ffffff;
	text-decoration:none; 
}
a.taglevel2,
a.taglevel2:hover,
a.taglevel2:active,
a.taglevel2:visited { 
	font-size: 1.6em;
	color: #ffffff;
	text-decoration:none;
}
a.taglevel3,
a.taglevel3:hover,
a.taglevel3:active,
a.taglevel3:visited{ 
	font-size: 2.2em;
	color: #ffffff;
	text-decoration:none;
	padding: 0px 3px 0px 0px;
}

a.taglevel4,
a.taglevel4:hover,
a.taglevel4:active,
a.taglevel4:visited { 
	font-size: 3em; 
	color: #ffffff; 
	text-decoration:none;
	padding: 0px 5px 0px 0px;
}

a.taglevel1:hover,
a.taglevel2:hover,
a.taglevel3:hover,
a.taglevel4:hover{
 color:red;
}

.hidden-tag{
	display:none;
}

.less-tags{
	font-weight:bold;
	color:red !important;
	text-decoration:none !important;
}

.more-tags img,
.less-tags img{
	border:0px;
}

.edit-tag{
	text-align:right;
}
.edit-tag img {
	border:0px;
	margin-right:4px;
	margin-bottom:2px;
	vertical-align:bottom;		
}

input.tags{
	width:210px;
	margin-right: 10px;
}

.tag-hint{
	margin-right:37px;
	color:#666;
}

body.lytebox{
	background:url('/pix/iframe_info.jpg') transparent top left no-repeat; 
	width:390px; 
	/*height:370px;*/
	color:black; 
	overflow:hidden;
	border:none !imporant;
}


body.lytebox #loginBox{
	/*height:370px;*/ 
	padding:50px 0px 0px 0px;
}

div#loginBox div.func-item{
	width:200px;
}

#lbIframeContainer,
#lbIframe{
	border:none;
	overflow:hidden;
}

#lbDetails{
	display:none;
}

#lbOuterContainer.grey,
#lbDetailsContainer.grey{
	border-width:2px;
	border-color:black;
	/*border:2px solid black;*/
}

#lbClose.grey {
	float:right;
	height:24px;
	margin-bottom:1px;
	width:97px;
	background: url(/images/button_abbrechen.gif) no-repeat;
	margin-right:5px; 	
}

div.advantages {
	margin-top:10px;
	color:black;
}
body.lytebox div.right {
	text-align:right;
}

/*
#lbRegister {
	float:right;
	height:28px;
	margin-bottom:1px;
	width:106px;
	background: url(/images/lyteboximages/neu_anmelden.jpg) no-repeat;
	margin-right:10px;	
}
#lbPassword {
	float:right;
	height:28px;
	margin-bottom:1px;
	width:108px;
	background: url(/images/lyteboximages/passwort_reset.jpg) no-repeat;
	margin-right:10px;		
}
*/


#my-sparrtipp-wrapper h2{
	padding-left:30px;
	color:black;
	font-weight:bold;
	margin-bottom:5px;
	display:block;
}

table.my-spartipps{
	margin:0px;
	width:100%;
	background-color:#ebebeb;
	font-size:8pt;
	margin-bottom:30px;
	border-collapse:collapse;
}

table.my-spartipps td{
	border:1px white solid;
	padding:4px;
	height:30px;
}

table.my-spartipps td.firstCell,
table.my-spartipps td.lastCell{
	width:20px;
	border:none;
}

table.my-spartipps td.icon{
	width:30px;
	vertical-align:middle;
	text-align:center;
}

table.my-spartipps td.whole-width{
	border:none;
	text-align:left;
	padding-left:30px;
}

table.my-spartipps td.whole-width a,
table.my-spartipps td.whole-width a:link,
table.my-spartipps td.whole-width a:hover{
	color:#000080;
}


div.correct-tipp-padding{
	padding-left:8px;
}

table#my-spartipp-sort.my-spartipps form{
	margin-bottom:0px;
	margin-left:10px;
	padding-bottom:0px;	
	display:inline;
}

.search-highlight{
	background-color:yellow !important;
}

span.formhint{
	margin:2px;
}

.form_background {
	background-color:#EBEBEB;
}

td.special-pager a,
td.special-pager span.pager-navi-no-link{
	padding:0px 3px;
}

#rss-box{
	background-color:#FFF;
	padding: 1px;
	z-index:99991;
	text-align:left;
	white-space:nowrap;
	border:1px solid #AAA;
	font-size:8pt;	
}
#rss-box div{
	white-space:nowrap;
}
.rss-box-wrapper{
	background-color:#EBEBEB;
	padding:4px;
}

#rss-box a {
	font-size:8pt;
	color:black !important;
}

#rss-box a:hover {
	text-decoration:underline !important;
}

#rss-box form {
	margin-top:5px;
	padding-left:9px;
}

#rss-box form #rssfeedurl{
	width:220px;
	font-size:8pt;	
}

#rss-box div.rss-info {
	margin-bottom:5px;
}

a#close-rssbox {
	font-size:8pt !important;
	background:transparent url('/pix/rss-box-close.gif') right center no-repeat;
	padding-right:16px;
	height:16px;
}
a.no-textdeco-link:link,
a.no-textdeco-link:visited, 
a.no-textdeco-link:focus, 
a.no-textdeco-link:hover, 
a.no-textdeco-link:active{
	border: 0px;
	text-decoration:none;
}

ul#community-teaser{
	margin: 5px 0px 25px 0px;
	padding:0px;
	list-style:none;
}

ul#community-teaser li{
	background:transparent url("/pix/dot.gif") center left no-repeat;
	padding:3px 3px 3px 20px;
} 

div.knueller-date{
	margin:0px;
	padding:4px;
	font-weight:bold;
	border-width:1px 1px 0px 1px;
	border-color:#E6E6E6;
	border-style:solid;
	width:150px;
}

#banner-box{
	padding: 2px; 
	background-color: #FFFFFF; 
	border-left:2px solid black; 
	border-right:2px solid black; 
	border-bottom:2px solid black; 
	width:452px;
	text-align: left;
}