@import url("simple.css");
@import url("header.css");
@import url("product_info.css");
@import url("listing.css");
@import url("kasse.css");
@import url("buttons.css");
/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce
   -----------------------------------------------------------------------------------------
   based on:
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com
   (c) 2003	 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License 
   ---------------------------------------------------------------------------------------*/

/* CSS Document */




/* Ende allgemeine Angaben*/

div#main {
  margin-left: auto;
  margin-right: auto;
  width:1020px;
}



/* ---------- ENDE Header in index.html ------------------------------------- */
div#inhalte {
  padding:0 10px;
}
div#inhalte p, h1, h2, h3, h4{
  margin:1em 0;
}

p.boxCart a, p.boxCart a:hover{
  display:inline;
}


.nav_top{
  background:url(img/nav_side_top.jpg) no-repeat top left;
  width:220px;
  padding:15px 0 0 0;
}
.nav_bottom{
  background:url(img/nav_side_bottom.jpg) no-repeat bottom left;
  padding: 0 0 22px 0;
}

div#content{
  width:580px;
}
div#nav_right, div#nav_left{
 width:220px;
 background:url(img/nav_side.jpg) repeat-y;
}

div.grosse_kachel{
  background:url(img/grosse_kachel.jpg) no-repeat;
  padding:20px 20px;
  height:144px;
}

div.anschluss{
  background:url(img/anschlusspreis/vodafone.jpg) no-repeat;
  width:220px;
  height:227px;
  text-align:center;
  color:#000;
}

div.anschluss h2{
  font-size: 160%;
  line-height: 100%;
  color: #000;
  padding:75px 10px 5px 10px;
  margin:0;
}
div.anschluss p{
  width:194px;
  background-color:#FFF;
  font-weight:bold;
  font-size:160%;
  padding: 5px 0;
  margin: 20px 13px 5px 13px;
  color:#000;
  text-align:center;
  line-height:1em;
}


#footer {
  text-align: center;
  padding:50px 0;
  margin-left: auto;
  margin-right: auto;
  height: 250px;
  width: 990px;
}
#footer div{
 text-align: center;
}

#footer table{
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}
#footer td{
  background-color: rgb(255, 255, 255);
  border:1px rgb(128, 128, 128) solid;
  text-align: center;
  vertical-align: middle;
  width: 140px;
  height: 90px;
}

.price {
  color:rgb(134,27,33);
  font-size:24px;
}

.price a{
  color:rgb(134,27,33);
  text-decoration:none;
}

#start_text {
  width: 574px;
  font-size:12px;
  background: url(img/rounded_bottom_big.gif) no-repeat bottom left #EEE;
}

.details {
  background:url(img/grosse_kachel_mitte.jpg) repeat-y;
  float:left;

}

.details div.rund_oben{
  padding:20px;
  width:540px;
  background: url(img/grosse_kachel_oben.jpg) no-repeat top left;

}

.details div.rund_oben_red{
  padding:20px;
  width:540px;
  background: url(img/grosse_kachel_oben_red.jpg) no-repeat top left;

}
.details div.rund_unten{
  height:20px;
  width:580px;
  clear:both;
  background: url(img/grosse_kachel_unten.jpg) no-repeat bottom left;

}

#fussnote {
  clear:both;
  font-size:9px;
  padding:20px 10px;
  margin:2px;
  border-top:1px solid #666;
}

#suche {
 position: relative;
 top: 15px;
 left: 690px;
 width: 145px;
 float:left;
 text-align:left;
}
.search {                                                                               
 margin-top:20px;
}
#suche a { font-weight:bold; font-size:11px; padding-bottom:5px; display:block; color:rgb(186, 11, 57); text-decoration:none; }
#suche a:hover { font-weight:bold; font-size:11px; padding-bottom:5px; color:rgb(128, 128, 128); text-decoration:underline; }

.boxText a { color:#333; display:block; text-decoration:none; padding: 0px 0 2px 0px; margin-bottom: 2px; }
.boxText a:hover { color:#333; display:block; text-decoration:underline; padding: 0px 0 2px 0px; margin-bottom: 2px}

.boxText a#trusted_logo { color:#333; display:block; text-decoration:none; padding: 0px 0 2px 40px; margin-bottom: 2px;background:url(img/ts_logo.gif) no-repeat left 50%;height:50px;line-height:50px;font-size:larger;font-weight:bold;text-transform:uppercase;}
.boxText a#trusted_logo:hover { color:#333; display:block; text-decoration:none; padding: 0px 0 2px 40px; margin-bottom: 2px;background:url(img/ts_logo.gif) no-repeat 50% left;height:50px;line-height:50px;font-size:larger;font-weight:bold;text-transform:uppercase;}


.boxMenu a { color:#000; display:block; text-decoration:none; padding: 0px 0 2px 25px; margin-bottom: 2px; border-bottom: 1px solid #CCC;}
.boxMenu a:hover { color:#000; display:block; text-decoration:underline; padding: 0px 0 2px 25px; margin-bottom: 2px;border-bottom: 1px solid #CCC;}

.boxMenu a.button_link { color:#FFF; display:block; height:29px; text-decoration:none; padding: 0px 0 0px 35px; line-height:29px;background: url(img/button_cat.jpg) no-repeat bottom left;border:none;}
.boxMenu a:hover.button_link {color:#FFF; display:block; height:29px; text-decoration:none; padding: 0px 0 0px 35px; line-height:29px;background: url(img/button_cat.jpg) no-repeat top left;border:none;}

.boxMenu a.button_link_gelb { color:#000; display:block; height:29px; text-decoration:none; padding: 0px 0 0px 25px; line-height:29px;background: url(img/button_cat_gelb.jpg) no-repeat bottom left;border:none;}
.boxMenu a:hover.button_link_gelb {color:#000; display:block; height:29px; text-decoration:none; padding: 0px 0 0px 25px; line-height:29px;background: url(img/button_cat_gelb.jpg) no-repeat top left;border:none;}

.boxMenu a.bundle_link { display:block; text-decoration:none; border:none; padding:0;}
.boxMenu a:hover.bundle_link { display:block; text-decoration:none; border:none;padding:0;}

.boxMenu a.button_link{
  font-size: 110%;
  font-weight:bold;
  border:none;
}

#footer a{ font-size:11px; color:rgb(186, 11, 57); text-decoration:none; }
#footer a:hover { font-size:11px; color:rgb(186, 11, 57); text-decoration:underline; }


/* -------------- XTC-Stylesheets -----------------*/
.boxMenu {
  padding:0 10px;
}


.boxText {
    padding: 0 20px;
}

.boxTextBG {
	background-color: #f1f1f1;
}
.boxTextBGII {
	background-color: #FFCC99;
}
.boxTextPrice {
	color: #FF0000;
}

.errorBox {
	font-weight: bold;
	background-color: #ffb3b5;
}
.gvBox {
	font-size : 14px;
	font-weight: bold;
	border-color: #FFFFFF;
	border: 1px solid;
	background-color: #ffb3b5;
}
.stockWarning {
	color: #cc0033;
}

.productsNotifications {
	background-color: #f2fff7;
}

.orderEdit {
	color: #70d250;
	text-decoration: underline;
}

FORM {
	display: inline;		   
}

TR.header {
	background-color: #ffffff;
}

TR.headerNavigation {
  background: #F6F6F6;
}

TD.headerNavigation {
	font-weight : bold;
	border-bottom: 1px solid;
	border-color: #b6b7cb;
	background-color: #F6F6F6;
}

A.headerNavigation {}

A.headerNavigation:hover {}

TD.conditions {
  background-color: #FFCCCC;
}

A.confirmationEdit {
	color: #009933;
	font-style: italic;
}
A.confirmationEdit:hover {
	color: #009933;
	font-style: italic;
	text-decoration: underline;
}
TR.headerError {
  background-color: #ff0000;
}

TR.headerMessage {
	background-color: #ffffff;
}

.moduleHeading {
	font-size: small;
	font-weight: bold;
	padding-bottom: 10px;
}

.moduleHeading_white {
	font-size: small;
	font-weight: bold;
	padding-bottom: 10px;
	color:#ffffff;
}

TD.headerError {
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-size: 12px;
  background: #6E1A32;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  background: #F6F6F6;
  font-weight : bold;
  border-bottom: 1px solid;
  border-color: #b6b7cb;
}

.infoBoxContents {}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
}

.infoBoxHeading {
  font-size: 130%;
  font-weight: bold;
  padding:0 10px;
  margin: 0 10px;
  border-bottom: 3px solid #BBB;
  color:#333;
}

.infoBoxHeading2 {
  height: 1px;
  font-size: 130%;
  font-weight: bold;
  padding: 5px;
  background: url(img/rounded.gif) no-repeat;
  color:rgb(255,255,255);
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px solid #b6b7cb;
}

.productListing-heading {
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {}

A.pageResults {
	color: #0000FF;
	text-decoration: underline;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-size: 16px;
  font-weight: bold;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {}

TD.main, P.main {
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
}

TD.accountCategory {
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-size: 12px;
}

TD.tableHeading {
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {color: #ff0000;}

CHECKBOX, INPUT, RADIO, SELECT {font-size: 11px;}

TEXTAREA {
  width: 100%;
  font-size: 11px;
}

SPAN.greetUser {
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

SPAN.underline { text-decoration: underline; }

TABLE.formArea {
  background: #f1f1f1;
  border: 1px solid #CCC;
}

TD.formAreaTitle {
  font-size: 12px;
  font-weight: bold;
}

.copyright {
font-size: 11px;
line-height: 1.5;
text-align:center;
}
.parseTime {
font-size: 11px;
line-height: 1.5;
text-align:center;
}

A.copyright {}
A.copyright:hover {
  color: #0000ff;
  text-decoration: underline;
}

SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice { color: #ff0000; }
SPAN.productOldPrice {
	color: #ff0000;
	text-decoration: line-through;
}
SPAN.errorText { color: #ff0000; }

SPAN.productDiscountPrice {
  color: #ff0000;
  font-weight: bold;
}

.smallHeading {
	font-size: x-small;
	font-weight: bold;
}

.moduleRow {
 font-size: 11px;
 line-height: 1.5;

}
.moduleRowOver {
    font-size: 11px;
    line-height: 1.5;
	}
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { color: #8c8c8c; }
.checkoutBarCurrent {  }

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-size: 7pt; }
.heading2 { font-size: 9pt; }
.heading3 { font-size: 10pt; }
.heading4 { font-size: 12pt; }
.heading5 { font-size: 16pt; }

/* Sitemap Tables */
.sitemap_heading {font-size: 10pt; color: #FFFFFF;
	background-color: #666666;
	padding-top: 2px; padding-bottom: 2px;}
.sitemap_heading a {color:#FFFFFF;}
.sitemap_heading a:hover {color:#CCCCCC; text-decoration:none;}

.sitemap_sub {font-size: 9pt; background-color: #E6E6E6; padding: 2px 2px;}
.sitemap_sub a {}
.sitemap_sub a:hover {color:#999999; text-decoration:none;}

/* message box */

.messageBox { }
.messageStackError, .messageStackWarning { background-color: #ffb3b5; }
.messageStackSuccess { background-color: #99ff00; }

/* input requirement */

.inputRequirement { color: #ff0000; }

.tableShop {
background-color: #ffffff;
border-left: 1px solid;
border-right: 1px solid;
border-color: #b6b7cb;
}

.contentsTopics {
	font-size: 14px;
	font-weight: bold;
}

.contentsTopics_white {
	font-size: 14px;
	font-weight: bold;
	color:#ffffff;
}

.tableListingI { background-color: #eeeeee; }
.tableListingII { background-color: #d0d0d0; }
.tableBody { padding: 5px; }
.poweredby { font-weight: bold; }
.onepxwidth { width: 1px; }

/* Reiter-Navigation */

.tabco.tabcol { background-color: #d1d8e2 }
.tabcol0 { background-color: #e4d2d2 }
.tabcol1 { background-color: #97ffb4 }
.tabcol2 { background-color: #cb8dff }
.tabcol3 { background-color: #ff8d95 }
.tabcol4 { background-color: #dbff8d }
.tabcol5 { background-color: #dbff8d }
.tabcol6 { background-color: #dbff8d }

a.sublink { font-weight:bold;}
a.sublink:hover { text-decoration: underline; }


/* Eingefügt by RR */
.details_klein {
  background:url(img/grosse_kachel_mitte.jpg) repeat-y;
  float:left;
}
.details_klein div.rund_oben_klein{
  width:580px;
  background: url(img/grosse_kachel_oben.jpg) no-repeat top left;

}
.details_klein div.rund_unten_klein{
  height:20px;
  width:580px;
  clear:both;
  background: url(img/grosse_kachel_unten.jpg) no-repeat bottom left;

}

/* Box Menu */
div.BoxMenu_header {
  padding:37px 0 0 0;
	width: 220px;
	/*background: transparent url(/01_bilder/link_seite/header.jpg) no-repeat top left;*/ 
}
div.BoxMenu_header_text {
  position:absolute;
  float:left;	
  width:179px;	
  text-align: center;
  font-weight:bold;
  letter-spacing: 0.04em;
  color:#ffffff;
  padding: 10px 20px 0px 20px;
}
div.BoxMenu_footer {
  background: url(/01_bilder/link_seite/footer.jpg) no-repeat bottom left;
  padding: 0 0 8px 0;
}
div.BoxMenu_footer_nav {
  background: url(/01_bilder/link_seite/footer.jpg) no-repeat bottom left;
  padding: 0 0 15px 0;
}
div.BoxMenu_middle {
  background: url(/01_bilder/link_seite/middle.jpg) repeat-y bottom left;
  padding: 0 0 0px 0;
}

/* Left Navigation */
.list {
  list-style-type: none;
}

/* Left Navigation */
.anschlusspreis, .top_suchbegriffe, .BoxMenu_bild, .BoxMenu_bild2, .sicherheit, .login, .login_admin {
  position:relative;
  left:-10px;
  top:-7px;
}

/* Left Navigation */
.linke_navigation{
  margin-left:-10px;
  margin-top:-7px;
}

.linke_navigation ul {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}

.kategorie a {
  padding: 0px 0px 0px 26px;
	display: block;
	width: 172px;

	background-image: url(/01_bilder/link_seite/plus.gif);
	background-repeat: no-repeat; 
  background-position: 8px 5px; 
  
	border-top:1px solid #eaeaea;
	border-bottom:1px solid #b7b7b7;
	border-left:1px solid #eaeaea;
	border-right:1px solid #b7b7b7;
  background-color:#d7d7d7;
}

.kategorie a:hover {
  text-decoration:none;
	border-top:1px solid #efefef;
	border-bottom:1px solid #c8c8c8;
	border-left:1px solid #efefef;
	border-right:1px solid #c8c8c8;
  background-color:#e0e0e0;
}

.subkategorie a {
  padding: 0px 0px 0px 26px;
	display: block;
	width: 172px;

	background-image: url(/01_bilder/link_seite/pfeil_gray.gif);
	background-repeat: no-repeat; 
  background-position: 12px 6px; 
  
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #fafafa;
	border-right:1px solid #e0e0e0;
  background-color:#f0f0f0;
}

.subkategorie a:hover {
  text-decoration:none;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ebebeb;
  background-color:#fafafa;
}

.sub_sub_kategorie a {
  padding: 0px 0px 0px 46px;
	display: block;
	width: 152px;

	background-image: url(/01_bilder/link_seite/sub_pfeil.gif);
	background-repeat: no-repeat; 
  background-position: 25px 2px; 
  
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #fafafa;
	border-right:1px solid #e0e0e0;
  background-color:#f0f0f0;
}

.sub_sub_kategorie a:hover {
  text-decoration:none;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ebebeb;
  background-color:#fafafa;
}

.sub_dyn_kategorie a {
  padding: 0px 0px 0px 46px;
  margin-left: -20px;
	display: block;
	width: 152px;

	background-image: url(/01_bilder/link_seite/sub_pfeil.gif);
	background-repeat: no-repeat; 
  background-position: 25px 2px; 
  
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #fafafa;
	border-right:1px solid #e0e0e0;
  background-color:#f0f0f0;
}

.sub_dyn_kategorie a:hover {
  text-decoration:none;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ebebeb;
  background-color:#fafafa;
}

/* Rechte Navigation Anschlusspreis */
.anschlusspreis a {
  padding: 6px 0px 0px 76px;
  margin: 0px;
	display: block;
	width: 122px;
	height: 36px;
}

.anschlusspreis a:hover {
  text-decoration:none;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ebebeb;
  background-color:#fafafa;
}

/* Bobel Vodafone */
.bobel_1 a {
	background-image: url(/01_bilder/rechte_seite/bobel-vodafone.gif);
	background-repeat: no-repeat; 
  background-position: 8px 3px; 
	border-top:1px solid #fafafa;	border-bottom:1px solid #e0e0e0; border-left:1px solid #fafafa; border-right:1px solid #e0e0e0; background-color:#f0f0f0;
}

/* Bobel T-Mobile  */
.bobel_2 a {
	background-image: url(/01_bilder/rechte_seite/bobel-tmobile.gif);
	background-repeat: no-repeat; 
  background-position: 8px 3px; 
	border-top:1px solid #fafafa;	border-bottom:1px solid #e0e0e0; border-left:1px solid #fafafa; border-right:1px solid #e0e0e0; background-color:#f0f0f0;
}

/* Bobel E-Plus  */
.bobel_3 a {
	background-image: url(/01_bilder/rechte_seite/bobel-eplus.gif);
	background-repeat: no-repeat; 
  background-position: 8px 3px; 
	border-top:1px solid #fafafa;	border-bottom:1px solid #e0e0e0; border-left:1px solid #fafafa; border-right:1px solid #e0e0e0; background-color:#f0f0f0;
}

/* Bobel O2 */
.bobel_4 a {
	background-image: url(/01_bilder/rechte_seite/bobel-o2.gif);
	background-repeat: no-repeat; 
  background-position: 8px 3px; 
	border-top:1px solid #fafafa;	border-bottom:1px solid #e0e0e0; border-left:1px solid #fafafa; border-right:1px solid #e0e0e0; background-color:#f0f0f0;
}

/* Bobel BASE */
.bobel_6 a {
	background-image: url(/01_bilder/rechte_seite/bobel-base.gif);
	background-repeat: no-repeat; 
  background-position: 8px 3px; 
	border-top:1px solid #fafafa;	border-bottom:1px solid #e0e0e0; border-left:1px solid #fafafa; border-right:1px solid #e0e0e0; background-color:#f0f0f0;
}

/* Rechte Navigation TOP-Suchbegriffe */
.top_suchbegriffe li {
  padding: 0px 0px 0px 5px;
	width: 193px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #fafafa;
	border-right:1px solid #e0e0e0;
  background-color:#f0f0f0;	
}

.top_suchbegriffe a:hover {
  text-decoration:none;
	width: 188px;
  background-color:#fafafa;
}

.BoxMenu_bild li{
  padding: 0px 0px 0px 2px;
	display: block;
	width: 196px;
	height: 102px;
}

.BoxMenu_bild2 li{
  padding: 0px 0px 0px 2px;
	display: block;
	width: 196px;
	height: 118px;
}

.sicherheit li{
  padding: 5px 0px 5px 1px;
	display: block;
	width: 195px;
	text-align: center;
	
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #fafafa;
	border-right:1px solid #e0e0e0;
  background-color:#f0f0f0;		
}

.login td {
  padding: 0px 0px 0px 5px;
	width: 193px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #fafafa;
	border-right:1px solid #e0e0e0;
  background-color:#f0f0f0;	
}

.login_admin li {
  padding: 0px 0px 0px 5px;
	width: 193px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #fafafa;
	border-right:1px solid #e0e0e0;
  background-color:#f0f0f0;	
}

#infopages a, .produkt_info a {
  color:#6F1932;
  text-decoration:underline;
}

#infopages table {
 width:100%;
 margin:10px 0;
}

#infopages table th{
 font-size:110%;
}

#infopages table td {
  padding:5px;
}

#infopages table tr.alt {
  background-color:#DDD;
}

#infopages table tr.special {
  background-color:#6F1932;
  color:#FFF;
}
#infopages table tr.special span{
  font-size:110%;
  font-weight:bold;
}

div#main h2 {
  font-size: 1.3em;
  margin-bottom:5px;
  color:#701A33;
}

/* Tarifseite Navigation */
div.tarifseite_navbar a {
  position:relative;
	display: inline;
	width: 83px;
	height: 24px;
	text-align: center;
  float:left;	
  left: 62px;
  top: 0px;
}

div.tarifseite_navbar a.vodafone {
    background: transparent url(/01_bilder/Tarifseite/header/vodafone-button.jpg) no-repeat scroll left;
}

div.tarifseite_navbar a.vodafone:hover {
    background: transparent url(/01_bilder/Tarifseite/header/vodafone-button-drigger.jpg) no-repeat scroll left;
}

div.tarifseite_navbar a.tmobile {
    background: transparent url(/01_bilder/Tarifseite/header/tmobile-button.jpg) no-repeat scroll left;
}

div.tarifseite_navbar a.tmobile:hover {
    background: transparent url(/01_bilder/Tarifseite/header/tmobile-button-drigger.jpg) no-repeat scroll left;
}

div.tarifseite_navbar a.eplus {
    background: transparent url(/01_bilder/Tarifseite/header/eplus-button.jpg) no-repeat scroll left;
}

div.tarifseite_navbar a.eplus:hover {
    background: transparent url(/01_bilder/Tarifseite/header/eplus-button-drigger.jpg) no-repeat scroll left;
}

div.tarifseite_navbar a.o2 {
    background: transparent url(/01_bilder/Tarifseite/header/o2-button.jpg) no-repeat scroll left;
}

div.tarifseite_navbar a.o2:hover {
    background: transparent url(/01_bilder/Tarifseite/header/o2-button-drigger.jpg) no-repeat scroll left;
}

div.tarifseite_navbar a.base {
    background: transparent url(/01_bilder/Tarifseite/header/base-button.jpg) no-repeat scroll left;
}

div.tarifseite_navbar a.base:hover {
    background: transparent url(/01_bilder/Tarifseite/header/base-button-drigger.jpg) no-repeat scroll left;
}

.tarifoption {
  margin:20px 0;
  border:1px solid #DDD;
  border-collapse:collapse;
}

.tarifoption h2, .data h2, .datatarif h2 {
  font-size:110%;
}

.tarifoption td, .data td, .datatarif td{
 padding:4px;
 border-bottom:1px solid #DDD;
}
.tarifoption tr:hover, .data tr:hover, .datatarif tr:hover{
  background-color: #DDD;
}

/* By Rico Rothenburger */
.datatarif {
  margin:0 0 0 0;
  width:540px;
  border:1px solid #DDD;
  border-collapse:collapse;
}

.datatarif td strong{
  font-size:110%;
}

.datatarif td.voda {
  font-weight:bold;
  color:#F00;
}

.datatarif td.mobile {
  font-weight:bold;
  color:rgb(211,60, 141);
}

.datatarif td.eplus {
  font-weight:bold;
  color:rgb(1, 96, 64);
}

.datatarif td.otwo {
  font-weight:bold;
  color:rgb(20,19,61);
}

.datatarif td.base {
  font-weight:bold;
  color:rgb(70,92,26);
}

.datatarif td.ohne {
  font-weight:bold;
  color:rgb(186,20, 60);
}

.data_vertragsverlaengerung {
  margin:10px 10px 20px 0;
  width:98%;
  border:1px solid #DDD;
  border-collapse:collapse;
}

.data_vertragsverlaengerung td{
 padding:4px;
 border-bottom:1px solid #DDD;
}

.data_gewinnspiel {
  margin:10px 10px 20px 0;
  width:98%;
  border:1px solid #DDD;
  border-collapse:collapse;
}

.data_gewinnspiel td{
 padding:4px;
 border-bottom:1px solid #DDD;
}





/* Gallery styles */

#gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottom-left:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottom-right:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid white;
	
	background:url(/banner_rotator/img/panel.jpg) repeat-x bottom center #ffffff;
	
	/* The width of the gallery */
	width:560px;
	overflow:hidden;
}

#slides{
	/* This is the slide area */
	height:212px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:560px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu_gallery{
	/* This is the container for the thumbnails */
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  float:left;
  position:relative; 
  left:50%;
}

li.menuItem, li.fbar{
	/* Every thumbnail is a li element */
	width:60px;
	height:45px;
  padding: 0px;
  margin: 0px;
  float:left; 
  position:relative; 
  right:50%;
  list-style-type:none;
  overflow:hidden;
}

#menu_gallery li a{
	background:url(/banner_rotator/img/divider.png) no-repeat right;
	height:35px;
	padding-top:10px;
	width:60px;
  display:block;
  text-align:center; 
  text-decoration:none; 
  float:left;
}

#main_gallery a, #main_gallery a:visited {
  outline:none;
}

li.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(/banner_rotator/img/divider.png) no-repeat right;
}

li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(/banner_rotator/img/pic_bg.png) repeat;
}

li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(/banner_rotator/img/active_bg.png) no-repeat;
}

li.act a{
	cursor:default;
}


/* The styles below are only necessary for the demo page */

#main_gallery{
	/* The main container */
	margin:5px auto;
	text-align:center;
	width:560px;
	position:relative;
}

button:focus { 
    outline: none; 
}