/*
	www.kleinezeitung.at
	Kontakt: christian.krammer@kleinezeitung.at
	
	Styles Vorteilsclub
*/

/* Willkommen */
#co_vc .willk {
	background: #ededed;
	padding: 1.2em 12px .9em;
	position: relative;
	margin-bottom: 3.5em;
} /* IE6 */

#co_vc .willk h3 {
	background: url(../img/vc_hd_willk.png) no-repeat;
	text-indent: -9999px;
	height: 13px;
	border-bottom: 1px dotted #cc0000;
	margin-bottom: .7em;
	padding-bottom: 1em;
} /* IE6 + IE7 */

#co_vc .willk h3 a:hover {
	background-color: transparent;
}

#co_vc .willk h3 + a {
	position: absolute;
	top: 1.2em;
	right: 12px;
	font-size: 1.2em;
	background: url(../img/link.gif) left 5px no-repeat;
	padding-left: 12px;	
}

/* #co_vc .willk h3 + a:hover {
	background-color: #bfe1e3;
}*/

#co_vc .willk ul {
	height: 1%;
	overflow: hidden;
	margin-top: .9em;
}

#co_vc .willk li {
	float: left;
	width: 104px;
	margin-left: 16px;
	xtext-align: center;
} /* IE6 */

#co_vc .willk li:first-child {
	margin: 0;
}

#co_vc .willk img {
	border: 1px solid #afafaf;
}

#co_vc .willk li h4 {
	font-size: 1.3em;
	margin-top: .4em;
}

/* Kategorien */
#co_vc .kats h2 {
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	height: 21px;
	border-bottom: 2px dotted #cc0000;
	margin-bottom: .8em;
	padding-bottom: .35em;
} /* IE6 + IE7 */

#co_vc .kats h2.k1 {
	background-image: url(../img/vc_hd_k1.png);
	padding-bottom: .3em;	
}

#co_vc .kats h2.k2 {
	background-image: url(../img/vc_hd_k2.png);
}

#co_vc .kats h2.k3 {
	background-image: url(../img/vc_hd_k3.png);
}

#co_vc .kats h2.k4 {
	background-image: url(../img/vc_hd_k4.png);
}

#co_vc .kats h2.k5 {
	background-image: url(../img/vc_hd_k5.png);
}

#co_vc .kats h2.k6 {
	background-image: url(../img/vc_hd_k6.png);
	padding-bottom: .25em;		
}

#co_vc .kats ul {
	margin-bottom: 3.4em;
}

#co_vc .kats li {
	padding-left: 126px;
	position: relative;
	min-height: 77px;
	margin-top: 1.2em;
	padding-top: .9em;
	border-top: 1px dotted #c6c6c6;
} /* IE6 */

#co_vc .kats li:first-child {
	margin-top: 0;
	padding-top: 0;
	border: 0;
}

#co_vc .kats li img {
	position: absolute;
	top: 1.2em;
	left: 0;
	border: 1px solid #afafaf;
}

#co_vc .kats li:first-child img {
	top: .35em;
}

#co_vc .kats li h3 {
	font-size: 1.6em;
	margin-bottom: .1em;
}

/* Fehlermeldungen */
#co_vc .fehl_rw {
	clear: both;
	overflow: hidden;
	margin-bottom: 3.5em;
	height: 1%;	
}

#co_vc .fehl_rw div {
	position: relative;
	height: 1%;	
}

#co_vc .fehl_rw div h3 {
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	height: 18px;
	border-bottom: 2px dotted #cc0000;
	margin-bottom: .7em;
	padding-bottom: .5em;
} /* IE6 + IE7 */

#co_harticle #co_vc .fehl_rw div h3 {
	margin-bottom: .5em !important;
	margin-top: 0 !important;
	padding-bottom: .4em !important;
} /* IE6 + IE7 */

#co_vc .fehl_rw div h3 + a {
	position: absolute;
	top: .45em;
	right: 10px;
}

/* #co_vc .fehl_rw div h3 + a:hover {
	background-color: #bfe1e3;
} */

#co_vc .fehl_rw div a {
	background: url(../img/link.gif) left 5px no-repeat;
	padding-left: 12px;	
	font-size: 1.2em;
	margin-top: .5em !important;
	display: block;
	color: #000 !important;
	border: 0;
	font-weight: bold;
}

#co_vc .fehl_rw div a:hover {
	background-color: #bfe1e3;
}

#co_vc .fehl_rw div p {
	margin-top: 0;
}


/* Fehlermeldung Nicht eingeloggt */
#co_vc .ne {
	width: 356px;
	float: left;	
}

#co_vc .ne {
	margin-bottom: 2em;
}

#co_vc .ne h3 {
	background-image: url(../img/vc_hd_fehl_ne.png);
	padding-bottom: .55em;	
	margin-bottom: 1em !important;	
} /* IE6 + IE7 */

#co_vc .ne .rw {
	margin-top: 1em;
}

#co_vc .ne input[type=text], #co_vc .ne input[type=password] {
	width: 120px;
	margin-right: 7px;
}

/* Fehlermeldung Noch kein Benutzer */
#co_vc .nkb {
	width: 356px;
	float: right;
	margin-bottom: 2em;
}

#co_vc .nkb h3 {
	background-image: url(../img/vc_hd_fehl_nkb.png);
	padding-bottom: .55em;	
}

/* Fehlermeldung Fragen */
#co_vc .fr {
	width: 340px;
	float: right;
	background: #ededed;
	padding: .9em 10px .5em;
	height: 1%;		
}

#co_vc .fr h3 {
	background-image: url(../img/vc_hd_fehl_fr.png);
	padding-bottom: .55em;	
}

#co_vc .fr p {
	float: left;
	padding-left: 119px;
	background: url(../img/logo_vc.png) 0 .2em no-repeat;
	padding-bottom: .2em;
	height: 1%;	
}

#co_vc .fr p span {
	font-size: .85em;
	color: #454545;
}

/* Fehlermeldung Fragen breit */
#co_vc .frw {
	width: auto;
	float: none;
	clear: both;
	padding: .9em 10px .7em 129px;
	background: url(../img/logo_vc.png) #ededed 10px .9em no-repeat;
	overflow: hidden;
}

#co_vc .frw p {
	padding: 0;
	background: none;
}

/* Fehlermeldung Noch nicht berechtigt */
#co_vc .nnb, #co_vc .nb {
	width: 348px;
	float: left;
}

#co_vc .nnb, #co_vc .nb {
	margin-top: 1em;
}

#co_vc .nnb h3 {
	background-image: url(../img/vc_hd_fehl_nnb.png);
}

/* Fehlermeldung Nicht berechtigt */
#co_vc .nb h3 {
	background-image: url(../img/vc_hd_fehl_nb.png);
}

/* Fragment fuer Glueckwuensche */
#co_vc .glckw {
	overflow: hidden;
	margin-bottom: 1.6em;
}

#co_vc .glckw .chk {
	margin-top: 1em;
	float: left;
	width: 250px;
}

#co_vc .glckw label {
	float: none;
	font-weight: normal;
	color: #000;
	line-height: 1.3em;
}

#co_vc .glckw .hw_gl {
	float: right;
	background: #ededed;
	padding: .7em 10px;
	width: 450px;
	font-size: 1.3em;
	position: relative;
}

#co_vc .glckw .hw_gl li {
	margin-top: .4em;
	padding-left: 9px;
	background: url(../img/az.gif) 0 5px no-repeat;
}

#co_vc .glckw .hw_gl a {
	margin-top: .4em;
	background: url(../img/link.gif) left 5px no-repeat;
	padding-left: 12px;		
	width: 70%;
}

#co_vc .glckw .hw_gl a:hover {
	background-color: #bfe1e3;
}

#co_vc .glckw .hw_gl .w {
	position: absolute;
	width: 100px;
	top: .7em;
	right: 10px;
	background: url(../img/logo_vc2.png) right 0 no-repeat;
	padding: 63px 0 0;
	text-align: right;
}

#co_vc .glckw .hw_gl .w a {
	display: inline;
}


/* ----------------
   Sidebar
   ---------------- */

/* Allgemeines */
#si_vc .frag h3 {
	background: url(../img/sideb_hd_vc_bg.png) no-repeat;
	color: #fff;
}  

#si_vc .frag h3 span {
	text-indent: -9999px;	
	background-repeat: no-repeat;	
	background-position: 0 1px;	
	display: block;
	height: 16px;	
}  

#si_vc .frag .bd {
	padding: 9px 12px;
}  

#si_vc .frag .bd a {
	background: url(../img/link.gif) left 5px no-repeat;
	padding-left: 12px;	
}  

#si_vc .frag .bd a:hover {
	background-color: #e6f4f5;
}  

/* Rueckschau */
#si_vc .si_vc_rueck h3 span {
	background-image: url(../img/vc_hd_si_rueck.png);	
}  

#si_vc .si_vc_rueck .bd, #si_vc .si_vc_kont .bd, #si_vc .si_vc_karte .bd {
	padding: 8px 12px 9px;
}  

#si_vc .si_vc_rueck .bd ul {
	margin-top: .4em;
}  

#si_vc .si_vc_rueck .bd a {
	margin-top: .3em;
}  

/* Demnaechst fuer Sie */
#si_vc .si_vc_demn h3 span {
	background-image: url(../img/vc_hd_si_demn.png);	
}  

#si_vc .si_vc_demn .bd, #si_vc .si_vc_ueb .bd {
	padding-top: 12px;
}  

#si_vc .si_vc_demn ul {
	margin-top: .75em;
}  

#si_vc .si_vc_demn li {
	padding-left: 9px;
	background: url(../img/az.gif) 0 5px no-repeat;
	margin-top: .3em;
	font-weight: bold;
	height: 1%;
}  /* IE6 */

/* Vorteile im Ueberblick */
#si_vc .si_vc_ueb h3 span {
	background-image: url(../img/vc_hd_si_ueb.png);	
	background-position: 0 -1px;	
}  

#si_vc .si_vc_ueb a {
	margin-top: .75em;
	display: block;
	height: 1%;
} 

/* E-Paper */
#si_vc .si_epaper h3 span {
	background-image: url(../img/vc_hd_si_epaper.png);	
}  

#si_vc .si_epaper .bd {
	padding-bottom: 12px;
} 

#si_vc .si_epaper .bd a, #si_vc .si_epaper .bd a:hover, #si_vc .si_vc_kont .bd a {
	background: transparent;
	padding-left: 0;
} 

/* Kontakt */
#si_vc .si_vc_kont h3 span {
	background-image: url(../img/vc_hd_si_kont.png);	
}  

#si_vc .si_vc_kont li {
	padding: 0 0 0 24px;	
	margin-top: .6em;
	height: 1%;
}  

#si_vc .si_vc_kont li.t {
	background: url(../img/icon_handy.png) 5px .7em no-repeat;
	padding: .1em 0 .1em 24px;
	width: 60%;
	margin-top: .4em;
} 

#si_vc .si_vc_kont li.e {
	background: url(../img/icon_versenden.png) 1px 2px no-repeat;
}  

#si_vc .si_vc_kont li.r_stmk {
	background: url(../img/icon_stmk2.png) 0 2px no-repeat;
} 

#si_vc .si_vc_kont li.r_ktn {
	background: url(../img/icon_ktn2.png) 0 5px no-repeat;
} 

/* Karte */
#si_vc .si_vc_karte h3 span {
	background-image: url(../img/vc_hd_si_karte.png);	
}  

#si_vc .si_vc_karte img {
	margin: .7em 0;
}

/* Feedback */
#si_vc .si_vc_feedb h3 span {
	background-image: url(../img/vc_hd_si_feedb.png);	
}  

#si_vc .si_vc_feedb .bd a {
	padding-left: 20px;
	background: url(../img/icon_info.png) 0 1px no-repeat;
}  

/* Newsletter */
#si_vc .si_vc_newsl h3 span {
	background-image: url(../img/vc_hd_si_newsl.png);	
}  

#si_vc .si_vc_newsl .bd {
	padding: 8px 12px 12px;
}  

#si_vc .si_vc_newsl input[type=text] {
	width: 214px;
	margin-top: .65em;
}  

#si_vc .si_vc_newsl input[type=submit] {
	margin-top: .8em;
} 

/* Abo-Service */
#si_vc .si_vc_aboser h3 span {
	background-image: url(../img/vc_hd_si_aboser.png);	
	background-position: 0 2px;	
}  

#si_vc .si_vc_aboser .bd a {
	padding-left: 15px;
	background: url(../img/icon_schluessel.png) no-repeat;
}  

#si_vc .si_vc_aboser .bd p {
	margin-top: .4em;
}  

/* Probleme bei der Anmeldung? */
#si_vc .si_vc_probl h3 span {
	background-image: url(../img/vc_hd_si_probl.png);	
}  

#si_vc .si_vc_probl .bd {
	padding-top: 6px;
}  

#si_vc .si_vc_probl .bd li {
	margin-top: .3em;
}  


/* ----------------
   Diverses
   ---------------- */

/* Fragment fuer Gutscheinheft fuer Geniesser */
.cont_ghfg {
	margin-bottom: 2em;
}

.cont_ghfg strong {
	background: url(../img/ghfg_bg.jpg) no-repeat;
	height: 60px;
	display: block;
	overflow: hidden;
}

.cont_ghfg strong a {
	padding: 34px 0 4px 15px;
	font-size: 1.6em;
	color: #fff;
	display: block;
}

.ie .cont_ghfg strong a {
	padding-top: 37px;
}

.cont_ghfg strong a:hover {
	background-color: transparent;
}

.cont_ghfg strong a span {
	font-size: 1.1em;
	font-weight: normal;
}
