/* Globale Definitionen für eteleon und white-label */

ul {
	margin: 0 0 0 15px;
	padding: 0;
}

ul.linespace > li {
	padding: 3px 0 3px 0;
}

ul.noindent {
	list-style:none;
	margin-left:0;
}

ol {
	margin: 0 0 0 20px;
	padding: 0;
}

hr {
	background:#bbb;
	height:2px;
	border-style:none;
}

form {
	display:inline;
	margin:0px;
	padding:0px;
}

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

img, a img {
	border:0;
	margin:0px;
	padding:0px;
}

legend {
	margin:0 4px 0 4px;
	font-weight:bold;
}

legend a {
	font-style: normal;
}

fieldset {
	padding:2px 4px;
	margin:4px 0 4px 0;
	font-size:12px;
	border-radius:3px;
	background: #f4faff;
	border: 1px solid #bcd;
	background-image: -moz-linear-gradient(top, #f7fcff, #f0f8ff);
	background-image: -ms-linear-gradient(top, #f7fcff, #f0f8ff);
	background-image: -webkit-linear-gradient(top, #f7fcff, #f0f8ff);
	background-image: -o-linear-gradient(top, #f7fcff, #f0f8ff);
	box-shadow: inset 0 1px 0px rgba(255,255,255, 0.1);
}

fieldset fieldset {
	background: #f4faff;
	border: 1px solid #bcd;
	background-image: -moz-linear-gradient(top, #eaf5ff, #dae8f4);
	background-image: -ms-linear-gradient(top, #eaf5ff, #dae8f4);
	background-image: -webkit-linear-gradient(top, #eaf5ff, #dae8f4);
	background-image: -o-linear-gradient(top, #eaf5ff, #dae8f4);
	box-shadow: inset 0 1px 0px rgba(255,255,255, 0.3);
}

fieldset input[type="text"], fieldset textarea {
	background: white;
	color: #404040;
	outline: 0;
	padding:2px;
	border: 1px solid #bbb;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	border-radius:2px;
}

fieldset select[multiple] {
	border: 1px solid #bbb;
}

fieldset input[type="text"]:focus, fieldset textarea:focus {
	background: white;
	color: #404040;
	outline: 0;
	border: 1px solid rgba(82, 168, 236, 0.8);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}

tt,pre {
	font-family: monospace;
	font-variant: normal;
	text-align: left;
}

table {
	empty-cells:show;
}

/* Fehler und Mitteilungen */
div.warning {
	color:#fff;
	display:block;
	margin-top:8px;
	margin-bottom:8px;
	border-radius:4px;
	border:1px solid #c00;
	padding:3px 6px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	background-color: #C43C35;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ff5F5B, #d43C35);
	background-image: -ms-linear-gradient(top, #ff5F5B, #d43C35);
	background-image: -webkit-linear-gradient(top, #ff5F5B, #d43C35);
	background-image: -o-linear-gradient(top, #ff5F5B, #d43C35);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-width: 1px;
	border-style: solid;
	border-color: #d43C35 #C43C35 #992A25;
}

div.warning li {
	padding:0;
	margin:0;
}

div.warning ul {
	list-style-type:square;
}

div.smallerwarning {
	font-size:92%;
	line-height:1.3;
	color: #f00;
	display:block;
	margin-top:5px;
	padding:3px 6px;
	margin-bottom:10px;
	color: #320;
	background-color: #EEDC94;
	background-image: -moz-linear-gradient(top, #FCEEC1, #EEDC94);
	background-image: -ms-linear-gradient(top, #FCEEC1, #EEDC94);
	background-image: -webkit-linear-gradient(top, #FCEEC1, #EEDC94);
	background-image: -o-linear-gradient(top, #FCEEC1, #EEDC94);
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
	border-color: #EEDC94 #ddDC94 #E4C652;
	border-radius: 4px;
	border-width: 1px;
	border-style: solid;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

div.message {
	background: #ffec9d;
	border:2px solid #dfbb00;
	color:#000;
	margin:4px 0 4px 0;
	padding:2px;
	display:block;
	border-radius:5px;
}

/* Tooltipbutton */
.tooltipbutton, .tooltipimage {
	margin:1px;
	cursor:pointer;
}

.tooltipbutton {
	font-size: 9px;
	font-weight:bold;
	color:#CEEAFD;
	background:#72BAEB;
	padding:1px 2px 1px 2px;
}

.tooltipimage {
	position:relative;
	top:2px;
}

.left {
	float:left;
}

.right {
	float:right;
}

.center {
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

.outset, .inset, .bordered {
	border-color:#abc;
	border-width: 1px;
}

.bordered {
	border-style: solid;
}

.outset {
	border-style: outset;
}

.inset {
	border-style:inset;
}

label:hover {
	text-decoration:underline;
}

/* Sonstige */

ul.hakal {
	list-style:url(/gfx/aufzaehlhakal.gif);
	margin: 0 0 0 25px;
	padding: 3px 0 3px 0;
}

table.compact, table.compact > tbody > tr > td {
	border:none;
	margin:0;
	padding:0;
	border-collapse: collapse;
	empty-cells: show;
}

small small, small small, small small p, small small div, small small li {
	font-size:10px;
}


/* Menubox */
.menubox {
	border:1px solid #D4C482;
	background: #F8F0D0;
	padding:8px;
}

.menubox a {
	font-weight:normal;
	margin-top:3px;
}

.menubox a.active {
	font-weight:bold;
}

/* ul nobullets */
ul.nobullets {
	list-style-type: none;
	margin-left:0px;
}

ul.nobullets > li {
	margin-top:3px;
	margin-bottom:5px;
}

/* Kurzinfo */
.kurzinfo h3, .kurzinfo h3 a {
	margin-top:0px;
	margin-bottom: 3px;
}
.kurzinfo {
	margin-bottom: 18px;
}

/* Tabs */
.tabs {
	font-size:10px;
	line-height: 14px;
	border-bottom: 1px solid #0993BD;
	padding: 2px 6px 0px 6px;
	margin-bottom: 10px;
	text-align: left;
	height:16px;
}
.tabs a, .tabs a:visited {
	background-color: #eee;
	background-image: -webkit-linear-gradient(top, #fff, #eee);
	background-image: -moz-linear-gradient(top, #fff, #eee);
	background-image: -o-linear-gradient(top, #fff, #eee);
	background-image: -ms-linear-gradient(top, #fff, #eee);
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	padding: 1px 8px 2px 8px;
	font-size: 12px;
	line-height: 12px;
	font-weight:normal;
	border-color: #d5d5d5;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	color: #333;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}
.tabs a.active {
	font-weight:bold;
}
.tabs a.active, .tabs a:hover {
	color:#fff;
	background: #0993BD;
	border-color: #0993BD;
}

/* cmstabs */
ul.cmstabs {
	font-size:10px;
	padding:0px;
	margin:10px 0px 10px 0px;
	list-style:none;
}

.cmstabs li {
	display:inline;
}

.cmstabs a, .cmstabs a:visited {
	background:#8c9195 url(/gfx/cmstabs_background.png);
	white-space: nowrap;
	display:inline-block;
	line-height: 18px;
	text-align: center;
	text-decoration: none;
	padding: 0px 10px;
	margin:0px;
	color:white;
	text-shadow:0px -1px 0px rgba(0,0,0,.3);
	font-weight:bold;

	border-style:solid;
	border-width:0px 1px;
	border-left-color:#9ba0a3;
	border-right-color:#868a8d;
	border-bottom:2px solid #888c90;

	border-top:1px solid #777c7f;
	
	margin-top:1px;
	margin-right:1px;
	border-radius:3px;
}

.cmstabs a:hover {
	color:white;
	text-decoration:none;
	background:#818589;
}

.cmstabs a.active, .cmstabs a.active:visited, .cmstabs a.active:hover {
	text-decoration:none;
	background:#fff;
	color:black;
	font-weight: 900;
	text-shadow:none;
	position:relative;
	padding:0px 11px;
	line-height: 19px;
	
	border-bottom:1px solid #777c7f;
	border-top:1px solid #777c7f;
	border-left:1px solid #777c7f;
	border-right:1px solid #777c7f;
}

/* pictureContainer */

.pictureContainer {
	overflow: hidden;
	height:125px;
	width:125px;
}

.pictureContainer td {
	text-align:center;
	vertical-align:middle;
}

/* table.bordered */
table.bordered {
	border-collapse: collapse;
	border:2px solid #579;
	empty-cells: show;
}
table.bordered td, table.bordered td {
	padding:2px;
}
table.bordered th {
	background: #579;
	color: #fff;
	text-align: left;
	padding-left: 2px;
	padding-right: 2px;
}
table.bordered thead {
	background: #579;
}
table.bordered tr {
	vertical-align: top;
}
table.bordered th, table.bordered td {
	border:1px solid #ccd;
}

/* table.row_bordered */
table.row_bordered {
	border-collapse: collapse;
	empty-cells: show;
	border:2px solid #ccd;
}
table.row_bordered td, table.row_bordered td {
	padding:2px;
	background:white;
}
table.row_bordered th {
	background: #9ab;
	color: #fff;
	text-align: left;
	padding-left: 2px;
	padding-right: 2px;
}
table.row_bordered tr {
	vertical-align: top;
	border-top:1px solid #ccd;
}

/* rounded box */
.roundedbox {
	background: #dbe9f6;
	border-radius:8px;
	padding:3px;
	display:inline-table;
}

/* ------------------- Banner ---------------------------------- */
#banner {
	width: 468px;
	height: 60px;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #fff;
	overflow: hidden;
}

#content {
	position:relative;
	text-align: left;
}

/* ------------------- Rechtstexte ---------------------------------- */
.mwstversand {
	color: #797E81;
	font-size:10px;
	padding-top:4px;
	text-align:left;
}

/* ------------------- zweispaltiger Inhalt ------------------------- */
ul.zweispaltig {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
ul.zweispaltig li {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
}

/* ------------------- ContentOverlay ------------------------------- */

#content_overlay { 
	background-color: #FFFFFF;
	opacity: 0.8;
}

/* ------------------- ThemeOutput:NaviMenu -------------------- */

.round-tl {
	border-top-left-radius: 5px;
	height:5px;
}
.round-tr {
	border-top-right-radius: 5px;
	height:5px;
}
.round-bl {
	border-bottom-left-radius: 5px;
	height:5px;
}
.round-br {
	border-bottom-right-radius: 5px;
	height:5px;
}

.extern_link {
	padding-left:10px;
	margin-left:2px;
	background:url(/gfx/extern_link.png) no-repeat 0px 4px;
}

.bread_crumbs {
	background: url(/gfx/bcnavi_bg.png) repeat-x rgb(250, 250, 250);
	border-radius:5px;
	box-shadow:rgba(0, 0, 0, 0.07) 0px 1px 1px;
	border: 1px solid #bbb;
	margin:8px 0px;padding: 0px 3px;
	height:22px;
	overflow: hidden;
	display: block;
}


.bread_crumbs table {
	height:21px;
	width:auto;
	border-collapse:collapse;
}

.bread_crumbs table td {
	padding:0px 2px 0px 16px;
	background: url(/gfx/bcnavi_arrow.png) no-repeat;
	white-space:nowrap;
}

.bread_crumbs table td:first-child {
	padding:0px 2px 0px 4px;
	background: inherit;
}

.bread_crumbs a, .bread_crumbs a:visited {
	text-decoration:none;
	color:black;
	font-weight:normal;
	text-shadow:rgba(0,0,0,.1) 0px -1px 0.5px, #fff 0px 1px 0.5px;
	line-height: .95;
	font-size: 11px;
}

.bread_crumbs a:hover {
	text-decoration: underline;
}

.bread_crumbs a.home {
	text-decoration:none;
	color:black;
	font-weight:bold;
	text-shadow:rgba(0,0,0,.1) 0px -1px 0.5px, #fff 0px 1px 0.5px;
}

.bread_crumbs b.active {
	text-decoration:none;
	color:black;
	font-weight:bold;
	text-shadow:rgba(0,0,0,.1) 0px -1px 0.5px, #fff 0px 1px 0.5px;
}

/* ------------------- content ------------------------------- */

#page_info {
	border-radius:5px;
	padding:3px;
	background:#f6f9fb;
	width: 164px;
	overflow: hidden;
}

#page_info, #page_info h1, #page_info h2, #page_info h3, #page_info a {
	color: #bbc3cc;
	font-family:Helvetica,Arial;
	font-size:11px;
	line-height:11px;
	text-decoration:none;
	text-align:justify;
	border:none;
}

#page_info h1, #page_info h2, #page_info h3 {
	font-size:12px;
	line-height:12px;
	margin:0px 0px 1px;
}


#configurator th {
	font-family: 'Myriad Pro', Myriad, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-shadow:0px -1px 1px #266d8d;
}

#mobilfunkratgeber {
	margin-bottom:10px;
}

#mobilfunkratgeber_button {
	width:172px;
	height:22px;
	cursor: pointer;
}

#mobilfunkratgeber_links {
	border:1px solid #eee;
	border-top:none;
	margin:0px 2px 0px 4px;
	padding:5px;
	box-shadow:0px 1px 3px rgba(0,0,0,.2);
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	background-color:#fbfbfb;
	width:150px;
	z-index:10;
	top:-3px;
	display: none;
}

#mobilfunkratgeber_links ul {
	list-style-type: none;
	padding:0px;
	text-indent: none;
	margin:0px;
}

#mobilfunkratgeber_links ul li a {
	text-decoration:none;
	display:block;
	border:1px solid #fbfbfb;
	padding:0px 5px;
}

#mobilfunkratgeber_links ul li a:hover {
	background-image:-webkit-linear-gradient(top, #bcd, #9ab);
	background-image:-moz-linear-gradient(top, #bcd, #9ab);
	background-image:-o-linear-gradient(top, #bcd, #9ab);
	background-image:-ms-linear-gradient(top, #bcd, #9ab);
	background-color:#abc;
	border:1px solid #9ab;
	text-shadow:0px -1px 0px #89a;
	color:white;
}

#page_description {
	width:176px;
	padding:3px;
	height:250px;
	overflow:-moz-scrollbars-vertical;
	overflow-x:none;
	overflow-y:auto;
	font-family: "Helvetica Neue",Arial,sans-serif;
	font-size:11px;
	line-height:12px;
}

.basket-button-container {
	padding:7px; 
	margin:0px;
	color:#3f4e6b;
	font-size:12px;
	text-align:center;
	box-shadow: 0px 1px 3px rgba(146, 155, 164, .3);
	background: #DAEDFF;
	background-image: -webkit-linear-gradient(top, #EEF7FE, #D1E2F0);
	background-image: -moz-linear-gradient(top, #EEF7FE, #D1E2F0);
	background-image: -o-linear-gradient(top, #EEF7FE, #D1E2F0);
	background-image: -ms-linear-gradient(top, #EEF7FE, #D1E2F0);
	border-top: 1px solid #B5C9DA;
	border-bottom: 1px solid #98A3AD;
	border-left: 1px solid #ABB8C3;
	border-right: 1px solid #ABB8C3;
	border-radius: 5px;
}

.basket-button-container * {
	line-height:1.3;
}

.basket-button-container .price-amount {
	font-size:13px;
	font-weight:bold;
	letter-spacing:0;
	color:rgb(153, 0, 0);
	font-weight: bold;
}

.basket-button-container .info-text {
	font-size:11px;
}

.basket-button-container .price-amount {
	margin:2px 0px 3px;
}

.basket-button-container .info-text {
	margin:3px 0px 10px;
}

.big-button {
	font-size:14px;
	height: 28px;
	background:#0a84b4;
	color:white;
	padding:4px 18px;
	font-weight:normal;
	text-shadow:0px -1px 0px #006a90;
	border-radius:6px;
	border-width:1px;
	border-style:solid;
	border-color:#267390 #045d7f #00425c #0b6487;
	box-shadow:0px 1px 2px rgba(0,0,0,.3);
	background-image:-webkit-linear-gradient(top, #3c9dc3, #0f86b6 50%,#00668e 90%,#006a90);
	background-image:-moz-linear-gradient(top, #3c9dc3, #0f86b6 50%,#00668e 90%,#006a90);
	background-image:-o-linear-gradient(top, #3c9dc3, #0f86b6 50%,#00668e 90%,#006a90);
	background-image:-ms-linear-gradient(top, #3c9dc3, #0f86b6 50%,#00668e 90%,#006a90);
	cursor: pointer;
}