

/******** Globales *****************************************************************************/
/***********************************************************************************************/


* {
	margin:0px; padding:0px;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	background-color:#eeeeee;
	color:#000000;
	
}
img, td, tr, table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	border:none;
}
div#page {
	margin:0px auto;
	text-align:center;
	width:970px;
	
}


/******** Header *******************************************************************************/
/***********************************************************************************************/


div#header {
	float:left;
	display:inline;
	width:970px;
	height:145px;
	background-image:url(/images/system/hg_header.gif);
	background-repeat:repeat-y;
}

/******** TopNav *******************************************************************************/
/***********************************************************************************************/


div#topnav {
	float:left;
	display:inline;
	width:945px;
	height:40px;
	margin:0px 25px 0px 0px;
	text-align:right;
	line-height:40px;
}
div#topnav a {
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	margin:0px 0px 0px 40px;
}
div#topnav a:hover {
	text-decoration:underline;
}
a.community {
	background:	transparent url(/images/system/icon_community.gif) no-repeat center left;
	padding:2px 0px 2px 20px;
}
a.cart {
	background:	transparent url(/images/system/icon_warenkorb.gif) no-repeat center left;
	padding:2px 0px 2px 25px;
}
a.windowslive {
	background:	transparent url(/images/system/icon_windowslive.gif) no-repeat center left;
	padding:2px 0px 2px 25px;
}
a.hoferreisen {
	background:	transparent url(/images/system/icon_hoferreisen.gif) no-repeat center left;
	padding:2px 0px 2px 25px;
}




/******** Logo ********************************************************************************/
/**********************************************************************************************/


div#logo {
	float:left;
	display:inline;
	width:240px;
	margin:10px 0px 0px 5px;
	text-align:center;
}


/******** Suche/Login *************************************************************************/
/**********************************************************************************************/


div.box-header {
	float:right;
	display:inline;
	width:288px;
	height:80px;
	background-image:url(/images/system/hg_box_header.gif);
	background-repeat:no-repeat;
	margin:15px 20px 0px 0px;
	padding:0px 0px 0px 12px;
	text-align:left;
	font-weight:bold;
	color:#666666;
}
div.box-header a.box-header-link {
	color:#666666;
	font-weight:normal;
	text-decoration:none;
}
div.box-header a.box-header-link:hover {
	text-decoration:underline;
}
div.box-header form {
	margin:10px 0px 0px 0px;
}
div.box-header p {
	float:left;
	display:inline;
	margin:15px 0px 0px 0px;
}
div.box-header form input {
	float:left;
	display:inline;
	margin:0px 5px 0px 0px;
}
div.box-header form input {
	font-family:Arial, Helvetica, sans-serif;
	display:inline;
	font-size:12px;
	height:23px;
	line-height:23px;
	text-indent:5px;
	border:1px solid #e5d900;
	background-color:#ffffff;
	background:	transparent url(/images/system/hg_form_box_header.gif) repeat-x top left;
}


/******** MainNav *******************************************************************************/
/************************************************************************************************/


div#nav {
	float:left;
	display:inline;
	width:970px;
	height:35px;
	background-image:url(/images/system/hg_nav.gif);
	background-repeat:repeat-y;
	text-align:left;
}


/******** Content *******************************************************************************/
/************************************************************************************************/


div#content-wrapper {
	float:left;
	display:inline;
	width:970px;
	background-image:url(/images/system/hg_page.gif);
	background-repeat:repeat-y;
}
div#content {
	float:left;
	display:inline;
	width:960px;
	margin:0px 0px 0px 5px;
	padding:0px 0px 20px 0px;
}


/******** Content Micro (Community/WindowsLive ************************************************/
/**********************************************************************************************/


div#micro-wrapper {
	float:left;
	display:inline;
	width:970px;
	min-height:630px;
}
.community {
	background:	#949494 url(/community/images/hg_community_stretch.jpg) no-repeat bottom left;
}
.ecard {
	background:	#949494 url(/community/images/hg_ecard.jpg) no-repeat bottom left;
}
.windowslive {
	background:	#949494 url(/windowslive/images/hg_windowslive_stretch.jpg) no-repeat bottom left;
}
.tvmedia {
	background:	#949494 url(/tvmedia/images/hg_tvmedia_stretch.jpg) no-repeat bottom left;
}
.hoferreisen {
	background:	#949494 url(/hoferreisen/images/hg_hoferreisen_stretch.jpg) no-repeat bottom left;
}
.hoferreisen-2 {
	background:	#949494 url(/hoferreisen/images/hg_hoferreisen_stretch-2.jpg) no-repeat bottom left;
}
.yesss-2000 {
	background:	#949494 url(/community/images/hg_yesss2000.gif) no-repeat bottom left;
}
.laudaah {
	background:	#949494 url(/laudaah/images/hg_laudaah_stretch.jpg) no-repeat bottom left;
}
div#micro-content, div#micro-footer {
	float:left;
	display:inline;
	width:685px;
	text-align:left;
	margin:0px 0px 20px 240px;
}
div#micro-content {
	background-color:#ffffff;
}
div#micro-footer td {
	color:#ffffff;
	font-size:11px;
}
div#micro-footer td a {
	margin-left:20px;
}
div#micro-content-main {
	float:left;
	display:inline;
	width:665px;
	text-align:left;
	margin:20px 0px 0px 10px;
	padding:0px 0px 15px 0px;
}
div#micro-content-main ul.list {
	list-style-type:none;
	line-height:16px;
	margin:0px 0px 20px 0px;
}
div#micro-content-main ul.list li {
	list-style-type:none;
	padding:0px 0px 0px 25px;
	margin:0px 0px 10px 0px;
	background:	transparent url(/images/system/icon_list.gif) no-repeat top left;
}
div#micro-content-main ul.howto li {
	list-style-type:none;
	padding:0px 0px 0px 25px;
	margin:0px 0px 10px 0px;
	background:	transparent url(/images/system/icon_list_faq.gif) no-repeat top left;
}
div#micro-content-main h1 {
	font-size:24px;
	line-height:26px;
	color:#ef4023;
	margin:0px 0px 5px 0px;
}
div#micro-content-main p {
	line-height:18px;
	margin:0px 20px 15px 0px;
}
div#micro-content-main p.pages {
	width:600px;
	margin:0px; !important
}
div.micro-section {
	float:left;
	display:inline;
	width:645px;
	text-align:left;
	margin-top:15px;
}
div.micro-section-full {
	float:left;
	display:inline;
	width:645px;
	text-align:left;
	padding-bottom:30px;
}
div.micro-section-full p,
div.micro-section-full ul {
	padding-bottom:10px;
}
div.micro-section-img {
	float:left;
	display:inline;
	width:155px;
	text-align:center;
	margin:0px 20px 0px 0px;
}
div.micro-section-txt {
	float:left;
	display:inline;
	width:470px;
	line-height:16px;
	text-align:left;
}
div.micro-section-txt ol {
	font-weight:bold;
	font-size:14px;
	margin-left:10px;
}
div.micro-section-txt ol p {
	font-weight:normal;
	font-size:12px;
}
div.micro-section-txt ol li {
	margin:0px 0px 0px 15px;
}
div.micro-section-txt ul.section-list {
	display:block;
	list-style:disc;
	margin:0px 0px 15px 15px;
}
div#micro-content-main h2, div.micro-section-txt h2 {
	color:#ef4023;
	font-size:16px;
	margin:0px 0px 10px 0px;
}
div#micro-nav {
	float:left;
	display:inline;
	width:685px;
	text-align:left;
	margin:30px 0px 0px 240px;
}
div#micro-content-main ul.playlist {
	display:block;
	width:300px;
	list-style:none;
}
div#micro-content-main ul.playlist li {
	display:inline;
}
div#micro-content-main ul.playlist li a {
	display:block;
	background:	transparent url(/images/system/icon_play.gif) no-repeat;
	line-height:25px;
	font-weight:bold;
	text-indent:23px;
}
div#micro-nav ul {
	list-style:none;
}
div#micro-nav ul li {
	float:left;
	margin:0px 1px 0px 0px;
}
div#micro-nav ul li a {
	display:block;
	width:130px;
	padding:8px 0px 8px 0px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background-color:#a8a8a8;
}
div#micro-nav ul li a:hover {
	background-color:#9f9f9f;
}
div#micro-nav ul li a.active {
	display:block;
	width:130px;
	padding:8px 0px 8px 0px;
	color:#949494;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background-color:#ffffff;
}
div.box-micro, div.box-micro-content, div.box-micro-bottom {
	float:left;
	display:inline;
}
div.box-micro {
	width:150px;
	text-align:left;
	margin:0px 15px 15px 0px;
	border-top:1px solid #eeeeee;
	background:	transparent url(/community/images/hg_box_com.gif) repeat-y top left;
}
div.box-micro-content {
	width:130px;
	height:170px;
	margin:10px 0px 0px 10px;
}
div.box-micro-content-card {
	width:130px;
	height:130px;
	margin:10px 0px 0px 10px;
}
div.box-micro-bottom {
	height:15px;
	width:150px;
	background:	transparent url(/community/images/hg_box_bottom_com.gif) no-repeat top left;
}
div.box-micro-content h2 {
	color:#ef4023;
	font-size:14px;
	line-height:16px;
	width:130px;
	margin:5px 0px 5px 0px;
}
div#micro-content-main div.box-micro-content p {
	font-size:11px;
	line-height:14px; !important
	margin:0px 0px 5px 0px;
}
.inf {
	font-size:11px;
}

div#micro-content-main input[type=text], div#micro-content-main input[type=password], div#micro-content-main select, div#micro-content-main textarea {
	font-family:Arial, Helvetica, sans-serif;
	display:inline;
	font-size:12px;
	line-height:21px;
	border:1px solid #a8a8a8;
	background-color:#ffffff;
}
div#micro-content-main input[type=text], div#micro-content-main input[type=password], div#micro-content-main select {
	height:21px;
	text-indent:5px;
}
div#micro-content-main textarea {
	text-indent:5px;
}
div#micro-content-main input[type=text], div#micro-content-main input[type=password], div#micro-content-main textarea {
	background:	#ffffff url(/images/system/hg_form_box_header.gif) repeat-x top left;
}


/******** Ecards (Community *******************************************************************/
/**********************************************************************************************/


a.right, a.left, .scrollable {
	height:315px;
}
.scrollable {
	float:left;	
	position:relative;
	width:645px;
	height:288px;
	overflow:hidden;
	margin-bottom:30px;
}
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}
.items div {
	float:left;
	width:645px;
	text-align:center;
}
a.right, a.left {
	position:absolute;
	top:125px;
	width:33px;
	height:35px;
	display:block;
	cursor:pointer;
	z-index:1000;
}
a.right {
	right:0px;
	background:transparent url(/community/images/switch-next.gif) no-repeat right top;
}
a.left {
	left:0px;
	background:transparent url(/community/images/switch-back.gif) no-repeat left top;
}
a.disabled {
	visibility:hidden !important;		
}
p.message {
	font-size:14px;
	width:512px;
	line-height:20px;
	padding-bottom:20px;
}
.card {
	padding-top:10px;
}


/******** Content Main ************************************************************************/
/**********************************************************************************************/


div#content-main {
	float:left;
	display:inline;
	width:660px;
	text-align:left;
	margin:25px 0px 0px 25px;
}
div#content-main h1 {
	font-size:24px;
	line-height:26px;
	color:#ef4023;
	margin:0px 0px 20px 0px;
}
div#content-main h2 {
	font-size:18px;
	color:#ef4023;
	margin:0px 0px 20px 0px;
}
div#content-main div.content-main-text {
	line-height:18px;
	width:650px;
}
div#content-main div.content-main-text p {
	margin:0px 0px 20px 0px;
}

/******** Content Left ************************************************************************/
/**********************************************************************************************/


div#content-left {
	float:left;
	display:inline;
	width:240px;
	text-align:left;
}


/******** SubNav ******************************************************************************/
/**********************************************************************************************/


div#content-left ul {
	display:block;
	width:240px;
	list-style:none;
}
div#content-left ul li {
	display:inline;
}
div#content-left ul li ul {
	padding:0px 0px 20px 0px;
	background-color:#f2f2f2;
}
div#content-left ul li a.lvl2 {
	display:block;
	padding:5px 0px 5px 15px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background-color:#949494;
	border-bottom:1px solid #b4b4b4;
}
div#content-left ul li a.lvl2active {
	display:block;
	padding:5px 0px 5px 15px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background-color:#a8a8a8;
	border-bottom:1px solid #b4b4b4;
}
div#content-left ul li a.lvl2:hover {
	color:#ffffff;
	background-color:#a8a8a8;
}
div#content-left ul li ul li a.lvl3 {
	padding:5px 0px 5px 15px;
	display:block;
	color:#ef4023;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
div#content-left ul li ul li a.lvl3active {
	padding:5px 0px 5px 15px;
	display:block;
	color:#ef4023;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
div#content-left ul li ul li a.lvl3:hover {
	color:#ef4023;
	text-decoration:underline;
}
div#content-left ul li ul li.lvl3-heading {
	padding:20px 0px 5px 15px;
	color:#666666;
	display:block;
}

div#content-left ul li a.cart {
	display:block;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	height:50px;
	padding:20px 0px 0px 65px;
	border-bottom:1px solid #b4b4b4;
	background:	transparent url(/images/system/hg_box_warenkorb_off.gif) no-repeat top left;
}
div#content-left ul li a.cart:hover {
	background:	transparent url(/images/system/hg_box_warenkorb_on.gif) no-repeat top left;
}
div#content-left ul li a.kontomanager {
	display:block;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	height:50px;
	padding:20px 0px 0px 65px;
	border-bottom:1px solid #b4b4b4;
	background:	transparent url(/images/system/hg_box_kontomanager_off.gif) no-repeat top left;
}
div#content-left ul li a.kontomanager:hover {
	background:	transparent url(/images/system/hg_box_kontomanager_on.gif) no-repeat top left;
}
div#content-left-bottom {
	height:30px;
	background:	transparent url(/images/system/hg_leftnav_bottom.gif) no-repeat top left;
}
div#content-left ul li.kontomanager-info {
	display:block;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	height:50px;
	padding:20px 0px 0px 65px;
	border-bottom:1px solid #b4b4b4;
	background:	transparent url(/images/system/hg_box_kontomanager_off.gif) no-repeat top left;
}

/******** Teaser ******************************************************************************/
/**********************************************************************************************/

div#slidecontrol {
	display:none;
}
div#content-teaser, div#content-teaser-full {
	float:left;
	display:inline;
	width:960px;
}
div#content-teaser div, div#content-teaser-full div {
	float:left;
	display:inline;
	text-align:left;
}
div#content-teaser div {
	width:960px;
	height:270px;
}
div#content-teaser-full div {
	width:960px;
	height:510px;
}
div#content-teaser div p {
	font-size:20px;
	line-height:24px;
	margin:0px 0px 20px 40px;
	color:#ffffff;
}
div#content-teaser-full div p {
	font-size:23px;
	line-height:28px;
	font-weight:bold;
	margin:0px 0px 20px 40px;
	color:#000000;
}
div#content-teaser div p a,
div#content-teaser-full div p a {
	color:#000000;
}
div#content-teaser div h1 {
	font-size:32px;
	line-height:36px;
	margin:20px 0px 20px 40px;
	color:#fff200;
}
div#content-teaser-full div h1 {
	font-size:66px;
	line-height:52px;
	margin:20px 0px 20px 40px;
	color:#fff200;
}
div#content-teaser div h1 a,
div#content-teaser-full div h1 a {
	color:#ef4023;
}
div#content-teaser div h1 a,
div#content-teaser-full div h1 a {
	text-decoration:none;
}
div#content-teaser div a:hover,
div#content-teaser-full div a:hover {
	text-decoration:none;
}

.jFlowPrev, .jFlowNext {
cursor:pointer;
}

/******** Banner ******************************************************************************/
/**********************************************************************************************/


div.banner {
	float:left;
	display:inline;
	width:645px;
	height:112px;
	margin:0px 0px 20px 0px;
}
div.banner-content {
	float:left;
	display:inline;
	margin:20px 0px 0px 205px;
}
div.banner-ad {
	float:left;
	display:inline;
	width:920px;
	height:70px;
	margin:10px 0px 0px 20px;
}
div.banner-wartung {
	float:left;
	display:inline;
	width:920px;
	height:70px;
	margin:10px 0px 0px 20px;
	background:	transparent url(/images/system/hg_banner_wartung.gif) no-repeat top left;
}
div.banner-wartung-content, div.banner-ad-content {
	float:left;
	display:inline;
	margin:20px 0px 0px 135px;
}
div.banner-wartung-content h2, div.banner-ad-content h2 {
	font-size:18px

}


/******** Toggle ******************************************************************************/
/**********************************************************************************************/


div.toggle-box {
	float:left;
	display:inline;
	width:650px;
	padding:10px 0px 10px 0px;
	text-align:left;
	border-bottom:1px solid #eeeeee;
}
div.toggle-box .headline span {
	background-position:0 10%;
}
div.toggle-box .headline span {
	background-image:url(/images/system/btn_toggle_off.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
	color:#ef4023;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	padding:1px 10px 1px 12px;
	text-decoration:none;
}
div.toggle-content {
	padding:10px 0px 0px 12px;
	display:none;
}
div.toggle-content ul {
	list-style-type:none;
	margin:0px 0px 20px 0px;
}
div.toggle-content ul li {
	list-style-type:none;
	padding:0px 0px 0px 25px;
	background:	transparent url(/images/system/icon_list_faq.gif) no-repeat top left;
}


/******** Suche *******************************************************************************/
/**********************************************************************************************/

div.list-entry {
	float:left;
	display:inline;
	width:650px;
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
	text-align:left;
	border-bottom:1px solid #eeeeee;
}
div.list-entry h3 {
	font-size:14px;
}
div.list-entry .category {
	font-size:11px;
	color:#666666;
}



/******** Content Boxen ***********************************************************************/
/**********************************************************************************************/


div.box-2col h2, div.box-2col-small h2, div.box-1col h2 {
	font-size:18px;
	line-height:20px;
	margin:0px 0px 10px 0px;
}
div.box-2col p, div.box-2col-small p {
	font-size:11px;
	line-height:16px;
	margin:0px 0px 10px 0px;
}
.prize {
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	color:#ef4023;
}
.prize-additional {
	font-size:11px;
	font-weight:bold;
	line-height:20px;
	color:#000000;
}
sub, sup {
  line-height:0px;
  font-size:60%;
 }
 
 
/******** Box 1-Column  **************/
/*************************************/


div.box-1col, div.box-1col-content-wrapper, 
div.box-1col-content, div.box-1col-bottom,
div.box-image-1col, div.box-text-1col  {
	float:left;
	display:inline;
}

div.box-1col {
	width:645px;
	text-align:left;
	margin:0px 0px 15px 0px;
}
div.box-1col h3 {
	font-size:12px;
	line-height:16px;
	margin:0px 0px 20px 0px;
}
div.box-1col-content-wrapper {
	width:645px;
	background:	transparent url(/images/system/hg_box_content_1col.gif) repeat-y top left;
}
div.box-1col-content {
	width:605px;
	margin:0px 0px 0px 20px;
}
div.box-1col p {
	line-height:16px;
	margin:0px 0px 20px 0px;
}

div.box-1col-bottom {
	height:15px;
	width:645px;
	background:	transparent url(/images/system/hg_box_bottom_1col.gif) no-repeat top left;
}
div.box-image-1col {
	width:190px;
	text-align:center;
}
div.box-text-1col {
	width:400px;
}
div.box-text-1col ul, div.box-1col ul {
	list-style-type:square;
	line-height:16px;
	margin:0px 0px 20px 18px;
}
div.box-1col ul.list {
	list-style-type:none;
	line-height:16px;
	margin:0px 0px 20px 0px;
}
div.box-1col ul.list li {
	list-style-type:none;
	padding:0px 0px 0px 25px;
	margin:0px 0px 10px 0px;
	background:	transparent url(/images/system/icon_list.gif) no-repeat top left;
}


/******** Box 2-Column  **************/
/*************************************/


div.box-2col, div.box-2col-content, div.box-2col-bottom,
div.box-image-2col, div.box-text-2col {
	float:left;
	display:inline;

}

div.box-2col {
	width:450px;
	text-align:left;
	margin:0px 0px 0px 20px;
}
div.box-2col-content {
	width:450px;
	height:190px;
	padding:0px 0px 10px 0px;
	background:	transparent url(/images/system/hg_box_content_2col.gif) repeat-y top left;
}
div.box-2col-bottom {
	height:15px;
	width:450px;
	background:	transparent url(/images/system/hg_box_bottom_2col.gif) no-repeat top left;
}
div.box-image-2col {
	width:215px;
	margin:0px 0px 0px 2px;
}
div.box-text-2col {
	width:195px;
	margin:0px 0px 0px 20px;
}


/******** Box 2-Column-Small *********/
/*************************************/

div.box-2col-small, div.box-2col-content-small,
div.box-2col-bottom-small, div.box-image-2col-small,
div.box-text-2col-small {
	float:left;
	display:inline;
}
div.box-2col-small {
	width:315px;
	text-align:left;
	margin:0px 15px 15px 0px;
}
div.box-2col-content-small {
	width:315px;
	height:220px;
	padding:0px 0px 10px 0px;
	background:	transparent url(/images/system/hg_box_content_2col-small.gif) repeat-y top left;
}
div.box-2col-bottom-small {
	height:15px;
	width:315px;
	background:	transparent url(/images/system/hg_box_bottom_2col-small.gif) no-repeat top left;
}
div.box-image-2col-small {
	width:140px;
	margin:0px 0px 0px 1px;
}
div.box-text-2col-small {
	width:165px;
}


/******** Footer *******************************************************************************/
/***********************************************************************************************/


div#footer {
	float:left;
	display:inline;
	width:970px;
	text-align:left;
}
.stnd {
	height:65px;
	line-height:65px;
	background-image:url(../images/system/hg_footer.gif);
	background-repeat:no-repeat;
}
.micro {
	height:40px;
	line-height:20px;
}
div#footer ul {
	list-style:none;
	margin:0px 0px 0px 20px;
}
div#footer ul li {
	float:left;
	margin:0px 15px 0px 0px;
}
div#footer a {
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	background:	transparent url(/images/system/icon_link_footer.gif) no-repeat center left;
	padding:0px 0px 0px 10px;
}
div#footer a:hover {
	text-decoration:underline;
}
div#footer p {
	float:right;
	padding:0px 0px 0px 15px;
	margin:0px 20px 0px 0px;
	font-size:14px;
	font-weight:bold;
	background:	transparent url(/images/system/icon_kundendienst.gif) no-repeat center left;
}


/******** Text Components **********************************************************************/
/***********************************************************************************************/

div.additional {
	float:left;
	display:inline;
	font-size:11px;
	line-height:16px;
	color:#666666;
}
.additional-info {
	font-size:11px;
	line-height:16px;
	color:#666666;
}

/******** Link Components **********************************************************************/
/***********************************************************************************************/


a {
	color:#ef4023;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a.link {
	color:#ef4023;
	font-weight:bold;
	text-decoration:none;
	background:	transparent url(../images/system/icon_link.gif) no-repeat center left;
	padding:0px 0px 0px 10px;
}
a.link:hover {
	text-decoration:underline;
}
p.list-arrow {
	background:	transparent url(/images/system/icon_list_arrow.gif) no-repeat center left;
	padding:2px 0px 2px 20px;
	color:#ef4023;
}


/******** Buttons ******************************************************************************/
/***********************************************************************************************/


a.btn {
	float:left;
	display:block;
	height:24px;
	line-height:24px;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	width:50px;
	background-color:#000000;

}
a.btn:hover {
	color:#cccccc;
	text-decoration:none;
}


/******** Pages *****************************************************************************/
/********************************************************************************************/


p.pages {
	float:left;
	text-align:left;
	font-size:12px;
}
p.pages a {
	height:20px;
	line-height:21px;
	padding:2px 6px 2px 6px;
	text-decoration:none;
	color:#ef4023;
	background-color:#ffffff;
	border:1px solid #ef4023;
}
p.pages a:hover {
	text-decoration:none;
	color:#ffffff;
	background-color:#ef4023;
	border:1px solid #ef4023;
}
p.pages span.active {
	padding:2px 6px 2px 6px;
	color:#ffffff;
	background-color:#ef4023;
	border:1px solid #ef4023;
}


/******** Form Components **********************************************************************/
/***********************************************************************************************/


div#content-main input[type=text], div#content-main input[type=password], div#content-main select, div#content-main textarea {
	font-family:Arial, Helvetica, sans-serif;
	display:inline;
	font-size:12px;
	line-height:21px;
	border:1px solid #a8a8a8;
	background-color:#ffffff;
}
div#content-main input[type=text], div#content-main input[type=password], div#content-main select {
	height:21px;
	text-indent:5px;
}
div#content-main textarea {
	text-indent:5px;
}
div#content-main input[type=text], div#content-main input[type=password], div#content-main textarea {
	background:	#ffffff url(/images/system/hg_form_box_header.gif) repeat-x top left;
}

div#content-main input.widthfix {
	width:13px;
	height:13px;
	border:none;
}
input[type=hidden] {
    display: none !important;
}

ul.formtbinf {
	list-style-type:none;
	margin:0px !important;
}
ul.formtbinf li {
	float:left;
	display:inline;
	margin:5px 20px 10px 0px;
}


/******** Table Components *********************************************************************/
/***********************************************************************************************/


table.selecttb, table.tariftb, table.formtb, table.ckecktb  {
	border-collapse:collapse;
	margin-bottom:20px;
}

/******** Tarife *******************************************************************************/

table.tariftb {
	border:1px solid #ffffff;
}
.tarifheader, .tarifcontent, .tarifcontent-light, .tarif {
	font-size:12px;
	padding:5px 10px 5px 10px;
	vertical-align:top;
}
.tarifheader {
	font-weight:bold;
	color:#ffffff;
	background-color:#949494;
}
.tarifcontent {
	border:1px solid #ffffff;
	background-color:#f3e400;
}
.tarifcontent-light {
	border:1px solid #ffffff;
	background-color:#f3f3f3;
}
.tarif {
	font-weight:bold;
	border:1px solid #ffffff;
	background-color:#fff200;
}

/******** Listen *******************************************************************************/

table.formtb {
	border:1px solid #e7e7e7;
}	
table.formtb td {
	line-height:16px;
}
.listheader, .listcontent-info, .listcontent, .listcontent-btn {
	font-size:12px;
	padding:5px 10px 5px 10px;
}
.listheader {
	font-weight:bold;
	color:#ef4023;
	background-color:#e7e7e7;
}
.listcontent-info {
	border-top:1px solid #e7e7e7;
	background-color:#f7f7f7;
}
.listcontent {
	border-top:1px solid #e7e7e7;
	background-color:#f3f3f3;
}
.listcontent-btn {
	border-top:1px solid #e7e7e7;
	background-color:#ffffff;
}
table.addtb td {
	padding:0px 10px 10px 0px;
	vertical-align:top;
}
table.ckecktb td {
	font-size:12px;
	padding:5px 5px 5px 0px;
	vertical-align:top;
}

/******** Select *******************************************************************************/

table.selecttb {
	border:1px solid #ffffff;
}
table.selecttb td a {
	color:#000000;
}
.unselect, .select {
	border:1px solid #ffffff;
	width:120px;
	height:30px;
	text-align:center;
}
.unselect {
	background-color:#f3f3f3;
}
.select {
	background-color:#fff200;
}


/******** Warenkorb ****************************************************************************/
/***********************************************************************************************/


ul#steps {
	display:block;
	width:604px;
	height:100px;
	text-align:center;
	margin-left:0px;
	background:	transparent url(/images/system/hg_steps.gif) no-repeat top left;
}
ul#steps li {
	float:left;
	display:block;
	width:150px;
	color:#666666;
	text-align:center;
	padding:10px 0px 0px 0px;
}
ul#steps li.active {
	float:left;
	display:block;
	width:150px;
	height:80px;
	color:#ef4023;
	padding:10px 0px 0px 0px;
	background:	transparent url(/images/system/hg_step_active.gif) no-repeat top left;
}
ul#steps li span {
	height:25px;
	line-height:25px;
	padding:4px 7px 4px 7px;
	margin-bottom:5px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	background-color:#666666;
}
ul#steps li.active span {
	height:25px;
	line-height:25px;
	padding:4px 7px 4px 7px;
	margin-bottom:5px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	background-color:#ef4023;
}


/******** Facebox ******************************************************************************/
/***********************************************************************************************/


#facebox .b {
  background:url(/images/system/popbox_b.png);
}
#facebox .tl {
  background:url(/images/system/popbox_tl.png);
}
#facebox .tr {
  background:url(/images/system/popbox_tr.png);
}
#facebox .bl {
  background:url(/images/system/popbox_bl.png);
}
#facebox .br {
  background:url(/images/system/popbox_br.png);
}
#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}
#facebox .content p {
	line-height:16px;
}
#facebox .popup {
  position: relative;
}
#facebox table {
  margin: auto;
  border-collapse: collapse;
}
#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}
#facebox .loading {
  text-align: center;
}
#facebox .image {
  text-align: center;
}
#facebox img {
  border: 0;
}
#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}


