/************************************************************
*** CSS-Template: drei.at
*** Date: 2006-09-19
*** PORTAL
************************************************************/

html {
	height:100%;
}
body.planet3 {
	background:#fff url("") repeat-x;
}
body.handy {
	background-repeat:no-repeat;
}
 
/************************************************************
* general items 
************************************************************/
body {
	background:#fff; height:100%;
}
body,ul,li,form,img {
	margin:0;
	padding:0;
	border:0;
}
#rap {
	width:983px; /******* TOTAL WIDTH *******/
}
#bigBgImg {
	position:absolute;
	top:439px;
	left:0px;
	z-index:1;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.block {
	display:block;
	clear:both;
	padding:0;
}
.butFormularPad {
	height:14px;
	outline:none;
}

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

/************************************************************
* typo
************************************************************/
div,p,li,td,input,select,option,textarea {
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	font-size:11px;
	color:#666;
	text-decoration:none;
}
a:link, a:visited, a:active {
	color:#0772A7;
	text-decoration:underline;
	outline:none;
}
a:focus, a:hover {
	color:#81B2CC;
	text-decoration:underline;
	outline:none;
}
a:link.klein, a:visited.klein, a:active.klein {
	color:#0772A7;
	text-decoration:underline;
	font-size:10px;
}
a:focus.klein, a:hover.klein {
	color:#81B2CC;
	text-decoration:underline;
	font-size:10px;
}
a:link.secondary, a:visited.secondary, a:active.secondary, a:focus.secondary, a:hover.secondary {
	color:#666;
	text-decoration:underline;
}
a:link.dark, a:visited.dark, a:active.dark, a:focus.dark, a:hover.dark {
	color:#666;
	text-decoration:underline;
}
a:link.totop, a:visited.totop, a:active.totop, a:focus.totop, a:hover.totop {
	color:#AC8B05;
	text-decoration:underline;
	font-size:10px;
}
a:link.small, a:visited.small, a:active.small, a:focus.small, a:hover.small {
	font-size:10px;
}
a:link.giant, a:visited.giant, a:active.giant, a:focus.giant, a:hover.giant {
	line-height:16px;
	font-size:14px;
	font-weight:bold;
}
a.highlight:link, a.highlight:visited, a.highlight:active {
	color:#1A1818;
	text-decoration:none;
}
a.highlight:focus, a.highlight:hover {
	color:#F07D00;
	text-decoration:none;
}
a img {
	text-decoration:none;
}
p {
	margin:0;
	padding:0 0 15px 0;
	font-size:11px;
	font-weight:normal;
}
h1, h2 {
	margin:0;
	padding:0 0 30px 0;
	font-size:11px;
	font-weight:normal;
}
.highlight {
	color:#F07D00;
}
.highlightLarge {
	color:#F07D00;
	font-size:12px;
	font-weight:bold;
}
.highlightAlt {
	color:#AC8B05;
}
.subheadline {
	font-size:12px;
	color:#1A1818;
}
span.totop, p.totop {
	color:#AC8B05;
	font-size:10px;
}
span.totopLarge, p.totopLarge {
	color:#AC8B05;
	font-size:11px;
}
.exklusiv {
	color:#0772A7;
	padding:3px 0 3px 0;
}
.exklusivLarge {
	color:#0772A7;
	font-size:12px;
	font-weight:bold;
}
.typoSmall {
	font-size:10px;
}
.typoFehler {
	color:#DB2929;
}
.typoAltColor {
	color:#1A1818;
	font-size:11px;
}
.typoAltColorKlein {
	color:#1A1818;
	font-size:10px;
}
.typoLink {
	color:#0772A7;
}
.typoKleinLink {
	color:#0772A7;
	font-size:10px;
}
.typoLight {
	color:#fff;
}
.error {
	color:#f00;
}
.Planet3Headline {
	color:#fff;
	font-size:22px;
	line-height:22px;
}

/************************************************************
* navigation
************************************************************/
#navMain {
	display:block;
	height:100px;
	margin:0 8px 0 6px;
	border-bottom:1px #bebebe solid;
}

/*#navLeft {
	width:80px;
	float:left;
}

#navLeft ul {
	margin:11px 0 0 0px;
}
*/

#navMain li {
	display:inline;
	list-style-type:none;
}

#navLeft ul {
	margin:10px 0 0 0;
}

#navLeft, #navLevel1, #navLevel2, #navLevel3 {
	width:750px;
	float:left;
	text-align:left;
}

#navLevel1 {
	margin:0 0 0 0;
}

#navLevel2 {
	margin:1px 0 0 0;
}

/*
#navLevel1 {
	margin:11px 0 0 0;
}
*/

#navLevel2 img, #navLevel3 img, #navLevel1 img{
	border-top:1px #ededed solid;
}
#colFooter ul {
	padding:0 10px 0 0;
	float:right;
}
#colFooter li {
	display:inline;
	list-style-type:none;
}
#colFooter li a {
	position:relative;
}

/************************************************************
* left column 
************************************************************/
#colLeft {
	width:194px; /******* LEFT-COL WIDTH *******/
	float:left;
}
#colLeft img.logo {
	margin:15px 15px 0 0;
	float:right;
}
#warenkorbHeadline {
	position:absolute;
	top:180px;
	left:28px;
}
#warenkorbButtons {
	position:absolute;
	top:470px;
	left:28px;
}
#warenkorbKlein {
	position:absolute;
	top:206px;
	left:28px;
	z-index:2;
	width:170px;
}
#warenkorbKlein h1 {
	padding:0 0 20px 0;
}
#warenkorbKlein iframe {
	width:170px;
	height:252px;
	overflow:hidden;
}
.homeButtons {
	width:198px;
	z-index:3;
	position:absolute;
	left:0px;
	top:100px;
}
.homeButtons img {
	margin:0 0 1px 0;
}

/************************************************************
* main column 
************************************************************/
#colMain {
	width:790px; /******* MAIN-COL WIDTH *******/
	float:right;
	position:absolute;
	left:192px;
}
html>body #colMainShadow {
	background:url("../../media/images/framework/bg_shadow_lr.png") repeat-y;
}
#cntMain {
	display:block;
	margin:0 0 0 6px;
	padding:0 0 50px 0;
}
#cntMainNoPad {
	display:block;
	margin:0 9px 0 6px;
	padding:0;
}

.cntElementImage {
	CLEAR: both; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 15px; 
	PADDING-TOP: 10px
}

#cntStatus {
	margin:0 0 20px 0;
	float:left;
	height:15px;
	width:600px;
	position:relative;
	left:-15px;
}
#cntStatusHeader {
	padding:0;
	float:left;
	height:15px;
	position:absolute;
}
/* status anzeige */
.status1Lo, .status1Hi, .status2Lo, .status2Hi, .status3Lo, .status3Hi {
	width:189px;
	height:15px;
	text-align:center;
	float:left;
}
.status1Lo .text, .status1Hi .text, .status2Lo .text, .status2Hi .text, .status3Lo .text, .status3Hi .text {
	margin:2px 0 0 0;
	font-size:10px;
	font-weight:bold;
	line-height:10px;
	color:#1A1818;
}
.status1Hi .text, .status2Hi .text, .status3Hi .text {
	color:#fff;
}
.status1Lo, .status2Lo  {
	BACKGROUND:  url("../../media/images/nav/img_status_lo_1.png") right 50%;
}
.status1Hi {
	BACKGROUND:  url("../../media/images/nav/img_status_hi_right_1.png") no-repeat right 50%;
}
.status2Hi {
	BACKGROUND: url("../../media/images/nav/img_status_hi_right_1.png")  no-repeat right 50%
}
.status3Hi {
	BACKGROUND: url("../../media/images/nav/img_status_hi_right_1.png") no-repeat right 50%
}
.status2Hi .leftImg {
	BACKGROUND: url("../../media/images/nav/img_status_hi_left_1.png") no-repeat left 50%; FLOAT: left; WIDTH: 17px; HEIGHT: 15px
}
.status3Hi .leftImg {
	BACKGROUND: url("../../media/images/nav/img_status_hi_left_1.png")  no-repeat left 50%; FLOAT: left; WIDTH: 17px; HEIGHT: 15px
}
.status3Lo {
	BACKGROUND: url("../../media/images/nav/img_status_lo_right_1.png")  no-repeat right 50%;
}
.status3Hi {
	BACKGROUND: url("../../media/images/nav/img_status_hi_right_end_1.png")  no-repeat right 50%
}

/* content elemente */
.cntElement {
	clear:both;
	padding:0px 0px 15px 15px;
}
.cntElementNoPad {
	clear:both;
	padding:0px 0px 0 15px;
}
.cntLeft {
	width:165px;
	float:left;
}
.cntMiddle {
	width:385px;
	float:left;
}
.cntMiddleExtended {
	width:554px;
	float:left;
}
.cntMiddleExtended img.right {
	margin:0 0 0 15px;
	float:right;
}
.cntRight {
	width:208px;
	float:right;
	text-align:left;
}
.cntFooter {
	clear:both;
	padding:0px 15px 0 10px;
}
.cntFullWidth {
	width:762px;
	padding:0;
	float:left;
}
#cntFullWidthPad {
	padding:0 0 20px 0;
	float:left;
}
.cntFullWidthPadPad {
	width:776px;
	padding:0 14px 0 14px;
	float:left;
}
.cntFullWidthNoPad {
	width:747px;
	padding:0;
	float:left;
}

/************************************************************
* footer 
************************************************************/
#colFooter {
	text-align:right;
	width:789px;
	padding:15px 0 15px 0;
}
html>body #colFooter {
	background:url("../../media/images/framework/bg_shadow_b.png") no-repeat;
}

/************************************************************
* planet 3
************************************************************/

#cntFlashTop {
	height:542px;
	width:1258px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:-1;
	background-color: #3399FF;
}

#colMainShadowPlanet3 {
		background:url("../../media/images/framework/bg_shadow_lr_tr.png") repeat-y;
}

.cntClassicPlanet3 {
	background-color: #ffffff;
	width:776px;
}

#cntMainPlanet3 {
	width:776px;
	display:block;
	margin:0 0 0 6px;
	padding:0 0 0px 0;
}
.cntElementPlanet3 {
	clear:both;
	padding:0px 0px 0px 0px;
}
.cntRightPlanet3 {
	width:199px;
	float:right;
	text-align:left;
}

.teaserPlanet3Start {
	margin:0;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	background:#000;
	width:552px;
	clear:both;
}
.teaserPlanet3Start .image {
	float:left;
}
.teaserPlanet3Start .content {
	position:relative;
	height:66px;
}
.teaserPlanet3Start .text {
	padding:10px 0 0 10px;
	float:left;
}
.teaserPlanet3Start .button {
	position:absolute;
	bottom:0;
	right:0;
}

/************************************************************
* content elements
************************************************************/

.contentImage {
float:left;	
}

ul {
	padding:0 0 0 15px;
}
.textboxBgPad {
	padding:20px 10px 20px 10px;
	background:#F8F8F1;
}
.textboxNoBgPadBorder {
	padding:10px 10px 10px 10px;
	border:1px solid #b4b4b4;
}
.textboxNoBgPadBorderBottom {
	padding:10px 10px 10px 10px;
	border:1px solid #b4b4b4;
	border-top:0;
	position:relative;
}
.textboxNoBgPadSmall {
	padding:20px 10px 20px 10px;
	width:554px;
}
.textboxNoBgPad {
	padding:20px 10px 20px 10px;
}
.textboxBgPad ul, .textboxBgNoPad ul,  .textboxBgPadSmall ul {
	padding:0 0 0 15px;
}
.textboxNoBgNoPad ul {
	padding:15px 0 0 15px;
	margin:0 0 -15px 0;
}
.textboxNoBgNoPadSmall {
	padding:15px 0 0 0;
	width:554px;
}
.textboxNoBgNoPad ul li {
	margin:0 0 15px 0;
}
.textboxBgPadHeader {
	background:#666;
	color:#fff;
	padding:4px 10px 0 10px;
	height:16px;
}
.textboxBgPadHeaderLight {
	background:#B4D4E4;
	color:#1A1818;
	padding:4px 10px 0 10px;
	height:16px;
}
.textboxBgNoPad {
	padding:10px 10px 10px 10px;
	background:#F8F8F1;
}
.textboxBgNoPadDark {
	padding:10px 10px 10px 10px;
	background:#F8F8F9;
}
.textboxNoBgNoPadBorder {
	padding:10px 10px 0 10px;
	border:1px solid #b4b4b4;
}
.textboxNoBgNoPadBorder table tr td, .textboxNoBgNoPadBorderBottom table tr td {
	background:#fff;
}
.textboxNoBgNoPadBorderBottom {
	padding:10px 10px 0 10px;
	border-left:1px solid #b4b4b4;
	border-right:1px solid #b4b4b4;
}
.textboxBgNoPadBlank {
	padding:10px 10px 10px 10px;
	background:#fff;
}
.textboxBgNoPadBlank .image {
	float:left;
	margin:0 10px 0 0;
}
.textboxBgNoPadBlank .text {
	margin:10px 0 0 0;
}
.textboxNoBgNoPad {
	padding:10px 10px 10px 10px;
	margin:0 0 20px 0;
}
.textboxNoBgMarg {
	padding:10px 10px 30px 10px;
}
.textboxNoBgBigPad {
	padding:50px 10px 50px 10px;
}
.bottomLine {
	width:100%;
	height:1px;
	padding:0 0 15px 0;
	border-top:1px solid #b4b4b4;
}
.subLine {
	width:100%;
	height:1px;
	padding:0 0 5px 0;
	margin:-15px 0 0 0;
	border-top:1px solid #b4b4b4;
}
.dottedLine {
	width:100%;
	height:1px;
	padding:0 0 15px 0;
	border-top:1px dotted #666;
}
.buttonFooter, .buttonFooterWhite, .buttonFooterBlank {
	clear:both;
	padding:0;
	background:#F8F8F1;
	height:15px;
}
.buttonFooterBlank {
	background:none;
	margin:-15px 0 0 0;
}
.buttonFooterWhite {
	background:#fff;
}
.buttonFooterWhiteFull {
	clear:both;
	padding:0;
	background:#fff;
	height:30px;
	width:745px;
}
.handyModul {
	padding:0 0 20px 0;
}
.handyModulImg {
	float:left;
	padding:0 10px 0 0;
}
.handyModulKlein {
	text-align:center;
}
.handyModulKlein img {
	margin:1px 0 1px 0;
}
.teaserPadRightBottom {
	margin:0 4px 8px 0;
	border:1px #b4b4b4 solid;
	float:left;
}
.zusatztext {
	padding:20px 0 0 0;
	background:#fff;
	font-size:9px;
	color:#1A1818;
}

.zusatztext p {
	font-size:9px;
}

.headerImage {
	position:relative;
	left:-15px;
}

/* div.image with link */
div.totop {
	padding:0 0 0 25px;
	background:url("../../media/images/icons/ico_totop.gif") no-repeat top left;
	text-align:right;
	float:right;
}
div.totop a:link, div.totop a:visited, div.totop a:active, div.totop a:focus, div.totop a:hover {
	color:#AC8B05;
	text-decoration:underline;
	font-size:10px;
}
div.download, div.downloadRight {
	padding:0 0 0 12px;
	background:url("../../media/images/icons/ico_download.gif") no-repeat top left;
	text-align:right;
	float:left;
}
div.downloadRight {
	float:right;
}
div.download a:link, div.download a:visited, div.download a:active, div.download a:focus, div.download a:hover,
div.downloadRight a:link, div.downloadRight a:visited, div.downloadRight a:active, div.downloadRight a:focus, div.downloadRight a:hover {
	color:#AC8B05;
	text-decoration:underline;
	font-size:10px;
}
div.shopliste {
	padding:0 0 0 25px;
	background:url("../../media/images/icons/ico_shopliste.gif") no-repeat top left;
	text-align:right;
	float:left;
}
div.shopliste a:link, div.shopliste a:visited, div.shopliste a:active, div.shopliste a:focus, div.shopliste a:hover {
	color:#AC8B05;
	text-decoration:underline;
	font-size:10px;
}
div.routing {
	padding:0 0 0 25px;
	background:url("../../media/images/icons/ico_routing.gif") no-repeat top left;
	text-align:right;
	float:left;
}
div.routing a:link, div.routing a:visited, div.routing a:active, div.routing a:focus, div.routing a:hover {
	color:#AC8B05;
	text-decoration:underline;
	font-size:10px;
}
div.drucken {
	padding:0 0 0 25px;
	background:url("../../media/images/icons/ico_drucken.gif") no-repeat top left;
	text-align:right;
	float:left;
}
div.drucken a:link, div.drucken a:visited, div.drucken a:active, div.drucken a:focus, div.drucken a:hover {
	text-decoration:underline;
	font-size:10px;
}

/* teaser boxen */
.teaserTarifFixedHeight, .teaserTarifFixedHeightDark {
	margin:0 0 20px 0;
	border:1px #b4b4b4 solid;
	height:118px;
	background:#F8F8F1;
}
.teaserTarifFixedHeight .tarifText, .teaserTarifFixedHeightDark .tarifText {
	height:88px;
	padding:10px 10px 5px 10px;
	width:334px;
	float:left;
	line-height:13px;
}
.teaserTarifNoHeight, .teaserTarifNoHeightDark, .teaserTarifNoHeightBlank {
	margin:0 0 20px 0;
	border:1px #b4b4b4 solid;
	background:#F8F8F1;
	height:auto;
}
.teaserTarifNoHeight .tarifText, .teaserTarifNoHeightDark .tarifText, .teaserTarifNoHeightBlank .tarifText {
	padding:5px;
	float:left;
	line-height:13px;
}
.teaserTarifFixedHeight .link {
	float:left;
	padding:0 0 0 10px;
}
.teaserTarifFixedHeightDark, .teaserTarifNoHeightDark {
	background:#F8F8F9;
}
.teaserTarifNoHeightBlank {
	background:#fff;
}
.teaserTarifNoHeightBlank input.long {
	margin:5px 5px 0 0;
	width:450px;
}
.teaserTarifNoHeightBlank select {
	margin:5px 10px 10px 0;
	width:200px;
}
.cntLeft .linkElement{
	padding:0 0 10px 10px;
}
.cntRight .linkElement{
	padding:0;
}
.NoPad .linkElement{
	padding:10px 0 0 10px;
}
#colLeft .linkElement {
	padding:5px 0 0 0;
}
table.downloadListe {
	border-collapse:collapse;
	width:554px;
}
table.downloadListe tr td {
	border:1px #b4b4b4 solid;
	background:#fff;
	padding:10px;
}
.teaserBildTextHeadline {
	margin-bottom:30px;
}
.teaserBildTextHeadline .image {
	width:110px;
	height:150px;
	float:left;
	display:block;
}
.teaserBildTextHeadline .text {
	margin-left:110px;
}
.downloadElement {
	border:1px #b4b4b4 solid;
	width:197px;
	height:60px;
	margin:0 14px 14px 0;
	float:left;
}
.downloadElement .image {
	margin:0 10px 0 0;
	float:left;
}
.downloadElement .text {
	padding:5px 5px 0 0;
	margin:0;
	height:38px;
	line-height:12px;
}
.sitemap {
	float:left;
	margin:0 50px 0 0;
	width:200px;
}
.sitemap p {
	padding:10px 0 5px 0;
}
.sitemap ul {
	list-style-image:url("../../media/images/icons/ico_ul_pfeil.gif");
	padding:0 0 0 20px;
	margin:0 0 10px 0;
}
.sitemap ul li {
	padding:0 0 0 7px;
}
table.roaming {
	border:1px #b4b4b4 solid;
	border-collapse:collapse;
}
table.roaming thead tr th {
	text-align:left;
	padding:2px 0 2px 10px;
}
table.roaming tbody tr td {
	background:#fff;
	border-bottom:1px #b4b4b4 solid;
}
table.roaming tr.thead td {
	text-align:left;
	padding:2px 0 2px 10px;
	background:#666;
	color:#fff;
}
table.roaming tr.tbody td {
	background:#fff;
	border-bottom:1px #b4b4b4 solid;
}
table.roaming tr.tbody td.header {
	background:#fff;
	border-bottom:1px #b4b4b4 solid;
	padding-top:10px;
	padding-bottom:10px;
	color:#1A1818;
	font-size:11px;
}

/************************************************************
* teaser
************************************************************/

.teaserElement {
	margin:0 5px 25px 5px;
	width:178px;
	border:1px solid #b4b4b4;
}
.teaserElement .content {
	position:relative;
}
.teaserElement .content .button {
	position:absolute;
	bottom:0;
	right:0;
	cursor:pointer;
}
.teaserElement h3 {
	padding:10px;
	margin:0;
}
.teaserElement .imagePad {
	text-align:center;
	padding:0 5px 5px 5px;
}
.teaserElement .imageNoPad {
	text-align:center;
	padding:0;
}
.teaserElement .textPad {
	padding:0 10px 10px 10px;
}
.teaserElement .buttonPad {
	padding:10px 0 0 0;
	text-align:right;
}
.teaserElement ul.pfeil {
	list-style-image:url("../../media/images/icons/ico_arrow_list.gif");
	padding:5px 5px 10px 25px;
}
.teaserElement ul.pfeil li {
	padding:5px 0 5px 0;
	border-bottom:1px solid #b4b4b4;
}
.teaserElementGoldImgTxt {
	margin:0 5px 25px 5px;
	padding:4px 10px 0  0;
	width:168px;
	border:1px solid #AC8B05;
}
.teaserElementGoldImgTxt .text {
	padding:14px 10px 15px 10px;
	float:left;
}
.teaserAbstand {
	height:55px;
}

/* homepage teaser */
.teaserHome {
	width:258px;
	height:120px;
	float:left;
}

/* homepage teaser */
.teaserHomeUI {
	width:180px;
	height:120px;
	float:left;
}

.teaserHome .content {
	position:relative;
	height:120px;
}
.teaserHome .content .textLeft {
	width:165px;
	padding:15px 0 0 15px;
	float:left;
}
.teaserHome .content .textRight {
	width:145px;
	padding:15px 15px 0 0;
	float:right;
}
.teaserHome .content .button {
	position:absolute;
	bottom:0;
	right:0;
	cursor:pointer;
}
.teaserHomeSpacer {
	width:1px;
	height:120px;
	float:left;
	background:#b4b4b4;
}
.stoererHome {
	background:#F07D00;
	margin:50px 20px 0 0;
	height:80px;
	float:right;
}
.stoererHome .stoererLeft {
	position:absolute;
	left:0;
	top:0;
}
.stoererHome .stoererRight {
	position:absolute;
	right:-1px;
	top:0;
}
.stoererHome .content {
	background:#F07D00;
	padding:10px 5px 5px 5px;
}

/************************************************************
* Handyfilter
************************************************************/

	.cntHandyWahl-NEW	{ border-right: 1px solid #B4B4B4; background:#F8F8F9; padding:0px 0px 0px 10px; width:540px; margin:0 0 20px 0; }
	.select-Handyfilter	{ width: 100px; float: left; }
	.features-NEW label	{ float: left; margin: 3px 6px 0px 0px; font-size: 10px; }
	.features-NEW		{ width: 414px; height: 20px; float: left; margin-bottom: 14px; }
	.features-NEW input	{ width: 20px; height: 20px; margin: 0px; }
	.input-Handyfilter	{ width: 15px; float: left; }
	/* Float clearing workaround also working on Mozilla */
	.clearer { clear:both; height:0px; overflow:hidden; margin-top:0px; }
	* html .clearer { height:1px; margin-top:-1px; }
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix {display: inline-table;}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;} 
	/* End hide from IE-mac */
	/* End clearfix */
	
/************************************************************
* Aktuelles
************************************************************/	
.teaserAktuellesFixedHeight {
	margin:0 0 20px 0;
	border-bottom:1px #b4b4b4 solid;
	height:150px;

}
.teaserAktuellesFixedHeight .tarifText {
	height:120px;
	padding:10px 10px 5px 10px;
	width:366px;
	float:left;
	line-height:13px;
}