/*------------------------------------------------------------------------
# JA Mesolite for Joomla 1.5 - Version 1.2 - Licence Owner JA108226
# ------------------------------------------------------------------------
# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
# This file may not be redistributed in whole or significant part.
-------------------------------------------------------------------------*/

/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF;
	color: #000000;
	font-family: "Segoe UI", "Lucida Grande", Tahoma, Arial, sans-serif;
	line-height: 1.6;
}

body#bd {
	color: #666666;
	background: #E6E6E6;
	margin: 30px 0;
}

body.contentpane {
	color: #000000;
	font-size: 12px;
	line-height: 1.3em;
	margin: 0;
	margin: 1em 2em;
	width: auto; /* Printable Page */
}

body.fs1 {font-size: 10px;}
body.fs2 {font-size: 11px;}
body.fs3 {font-size: 12px;}
body.fs4 {font-size: 13px;}
body.fs5 {font-size: 14px;}
body.fs6 {font-size: 15px;}

/* Normal link */
a {
	color: #00A9DD;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #00A9DD;
	text-decoration: underline;
}

a img {
	border: none;
}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
	line-height: normal;
}	

.contentheading, .componentheading {
}	

/* Small text */
small, .small, .smalldark, .img_caption, a.readon, #ja-footer {
	font-size: 92%;
}

small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption p, p.site-slogan {
	color: #999999;
}

img {
	margin: 0;
	padding: 0;
}

/* Heading */
h1 {font-size: 200%;}
h2 {font-size: 175%;}
h3 {font-size: 150%;}
h4 {font-size: 125%;}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 1em 0;
	padding: 0;
}

ul {
	list-style: none;
}

ul li {
	background: url(../images/bullet.gif) no-repeat 22px 8px;
	line-height: 160%;
	padding-left: 30px;
}

ol li {
	line-height: 180%;
	margin-left: 35px;
}

th {
	font-weight: bold;
	padding: 8px;
	text-align: left;
}

fieldset {
	border: none;
	padding: 10px 5px;
	background: url(../images/dot-h.gif) repeat-x top;
}

fieldset a {
	font-weight: bold;
}

fieldset.input {
	padding: 0;
	background: none;
}

hr {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #E6E6E6;
	height: 1px;
}

br {
	height: 1px;
	font-size: 5px;
}

td, div {
	font-size: 100%;
}

/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

form label {
	cursor: pointer;
}

input, select, textarea, .inputbox, .button {
	font-family: "Segoe UI", Tahoma, Arial, sans-serif;
	font-size: 100%;
	color: #666666;
}

.inputbox {
	padding: 2px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}

.inputbox:hover, .inputbox:focus {
	border: 1px solid #999999;
	background: #FFFFCC;
}

.button {
	padding: 2px 8px;
	border: 1px solid #00A9DD;
	background: #00A9DD;
	font-weight: bold;
	color: #FFFFFF;
	cursor: pointer;
}

* html .button { /*IE 6*/
	padding: 0 5px !important;
}

*+html .button { /*IE 7*/
	padding: 0 5px !important;
}

/* FORM - BUTTON Angebote suchen
--------------------------------------------------------- */
.a-s-container {
	height: 20px;
	padding-top: 6px;
}
.angebote-suchen {
	float:right;
	padding: 1px 8px;
	border: 1px solid #FFF;
	background: #00A9DD;
	font-weight: bold;
	color: #FFFFFF;
	cursor: pointer;
}

a.angebote-suchen {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover .angebote-suchen {
	color: #FFFFFF;
	text-decoration: none;
}

* html .angebote-suchen { /*IE 6*/
	padding: 0 5px !important;
}

*+html .angebote-suchen { /*IE 7*/
	padding: 0 5px !important;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
.article_separator {
	clear: both;
	display: block;
	height: 30px;
	margin: 0;
	background: url(../images/dot-h.gif) repeat-x center;
}

.column_separator {
	padding: 0 25px;
}

/* content tables */
.sectiontableheader {
	background: #333333;
	padding: 8px;
	color: #FFFFFF;
	font-weight: bold;
}

.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:active,
.sectiontableheader a:focus {
	color: #FFFFFF;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
	padding: 8px;
	background: url(../images/dot-h.gif) repeat-x bottom;
}

tr.sectiontableentry0:hover,
tr.sectiontableentry1:hover,
tr.sectiontableentry2:hover {
}

table.contentpane {
	border: none;
	width: 100%;
}

table.contentpaneopen {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

table.contenttoc {
	margin: 0 0 10px 10px;
	padding: 0;
	width: 30%;
	float: right;
}

table.contenttoc td {
	background: url(../images/bullet.gif) no-repeat 12px 8px;
	padding: 1px 5px 1px 20px;
}

table.contenttoc th {
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 3px;
	text-indent: 5px;
}

table.poll {
	border-collapse: collapse;
	padding: 0;
	width: 100%;
}

table.pollstableborder {
	border: none;
	padding: 0;
	text-align: left;
	width: 100%;
}

table.pollstableborder img {
	vertical-align: baseline;
}

table.pollstableborder td {
	border-collapse: collapse;
	border-spacing: 0;
	padding: 4px !important;
	background: none;
}

table.pollstableborder tr.sectiontableentry1 td {
	background: #F7F7F7;
}

table.searchintro {
	padding: 10px 0;
	width: 100%;
}

table.searchintro td {
	padding: 5px!important;
}

.blog_more {
	margin: 15px 0 0;
	padding: 10px 0 0;
	background: url(../images/dot-h.gif) repeat-x top;
}

.blog_more strong {
	display: block;
	margin: 0 0 5px;
	text-transform: uppercase;
}

.blog_more ul {
	margin: 0;
	padding: 0;
}

.blog_more ul li {
	background: url(../images/bullet.gif) no-repeat 4px 8px;
	margin: 0;
	padding: 0 0 0 12px;
}

.category {
	font-weight: bold;
	text-transform: uppercase;
}

h1.componentheading, .componentheading {
	margin: 0 0 10px;
	padding: 0 0 10px;
	font-size: 175%;
}

.componentheading {
	font-size: 100%;
	background: url(../images/dot.gif) repeat-x bottom;
	text-transform: uppercase;
	color: #666666;
}

.contentdescription {
	padding-bottom: 30px;
}

h2.contentheading, .contentheading {
	margin: 0;
	padding: 0 0 5px;
	font-size: 200%;
}

table.blog .contentheading {
	font-size: 175%;
}

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
}

a.readon {
	text-align: center;
	text-decoration: none;
	color: #666666;
	text-transform: uppercase;
	font-weight: bold;
	background: url(../images/arrow-readon-1.png) no-repeat left 2px;
	padding-left: 12px;
}

a.readon:hover, a.readon:focus, a.readon:active {
	background: url(../images/arrow-readon-2.png) no-repeat left 2px;
}

table.contentpaneopen td, table.contentpane td {
}

table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
}

.moduletable {
	padding: 0;
}

ul.pagination {
	margin: 15px auto 0;
	padding: 10px 0 0;
	background: url(../images/dot-h.gif) repeat-x top;
}

ul.pagination li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
}

ul.pagination li span{
	padding: 2px 5px;
}

ul.pagination a {
	padding: 2px 3px;
	text-decoration: none;
	background: #666666;
	color: #FFFFFF;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
	background: #00A9DD;
	color: #FFFFFF;
}

.pagenavbar {
	background: url(../images/icon-pages.gif) no-repeat center left;
	font-weight: bold;
	padding-left: 14px;
}

.pagenavcounter {
	background: url(../images/icon-pages.gif) no-repeat 0 11px;
	font-weight: bold;
	padding: 8px 14px 0 14px;
}

.smalldark {
	text-align: left;
}

div.syndicate div {
	text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
	background: none;
}

ul.latestnews a, ul.mostread a {
	color: #666666;
}

/* META
--------------------------------------------------------- */
.article-toolswrap {
	display: block;
	margin: 0 0 10px;
	padding: 0;
	text-transform: uppercase;
	font-size: 92%;
	position: relative;
}

.article-tools {
	display: block;
	padding: 0 10px 0 0;
	white-space: nowrap;
}

.article-meta {
	width: 70%;
	float: left;
}

.createby {
	padding: 0 5px 0;
	background: #666666;
	color: #FFFFFF;
}

.createdate {
	padding: 0 5px 0 0;
}

.modifydate {
	width: 100%;
	display: block;
	margin-bottom: 10px;
}

div.buttonheading {
	position: absolute;
	top: 0;
	right: 10px;
}

.buttonheading img {
	margin: 0 0 0 5px;
	border: 0;
	float: right;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper {
	width: 952px;
	margin: 0 auto;
	clear: both;
}

.narrow #ja-wrapper {
	width: 752px;
}

#ja-wrapper-inner {
	border: 1px solid #E6E6E6;
}

#ja-container {
	position: relative;
}


/* PRIMARY COLUMN
--------------------------------------------------------- */
#ja-mainbody {
	width: 760px;
	float: right;
	clear: both;
}

.narrow #ja-mainbody {
	width: 600px;
}

#ja-content {
	padding: 15px;
	position: relative;
	border-bottom: 1px solid #E6E6E6;
}

/* COLUMNS
--------------------------------------------------------- */
#ja-col {
	float: left;
	overflow: hidden;
	width: 190px;
}

.narrow #ja-col {
	width: 150px;
}

/*common style for column*/
#ja-col table {
	border-collapse: collapse;
	border-spacing: 0;
}

#ja-col .article_separator {
	display: none;
}

/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#ja-containerwrap,
#ja-containerwrap-f {
	padding: 0;
	margin: 0;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #E6E6E6;
}

#ja-containerwrap {
	background: url(../images/dot.gif) repeat-y 190px 0 #FFFFFF;
}

.narrow #ja-containerwrap {
	background: url(../images/dot.gif) repeat-y 150px 0 #FFFFFF;
}

/*full*/
#ja-containerwrap-f {
	background: #FFFFFF;
}

#ja-containerwrap-f #ja-mainbody {
	width: 100%;
}

/* MODULE
--------------------------------------------------------- */
div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3,
div.moduletable_hilite h3,
div.moduletable_menuhilite h3 {
	font-size: 100%;
	margin: 0 -15px 5px -16px;
	padding: 10px 15px;
	border-bottom: 1px solid #E6E6E6;
	text-transform: uppercase;
	background: url(../images/dot-hilite.gif) repeat-y left #F7F7F7;
}

div.moduletable h3 span,
div.moduletable_menu h3 span,
div.moduletable_text h3 span,
div.moduletable_hilite h3 span {
	color: #00A9DD;
}

div.moduletable,
div.moduletable_menu,
div.moduletable_text,
div.moduletable_menuhilite,
div.moduletable_hilite1 {
	margin: 0;
	padding: 0 15px 10px;
	border-bottom: 1px solid #E6E6E6;
}

div.moduletable_menu h3,
div.moduletable_menuhilite h3 {
	margin-bottom: 0;
	border-bottom: none;
}

div.moduletable_menu,
div.moduletable_menuhilite {
	padding: 0 15px;
}

div.moduletable_menuhilite h3 {
	background: #00A9DD;
	color: #FFFFFF;
}

/* mis */
div.banneritem_text {
	padding: 5px 0 !important;
}

div.advs {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

div.moduletable ul {
	list-style: none;
}

div.moduletable li {
	background: url(../images/bullet.gif) no-repeat 3px 8px;
	line-height: 160%;
	padding-left: 12px;
}

/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
	height: 100px;
	background: url(../images/main-tr.gif) no-repeat top right #FFFFFF;
}

#ja-header {
	height: 100px;
	line-height: normal;
	position: relative;
	background: url(../images/main-tl.gif) no-repeat top left;
}

h1.logo, h1.logo-text {
	margin: 0;
	padding: 0;
	font-size: 200%;
}

h1.logo a {
	width: 180px;
	display: block;
	background: url(../images/logo.gif) no-repeat;
	position: absolute;
	height: 100px;
	top: 0;
	left: 10px;
}

h1.logo a:hover, h1.logo a:active, h1.logo a:focus {
}

h1.logo a span {
	position: absolute;
	top: -1000px;
}

h1.logo-text a {
	text-decoration: none;
	outline: none;
	position: absolute;
	top: 25px;
	left: 20px;
	text-transform: uppercase;
}

h1.logo-text a:hover, logo-text a:active, logo-text a:focus {
}

p.site-slogan {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 55px;
	left: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#ja-vmcurrency {
	width: 500px;
	position: absolute;
	top: 20px;
	right: 230px;
	height: 65px;
	border-right: 1px solid #E6E6E6;
}

#ja-vmcurrency div.moduletable {
	padding: 10px 0 0 15px;
	border: none;
}

#ja-vmcurrency div.moduletable h3 {
	background: none;
	border: none;
	margin: 0 0 10px;
	padding: 0;
}

/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnavwrap {
	background: #333333;
	border-top: 1px solid #E6E6E6;
	height: 35px;
	z-index: 999;
}

#ja-mainnav {
	height: 35px;
	width: 760px;
	float: right;
	background: url(../images/dot-dark.gif) repeat-y left;
}

.narrow #ja-mainnav {
	width: 600px;
}

#ja-mainnav a, #ja-subnav a {
	outline: none;
}

#ja-subnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#ja-subnav li {
	background: none;
	margin: 0;
	padding: 1px 0;
}

#ja-subnav a {
	display: block;
	outline: none;
	padding: 4px 2px 4px 14px;
	text-decoration: none;
	background: url(../images/bullet.gif) no-repeat 3px 10px;
}

#ja-subnav a:hover,
#ja-subnav a:active,
#ja-subnav a:focus {
}

#ja-subnav li.active a {
}

/* breadcrumbs */
#ja-pathway {
	padding: 10px 15px;
	margin-left: 1px;
	text-transform: uppercase;
	background: #F7F7F7;
	border-bottom: 1px solid #E6E6E6;
	line-height: normal;
}

#ja-pathway strong {
	margin-right: 5px;
	color: #00A9DD;
}

#ja-pathway a {
	text-decoration: none;
}

#ja-pathway a:hover {
	text-decoration: underline;
}

#ja-pathway img {
	margin: 1px 5px;
}

/* Default Joomla! Menu */
ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}

ul.menu li {
	display: block;
	background: none;
	margin: 0;
	padding: 0;
	line-height: normal;
}

ul.menu li a {
	display: block;
	outline: none;
	padding: 8px 15px 9px;
	margin: 0 -15px;
	text-decoration: none;
	text-transform: uppercase;
	color: #666666;
	border-top: 1px solid #E6E6E6;
	background: url(../images/arrow.png) no-repeat 92% 14px;
}

* html ul.menu li a {
	padding: 7px 15px 8px;
	width: 190px;
}

* html .narrow ul.menu li a {
	padding: 7px 15px 8px;
	width: 150px;
}

*+html ul.menu li a {
	padding: 7px 15px 8px;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
	background: url(../images/arrow.png) no-repeat 92% 14px #F7F7F7;
	text-decoration: none;
}

ul.menu li.active a {
	background: url(../images/arrow.png) no-repeat 92% 14px #FFFFCC;
	font-weight: bold;
}

ul.menu li ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #FFFFCC;
}

ul.menu li li {
	border: none;
}

ul.menu li li a {
	background: url(../images/bullet.gif) no-repeat 18px 14px #FFFFCC !important;
	border: none;
	padding-left: 26px !important;
	text-transform: none;
	font-weight: normal !important;
}

ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {
	background: none;
	color: #00A9DD;
}

ul.menu li li.active a {
	color: #00A9DD;
	font-weight: bold;
}

ul.menu li li li a {
	color: #666666 !important;
	font-weight: normal !important;
	padding-left: 38px !important;
	background: url(../images/bullet.gif) no-repeat 30px 14px #FFFFCC !important;
}

ul.menu li li li.active a {
	font-weight: bold !important;
}

/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
	float: left;
	overflow: hidden;
}

.ja-box-left, .ja-box-center {
	background: url(../images/dot.gif) repeat-y right;
}

/* Top spotlight */
#ja-topsl1 {
	position: relative;
	height: 250px;
	margin-left: 1px;
	border-bottom: 1px solid #E6E6E6;
}

#ja-topsl2, #ja-topsl3 {
	margin-left: 1px;
}

#ja-topsl2 div.moduletable h3, #ja-topsl3 div.moduletable h3 {
	background: #F7F7F7;
	color: #666666;
	margin-left: -15px;
}

#ja-topsl3 table {
	padding: 0;
	margin: 0;
}

#ja-topsl3 td {
	padding: 15px 0;
	margin: 0;
}

#ja-topsl3 tr {
	background: url(../images/dot-h.gif) repeat-x bottom;
}

/* Bottom spotlight */
#ja-botsl {
	position: relative;
	border-top: 1px solid #E6E6E6;
	margin-left: 1px;
	clear: both;
	background: #F7F7F7;
}

#ja-botsl div.moduletable {
	position: relative;
	border: none;
	padding: 15px;
}

#ja-botsl div.moduletable h3 {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	font-size: 100%;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footerwrap {
	position: relative;
	clear: both;
	background: url(../images/main-br.gif) no-repeat bottom right #333333;
}

#ja-footer {
	background: url(../images/main-bl.gif) no-repeat bottom left;
	color: #666666;
	text-transform: uppercase;
	font-size: 92%;
}

#ja-footer small {
	color: #666666;
	font-size: 100%;
	padding: 10px 10px 10px 20px;
}

#ja-footer ul {
	margin: 0;
	padding: 0 10px 5px 10px;
	line-height: normal;
}

#ja-footer li {
	display: inline;
	margin: 0;
	padding: 0;
	background: url(../images/vline.gif) no-repeat center left;
}

#ja-footer li a {
	display: inline;
	line-height: normal;
	padding: 0 10px;
}

li.ja-firstitem {
	background: none !important;
}

#ja-footer a {
	color: #999999;
	text-decoration: none;
}

#ja-footer a:hover, #ja-footer a:active, #ja-footer a:focus {
	color: #FFFFFF;
}

div.sublogo {
	width: 20%;
	float: left;
}

div.sublogo a {
	font-size: 200%;
	display: block;
	text-align: center;
	background: url(../images/logo-sub.gif) no-repeat right;
	width: 150px;
	height: 70px;
	text-indent: -5000px;
	position: absolute;
	left: 10px;
}

.narrow div.sublogo a {
	width: 140px;
	height: 70px;
}

div.copyright {
	width: 80%;
	padding: 20px 0;
	float: right;
	background: url(../images/dot-dark.gif) repeat-y left;
}

div.foot-rss {
	position: absolute;
	top: 30px;
	right: 20px;
}

div.foot-rss img {
	vertical-align: middle;
}

/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
	position: absolute;
	top: -100%;
}

/* Login */
#form-login p {
	margin: 0 0 5px;
}

#form-login ul {
	margin: 5px 0 0;
}

#modlgn_username, #modlgn_passwd {
	width: 90%;
}

/* Search */
#ja-search {
	float: left;
	width: 190px;
	height: 35px;
	background: url(../images/icon-search.png) no-repeat 5px 0;
	overflow: hidden;
}

.narrow #ja-search {
	width: 150px;
}

#ja-search .inputbox {
	padding: 10px 0 0 40px;
	background: none;
	border: none;
	font-weight: bold;
	color: #CCCCCC;
}

/*others*/
#ja-banner {
	padding: 20px 0 0;
	text-align: center;
	overflow: hidden;
	width: 100%;
	clear: both;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active {
	background: none!important;
	display: block;
	margin: 10px 0;
	text-decoration: none!important;
}

.clr {
	clear: both;
}

.hasTip img {
	border: none;
	margin: 10px 5px 0 0;
}

div.ja-innerdiv {
	padding: 6px 0 7px;
	background: url(../images/dot-h.gif) repeat-x bottom;
}

div.ja-innerdiv img {
	padding: 0;
	margin: 0;
}

/* Tooltips */
.tool-tip {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	float: left;
	max-width: 200px;
	padding: 5px;
	z-index: 999;
	color: #333333;
}

.tool-title {
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	margin-top: -15px;
	padding: 0;
	padding-bottom: 5px;
	padding-top: 15px;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
	margin: 0;
	padding: 0;
}

#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
	background: none;
	color: #FFFFFF;
	margin: 0;
	padding: 5px;
}

/* System Standard Messages */
#system-message dd.message ul {
	background: #666666;
	border: none;
}

/* System Error Messages */
#system-message dd.error ul {
	background: #666666;
	border: none;
}

/* System Notice Messages */
#system-message dd.notice ul {
	background: #666666;
	border: none;
}

/* Clearfix */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	display: block;
	width: 100%;
}

* html .clearfix {
	height: 1%;
}

/*- Tarifdetails ----------------------- */

img
{
	border: 0px solid #000;
}

br.clr
{
	height: 0px;
	clear: both;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
}

#handy td.detail
{
	border-bottom: 1px solid #CCCCCC;
	padding-top:10px;
}

#handy .spacer
{
	margin:2px;
}

#handy .image
{
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #CCCCCC;
}

#handy .desc
{
	margin-top:10px;
}


#tarif,
#handy
{
	padding: 0px 1px 0px 1px;
	width:377px;
	text-align: left;
	margin-bottom: 4px;
}

#handy
{
	width: 577px;
	position:relative;
}

#handy .border
{
	border: 1px solid #ADADAD;
	border-top: 0px solid #ADADAD;
	margin-top: 0px;
}

#tarif h1,
#handy h1
{
	background-image: url(/images/stories/system/header1-handy-dotted-transparent.png);
	background-repeat:repeat-x;
	overflow:hidden;
	background-color: #00a9dd;
	color: #ffffff;
	height: 32px;
	padding-top: 6px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	width: 377px;
}

#handy h1
{
	width: 520px;
	margin-bottom:0px;
}

#tarif h2,
#handy h2
{
	text-align:center;
	background-image: url(/images/stories/system/header2-handy-transparent.png);
	background-repeat:repeat-x;
	overflow:hidden;
	width: 100%;
	background-color: #00a9dd;
	color: #ffffff;
	height: 17px;
	padding-top: 3px;
	font-size: 12px;
}

#handy h2
{
	margin-top: 0px;
}

#tarif #welches-netz
{
	border:1px solid #ADADAD;
	background:url(/images/stories/system/netz-tarif-bg.gif);
	width: 375px;
	padding: 0px;
	height: 35px;
	text-align: left;
}


#tarif #welches-netz img.border
{
	border-right:1px solid #ADADAD;
}

#tarif #information,
#handy #information
{
	border: 1px solid #00a9dd;
	border-top: 0px solid #ADADAD;
	width: 375px;
	text-align: left;	
}

#handy #information
{
	width: 575px;
	position:relative;
}

#tarif .netzwahl-info table,
#handy .handyinfo table
{
	margin: 0px 5px 0px 5px;
	border: 0px solid #000;
	width: 365px;
}

#handy .handyinfo table
{
	margin: 0px 5px 5px 5px;
	border: 0px solid #000;
	width: 565px;
}

#tarif .netzwahl-info table.haupt-tabelle
{
	margin-bottom: 5px;
}

#tarif .beschreibung .zeile,
#handy .beschreibung .zeile
{
	border-bottom : 1px solid #ADADAD;

	color:#474747;  
}  

#tarif .beschreibung .zeilen-titel,
#handy .beschreibung .zeilen-titel
{
	float: left;
	width: 165px;
	font-size: 11px;
	margin: 2px 0px 2px 0px; 
	padding-left:2px;
}

#handy .beschreibung .zeilen-titel
{
	width: 260px;
}

#tarif .beschreibung .ueberschrift-titel,
#handy .beschreibung .ueberschrift-titel
{
	color:#ffffff;
	background-color: #00a9dd;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 1px;
	padding-left:2px;
	margin-top:2px;	
}

#tarif .beschreibung .leerzeile,
#handy .beschreibung .leerzeile
{
	color:#474747;
	font-size: 11px;
	padding-bottom: 1px;
}

#tarif .beschreibung .preis-info
{
	float:right;
	width:119px;
	padding-right:3px;
	text-align: right;
	font-size: 11px;
	margin: 2px 0px 2px 0px;
}
#handy .beschreibung .preis-info
{
	float:right;
	width:280px;
	padding-right:3px;
	text-align: left;
	font-size: 11px;
	margin: 2px 0px 2px 0px;
}

#handy .beschreibung .preis-info-b
{
	background-image: url(/images/ja-bild.gif);
	background-repeat: no-repeat;
	float:right;
	width:280px;
	padding-right:3px;
	text-align: left;
	font-size: 11px;
	margin: 2px 0px 2px 0px;
}
/* Ende Tarif Handy Info*/



/** overlib **/

.ol-foreground {
	background-color: #f6f6f6;
}

.ol-background {
	background-color: #00A9DD;
}

.ol-textfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.ol-captionfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f6f6f6;
	font-weight: bold;
}
.ol-captionfont a {
	color: #0B55C4;
	text-decoration: none;
	font-size: 12px;
}

.ol-closefont {}

/*-------------------------------------------------------
 Bildergalerie im Tab
-------------------------------------------------------*/
.bilder-container {
	margin: 20px;
	clear:both;
}

.r-b-container{}

.rahmen-bild {
	float: left;
}

a.rahmen-bild {
	margin: 5px;
	padding: 25px;
	height: 100px;
	width: 100px;
	background-image:url(../images/rahmen-bild.gif);
	background-color: #FFF;
	color: #00A9DD;
}

a.rahmen-bild:hover {
	margin: 5px;
	padding: 25px;
	height: 100px;
	width:100px;
	background-image: url(../images/rahmen-bild-hover.gif);
	background-color: #FFF;
	color: #00A9DD;
}

.fussnoten {
	background: url(../images/fussnoten.gif) no-repeat 5px center #FFFFFF;
	padding: 15px 10px 15px 35px;
}

.fussnoten-box {
	border: 1px solid  #E6E6E6;
	padding: 5px 10px 5px 10px;
}

.service-box {
	border: 1px solid  #E6E6E6;
	padding: 5px 10px 5px 10px;
	width: 320px;
	height: 100px;
	float: left;
	margin: 10px;
	position: relative;
}
/*-------------------------------------------------------
 Videos im Tab
-------------------------------------------------------*/

.videoBarStyle {
	width : 160px;
	margin-right: 5px;
	margin-left: 5px;
	padding-top : 24px;
	padding-right : 4px;
	padding-left : 4px;
	padding-bottom : 0px;
	clear:both;
}
.videoBarStyle span {
	color:#676767;
	font-size:11px;
	margin:10px;
	padding:4px;	
}
/*-- Anfang Videos Box CSS and Search CSS ----------------------------------------------------------------------------**/
/*-------------------------------------------------------
 Video Box CSS
-------------------------------------------------------*/

/* color settings */
.playerBox_gsvb div.alldone_gsvb        { color : #0000cc; }
.playerBox_gsvb a.title_gsvb            { color : #0000cc; }

.playerBox_gsvb div.alldone_gsvb:hover  { color : #0000cc; }
.playerBox_gsvb a.title_gsvb:hover      { color : #0000cc; }
.resultsBox_gsvb div.resultDiv_gsvb     { border-color : #676767; }
.floatingPlayerBox_gsvb,
.floatingPlayerBox_gsvb *               { background-color : #ffffff; }
.floatingPlayerBox_gsvb                 { border : 1px solid #f0f0f0; }
                                        
.floatingPlayer_gsvb                    { background-color : #ffffff; }

/*
 * The Player Box
 * - visible while playing
 * - collapsed while idle
 */
.playerBox_gsvb {
  display : block;
  margin-top : 4px;
  margin-bottom : 4px;
  margin-left : 10px;
  margin-right : 10px;
  text-align : center;
}

/**
 * Floating Player Box:
 *
 * note: top, left, z-index, height, width
 * are set in code. Limit your styling to color/opacity
 * Note the z-index of floatingPlayer should be one
 * higher than the z-index of the floatingPlayerBox.
 * Adjust as needed on sites with crazy layering.
*/
.floatingPlayerBox_gsvb {
  position : absolute;
  opacity : 0.90;
  -moz-opacity : 0.90;
  filter:alpha(opacity=90);
  z-index : 9998;
}
.floatingPlayer_gsvb {
  position : absolute;
  z-index : 9999;
}
.floatingBranding_gsvb {
  position : absolute;
}

.idle_gsvb {
  display : none;
}

.playing_gsvb {
  display : block;
}

.playerInnerBox_gsvb {
  margin-top : 2px;
}

/* keep a 1.33 ratio
 * (on widths > 300px, add 20px in height for controls)
 * small player:        180x135   4:3
 * medium player:       260x195   4:3
 * large player:        320x260   4:3 + 20px at bottom
 * extra large player:  480x380   4:3 + 20px at bottom
 */
.playerInnerBox_gsvb .player_gsvb {
  width : 480px;
  height : 380px;
}

.playerInnerBox_gsvb div.player_gsvb {
  margin : auto;
}

.floatingPlayer_gsvb .playerInnerBox_gsvb div.player_gsvb {
  margin : 0;
}

.playerBox_gsvb div.alldone_gsvb {
  display : inline;
  font-size : 11px;
  cursor : pointer;
}

.playerBox_gsvb div.alldone_gsvb:hover {
  text-decoration : underline;
}


.playerBox_gsvb div.title_gsvb {
  text-align : center;
  font-size : 11px;
  margin-top : 2px;
}

.playerBox_gsvb a.title_gsvb {
  text-decoration : none;
}

.playerBox_gsvb a.title_gsvb:hover {
  text-decoration : underline;
}

/*
 * resultsTable
 * - vertical mode
 * - horizontal mode
 */
.full_gsvb {
  display : block;
}

.empty_gsvb {
  display : none;
}

table.resultTable_gsvb {
  border-collapse : collapse;
}

table.resultTable_gsvb td {
  border : none;
}

div.resultDiv_gsvb {
  border-width : 1px;
  border-style : solid;
  background-color : #000000;
  height : 79px;
  width : 104px;
  text-align : center;
}

div.smallResultDiv_gsvb {
  height : 41px;
  width : 54px;
  text-align : center;
}

div.resultDiv_gsvb img {
  cursor : pointer;
  display : inline;
}

/* Auto Execute List Status Box */
div.statusBox_gsvb {
  padding : 4px;
}

div.statusItem_gsvb {
  display : inline;
  text-decoration : underline;
  color : #0000cc;
  cursor : pointer;
  margin-right : 6px;
  font-weight : bold;
  white-space: nowrap;
}

div.statusItemSelected_gsvb {
  text-decoration : none;
  color : #000000;
}

/*-------------------------------------------------------
 Video Search CSS
-------------------------------------------------------*/
/** Copyright 2005 Google Inc. All rights reserved. */

/* the GSearchControl CSS Classes
 * .gsc-control : the primary class of the control
 */
.gsc-control {
  width: 300px;
}

.gsc-control div {
  position: static;
}

.gsc-control-cse {
  width: 100%;
  font-family: Arial, sans-serif;
  font-size : 13px;
}

.gsc-control-cse div {
  position: static;
}

/* control inputs
 * .gsc-search-box : the container that hosts the text input area
 * .gsc-input : the text input area
 * .gsc-keeper : the save link below savable results
 */
form.gsc-search-box {
  font-size: 13px;
  margin-top : 0px;
  margin-right : 0px;
  margin-bottom : 4px;
  margin-left : 0px;
  width: 100%;
}

/*
 * This table contains the input element as well as the search button
 * Note that the search button column is fixed width, designed to hold the
 * button div's background image
 */
table.gsc-search-box {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
  margin-bottom : 2px;
}

table.gsc-search-box td {
  vertical-align : middle;
}

table.gsc-search-box td.gsc-input {
  padding-right : 2px;
}

td.gsc-search-button {
  width : 1%;
}

td.gsc-clear-button {
  width : 14px;
}

/**
 * undo common generic table rules
 * that tend to impact branding
 */
table.gsc-branding td,
table.gsc-branding {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border : none;
}

table.gsc-branding {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
}

.gsc-branding-text {
  color : #676767;
}

td.gsc-branding-text {
  vertical-align : top;
}

td.gsc-branding-text div.gsc-branding-text {
  padding-bottom : 2px;
  text-align : right;
  font-size : 11px;
  margin-right : 2px;
}

div.gsc-branding-youtube td.gsc-branding-text {
  vertical-align : middle;
}

td.gsc-branding-img-noclear {
  width : 51px;
  vertical-align : bottom;
}

td.gsc-branding-img {
  width : 65px;
  vertical-align : bottom;
}

div.gsc-branding-youtube td.gsc-branding-img-noclear {
  width : 55px;
}

div.gsc-branding-youtube td.gsc-branding-img {
  width : 69px;
}

table.gsc-branding-vertical td.gsc-branding-text div.gsc-branding-text {
  margin-right : 0px;
  text-align : center;
}

table.gsc-branding-vertical td.gsc-branding-img-noclear {
  text-align : center;
}

div.gsc-branding-img,
div.gsc-branding-img-noclear,
img.gsc-branding-img,
img.gsc-branding-img-noclear {
  padding-top : 1px;
}

img.gsc-branding-img,
img.gsc-branding-img-noclear {
  margin : 0 0 0 0;
  padding-right : 0;
  padding-left : 0;
  padding-bottom : 0;
  border : none;
  display : inline;
}

a.gsc-branding-clickable {
  cursor : pointer;
}

input.gsc-search-button {
  margin-left : 2px;
}

div.gsc-clear-button {
  display : inline;
  text-align : right;
  margin-left : 4px;
  margin-right : 4px;
  padding-left : 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('http://www.google.com/uds/css/clear.gif');
  cursor : pointer;
}

/*
 * Given that this is sitting in a variable width tabel cell, the idea is
 * for it to consume the entire cell. The adjacent cell contains the search
 * button and that is a fixed width cell.
 */
input.gsc-input {
  padding-left : 2px;
  border-style : solid;
  border-width : 1px;
  border-color : #BCCDF0;
  width : 99%;
}

.gsc-keeper {
  color: #3366cc;
  text-decoration: underline;
  font-size: 13px;
  cursor: pointer;
  font-weight: normal;

  padding-left: 16px;
  background-repeat: no-repeat;
  background-position: 1px 3px;
  background-image: url('http://www.google.com/uds/css/blue_check.gif');
}

/* each section of results has a results header table
 * .gsc-resultsHeader : the header itseld
 * td.twiddleRegionCell : the section that controls twiddleing of the section to expand/collapse
 * td.configLabelCell : the twiddler that controls active configuration of a searcher (used in GlocalSearch)
 * .gsc-twiddle : the twiddle image, note, this is a div that wraps gsc-title so that standard image replacement is feasible
 * .gsc-twiddle-closed : class added to gsc-twiddle when the twiddler is in the closed state
 * .gsc-twiddle-opened : class added to gsc-twiddle when the twiddler is in the opened state
 * .gsc-title : the section's title (e.g., Web Results, etc.)
 * .gsc-stats : contains the result counts
 * .gsc-stats
 */
.gsc-resultsHeader {
  width : 100%;
  border-bottom : 1px solid #e9e9e9;
  margin-bottom : 4px;
  clear : both;
}

.gsc-resultsHeader td.gsc-twiddleRegionCell{
  width: 75%;
}

.gsc-resultsHeader td.gsc-configLabelCell{
  text-align: right;
  width: 75%;
}

/*
 * note that the next three classes are all joined together
 * to implement the twiddle image. apps can substitute in their
 * own images but will need to account for the image size here
 * as well as in the left padding of the title element
 *
 * Note: uds provides the following images that work with the geometry/padding defined below
 *  to use these images simply over-ride the.gsc-twiddle-opened/-closed class and specify an alternate image
 *  or use an image of your own design
 */
.gsc-resultsHeader .gsc-twiddle{
  margin-top: 4px;
  display: inline;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 0px 2px;
}
.gsc-resultsHeader td.gsc-twiddle-closed div.gsc-twiddle{
  background-image: url('http://www.google.com/uds/css/arrow_close.gif');
}
.gsc-resultsHeader td.gsc-twiddle-opened div.gsc-twiddle{
  background-image: url('http://www.google.com/uds/css/arrow_open.gif');
}

.gsc-resultsHeader .gsc-title{
  color: #676767;
  margin-right: 10px;
  padding-left: 14px;
  display: inline;
}

.gsc-resultsHeader .gsc-stats {
  color: #676767;
  font-size: 11px;
  font-weight: normal;
  display : inline;
}

.gsc-resultsHeader td.gsc-twiddle-opened .gsc-stats {
  display : none;
}

/*
 * .gsc-results-selector : box surrounding individual selectors for 1, more, or all results
 * .gsc-result-selector : an individual selector
 * .gsc-one-result : single result selector
 * .gsc-more-results : more (4) results selector
 * .gsc-all-results : all results (8) selector
 */
.gsc-results-selector {
  display : inline;
}

.gsc-resultsHeader td.gsc-twiddle-closed .gsc-results-selector {
  display : none;
}

.gsc-result-selector {
  cursor : pointer;
  display : inline;
  font-size : 13px;
  padding-left : 13px;
  background-repeat: no-repeat;
  background-position: center left;
}

/* default mode is dark */
.gsc-one-result {
  background-image: url('http://www.google.com/uds/css/one-complex-dark.gif');
}

.gsc-more-results {
  background-image: url('http://www.google.com/uds/css/more-complex-dark.gif');
}

.gsc-all-results {
  background-image: url('http://www.google.com/uds/css/all-complex-dark.gif');
  padding-right : 1px;
}

/* active mode is light */
.gsc-one-result-active .gsc-one-result {
  background-image: url('http://www.google.com/uds/css/one-complex-light-blue.gif');
}

.gsc-more-results-active .gsc-more-results {
  background-image: url('http://www.google.com/uds/css/more-complex-light-blue.gif');
}

.gsc-all-results-active .gsc-all-results {
  background-image: url('http://www.google.com/uds/css/all-complex-light-blue.gif');
}

.gsc-resultsHeader .gsc-configLabel{
  color: #676767;
  display: inline;
  font-size: 11px;
  cursor: pointer;
}

.gsc-resultsHeader td.gsc-configLabelCell span.gsc-twiddle-closed {
  padding-right: 12px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('http://www.google.com/uds/css/settings.gif');
}


/* tabbed mode of search control
 * .gsc-tabsArea : the box containing all of the tabs
 * .gsc-tabsAreaInvisible : same as above, but this is the state when search has been cleared
 * .gsc-tabHeader : an individual tab
 * .gsc-tabHeader.gsc-tabhActive : the active tab
 * .gsc-tabHeader.gsc-tabhInactive : an inactive tab
 * .gsc-tabData : the data area/box containg results and header data for each tab
 * .gsc-tabData.gsc-tabdActive : the data area for the active tab
 * .gsc-tabData.gsc-tabdInactive : the data area for inactive tabs
 */
.gsc-tabsArea {
  clear: both;
  margin-top: 6px;
  }

.gsc-tabsArea .gs-spacer {
  font-size : 1px;
  margin-right : 0px;
  overflow : hidden;
}

.gsc-tabsArea .gs-spacer-opera {
  margin-right : 0px;
}

.gsc-tabsAreaInvisible {
  display : none;
  }

.gsc-tabHeader {
  display: inline;
  cursor: pointer;
  padding-left: 6px;
  padding-right: 6px;
  margin-right: 2px;
  }

.gsc-tabHeader.gsc-tabhActive {
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  border-top: 2px solid #ff9900;
  color: black;
  }

.gsc-tabHeader.gsc-tabhInactive {
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  border-top: 2px solid #e9e9e9;
  background: #e9e9e9;
  color: #676767;
  }

.gsc-tabData.gsc-tabdActive {
  display: block;
  }

.gsc-tabData.gsc-tabdInactive {
  display: none;
  }

/* tab specific results header supression
 * - no twiddle, tabbed mode runs in full expand mode
 * - no title
 * - no stats
 */
.gsc-tabData .gsc-resultsHeader .gsc-title {
  display: none;
  }

.gsc-tabData .gsc-resultsHeader .gsc-stats {
  display: none;
  }

.gsc-tabData .gsc-resultsHeader .gsc-results-selector {
  display : none;
}



/* the results for each section
 * .gsc-resultsbox-{visible,invisible} : a complete-collection of results including headers
 * .gsc-results : the collection of results for a given searcher
 * .gsc-result : a generic result within the control. each result has this class, as well as .gsc-xxxResult where xxx is web, image, local, blog, etc.
 */
.gsc-resultsbox-visible {
  display : block;
}

.gsc-resultsbox-invisible {
  display : none;
}

.gsc-results {
  padding-bottom: 2px;
  width : 99%;
}

.gsc-result {
  margin-bottom: 10px;
}

.gsc-result .gs-title {
  height: 1.4em;
  overflow: hidden;
  }

/* specialized, result type specific, fine grained controls */
.gsc-result div.gs-watermark {
  display: none;
}

/* Ads
 */
.gsc-results .gsc-result img.gs-ad-marker {
  display: none;
}

.gsc-wrapper {
  position : relative;
  display : block;
}

.gsc-adBlock {
  position : relative;
  display : block;
  margin-top : 6px;
  margin-bottom : 4px;
  padding-bottom : 2px;
  background : #FFF8DD none repeat scroll 0 0;
}

.gsc-adBlock h2 {
  float : right;
  margin : 3px 5px 0;
  font-weight : normal;
  font-size : .9em;
  color : #676767;
}

.gsc-adBlock .gsc-ad {
  padding-left : 8px;
  padding-top : 5px;
  padding-right : 3px;
}

.gsc-adBlock .gsc-ad a {
  font-weight : bolder;
  color : #0000CC;
  line-height : 1.4em;
}

.gsc-adBlock .gsc-ad cite {
  font-style : normal;
  color : green;
}

.gsc-adBlock .gsc-ad span {
  padding-left : 8px;
}

.gsc-adBlockInvisible {
  display : none;
}

.gsc-adBlockVertical {
  position : relative;
  display : block;
  float : right;
  width : 30%;
  border-left : 1px solid #C9D7F1;
}

.gsc-thinWrapper {
  width : 69%;
  float : left;
  overflow : hidden;
}

.gsc-adBlockVerticalInvisible {
  display : none;
}

.gsc-adBlockVertical h2 {
  text-align : center;
  font-weight : normal;
  font-size : .9em;
  color : #676767;
  margin-top : 6px;
}

.gsc-adBlockVertical .gsc-ad {
  padding-left : 8px;
  padding-top : 5px;
}

.gsc-adBlockVertical .gsc-ad a {
  font-weight : bolder;
  color : #0000CC;
  line-height : 1.4em;
}

.gsc-adBlockVertical .gsc-ad cite {
  font-style : normal;
  color : green;
  display : block;
}

.gsc-adBlockVertical .gsc-ad span {
}

.gsc-ad-preview {
  background-image: url('http://www.google.com/images/preview.gif');
}

/* Standard configuration div/form */
div.gsc-config {
  border: 1px solid #e9e9e9;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-top : 2px;
  padding-left : 6px;
  padding-right : 6px;
  padding-bottom : 6px;
}

form.gsc-config {
  margin-bottom : 0px;
}

.gsc-configSetting {
  margin-top : 6px;
  }

.gsc-configSetting_Label {
  color: #676767;
  }

.gsc-configSettingInput {
  color: #676767;
  border: 1px solid #e9e9e9;
  width: 75%;
  }

.gsc-configSettingCheckbox {
  color: #676767;
  margin-right: 6px;
  }

.gsc-configSettingCheckboxLabel {
  display : inline;
  color: #676767;
  }

div.gsc-configSettingSubmit {
  margin-top : 8px;
  text-align : right;
}

input.gsc-configSettingSubmit {
  display: inline;
  font-size: 11px;
  cursor: pointer;
}

/* Added so elements inside a result are properly cleared by the container. */
.gsc-webResult:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.gsc-webResult {
  zoom: 1;  /* IE-specific hack to get the layout clearing right. */
}

.gs-web-image-box {
  float: left;
  padding: 3px;
  margin-right: 5px;
  border: 1px solid #BBBBBB;
}

.gs-web-image-box img.gs-image {
  border: 1px solid #999999;
}

div.gs-action {
  display: inline;
  margin-right: .6em;
}
div.gs-action a.gs-action {
  color: #7777CC;
}
div.gs-action.cart a.gs-action,
div.gs-action.star a.gs-action,
div.gs-action.share a.gs-action,
div.gs-action.rss a.gs-action,
div.gs-action.facebook a.gs-action,
div.gs-action.digg a.gs-action,
div.gs-action.twitter a.gs-action,
div.gs-action.email a.gs-action,
div.gs-action.mobile a.gs-action,
div.gs-action.generic a.gs-action,
div.gs-action.link a.gs-action {
  padding-left: 18px;
  background:transparent url('http://www.google.com/uds/css/action_icons_sprite.png') no-repeat;
}
div.gs-action.cart a.gs-action {
  background-position: 0px 0px;
}
div.gs-action.star a.gs-action {
  background-position: -16px -34px;
}
div.gs-action.rss a.gs-action {
  background-position: -48px -98px;
}
div.gs-action.facebook a.gs-action {
  background-position: -64px -130px;
}
div.gs-action.twitter a.gs-action {
  background-position: -96px -194px;
}
div.gs-action.email a.gs-action {
  background-position: -112px -224px;
}
div.gs-action.mobile a.gs-action {
  background-position: -131px -257px;
}
div.gs-action.share a.gs-action {
  background-position: -32px -64px;
}
div.gs-action.digg a.gs-action {
  background-position: -79px -162px;
}
div.gs-action.generic a.gs-action {
  background-position: -144px -290px;
}
div.gs-action.link a.gs-action {
  background-position: -159px -321px;
}

/* Image Search
 */
.gsc-imageResult {
  float: left;
  margin-bottom: 1em;
  margin-right: 20px;
}

.gs-imageResult {
  width: 114px; /* default width + 1px border */
  overflow : hidden;
}

.gs-imageResult .gs-image-box {
  height: 86px; /* default height + 1px border */
  position : relative;
}

/* note, left edge is auto-set by search control */
.gs-imageResult .gs-image-box img.gs-image {
  position : absolute;
  bottom : 0px;
}

.gs-imageResult .gs-text-box {
  text-align: center;
  overflow : hidden;
  height: 4em;
}

.gs-imageResult .gs-snippet {
  overflow : hidden;
  line-height: 1em;
  cursor : pointer;
  white-space : nowrap;
}
.gs-imageResult .gs-visibleUrl {
  cursor : pointer;
  overflow : hidden;
  line-height: 1.3em;
  height: 1.3em;
}
.gs-imageResult .gs-size {
  color: #6f6f6f;
}

/* Video Search
 * - single line title
 */

.gsc-videoResult .gs-videoResult .gs-title {
  line-height: 1.3em;
  height: 1.3em;
  overflow: hidden;
  }

.gsc-videoResult .gs-videoResult .gs-snippet {
  line-height: 1.3em;
  max-height: 2.6em;
  overflow: hidden;
  }

/* trailing more link at the bottom of
 * a collection of results
 */
.gsc-imageResult .gsc-trailing-more-results {
  clear : both;
}

.gsc-results .gsc-trailing-more-results {
  margin-bottom : 10px;
}

.gsc-results .gsc-trailing-more-results,
.gsc-results .gsc-trailing-more-results * {
  color: #0000cc;
  text-decoration: underline;
}

/* trailing cursor section
 */
.gsc-imageResult .gsc-cursor-box {
  clear : both;
}

.gsc-results .gsc-cursor-box .gsc-trailing-more-results {
  margin-bottom : 0px;
  display : inline;
}

.gsc-results .gsc-cursor {
  display : inline;
}

.gsc-results .gsc-cursor-box {
  margin-bottom : 10px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  cursor : pointer;
  color : #000000;
  text-decoration: underline;
  margin-right : 8px;
  display : inline;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color : #A90A08;
  font-weight : bold;
  text-decoration: none;
}



/*** End of Control, Begin Results ***/

/* generic, cross cutting result style
 * - in the form of .gs-result .gs-xxx where xxx is the generic style
 * .gs-title : typically the first line of a result, typically a link, image results over ride this, since for image results, the image is the link
 * .gs-divider : typically seperates results from ads
 * .gs-visibleUrl : typically the last line of a result, displayed in green. sometimes a link (like in blog search)
 * .gs-clusterUrl : for news, and other similar services, this is a cluster of additional results
 * img.gs-image : an actial image in a result
 * .gs-phone : a phone number
 * .gs-address : an address (includes street, city, region, country)
 * .gs-streetAddress : a street (including #)
 * .gs-city : a city
 * .gs-region : a region (zip code, area, etc.)
 * .gs-country : a country
 * .gs-snippet : snippetized content
 * .gs-watermark : indicator that user selected this result
 * .gs-metadata : generic metadata, e.g.,
 * .gs-image-box : generic container for a result's image (within a table)
 * .gs-text-box : generic container for a result's text content (within a table). Note that this class, and image-box are only used in video
 */
.gs-result .gs-title,
.gs-result .gs-title * {
  color: #0000cc;
  text-decoration: underline;
}

.gs-divider {
  padding-bottom: 8px;
  text-align: center;
  color: #676767;
}

.gs-result a.gs-visibleUrl,
.gs-result .gs-visibleUrl {
  color: #008000;
  text-decoration: none;
}

/* relative and absolute dates, note, news/books inlines these */
.gs-relativePublishedDate,
.gs-publishedDate {
  color: #6f6f6f;
  text-decoration: none;
}
.gs-result a.gs-clusterUrl,
.gs-result .gs-clusterUrl {
  color: #008000;
  text-decoration: underline;
  cursor: pointer;
}

.gs-newsResult .gs-publisher {
  color: #6f6f6f;
  display : inline;
  text-decoration: none;
}

/*
 * For news results there are two dates...
 * The relative date is visible while in the
 * search control and the published date
 * is visible when clipped. Why? It doesn't
 * make sense to say 4 hours ago for a clipped
 * result...
 */

/* establish the base style */
.gs-newsResult .gs-relativePublishedDate,
.gs-newsResult .gs-publishedDate {
  display : inline;
  margin-left : 4px;
}

/* base styling for relative date is none */
.gs-blogResult .gs-relativePublishedDate,
.gs-newsResult .gs-relativePublishedDate {
  display : none;
}

/* suppress publishedDate while in the control */
.gsc-blogResult .gs-blogResult .gs-publishedDate,
.gsc-newsResult .gs-newsResult .gs-publishedDate {
  display : none;
}

/* enable relativePublishedDate while in the control */
.gsc-blogResult .gs-blogResult .gs-relativePublishedDate,
.gsc-newsResult .gs-newsResult .gs-relativePublishedDate {
  display : inline;
}

.gs-newsResult .gs-location {
  color: #6f6f6f;
  display : inline;
  text-decoration: none;
}

.gs-promotion {
  padding-top : 5px;
}

.gs-promotion a {
  font-weight : bold;
  font-size: 14px;
}

.gs-promotion-image {
  margin-right : 10px;
}

.gs-promotion-image-td {
  vertical-align : top;
}

.gs-promotion table {
  border : none;
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.gs-promotion table a {
  font-weight : normal;
  font-size: 13px;
  padding-right : 5px;
}

.gs-result img.gs-image {
  vertical-align : middle;
  border : 1px solid #0000cc;
}

.gs-result div.gs-phone {}

.gs-result .gs-directions,
.gs-result .gs-directions * {
  color: #7777cc;
  font-weight: normal;
  text-decoration : underline;
  cursor : pointer;
}

.gs-secondary-link,
.gs-secondary-link * {
  color: #7777cc;
  font-weight: normal;
  text-decoration : underline;
  cursor : pointer;
}

/* wrapper around user supplied to/from mode directions
 * normally this is disabled by default, and gs-directions is enabled
 * apps can easily switch this by setting display:block on the rule below,
 * and display:none on the rule above
 * e.g., add these two rules to switch local results into
 * alternate style driving directions
 * .gs-localResult .gs-directions-to-from { display : block; }
 * .gs-localResult .gs-directions { display : none; }
 */
.gs-result .gs-directions-to-from {
  display : none;
  margin-top : 4px;
}
.gs-result .gs-directions-to-from .gs-label {
  display : inline;
  margin-right : 4px;
}

.gs-result .gs-directions-to-from div.gs-secondary-link {
  display : inline;
}

.gs-result .gs-directions-to-from .gs-spacer {
  display : inline;
  margin-right : 3px;
  margin-left : 3px;
}

.gs-videoResult a.gs-publisher,
.gs-videoResult .gs-publisher {
  color: #008000;
  text-decoration: none;
}

.gs-result a {
  cursor: pointer;
}

.gs-result .gs-address {
}

.gs-result .gs-snippet {
}

.gs-no-results-result .gs-snippet,
.gs-error-result .gs-snippet {
  padding : 5px;
  margin : 5px;
  border : 1px solid rgb(255,204,51);
  background-color : rgb(255,244,194);
}

.gs-result .gs-watermark{
  font-size: 10px;
  color: #7777cc;
}

div.gs-results-attribution {
  text-align : center;
  margin-bottom : 4px;
}

div.gs-results-attribution,
div.gs-results-attribution * {
  font-size : 10px;
  color : #676767;
  text-decoration : none;
}

div.gs-results-attribution a {
  color: #0000cc;
  cursor : pointer;
}

div.gs-results-attribution a:hover {
  text-decoration : underline;
}

.gs-result .gs-metadata{
  color: #676767;
}

/* searcher specific styling for
 * - web ad
 * - web
 * - local
 * - image (none)
 * - blog (none)
 * - video (none)
 */

/* webAd search specific over rides
 * .gs-ad-marker : disabled in control, but on in green to indicate clipped result is an ad
 */
.gs-localAd img.gs-ad-marker,
.gs-webAd img.gs-ad-marker {
  padding-left: 4px;
}

/* default is to not show long mode visible urls
 * apps should selectively enable this while disabling
 * div.gs-visibleUrl-short
 */
.gs-webResult div.gs-visibleUrl-long {
  width : 100%;
  overflow : hidden;
  display : none;
}

/* local search specific over rides
 * - city, region displayed inline
 * - country supressed
 * - small font size for info window's
 */

.gs-localAd div.gs-address * {
  color : #676767;
}

.gs-localAd div.gs-street {
  display: inline;
}

div.gs-city {
  display: inline;
}

div.gs-region {
  display: inline;
}

div.gs-country {
  display: none;
}

div.gs-infoWindow * {
  font-size: 11px;
  }

/* video search specific over rides
 * - align the table data
 * - default image width garuntee
 * - appropriate cell seperation
 */

/* todo(markl): workaround until gre in gmail fixes his styles */
.gs-videoResult * {
  font-size: 13px;
  }

/*
.gs-videoResult td .gs-image {
  vertical-align : middle;
}

.gs-videoResult td.gs-image-box {
  background-color : #000000;
}*/

.gs-videoResult td div.gs-image-box {
  width : 110px;
  height : 78px;
}

.gs-videoResult td div.gs-text-box {
  vertical-align: top;
  margin-left: 4px;
  }


/* book search specific over rides
 * - default image width garuntee
 * - appropriate cell seperation
 */

div.gs-book-image-box td,
.gs-bookResult td {
  vertical-align : top;
}

div.gs-book-image-box,
div.gs-book-image-box div {
  position : static;
  text-align : start;
}

div.gs-book-image-box {
  width : 75px;
  height : 90px;
}

.gs-bookResult td div.gs-text-box {
  vertical-align: top;
  margin-left: 4px;
  }

div.gs-book-image-box img {
  border-spacing : 0px 0px;
  border : none;
}

div.gs-book-image-box div.gs-row-1 {
  line-height : 7px;
}

div.gs-book-image-box img.gs-pages {
  height : 7px;
  width : 45px;
}

div.gs-book-image-box img.gs-page-edge {
  height : 7px;
  width : 11px;
}

div.gs-book-image-box div.gs-row-2 {
}

div.gs-book-image-box img.gs-image {
  height : 80px;
  border : 1px solid #a0a0a0;
}

.gs-bookResult .gs-author {
  display : inline;
  color: #6f6f6f;
}
.gs-bookResult .gs-publishedDate {
  display : inline;
}

.gs-bookResult .gs-pageCount {
  display : inline;
  color: #6f6f6f;
  margin-left : 4px;
}

.gs-bookResult .gs-id {}



/* book search specific over rides
 * - default image width garuntee
 * - appropriate cell seperation
 */

.gs-patentResult td {
  vertical-align : top;
}
.gs-patentResult .gs-patent-number,
.gs-patentResult .gs-publishedDate,
.gs-patentResult .gs-author {
  display:inline;
}

.gs-patentResult .gs-image-box {
  padding-right : 8px;
}

.gs-patentResult img.gs-image {
  border : 1px solid #7777cc;
}

/*-- Ende Videos Box CSS and Search CSS ----------------------------------------------------------------------------**/