/*
	www.kleinezeitung.at
	Kontakt: christian.krammer@kleinezeitung.at
	
	Styles Kiosk
*/


/* ----------------
   Suche
   ---------------- */
   
#co_kiosk .flex_row {
	margin-bottom: 3.8em;
}
   
#co_kiosk .suchbl {
	padding-bottom: 11px;
	width: 456px;
	float: left;
} /* IE6 + IE7 */

#co_kiosk .suchbl h3 {
	margin-bottom: 12px;
	padding: 1px 0 5px;
}

#co_kiosk .suchbl select {
	width: 90px;
}


/* ----------------
   VC-Hinweis
   ---------------- */
    
#co_kiosk .ki_vc {
	background: url(/img/logo_vc_kiosk.png) no-repeat #f2f2f2;
	height: 76px;
	width: 232px;
	float: right;
}

#co_kiosk .ki_vc strong {
	font-size: 1.2em;
	line-height: 1.4em;
	width: 120px;
	display: block;
	padding: 12px 0 0 104px;
	color: #454545;
}


/* ----------------
   Zusatzprodukte
   ---------------- */
#co_kiosk .ki_zprod {
	margin-top: 0;
}

#co_kiosk .ki_zprod h3 {
	clear: both;
	font-size: 1.6em;
	border-bottom: 2px dotted #999999;
	padding: .4em 0 .55em;
} /* IE7 */

#co_kiosk .ki_zprod ul {
	border-bottom: 2px dotted #999999;
}

#co_kiosk .ki_zprod li {
	overflow: hidden;
	padding: 12px 150px 12px 138px;
	position: relative;
	min-height: 128px;
	border-top: 1px dotted #c6c6c6;
} /* IE6 + IE7 */

#co_kiosk .ki_zprod li:first-child {
	border: 0;
}

#co_kiosk .ki_zprod li > a img, #co_kiosk .ki_zprod li > form > a img {
	border: 1px solid #d1d1d1;
	position: absolute;
	top: 15px;
	left: 0;
	display: block;
} /* IE6 */

#co_kiosk .ki_zprod li .zoom {
	position: absolute;
	top: 115px;
	left: 92px;
	text-indent: -9999px;
	background: url(/img/icon_zoom3.png) no-repeat;
	width: 29px;
	height: 21px;
	overflow: hidden;
	cursor: pointer;
}

#co_kiosk .ki_zprod li h4 {
	font-size: 1.4em;
}

#co_kiosk .ki_zprod li p {
	margin-top: .3em;
}

#co_kiosk .ki_zprod li h4 a {
	width: 440px;
}

#co_kiosk .ki_zprod li.ki_zprod_inl h4 a {
	display: inline;
}

#co_kiosk .ki_zprod li h4 select {
	width: 60px;
}

#co_kiosk .ki_zprod li strong {
	display: block;
	margin-top: .7em;
}

#co_kiosk .ki_zprod li .ki_pr {
	position: absolute; 
	right: 0;
	top: 12px;
	background: transparent;
	width: 150px;
	text-align: center;
	padding: 0;
} /* IE6 */

#co_kiosk .ki_zprod li .ki_pr label, #co_kiosk .ki_zausw div label {
	color: #000;
	float: none;
	margin-right: 6px;
}

#co_kiosk .ki_zprod li .ki_pr input[type=text], #co_kiosk .ki_zausw div input[type=text] {
	width: 28px;
	text-align: center;
	padding-left: 0;
	position: relative;
	top: 1px;
} /* IE7 */

#co_kiosk .ki_zprod li .ki_pr a {
	padding: 1.8em 0 .5em;
	display: block;
}

#co_kiosk .ki_zprod li .ki_pr a:hover {
	background: transparent;
}

#co_kiosk .ki_zprod br {
	display: none;
}

#co_kiosk .ki_zprod input[type=submit] {
	margin-top: 30px;
} /* IE6 */

#co_kiosk .ki_mwkorb {
	width: 150px;
	float: right;
	text-align: center;
}

#co_kiosk .ki_mwkorb a {
	padding: 1.5em 0 .6em 0;
	display: block;
}

#co_kiosk .ki_mwkorb a:hover {
	background: transparent;
}

/* Modale Fenster */
#co_kiosk .ki_zprod_mod {
	width: 402px;
	margin-bottom: -4px;
}

#co_kiosk .ki_zprod_mod img {
	border: 1px solid #afafaf;
}

#co_kiosk .ki_zprod_mod p {
	margin-top: .8em;
}

#co_kiosk .ki_zprod_mod li {
	font-size: 1.2em;
	margin: .4em 0 0 1.4em;
}

#co_kiosk .ki_zprod_mod li:first-child {
	margin-top: .8em;
}

#co_kiosk .ki_zprod_mod li span {
	float: left;
	width: 11em;
	font-weight: bold;
}

#co_kiosk .ki_zprod_mod strong {
	font-size: 1.1em;
	display: block;
	margin-top: .7em;
	margin-bottom: -4px;
}

/* Wenn Zeitung ausgewaehlt */
#co_kiosk .ki_cl {
	display: none;
}

#co_kiosk .ki_zausw {
	background: #ededed;
	clear: both;
	position: relative;
	top: -3em;
	padding: 0 12px;
} /* IE6 + IE7 */

#co_kiosk .ki_zausw ul li {
	min-height: 167px;
	border-top: 2px dotted #999999;
	padding: 12px 0 15px 138px;
	position: relative;
} /* IE6 */

#co_kiosk .ki_zausw ul li:first-child {
	border: 0;
}

#co_kiosk .ki_zausw img {
	position: absolute;
	top: 15px;
	left: 0;
	border: 1px solid #afafaf;
}

#co_kiosk .ki_zausw h4 {
	font-size: 1.4em;
	margin-bottom: .15em;
}

#co_kiosk .ki_zausw h4 a {
	width: 410px;
}

#co_kiosk .ki_zausw .ki_rw {
	position: relative;
	border-bottom: 1px dotted #969696;
	margin-bottom: .9em;
	padding-bottom: .8em;
	height: 1%;
}

#co_kiosk .ki_zausw .ki_rw_nb {
	border: 0;
	margin-bottom: 1em;
	padding-bottom: 0;
}

#co_kiosk .ki_zausw .ki_rw input[type=checkbox] {
	margin-left: 10px;
}

#co_kiosk .ki_zausw .ki_rw > label {
	float: none;
	font-weight: normal;
	color: #000;
}

#co_kiosk .ki_zausw .ki_rw > strong {
	margin: 1em 0 0 10px;
	display: block;
	font-size: 1.2em;
	position: relative;
	top: .6em;
}

#co_kiosk .ki_zausw .ki_rw > span {
	display: block;
	margin-top: .5em;
}

#co_kiosk .ki_zausw .ki_rw > span label {
	font-weight: normal;
}

#co_kiosk .ki_zausw .ki_rw .ki_vcinfo {
	font-size: 1.2em;
	color: #c60219;
	margin: .4em 0 0 10px;
	padding-left: 25px;
	background: url(/img/logo_vc_kiosk_info.gif) no-repeat 0 center;
}

#co_kiosk .ki_zausw .ki_rw .ki_prz {
	position: absolute;
	right: 0;
	top: 0;
	width: 150px;
	text-align: center;
	font-size: 1.3em;
}

#co_kiosk .ki_zausw .ki_rw .ki_prz label {
	margin-right: 5px;
	font-size: .9em;
}

/* Warenkorb, modal */
#co_kiosk .ki_wkorb {
	padding: 0 12px .9em;
	background: #ededed;
}
	
#co_kiosk .modal .ki_wkorb {
	width: 660px;
}

#co_kiosk .ki_wkorb p {
	font-size: 1.2em;
	overflow: hidden;
	height: 16px;
	position: relative;
	margin-top: 1em;
	padding-top: 22px;
	color: #616161;
}

#co_kiosk .ki_wkorb p img {
	position: absolute;
	right: 0;
	top: 0;
}

#co_kiosk .ki_wkorb table {
	width: 704px;
}


#co_kiosk .modal .ki_wkorb table {
	width: auto;
}

#co_kiosk .ki_wkorb table th, #co_kiosk .ki_wkorb table td  {
	border-bottom: 1px dotted #969696;
	padding: .8em 0 .8em 15px;
	vertical-align: top;
}

#co_kiosk .ki_wkorb table th, #co_kiosk .ki_wkorb table tfoot td {
	font-size: 1.4em;
	text-align: left;
	white-space: nowrap;
	padding: .7em 0 .65em 15px;
}

#co_kiosk .ki_wkorb table th:first-child, #co_kiosk .ki_wkorb table td:first-child  {
	padding-left: 0;
}

#co_kiosk .ki_wkorb table tfoot td:first-child {
	text-align: right;
	padding-right: 25px;
}

#co_kiosk .ki_wkorb table .ki_wkorb_preis {
	white-space: nowrap;
}

#co_kiosk .ki_wkorb table .ki_wkorb_del a {
	margin: 0 auto;
	text-indent: -9999px;
	background: url(/img/icon_del.png) no-repeat;
	width: 12px;
	height: 12px;
	cursor: pointer;
	margin-top: 3px;
	display: block;
}

#co_kiosk .ki_wkorb table img {
	border: 1px solid #afafaf;
	margin: 3px 0;
	height: 80px;
	width: auto;
}

#co_kiosk .ki_wkorb table td .ki_vcinfo {
	font-size: .9em;
	color: #c60219;
	margin: .4em 0 0 10px;
	padding-left: 25px;
	background: url(/img/logo_vc_kiosk_info.gif) no-repeat 0 3px;
}

#co_kiosk .ki_wkorb table td .ki_reinfo {
	font-size: .9em;
	color: #616161;
	margin-top: .3em;
}

#co_kiosk .ki_wkorb_but {
	text-align: right;
	margin-top: 1.2em;
}

#co_kiosk .ki_wkorb_but input[type=button]{
	margin-left: 12px;
}


/* Bestellseite */
#co_kiosk form h2, #co_kiosk .ki_fertig h2, #co_kiosk .ki_best h2 {
	font-size: 1.8em;
	padding: 1.75em 0 .6em;
	clear: both;
	overflow: hidden;
	height: 1%;
}

#co_kiosk form > p {
	margin-top: -.4em;
}

#co_kiosk form fieldset p {
	margin-top: .9em;
}

#co_kiosk label {
	width: 9.59em;
}

#co_kiosk label span {
	font-size: .85em;
	color: #616161;
}

#co_kiosk form div.w {
	padding-left: 12.5em;
	width: 45em;
}

#co_kiosk input[type=text]#strasse, #co_kiosk input[type=text].strasse {
	width: 153px;
}

#co_kiosk input[type=text]#nr, #co_kiosk input[type=text].nr {
	width: 34px;
}

#co_kiosk textarea {
	display: inline;
} /* IE6 + IE7 */

#co_kiosk .ki_best input[type=button] {
	margin-left: 50px;
	position: relative;
	top: -1px;
}

#co_kiosk .fehler {
	margin-top: 0;
}


/* Bestaetigungsseite */
#co_kiosk .ki_fertig .erfolg {
	margin-bottom: -.3em;
}

#co_kiosk .ki_fertig p {
	margin-top: 1.65em;
}

#co_kiosk .ki_fertig h2, #co_kiosk .ki_fertig h3 {
	font-size: 1.8em;
	padding: 1.75em 0 .3em;
	clear: both;
	overflow: hidden;
	height: 1%;
}

#co_kiosk .ki_fertig h3 {
	font-size: 1.4em;
	padding: 1.4em 0 .2em;
}

#co_kiosk .ki_fertig p a {
	display: inline;
}

#co_kiosk .ki_fertig .leiste_1gr {
	margin: 2.85em 0 -.3em 0;
	padding: 7px 50px 0 50px;
}

#co_kiosk .ki_fertig h2 + p, #co_kiosk .ki_fertig h3 + p {
	margin: 0;
} /* IE6 */

#co_kiosk .ki_fertig .ki_wkorb {
	margin-top: .45em;
}

#co_kiosk .ki_fertig input[type=button] {
	margin-left: 12px;
}

/* ----------------
   Werbungen
   ---------------- */
#co_kiosk .adv6 {
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 3.5em 0;
}