/*
Theme Name: ALICEInternetanschluss
Theme URI: http://www.aliceinternetanschluss.de/
Description: Design based upon the famous Pixelkolleech</a>.
Version: 1.0
Author: Marco Brenn
Author URI: http://www.aliceinternetanschluss.de/

*/

/*============== Grundeinstellungen  =================*/


body {
	margin:				0px;
	padding:			0px;
	background-color:	#e6e8ea;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#4e4e4e;
}


a {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#4e4e4e;
	text-decoration:	none;
}


a:hover {
	text-decoration:	underline;
}


.clear {
	clear:				both;
	font-size:			1px;
	margin:				0;
	padding:			0;
	height:				0;
}


/* ============ Grundaufbau =============== */


#mainWrapper {
	width:				924px;
	margin-top:			18px;
	margin-bottom:		30px;
	margin-left:		auto;
	margin-right:		auto;
	padding:			0px;
	background-color:	#fff;
	background-image:	url('images/main_back.gif');
}


#mainHeader {
	position:			relative;
	width:				890px;
	height:				165px;
	padding:			17px 17px 0 17px;
	background-color:	#fff;
	background-image:	url('images/head_back.gif');
}


#mainHeader h1 {
	width:				0;
	height:				0;
	margin:				0;
	padding:			0;
}


.headerPos1 {
	position:			absolute; 
	top:				38px; 
	left:				485px;
  	font-size:			24px;
}

.headerPos2 {
	position:			absolute; 
	top:				73px; 
	left:				485px;
	font-size:			20px;
}

#mainContent {
	margin:				0 0 0 0;
	padding:			0 17px 0 17px;
	width:				890px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
}

#mainBottom {
	height:				40px;
	background-image:	url('images/main_bottom.gif');
	background-color:	#fff;
}

#mainBreadcrumb {
  padding: 10px 0 0px 0;
  margin: 0;
}

/* ============ Main Navi Formatierungen ============= */

#mainNaviBox {
	margin:				0;
	padding:			0 0 0 17px;
}

#mainNavi {
	width:				890px;
	height:				30px;
	margin:				0 0 0 0;
	padding:			0;
	background-image:	url('images/main_navi_back.gif');
}

#mainNavi ul {
	height:				30px;
	margin:				0;
	padding:			0;
	list-style:			none;
}

#mainNavi li {
	float:				left;
	margin:				0;
	padding:			0;
}

#mainNavi a {
	display:			block;
	margin:				0;
	padding:			8px 10px 7px 10px;
	font-family:		arial, helvetica, sans-serif;
	font-size:			12px;
	/*font-weight:		bold;*/
	color:				#fff;
	text-decoration:	none;
	border-right:		1px solid #fff;
}

#mainNavi a:hover {
	color:				#fff;
	text-decoration:	none;
	background-image:	url('images/main_navi_hover_back.gif');
}



/* ============ Content Formatierungen ============= */


/* Teaser Startseite */

.teaserStart1 {
	position:			relative;
	float:				left; 
	width:				325px; 
	background-color:	#f5f6f7; 
	margin:				15px 15px 0 0;	
}


.teaserStart1 h1 {
	margin:				0 0 0 20px;
	padding:			13px 10px 10px 25px;
	font-family:		arial, helvetica, sans-serif;
	font-size:			18px;
	font-weight:		bold;
	color:				#4e4e4e;
	background-image:	url('images/headlineh1_dot.gif');
	background-position:left;
	background-repeat:	no-repeat;
}


.teaserStart1 h2 {
	margin:				0 0 0 20px;
	padding:			10px 10px 5px 0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				#4e4e4e;
}


.teaserStart1 p {
	margin:				0;
	padding:			0 20px 10px 17px;
	font-family:		arial, helvetica, sans-serif;
}


.teaserStart2 {
	position:			relative;
	float:				left; 
	width:				325px; 
	background-color:	#f5f6f7; 
	margin:				15px 0 0 0;	
}


.teaserStart2 h1 {
	margin:				0 0 0 20px;
	padding:			13px 10px 10px 25px;
	font-family:		arial, helvetica, sans-serif;
	font-size:			18px;
	font-weight:		bold;
	color:				#4e4e4e;
	background-image:	url('images/headlineh1_dot.gif');
	background-position:left;
	background-repeat:	no-repeat;
}


.teaserStart2 h2 {
	margin:				0 0 0 20px;
	padding:			10px 10px 5px 0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				#4e4e4e;
}


.teaserStart2 p {
	margin:				0;
	padding:			0 20px 10px 17px;
	font-family:		arial, helvetica, sans-serif;
}


.teaserStart3 {
	width:				665px; 
	background-color:	#f5f6f7; 
	margin:				25px 0 0 0;	
}


.teaserStart3 h1 {
	margin:				0 0 0 20px;
	padding:			13px 10px 10px 25px;
	font-family:		arial, helvetica, sans-serif;
	font-size:			18px;
	font-weight:		bold;
	color:				#4e4e4e;
	background-image:	url('images/headlineh1_dot.gif');
	background-position:left;
	background-repeat:	no-repeat;
}


.teaserStart3 h2 {
	margin:				0 0 0 20px;
	padding:			10px 10px 5px 0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				#4e4e4e;
}


.teaserStart3 p {
	margin:				0;
	padding:			0 20px 10px 17px;
	font-family:		arial, helvetica, sans-serif;
}



.teaserListUl {
	margin: 			10px 20px 10px 20px;
	padding:			6px 20px 10px 10px;
	list-style: 		none;
	background-color:	#e0e6ed;
}

.teaserListUl li {
	padding: 			0 0 7px 15px;
	background:			url('images/bullet_arrow_list.gif') no-repeat;
	background-position:0px 5px;
	line-height: 		18px;
}


.teaserPriceStarPos {
	position:			absolute;
	top:				345px;
	left:				210px;
}


.teaserPriceStar {
	position:			relative;
	background-image:	url('images/pricestar.png'); 
	width:				115px; 
	height:				95px; 
	text-align:			center; 
	padding:			20px 0 0 0;
}


.teaserPriceStarText {
	font-size:			16px; 
	font-weight:		bold; 
	color:				#fff;
}


.teaserPriceStarPrice {
	font-size:			28px; 
	font-weight:		bold; 
	color:				#fff;
}


/* Box Mehr Programmvielfalt */


.teaserBoxMehrVielfalt {
	margin:				0 0 0 20px; 
	padding:			10px 0 10px 10px; 
	width:				615px;
	background-color:	#e0e6ed;
}


.teaserPaketSmall {
	float:				left;
	width:				137px; 
	margin:				0 15px 0 0; 
	background-color:	#fff;
}


.teaserPaketSmall p {
	margin:				0;
	padding:			0 5px 10px 5px;
}


.teaserPaketSmallHead {
	margin:				2px 2px 10px 2px;
	padding:			3px 5px 5px 5px;
	background-color:	#a60000;
	color:				#fff;
	font-size:			14px;
	background-image:	url('images/teaserp_small_headback.gif');
}


.teaserPaketSmallHead a {
	color:				#fff;
	font-size:			14px;
}


.teaserPaketSmallKombi {
	background-color:	#fff;
	margin:				10px 0 0 0;
	padding:			5px 0 10px 10px;
	width:				583px;
}


.teaserPaketSmallKombiHead {
	margin:				0 0 0 5px;
	padding:			8px 10px 10px 25px;
	font-family:		arial, helvetica, sans-serif;
	font-size:			18px;
	font-weight:		bold;
	color:				#4e4e4e;
	background-image:	url('images/headlineh1_dot.gif');
	background-position:left;
	background-repeat:	no-repeat;
}


.balken4Paket {
	margin:				0 0 0 5px;
}


.balken4Paket img {
  border:       0px;
}


.balken2Paket {
	float:				left;
	margin:				10px 0 0 5px;
}


.balken2Paket img {
	border:				0px;
}


.jetztKombinierenButton {
	float:				right;
	margin:				30px 15px 0 0;
}


/* end box mehr programmvielfalt */



/* Content links */


#mainContentLeft  {
	float:				left;
  overflow:     hidden;
  width:        665px;
}

.mainContentLeftBox {
	margin:				15px 0 0 0;
	padding:			7px 0 0 30px;
	width:				635px;
  overflow:     hidden;
	background-color:	#f5f6f7;
}


.mainContentLeftBox h1 {
	margin:				0;
	padding:			8px 10px 10px 25px;
	font-family:		arial, helvetica, sans-serif;
	font-size:			18px;
	font-weight:		bold;
	color:				#4e4e4e;
	background-image:	url('images/headlineh1_dot.gif');
	background-position:left;
	background-repeat:	no-repeat;
}

.mainContentLeftBox h1 a {
	font-family:		arial, helvetica, sans-serif;
	font-size:			18px;
	font-weight:		bold;
	color:				#4e4e4e;
}

.mainContentLeftBox h2 {
	margin:				0;
	padding:			0 10px 15px 0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				#4e4e4e;
}


.mainContentLeftBox h3 {
	margin:				0;
	padding:			0 10px 15px 0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			12px;
	font-weight:		bold;
	color:				#4e4e4e;
}


.mainContentLeftBox p {
	margin:				0;
	padding:			0 30px 10px 0;
	font-family:		arial, helvetica, sans-serif;
}

.mainContentLeftBoxImg {
  margin-left: 15px;
	float: right;
}

.mainContentLeftBox a {
	font-family:		arial, helvetica, sans-serif;
	font-size:			12px;
	font-weight:		bold;
	color:				#a60708;
	text-decoration:	none;
}


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


.listUl {
	margin: 			10px 30px 30px 0;
	padding:			10px 20px 10px 20px;
	list-style: 		none;
	background-color:	#e0e6ed;
}

.listUl li {
	padding: 			0 0 7px 15px;
	background:			url('images/bullet_arrow_list.gif') no-repeat;
	background-position:0px 5px;
	line-height: 		18px;
	font-weight:		bold;
}


.mainContentLeftTeaser1 {
	width:				180px; 
	background-image:	url('images/teaser_back.gif');
	background-color:	#f5f4ef; 
	float:				left; 
	padding:			10px 10px 0 10px;
	margin:				10px 0 0 0;
}


.mainContentLeftTeaser1 strong {
	margin:				0;
	padding:			0 10px 10px 0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				#565146;
}


.mainContentLeftTeaser1 p {
	margin:				0;
	padding:			0 10px 10px 0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			11px;
	color:				#565146;
}


.mainContentLeftTeaser1 img {
	float:				left;
	margin:				0 10px 10px 0;
	padding:			0;
	border:				1px solid #cac3b3;
}


.mainContentLeftTeaser1 a {
	font-family:		arial, helvetica, sans-serif;
	font-size:			11px;
	font-weight:		bold;
	color:				#e85e1a;
	text-decoration:	none;
}


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


.picContent {
	margin:				0 20px 15px 0;
  float: left;
}


.priceStar {
  position: relative;
	background-image:	url('images/price_star.gif'); 
	width:				115px; 
	height:				95px; 
	text-align:			center; 
	padding:			20px 0 0 0;
}


.priceStarText {
	font-size:			16px; 
	font-weight:		bold; 
	color:				#fff;
}


.priceStarPrice {
	font-size:			28px; 
	font-weight:		bold; 
	color:				#fff;
}


/* Content rechts */

#mainContentRight {
	float:				left;
	margin:				13px 0 0 0;
	padding:			0 0 0 11px;
	width:				212px;
	/*background-color:	#f00;*/
}

.teaserRight {
	width:				214px; 
	float:				left; 
	padding:			0;
	margin:				0 0 11px 0;
}


.teaserRightBackground1 {
	background-image:	url('images/teaser_right_back.gif');
}


.teaserRightBackground2 {
	background-image:	url('images/teaser_right2_back.gif');
}


.teaserRightHead {
  margin:				3px 3px 0 3px;
	padding:			6px 10px 8px 10px;
	font-family:		arial, helvetica, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				#fff;
	background-image:	url('images/teaser_right_head_back.gif');

}


.teaserRight h1 {
	margin:				3px 3px 0 3px;
	padding:			6px 10px 8px 10px;
	font-family:		arial, helvetica, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				#fff;
	background-image:	url('images/teaser_right_head_back.gif');
}


.teaserRight p {
	margin:				0;
	padding:			10px 10px 0 12px;
	font-family:		arial, helvetica, sans-serif;
	font-size:			12px;
	color:				#4e4e4e;
}


.teaserRight a {
	font-family:		arial, helvetica, sans-serif;
	font-size:			12px;
	color:				#4e4e4e;
	text-decoration:	underline;
}


.teaserRight a:hover {
	text-decoration:	none;
}


.listUlTeaserRight {
	margin: 			10px 10px 5px 10px;
	padding:			0px 0px 0px 0px;
	list-style: 		none;
}

.listUlTeaserRight li {
	padding: 			2px 0 7px 30px;
	background:			url('images/bullet_arrow_plus.gif') no-repeat;
	background-position:0px 5px;
	line-height: 		18px;
	font-weight:		bold;
}


.listUlTeaserRightCountry {
	margin: 			10px 10px 5px 10px;
	padding:			0px 0px 0px 0px;
	list-style: 		none;
}


.listUlTeaserRightCountry li {
	padding: 			7px 0 7px 45px;
	background-position:0px 5px;
	line-height: 		18px;
}


.backImgTuerk {
	background:			url('images/tuerkei_flagge.gif') no-repeat;
}


.backImgPolen {
	background:			url('images/polen_flagge.gif') no-repeat;
}


.backImgRussland {
	background:			url('images/russland_flagge.gif') no-repeat;
}



/*================ Teaser bottom ================= */


#teaserBottomBox {
	margin:				13px 0 0 0;
	width:				665px;
	overflow:			hidden;
}


.marginLeftBottomTeaser {
	margin:				0 0 0 11px;
}


.teaserBottom {
	float:				left;
	width:				214px; 
	float:				left; 
	padding:			0;
	margin:				0 0 11px 0;
}


.teaserBottomHead {
	margin:				3px 3px 0 3px;
	padding:			6px 10px 8px 10px;
	font-family:		arial, helvetica, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				#fff;
	background-image:	url('images/teaser_bottom_head_back.gif');
}


.teaserBottomBackground1 {
	background-image:	url('images/teaser_right_back.gif');
}


.teaserBottomBackground2 {
	background-image:	url('images/teaser_right2_back.gif');
}


.teaserBottom h1 {
	margin:				3px 3px 0 3px;
	padding:			6px 10px 8px 10px;
	font-family:		arial, helvetica, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				#fff;
	background-image:	url('images/teaser_bottom_head_back.gif');
}


.teaserBottom p {
	margin:				0;
	padding:			10px 10px 0 12px;
	font-family:		arial, helvetica, sans-serif;
	font-size:			12px;
	color:				#4e4e4e;
}


.teaserBottom a {
	font-family:		arial, helvetica, sans-serif;
	font-size:			12px;
	color:				#8a1313;
	text-decoration:	underline;
}


.teaserBottom a:hover {
	text-decoration:	none;
}


/* ============ Footer Formatierungen ============= */


#mainBottomLeft {
	float:				left; 
	padding:			10px 0 0 15px;
}


#mainBottomRight {
	float:				right; 
	padding:			10px 15px 0 0;
}


#socialBookmarksBox {
	background-color:	#e6e8ea; 
	padding:			5px 0 10px 2px;
}


#starsText {
	background-color:	#e6e8ea; 
	padding:			5px 0 10px 2px;
}


#starsText p {
	margin:				0;
	padding:			0 10px 10px 0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			11px;
	color:				#7b7e9a;
}


#starsText a {
	font-family:		arial, helvetica, sans-serif;
	font-size:			11px;
	color:				#7b7e9a;
}