@charset "utf-8";

/**################################
 * #### Global Reset ##############
 * ################################
 */ 
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
	/*	font-size: 100%;
		vertical-align: baseline; */
		background: transparent;
	}
	body { line-height: 1;  /* overflow-y: scroll; */ }
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '.';
		content: none;
	}
	:focus { outline: 0; }

	p {	margin: 0 0 18px; }
	blockquote { margin: 1em; background: #f9f9f9; border: 1px solid #ccc; padding: 10px; font-size: 92%; line-height: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; }
	li, dd { margin-bottom: 6px; }
	p, li, dl, dd, dt {	line-height: 155%; }

	ins { text-decoration: none; }
	del { text-decoration: line-through; }
	table {	border-collapse: collapse; border-spacing: 0; }

/**################################
 * #### Main Element Styles #######
 * ################################
 */ 
 	html { height: 100% }
	body, td { font: 13px/180% Arial, Helvetica, sans-serif; }	
	body { 
		color: #505050; 
		background: #313131 url(img/main/bg-body.png) top left repeat-x; 
		text-align: center; 
		padding: 0; 
	}
		
	#pageWrapper {
		width: 980px;
		margin: 0 auto;
		padding: 0;
		text-align: left;
		background: #fff;
		
	}

	#header { 
		position: relative;
		height: 105px;
		background: #313131 url(img/main/bg-body.png) top left repeat-x; 
	}
	
	#newHeader { 
		padding-top: 105px; 
		position: relative;
		background: #313131 url(img/main/bg-body.png) top left repeat-x; 		
	}

	
	#footer {
		background: transparent url(img/bg-footer.png) center top repeat-x;
		color: #fff;
		font-size: 12px;
		text-transform: uppercase;
	}
	
	#footerWrapper {
		width: 980px;
		margin: 0 auto;
		height: 53px;
	}

/**#########################
 * #### Typography #########
 * #########################
*/
	a:link, a:visited { color: #0066CC; }
	a:hover, a:focus, a:active { color: #ca0000; }

	h1, h2, h3, h4, h5, h6 {
	}
	
	h2 {
		text-transform: uppercase;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: -0.05px;
		margin-bottom: 13px;
		color: #2e2e2e;
	}
	
	h2 span {
		color: #ca0000;
	}
	
	h2.page-headline {
		font-size: 24px;
		letter-spacing: -1px;
	}
	
	h3 {
		font-size: 16px;
		color: #ca0000;
		margin-bottom: 3px;
	}
	
	#product h3 {
		padding: 0 0 5px;
		border-bottom: 1px dotted #ccc;
	}	

/**#########################
 * #### Header Stylings ####
 * #########################
*/
	#header h1, #newHeader h1 {
		display: block; 
		position: absolute;
		top: 12px; 
		left: 30px;
		width: 329px;
	}

	#header h1 a, #newHeader h1 a  {
		display: block;
		background-repeat: no-repeat;
		background-color: transparent;
		background-position: 0 0;
		background-image: url('img/bg-logo-new.png');
		width: 100%;
		height: 93px;
		text-indent: -999em;
	}
	
	#newHeader h1 { top: 0; }
	#newHeader h1 a { height: 105px; width: 268px; margin: 0; }
	
	
	#teaserGraphic, #teaserGraphicSmall {
		height: 236px;
		position: relative;
		background-repeat: no-repeat;
		background-color: transparent;
		background-position:  0 0;
	}
	
	#teaserGraphicSmall {
		background-image: url('img/bg-header-small.jpg');	
	}
	
	#teaserGraphic .teaser-main, #teaserGraphic .teaser-sub {
		position: absolute;
		left: 38px;
		font-weight: bold;
		line-height: 1;
		width: 462px;
		text-indent: -999em;
	}
	
	#teaserGraphicSmall .teaser-main, #teaserGraphicSmall .teaser-sub  {
		display: none;
	}
	
	#teaserGraphicSmall { height: 30px; }
	
	#navi { position: absolute; right: 180px; top: 11px; }
	#navi li { float: left; font-size: 88%; padding: 0 3px; color: #D02723; }
	#navi li a { color: #D02723; text-decoration: none; }
	#navi li a:hover { text-decoration: underline; }
	
/**#########################
 * #### Flags ##############
 * #########################
*/
	#chooseLanguage { 
		position: absolute;
		top: 8px;
		right: 20px;
		clear: both;
	}
	
	#chooseLanguage li {
		float: left;
		list-style: none;
	}
	
	#chooseLanguage a {
		display: block; 
		width: 26px;
		height: 26px;
		overflow: hidden;
		background-image: url(img/bg-flag-sprite.png);
		background-repeat: no-repeat;		
		background-color: transparent;
		text-indent: -999em;
	}
	
	#chooseLanguage .flag-uk { background-position: 0 0; }
	#chooseLanguage .flag-nl { background-position: -26px 0; }
	#chooseLanguage .flag-it { background-position: -52px 0; }	
	#chooseLanguage .flag-de { background-position: -78px 0; }
	#chooseLanguage .flag-fr { background-position: -104px 0; }
	#chooseLanguage .flag-es { background-position: -130px 0; }

/**#########################
 * #### Top Navigation #####
 * #########################
*/
	#navigation {
		position: absolute;
		top: 44px;
		right: 1.5em;
		clear: both;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: -0.01em;
	}
	
	#navigation li {
		list-style: none;
		float: left;
	}
	
	#navigation li.spacer {
		background: transparent url(img/bg-navigation-spacer.png) center center no-repeat;
		width: 20px;
		height: 45px;
	}
	
	#navigation a {
		display: block;
		text-decoration: none;
		padding: 0 .5em;
		height: 45px;
		line-height: 45px;
		letter-spacing: -1px;
	}
	
	#navigation a:link, #navigation a:visited {
		color: #000;
	}
	#navigation a:hover, #navigation a:focus, #navigation a:active {
		color: #d02723;
		background: #fff;
	}	
	
	#navigation li.red a:link, #navigation li.red a:visited  {
		color: #d02723;
	}

	#navigation li.red a:hover, #navigation li.red a:focus, #navigation li.red a:active  {
		color: #000;
	}
	
	
	/*** New Top Navigation ***/
	#newNavigation { 
		background: transparent url(/css/img/bg-new-navigation.png) center top repeat-x;
		height: 55px;
	}
	
	#newNavigation ul { 
		float: left;
		margin: 2px 0 0;
		border-right: 1px solid #e73535;
	}
	
	#newNavigation li {
		float: left;
		border-left: 1px solid #e73535;
		border-right: 1px solid #900000;
		margin: 0;
	}

	#newNavigation li.first { border-left: 0 none; }
	#newNavigation li.last { }	
	
	#newNavigation a { 
		display: block; 
		padding: 11px 21px 10px; 
		margin: 0; 
		color: #fff;
		text-decoration: none;
		font-weight: normal;
		font-size: 16px;
	}
	
	#newNavigation a:link, #newNavigation a:visited { color: #fff; }
	#newNavigation a:hover, #newNavigation a:active { color: #ffb599; }	
	
	/*** New Top ***/	
	#newTop  { position: relative; }
	#newTop .badge { display: none; text-indent: -999em }
	#newTop .left-top, .right-top {
		width: 490px;
		height: 212px;
		float: left;
		background: transparent url(img/de/bg-top-img-left.jpg) top left no-repeat; 
		position: relative;
		text-indent: -999em;
	}

	#newTop .right-top {
		float: right;
		background: transparent url(img/de/bg-top-img-right.jpg) top right no-repeat; 
	}
	
	#newTop .btn { 
		width: 149px; 
		height: 39px; 
		display: block;
		text-indent: -999em;
		position: absolute;
		top: 156px; 
	}

	#newTop .btn-buy { left: 306px;  }
	#newTop .left-top .btn-dl { right: 136px; }
	#newTop .right-top .btn-dl { left: 140px; }	


/**#########################
 * #### Content ############
 * #########################
*/
	#content {
		padding: 24px 40px;
	}
	
	#leftBarContent { 
		float: left;
		width: 600px;
	}
	#rightBarContent { 
		width: 300px;
		float: right
	}

	#indexTopBar blockquote {
		display: block;
		float: left;
		width: 415px;
		margin: 0;
		padding: 0;
		background: none;
		border: 0 none;
		letter-spacing: -0.04px;
		font-size: 18px;
		font-style: italic;
		font-family: "Times New Roman", Times, serif;
		color: #000;
	}
	
	#indexTopBar blockquote p {
		padding: 5px 0 0;
		margin: 5px 0 0;
		line-height: 22px;		
	}
	
	#indexTopBar blockquote em {
		display: block;
		line-height: 1;
		font-size: 16px;
		color: #999999;
		text-align: right;
	}
	
	#indexTopBar .btn-holder {
		float: right;
		padding-left: 5px;
		margin-right: -21px;
		border-left: 1px dotted #ccc;
	
	}
	
	#indexTopBar .btn-holder li {
		float: left;
		width: 210px;
		background:#FFFACF none repeat scroll 0 0;
		padding: 8px;
		margin-right: 10px;
	}
	
	#indexTopBar .btn-holder li.first {
		padding-right: 15px;		
	}						
	
	#indexTopBar .btn-holder li em {
		font-size: 21px;
		display: block; margin: 0 2px 8px ;
		line-height: 1;
	}
	
	#indexTopBar .btn-holder li span  {
		display: block;
		font-size: 88%; 
		color: #505050;
		line-height: 16px;
		margin: 0 2px 13px;
		height: 45px;
	}

	#indexTopBar .btn-holder a {
		display: block;
		width: 210px;
		height: 42px;
		text-indent: -999em;
		background-color: transparent;
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	
	#leftBarContent #indexTopBar .btn-holder {
		float: left;
		width: 50%;
		padding: 0;
		margin: 0;
		padding-left: 0 !important;
		margin-right: 0 !important;
		border-left: 0 none;	
	}
	

	/** Button Download **/
	#indexTopBar .btn-dl a { margin-right: 10px; }
	#indexTopBar .btn-dl a:link, #indexTopBar .btn-dl a:visited { background-position: 0 0; }
	#indexTopBar .btn-dl a:hover, #indexTopBar .btn-dl a:focus, #indexTopBar .btn-dl a:active { background-position: 0 -42px; }

	/** Button Buy **/
	#indexTopBar .btn-buy a{ background-position: 0 -84px; }
	#indexTopBar .btn-buy a:link, #indexTopBar .btn-buy a:visited { background-position: 0 -84px;	}
	#indexTopBar .btn-buy a:hover, #indexTopBar .btn-buy a:focus, #indexTopBar .btn-buy a:active {	background-position: 0 -126px; }

	/** Button Upgrade **/
	#indexTopBar .btn-upgrade a{ background-position: 0 -252px; }
	#indexTopBar .btn-upgrade a:link, #indexTopBar .btn-upgrade a:visited { background-position: 0 -252px;	}
	#indexTopBar .btn-upgrade a:hover, #indexTopBar .btn-upgrade a:focus, #indexTopBar .btn-upgrade a:active {	background-position: 0 -294px; }


	.page-spacer {
		background: transparent  url(img/bg-page-spacer.png) center center no-repeat;
		height: 34px;
		margin: 13px 0;
	}

	.gradient-box {
		background: transparent url(img/bg-textbox-gradient.png) right bottom no-repeat;
		padding: 25px 40px 13px;
		
	}
	
	#indexTextBox { margin-left: -40px;	}
	#indexTextBox h2 { padding-left: 40px; }

	.cont-box { }
	.cont-box h2 {
		position: relative;
		height: 43px;
		line-height: 43px;
		margin: 0; 
		padding: 0 18px;
		font-size: 16px;
		background: transparent url(img/bg-contentbox-header.png) left bottom no-repeat;
	}
	.cont-box h2 span {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 5px;
		background: transparent url(img/bg-contentbox-header.png) right bottom no-repeat;		
	}

	.cont-box .box-content {
		border: 1px solid #e4e4e4;
		border-top: 0 none;
	}	
	
	/** Index sidebar feature list **/
	.feature-list {}
	.feature-list li {
		position: relative;
		padding: 11px 8px 11px 144px;
		margin: 0;
		font-size: 11px;
		min-height: 54px;
		background: transparent url(img/bg-feature-list.png) left bottom repeat-x;
	}
	
	.feature-list li img {
		display: block;
		float: left;
		width: 126px;
		height: 54px;
		margin-left: -136px;
	}
	
	.feature-list li.f-find img { background-position: 0 0; }
	.feature-list li.f-play img { background-position: 0 -54px; }
	.feature-list li.f-download img { background-position: 0 -108px; }
	.feature-list li.f-convert img { background-position: 0 -162px; }
	.feature-list li.f-audio img { background-position: 0 -216px; }

	/** Index screenshot box **/
	.screenshot-box {
		position: relative;
		background: url(img/bg-screenshot-index.png) top left no-repeat;
		min-height: 205px;
	}

	.screenshot-box span.right {
		position: absolute;
		top: 0;
		right: 0;
		width: 5px;
		background: url(img/bg-screenshot-index.png) top right no-repeat;
		height: 205px;
	}
	
	.screenshot-box ul { margin-left: 2px; }
	.screenshot-box li {
		float: left;
		line-height: 1;
		width: 32%;
		padding: 11px 5px;
	}
	
	.screenshot-box li h3 {
		font-size: 13px;
		line-height: 1;
		margin-top: 15px;
		padding: 0;
		letter-spacing: -0.01em;
	}
	
	.screenshot-box li h3 a { 
		display: block;
		float: left;
		color: #343434;
		text-decoration: none;
		width: 100%;
	}
	
	.screenshot-box li h3 span {
		display: inline;
		float: left;
	}
	
	.screenshot-box li h3 .ico {
		display: inline;
		float: right;
	}
	
	.screenshot-box li.divider {
		padding: 0;
		width: 2px;
		height: 205px;
		background: url(img/bg-screenshot-divider.png) center center no-repeat;	
	}
	
/** Index portals box **/
	.portals-box {
		position: relative;
		background: url(img/bg-screenshot-index.png) top left no-repeat;
		min-height: 125px;
		border-bottom: 1px solid #e1e1e1;
	}

	.portals-box span.right {
		position: absolute;
		top: 0;
		right: 0;
		width: 5px;
		background: url(img/bg-screenshot-index.png) top right no-repeat;
		height: 120px;
	}
	
	.portals-box ul { margin-left: 2px; }
	.portals-box li {
		float: left;
		line-height: 1;
		width: 15%;
		padding: 11px 5px;
		margin-left: 40px;
	}

	.portals2-box ul { margin-left: 2px; }
	.portals2-box li {
		float: left;
		line-height: 1;
		width: 15%;
		padding: 11px 5px;
		margin-left: 70px;
	}	
	
	.portals-box li h3 {
		font-size: 13px;
		line-height: 1;
		margin-top: 15px;
		padding: 0;
		letter-spacing: -0.01em;
	}
	
	.portals-box li h3 a { 
		display: block;
		float: left;
		color: #343434;
		text-decoration: none;
		width: 100%;
	}
	
	.portals-box li h3 span {
		display: inline;
		float: left;
	}
	
	.portals-box li h3 .ico {
		display: inline;
		float: right;
	}
	
	.portals-box li.divider {
		padding: 0;
		width: 2px;
		height: 125px;
		background: url(img/bg-screenshot-divider.png) center center no-repeat;	
	}	
	
	/** Cover Sidebar Index **/
	#coverIndex {
		width: 174px;
		height: 302px;
		margin: 0 auto;
		background-position: top left;
		background-repeat: no-repeat;
		background-color: transparent;
	}
	
	
	/*** Feature Table ***/
	#featTable { 
		width: 100%;
	}

	#featTable th, #featTable td {
		border-bottom:1px solid #eed0d0;
		border-right:1px solid #eed0d0;		
	}

	#featTable th {
		padding: 13px 21px;
		line-height: 1.45;
		border:1px solid #ccb7b7;
		background: url(img/bg-feature-table-th.png) top left repeat-x;
	}
	
	#featTable th.first {
		border-left:1px solid #dac6c6;
	}
		
	#featTable td { 
		padding: 8px 13px; 
		text-align: center; 
		line-height: 1.45;
		vertical-align: top;
	}

	#featTable .front {
		width: 50%;
		text-align: left;
		font-weight: bold;
		font-size: .82em;
		border-bottom:1px solid #dac6c6;
		border-left:1px solid #dac6c6;
		border-right:1px solid #dac6c6;		
	}
	
	#featTable .info td {
		background: #fffacf;
	}
	
	#featTable .front strong {
		color: #ca0000;
		font-size: 1.15em;
	}
	
	#featTable .front span {
		font-weight: normal;
		color: #555;
		font-size: 11px;
		line-height: 1.45;
		display: block;
		padding: 5px; 
		background: #eee;
		border: 1px solid #ccc;
		margin-top: 3px;
	}
	
	#featTable .plan { 
		font-size: 13px; 
		font-weight: normal;
		text-align: center;
		vertical-align: top;
		width: 25%;
	}
	
	#featTable .plan span {
		display: block;
	}
	
	#featTable .plan .head {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 18px;
	}
	
	#featTable .plan .price {
		color: #ca0000;
		font-weight: bold;
	}

	#featTable .check {
		display: block;
		width: 16px;
		height: 16px;
		background: transparent url(img/mytube-iconset.png) -41px -8px scroll no-repeat;
		text-indent: -999em;
		margin:  0 auto;
	}
	
	#featTable .info {
		font-size: .82em;
	}
	
	/** Sub Page-Navigation **/
	
	.sub-links {
	}
	
	.sub-links-h3 {
		color: #000;
		font-size: 18px;
		text-transform: uppercase;
		letter-spacing: -0.1px;
		float: left;
	}
	
	.sub-links li {
		float: right;	
		margin: 0 5px 13px 0;
	}
	
	.sub-links li a {
		display: block;
		position: relative;
		height: 32px;
		line-height: 25px;
		text-decoration: none;
		color: #000;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: bold;
		padding: 0 13px;
		letter-spacing: -0.04px;
		background: url(img/bg-sublinks-nav.png) center top;
	}
	
	.sub-links li.act a {
		color: #ca0000;
		background: url(img/bg-sublinks-nav.png) center -35px;
	}	
	
	.sub-links li a .left {
		position: absolute;
		top: 0; left: 0;
		width: 5px;
		height: 25px;
		background: #fff url(img/bg-sublinks-nav.png) left top no-repeat;
	}

	.sub-links li a .right {
		position: absolute;
		top: 0; right: 0;
		width: 5px;
		height: 25px;
		background: #fff url(img/bg-sublinks-nav.png) right top no-repeat;
	}

	.system-list li {
		line-height:1.2em;
		padding:3px 0;
	}

	.system-list {
		list-style-image: url(img/bullet.gif);
		list-style-position:outside;
		list-style-type:none;
		margin-left: 2em;
	}
	
	
	.dl-link a {
		display: block;
		font-size: 21px; font-weight: bold;
		padding-left: 40px;
		line-height: 34px;
		background: url(img/ico-download.png) left top no-repeat;
	}
	
	/** Quote Slider **/
	.quote-holder {
		float: left;
		width: 435px;
		height: 125px;
		overflow: hidden;
	}
	
	.quote-holder blockquote {
		height: 125px;
	}
	
	/** Upgrade Badge **/
	#badgeUpgrade a { 
		display: block;
		text-indent: -999em;
		width: 215px;
		height: 215px;
		margin: 0 auto 34px;
		background-repeat: no-repeat;
		background-color: transparent;
		background-position: 0 0;
	}
	
	#rightBarContent #indexTopBar .btn-holder {
		float: right;
		padding: 0;
		margin: 0;
		padding-left: 0 !important;
		margin-right: 0 !important;
		border-left: 0 none;
	}	
	
	#leftBarContent #indexTopBar .btn-holder { float: none; width: 100% }
	#leftBarContent #indexTopBar .btn-holder span { height: auto; font-size: 12px; margin: 13px 0; }
	#leftBarContent #indexTopBar .btn-holder li {
		width: 75%;
	}

	.cobi-index { padding: 13px 13px 21px; border: 1px solid #ddd; margin: -13px 0 21px; background-color: #ffede6; font-size: 120%; text-align: center; }
	.cobi-index a { display: block; font-size: 90%; line-height: 1.25em; font-weight: bold; text-decoration: none; margin: 8px 0 0; }

/**#########################
 * #### Icons ##############
 * #########################
*/
	.ico { 
		padding: 0;
		background: transparent url(/css/img/mytube-iconset.png) repeat-x scroll 0 0;
		margin: 0 3px 0 0; 
		vertical-align: middle; 
		width: 16px; height: 16px;
	}
	
	.ico-search {
		background-position: -8px -8px;
	}

/**#########################
 * #### Formulars ##########
 * #########################
*/
	a.btn-map {
		background: url(img/bg-button-sprite.png) left top no-repeat;
		position: relative;
		text-align: center;
		display: block;
		height: 25px;
		line-height: 20px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		margin: 8px auto 3px;
		min-width: 125px;
	}

	a.btn-map span {
		position: absolute;
		display: block;
		right: 0;
		top: 0;
		width: 12px;
		height: 25px;
		background: #fff url(img/bg-button-sprite.png) right top no-repeat;
	}
	
	
	form li {
		line-height: 1.35em;
		display: block;
		padding: 6px 5px 9px 0;
		margin: 0 0 3px 175px;
	}
	
	label {
		display: block;
		float: left;
		font-size: 12px;
		width: 160px;
		text-align: right;
		margin: 0 0 0 -175px;
		line-height: 18px;
		font-weight: bold;		
		border: medium none;
		line-height: 155%;
		color: #222;
		padding: 0 0 3px;		
	}
	
	fieldset {	
		padding: 14px 0 21px;
		position: relative;
		border: 0 none;
	}

	input[type="text"], input[type="file"], textarea, input[type="password"] {
		background: #FFF url(/css/img/bg-input.gif) repeat-x scroll 0 0;
		border-color:#7C7C7C #C3C3C3 #DDDDDD;
		border-style:solid;
		border-width:1px;
		font-size: 13px;
		padding: 2px;		
	}
	
	input[type="radio"], input[type="checkbox"] {
		background: transparent none repeat scroll 0 0 !important;
		border: 0 none !important;
		width: 16px !important;
	}	
	
	input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
		background: #f5f5f5;		
	}
	
	input[type=checkbox], input[type=radio] { vertical-align: middle; margin: 0; padding: 0; }	
	input[readonly="readonly"], input.readonly, input[disabled="disabled"] {color:#696969!important}		
	
	textarea {
		width: 95%;
		font-family:"Lucida Grande",Arial,sans-serif;
	}
	
	select {
		font-family: arial,helvetica,sans-serif;
		padding:2px;
		margin-bottom:5px;
	}

	form span.required {
		color: red !important;
		display: inline;
		float: none;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}	

	form li a.abort-link { line-height: 38px; color: #777; }



/**#########################
 * #### Footer #############
 * #########################
*/
	
	#footer li {
		float: left;
		line-height: 53px;
		padding: 0 10px;
		font-weight: bold;
	}

	#footer a {
		color: #fff;
		text-decoration: none;
	}
	
	#footer li.right {
		float: right;
		color: #e7a1a1;
	}

/**#########################
 * #### HTML Replacement ###
 * #########################
*/
	.align-right 	{ text-align:right}
	.align-left 	{ text-align:left}	
	.center			{ text-align:center}
	
	.float-left  {float:left}
	.float-right {float:right}	

	.marg_auto {margin-left:auto;margin-right:auto}

	strong {font-weight:700}
	em, i  {font-style:italic}
	
	.uppercase { text-transform: uppercase; }

	big 	{ font-size:1.25em}
	.lhs {line-height:1.3}
	.lhm {line-height:1.5}
	.xbig	{ font-size:1.40em}
	big.first {font-size:2em;letter-spacing:1px }
	
	small, .fsmall {font-size:85%}
	.fxsmall {font-size:82%}
	.fxxsmall {font-size:72%}
	
	/*** Defining the main colors	***/
	.black 	{color:#333}
	.red	{color:#990000}
	.grey, .grey a {color:#777}
	.xgrey	{color:#999}
	.orange {color:#cc7722}
	.yellow {color:#ffdd11}
	.blue	{color:#336699}
	.green	{color:#608800}
	.purple, a.purple {color:#e2007a!important}
	
	.odd, .odd td,  .odd_column {background-color:#ffefef}
	.even, .even td, .even_column {background-color:#fff}	

	.hidden {display:none}
	.block {display:block}
	
	a img {border:0 none}
	
	.framed {background:white;padding:3px;border:1px solid #ccc}

	/*** Hiding skiplinks for CSS-View ***/
	#quickskip li {position:absolute;	visibility:hidden;	}		

	.rel {position:relative;z-index:+2}
	
	.w_perc_90 {width:88%}
	.w_perc_85 {width:83%}
	.w_perc_80 {width:78%}
	.w_perc_75 {width:74%}
	.w_perc_70 {width:68%}
	.w_perc_65 {width:64%}
	.w_perc_60 {width:58%}
	.w_perc_55 {width:53%}
	.w_perc_50 {width:48%}
	.w_perc_45 {width:44%}
	.w_perc_40 {width:38%}
	.w_perc_35 {width:33%}
	.w_perc_33 {width:30%}
	.w_perc_30 {width:28%}
	.w_perc_25 {width:24%}
	.w_perc_20 {width:18%}
	.w_perc_15 {width:13%}
	.w_perc_10 {width:8%}
	.w_perc_5  {width:3%}		

	/* listen */
	.dotted  li, .squared li, .ordered li, .decimal li  {
		margin-left: 21px;
		padding:1px 0
	}
	.ordered li, .decimal li {
		list-style-type: decimal; 
		padding: 2px 0 5px;
		margin-bottom: 5px; 
		border-bottom: 1px dotted #ddcc44;
	}
	.dotted  li {list-style-type:disc}
	.squared li {list-style-type:square}
	

/* ########################################################################
/* ###### MICROSITES ######################################################
/* ########################################################################
*/				
	#microLinks			{ clear: both; font-size: 11px; border: 0 none; color: white; padding: 1em 0; margin: 0; }
	#microLinks p 		{ clear: both; font-size: 11px; padding: 1em 0; margin: 1em 0; }
	#microLinks ul, #microLinks li { list-style: none; margin: 0; padding: 0; white-space: nowrap; line-height: 1.45; }
	#microLinks li 	{ float: left; border: 0 none; }
	#microLinks li a 	{ display: inline; padding: 0; color: #fff; }		
	#microLinks li a:link, #microLinks li a:visited { text-decoration: none; }
	#microLinks li a:hover, #microLinks li a:active { text-decoration: underline; }
	
/**################################
 * #### Clearfix Hack #############
 * ################################
 */	
 	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		font-size:0.1em;
		visibility:hidden;
	}	

	.clearfix {display:inline-block}  /* ... Clearing f?r IE5/Mac und IE7 */

	* html .clearfix {height:1%}   /* ... f?r IE5 + IE6/Win | IE-Clearing aktivieren */
	.clearfix {display:block}      /* ... f?r IE5,IE6,IE7 | Mac-Einstellungen f?r IE/Win zur?cksetzen */