#debugger {position: absolute; top: 0; left: -100px}
/* colors
violett: #AB2DD1
violett dk: #661B7C
*/
/* HACKS */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

* {margin: 0; padding: 0; border: 0}
a:active {outline: none !important} /* so an annoying outline only appears for keyboard nav -> http://sonspring.com/journal/removing-dotted-links */
hr {display: none /* used to structure the no-css mode for PDAs and such */}
html {height: 101%; } /* so Gecko always gets a scrollbar */
body {overflow-x: hidden; color: #000; padding: 0}


/* What is using the standard font? */
#find, #find input {font-family: Arial, Helvetica, sans-serif}

/* What's viola ? */
.viola, #topmenu a.aactive, #topsubmenu a.aactive, #topmenushop a.aactive, em.notifier a, #shop_login a,
#content h1, #content h2, #content h2.dt, .viola, #content h3, #topmenu a:hover, #topmenublog a:hover, #sidemenublog a:hover, #sidemenublog a.aactive {color: #AB2DD1 !important}

/* Boxes */
#wrapper {width: 100%}
#head {position: relative; margin: 0px 0 0 0}
#headrowA, #headrowB {width: 100%; clear: both; position: relative}
#headlogin{width: 100%; height:30px;}

/* Adminmode */
.adminboxArticle, .adminboxCategory, .adminboxBlogCategory  {width: 100%; overflow: auto; font-size: 11px; margin: 0 0 10px 0; clear: both}
.adminboxCategory a, .adminboxBlogCategory a {background: #CDFF82} 
.adminboxArticle a {background: #A2EAFF}
.adminboxArticle a.locked {background: #ff0000; color: #fff}

.adminboxArticle a, .adminboxCategory a, .adminboxBlogCategory a {display: block; float: left; padding: 1px 5px 1px 10px !important; background-image: url(arrows/arrow_tiny_white.png); background-position: center left; background-repeat: no-repeat; text-decoration: none; color: #333 !important; line-height: normal; border-right: 2px solid #fff}
.adminboxBlogCategory a {padding: 10px !important; font-weight: bold}
.adminboxArticle a:hover, .adminboxCategory a:hover, .adminboxBlogCategory a:hover {text-decoration: none; color: #fff !important; background: #00E8E8; background-image: url(arrows/arrow_tiny_white.png); background-position: center left; background-repeat: no-repeat;}

.locked {color: #D3D3D3; background: #E8FAFF}

/* Images */
.clearthumb {width: auto; float: left}

/* DEFAULT MENU */
#topmenu {position: absolute; left: 25px; top: 40px; text-align: left; z-index: 1000; line-height: normal}
#topmenu li, #sidemenublog li {list-style-type: none; list-style-position: outside; padding: 2px 0; display: block !important; clear: both !important}
#topmenu li.topAli {position: relative; width: 180px}
#topmenu li.topAli a {overflow: hidden}
#topmenu li.topAli a, #topmenublog li.topAli a, #topmenushop li.topAli a, #sidemenublog li.topAli a {padding: 0 0 0 10px; color: #000; text-decoration: none}


/* li.sub a for language select in Topmenu  {margin-bottom: 0}*/

li.sub {padding: 0 !important; margin: 0 !important; display: inline-block; clear: both}
li.langswitch {padding: 4px 0 0 0 !important}
li.langswitchsub {margin: 20px 0 0 0 !important}
#chin a {display: block; overflow: hidden; text-indent: -50px; background: #fff url(icons/icon_chinese.png) 11px 0 no-repeat /*display: block; width: 50px; height: 13px; overflow: hidden;  padding: 4000px; */}
#chin a:hover {background: #fff url(icons/icon_chinese.png) 11px -15px no-repeat}

#topmenu ul.subA {position: absolute; left: 170px; top: 2px; width: 138px}
#topmenu ul.subA a {display: block}
li.subAli {padding: 2px 0  !important; line-height: 100%}
ul.subAblog li a {padding: 0 0 0 10px; font-size: 12px}
ul.subAblog li a.aactive {background: transparent url(arrowA.png) 0 50% no-repeat !important; color: #AB2DD1}
ul.subAblog li a:hover {color: #AB2DD1}


#topmenu a.aactive, #sidemenublog a.aactive {background: transparent url(arrowA.png) 0 50% no-repeat}
ul.subA li a.aactive {background: transparent url(arrowA.png) 0 50% no-repeat !important}


/* BLOG */
#topmenublog, #topmenushop {position: absolute; top: 26px; left: 5px; text-align: left; z-index: 1000}
#topmenublog li, #topmenushop li {display: inline; list-style-type: none; list-style-position: outside; margin: 0 0 0 10px}
/*#topmenublog li a, */ #topmenushop li a {font: normal 12px Arial, Helvetica, sans-serif !important}
/*#topmenublog a.aactive, */ #topmenushop a.aactive {background: transparent url(arrowA.png) center left no-repeat}
#sidemenublogB {padding: 0 0 0 10px}
.rss {background: transparent url(icons/icon_rss.png) left 50% no-repeat; padding: 0 0 0 17px}
a.rss32 {display: block; padding: 15px 0 15px 32px !important; background: #fff url(icons/icon_feed_16x16.png) 10px 50% no-repeat}

/* Twitter */
#twitter_update_list li {list-style-type: none; margin: 0 0 10px 0}
#twitter_update_list li a {font-size: 100% !important}


/* #headrowB {text-align: right; margin: 0 0 -23px 0} #headrowB img {position: relative; margin: 20px 20px 0 0} */
#headrowB {text-align: right; height: 43px} #headrowB img {position: absolute; top: 20px; right: 20px}



#headrowB li.first {position: absolute; left: -60px}


#content {overflow: inherit; position: relative; width: 100%}

	

	div.home {}
	div.homethumb {float: left; margin: 0 10px 2px 0; width: 85px; height: 100px; overflow: hidden}

	form#search {margin: 0 0 60px 0}
	
	h2 {line-height: 130% !important}
	h2 a {text-decoration: none}
	#content h2.dt {width: 100%; border-bottom: 1px solid #AB2DD1; text-transform: uppercase; margin: 0 0 20px 0}
	#content h2.dt img {float: none; clear: both}
	#content h2.h2A {color: #000; border-bottom: 1px solid #ccc}
	#content h2.h2B {color: #AB2DD1; border-bottom: 1px solid #AB2DD1}
	h3.h3b {position: relative}
	/* for Internet Explorer */
	/*\*/
	* html h3.h3b {display: inline-block}
	/**/
	h3.h3b span {display: block; position: absolute; bottom: 7px; right: 0}
	#content h3.h3b, .h3b a {text-decoration: none; color: #AB2DD1 !important; border-bottom: 1px solid #AB2DD1; padding: 4px 0 5px 0; margin: 0 0 5px 0}
	#content em.topp {display: block; font-style: normal; font-weight: normal; margin: 0; color: #666; font-size: 12px}
	#content em.top {display: block; font-style: normal; margin: 0 0 16px 0; color: #666}
	

	.ColAblog {margin: 40px 0 10px 34px !important; width: 57% !important;} /* for multiple classes @blog */
	.contentColSPAN {margin: 0 140px 10px 360px /*background: transparent; width: auto; display: inline; float: left; padding: 0 0 10px 360px;   */}
	.contentColA {min-height: 1100px; height: auto; display: inline-block}
	/* for Internet Explorer */
	/*\*/
	* html .contentColA {
	height: 1100px;
	}
	/**/
		.contentColA em, .contentColSPAN em {color: #AB2DD1; font-style: normal; font-weight: normal}
		.contentColA strong, .contentColSPAN strong {color: #AB2DD1 !important; font-weight: normal !important}
		.contentColA .intro {font-weight: bold; text-transform: uppercase}
		.contentColA a, .contentColSPAN a, .portalbox a {color: #AB2DD1}
		.contentColA a:hover, .contentColSPAN a:hover {color: #AB2DD1}
		.contentColA p {margin: 0 0 15px 0}
		.contentColA ul {margin: 0 0 20px 0 !important; padding: 0 !important} 
		.contentColA form {width: 100%}
		.contentColA li {margin: 0; padding: 0 0 0 15px; list-style-type: none; background: transparent url(bullet_ndash.png) 0 13px no-repeat}
		.contentColA img {float: left; margin: 7px 10px 10px 0}
		.aShortText {color: #000}
		.aComment {color: #AB2DD1}
		
	.contentColB {font-weight: bold; color: #9A9A9A; width: 180px; display: inline; float: left}
	#topmenublogbk {padding: 0 0 0 20px !important}
	.ColBblog {margin: 40px 50px 0 90px}
	.ColBblog h2 {margin: 0 !important}
	.ColBblog a {color: #000; text-decoration: none}
	.ColBblog ul {margin: 0 0 30px 0}
	.contentColB ul li {list-style-type: none; list-style-position: outside}

.mediadwnl {/* Style for Downloadbox */}


/* Tag Cloud */
div.tagcloud {clear: both; float: left; margin: 0 0 20px 0}
.tagcloud a {padding: 3px 3px 3px 0; display: inline; float: left} 
a.cloudsize12 {font-size: 10px}
a.cloudsize14 {font-size: 12px}
a.cloudsize16 {font-size: 14px}
a.cloudsize18 {font-size: 16px}
a.cloudsize20 {font-size: 18px}
a.cloudsize22 {font-size: 20px}

	
.downloadbox {margin: 0 0 10px 0}

div.commentbox  {width: 80%; display: inline-block; margin: 15px 0}
.commentbox textarea, .commentbox input {}
.commentbox label {}
.commentbox input {width: 50%}
.commentbox textarea {width: 50%; height: 140px}
.commentnotifier, .metainfo {color: #AB2DD1; clear: both}
.comment {color: #666}
h3.commentindex {padding: 2px}
h3.commentindex span {background: #ECCDF5; display: block; float: left; width: 25px; margin: 0 10px 0 0; text-align: center; color: #fff}
.metainfo  {margin: 0 0 3px 0; font-size: 12px; line-height: 140%}
.metainfo a {/* background: #F8ECFB;*/ text-decoration: underline; padding: 0 1px} 
.comment em {border-top: 1px solid #ccc; padding: 2px 0 0 0}
/* em.subhead {display: block; color: #000; font-style: normal; font-weight: normal; font-size: 12px; margin: -10px 0 15px 0} */
/*
.commentnotifier {background: transparent url(icons/icon_speech.png)  0 50% no-repeat; padding: 0 0 2px 16px; margin: -15px 0 0 0}
.commentnotifier a {font-size: 12px !important; text-decoration: none}
*/
/* Type specials */
small {font-size: 11px; line-height: 130%}
small strong {font-size: 11px}
small a {text-decoration: none !important}
.marker {background: yellow}
.nb {border: 0 !important}

em.notifier /* used in Shopflow */ {font-size: 12px; color: #666}
a.fulltextlink {text-decoration: none; color: #000}
a.fulltextlink:hover {color: #AB2DD1}
span.fwd {padding: 0 10px; background: #fff url(arrow_fwd.png) 50% 50% no-repeat; text-indent: -1000px; overflow: hidden}
a.fwd, a.bwd, a.ffwd, a.bbwd, a.ffwd:hover, a.bbwd:hover, a.fwd:hover, a.bwd:hover  {border: 0 !important; display: block; width: 15px; height: 20px; text-indent: -1000px; overflow: hidden}
a.bbwd {background: #fff url(arrow_bbwd_black.png) 50% 50% no-repeat}
a.ffwd {background: #fff url(arrow_ffwd_black.png) 50% 50% no-repeat}
a.bwd {background: #fff url(arrow_bwd_black.png) 50% 50% no-repeat}
a.fwd {background: #fff url(arrow_fwd_black.png) 50% 50% no-repeat}
a.blk {color: #000; text-decoration: none}

.boldA { /* violet & bold & bordered */
position: relative; float: left; display: block; color: #AB2DD1; font-weight: bold; padding: 10px 0
} 

td.ar {text-align: right !important; padding: 0 5px 0 0 !important}
p.padA {padding: 0 0 20px 0}
.copy, .row, h1, h2, h3 {line-height: 160%}

div#shop_cart_list, div#shop_login {min-height: 370px; margin: 80px 200px 10px 25px; font-weight: normal}

/* Rows */
div.row {position: relative; clear: both; overflow: inherit}
div.row, div.seperator, div.seperatorB, div.seperatorB2, div.seperatorC, div.seperatorC2 {width: 100%; clear: both; overflow: inherit}

div.rowColA, div.rowColB, div.rowColC {position: relative; height: auto; display: inline}
div.rowColAwide {position: relative; float: left; width: 100%; padding: 5px 0 0 0} 
div.rowColA {float: left; width: 550px}
div.rowColA img, div.rowColAwide img {float: left; margin: 0 10px 15px 0}
div.rowColA ul {margin: 5px 20px}
div.rowColAwide ul {margin: 5px 0}
ul.boldA {margin: 0; padding: 0}
div.rowColA li, div.rowColAwide li {list-style-type: none; list-style-position: outside; margin: 0; padding: 0; overflow: hidden}
div.rowColB {clear: both; width: 100%;  color: #ccc; background: #F8ECFB}  /* Comments, right col */
div.rowColB a {text-decoration: none}
div.rowColB p {color: #666}
div.rowColC {display: inline; overflow: hidden} /* rowColC = 50/50 columns */
.articlewrapper {position: relative}

div.userbox {width: 100%; margin: 0 !important; display: inline-block; padding: 0 0 40px 0}
div.userboxclose {margin: 10px 0 0 0 !important}
div.userboxcontacts {width: 90%; margin: 0 !important}
div.userthumb {position: absolute; top: 0; left: 0; width: 160px; height: 160px}
div.low {background: #fff} div.high {background: #EBEBEB}

/* * html>body div.lCol {float:none; display:inline-block}  mac fix http://www.l-c-n.com/IE5tests/float2misc/ */
.lCol {width: 49%; float: left}
.rCol {width: 45%; padding: 0 0 0 20px; float: left}
.rCol label {/*margin: 0*/}
.lCol p, .rCol p, .lCol div, .rCol div {padding: 0 30px 0 0}


.seperator {background: #fff url(seperator.png) 50% 50% repeat-x; height: 31px}
.seperatorB {background: #fff url(seperatorB.png) 50% 50% repeat-x; height: 61px}
.seperatorB2 {background: #fff url(seperatorB.png) 50% 50% repeat-x; height: 31px}
.seperatorB3 {display: inline-block; clear: both; height: 61px; width: 100%}
.seperatorB4 {display: inline-block; clear: both; height: 21px; width: 100%}
.seperatorB5 {background: #fff url(seperatorB.png) 0 0 repeat-x; height: 21px}
.seperatorB6 {display: inline-block; clear: both; height: 11px; width: 100%}
.seperatorC {height: 61px} .seperatorC2 {height: 15px}
.seperatorD {width: 100%; padding: 0 0 5px 0; /* clear: both; border-bottom: 1px solid #000;  */} /* border */
.seperator_lowA {height: 11px !important}

div.clearwideimage {width: 99%; text-align: left; clear: both; margin: 30px 0 30px 0; overflow: inherit;}
div.clearwideimage img {float: none; margin: 0 !important}


.flr {float: right}
.fll {float: left}

.nohand {cursor: auto}
.nohand a {color: #000}
.hand {cursor: pointer; cursor: hand}
.hand a {color: #AB2DD1}

.blind {/*display: none !important*/ width: 100px; height: 100px; background: #ccc}

em.date {font-size: 10px; color: #333; font-style: normal}
p.src {clear: both}
p.src span {background: #FFE3FF; padding: 1px}
p.ttspeakers_src {border-top: 1px solid #AB2DD1 !important; padding: 10px 0 0 0}
p.ttspeakers_src_section {border-top: 1px solid #AB2DD1 !important; padding: 10px 0 0 0; margin: 15px 0 0 0}
.sm {font-size: 9px}
div.alert {padding: 10px; margin: 10px 0px 10px 0px; border: 3px solid #f00}
.smoothalert {padding: 10px; margin: 10px 0px 10px 0px; background: #F9E6FB; color: #AB2DD1 !important; border: 0}
div.useralert {color: #f00; margin: 0 0 10px 0}
div.useralert a {color: #f00; text-decoration: underline}
.alert, a.alert {color: #ff0000 !important}
.alertB {color: #AC2ED1}

.paginate, .paginateplus {height: 20px; overflow: visible}
.paginate {position: relative; text-decoration: none; margin: 10px 0}
.paginate a {display: block; float: left; text-align: center; padding: 2px; margin: 0 2px; text-decoration: none; color: #000; font-weight: bold; border: 1px solid #fff}
.paginate a.active {border-color: #AB2DD1; color: #AB2DD1}
.paginate a:hover {border-color: #000}

.paginateplus {position: relative; text-decoration: none; margin: 10px 0; text-align: center}
.paginateplus a {display: block; padding: 2px; text-decoration: none; color: #000; font-weight: bold}
.paginateplus a#bwd {padding: 0 0 0 12px; position: absolute; top: 0; left: 0; text-align: left; background: #fff url(arrow_bwd_black.png) left 50%  no-repeat}
.paginateplus a#fwd {padding: 0 12px 0 0; position: absolute; top: 0; right: 0; text-align: right; background: #fff url(arrow_fwd_black.png) right 50%  no-repeat}
a.fwdinner, a.fwdinner:hover {text-decoration: none; color: #000; font-weight: bold; display: block; width: 100%; padding: 20px 12px 20px 0; text-align: right; background: #fff url(arrow_fwd_black.png) right 50% no-repeat}
a.fwdinner:hover {text-decoration: none; color: #AB2DD1}
.paginateplus #toplink, .paginate #toplink {/*color: #000 !important; display: block; position: absolute; left: -343px; padding: 0 0 0 17px; background: transparent url(arrowC.png) 0 50% no-repeat*/ display: none}

#langnotifier {position: absolute; top: 13px; right: 0}
#langnotifier a {font: 9px solid Arial, Helvetica, sans-serif; color: #000}

/* Quotes */
blockquote, pre {padding: 10px; margin: 0;}
blockquote {font-style: italic}
blockquote.ttspeakers {padding: 0}

/* Search & Find */
form#search {}
#search .searchfield {display: block; float: left; overflow: hidden; position: relative; border: 2px inset #AB2DD1; width: 250px; height: 24px; overflow: hidden; margin: 0 5px 0 0; font: 14px solid Arial, Helvetica, sans-serif}
img#searchbutton {display: block; float: left}

#blogsearch .inputfield {width: 120px; border: 1px inset #ccc; padding: 1px;}
#blogsearch {margin: 4px 0 23px 0}
input.radio {/* display: block; float: left; margin: 0 10px 0 0*/}

/* flickr */
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid #000 !important}
#flickr_icon_td {padding:0 2px 0 0 !important}
.flickr_badge_image {text-align: center !important}
.flickr_badge_image img {border: 1px solid black !important}
#flickr_www {display:block; text-align:left; padding: 0 10px 0 0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important; color:#3993ff}
#flickr_badge_wrapper {border-collapse: collapse}
#flickr_badge_wrapper td {padding: 0; margin: 0}
#flickr_badge_source {padding: 0 !important; font: 11px Arial, Helvetica, Sans serif !important; color: #666 !important}

/* Shop features */
.shopinfo h2 {margin-bottom: 0 !important} 
.shoptable td {vertical-align: top; line-height: 160% !important}
.alertbox {border: 3px solid #ff0000; padding: 10px; margin: 0 0 20px 0}
.alertbox p {margin: 0; padding: 0}

td.shopthumb {padding: 0 17px 0 0}
img.studienthumb {margin: 5px 10px 10px 0 !important}

.shopformwrapper {padding: 10px 0 0 0; clear: both}
form.shopform {margin: 0 0 10px 0}
form.shopform input {margin: 4px 3px 0 0}
input.inputsm {width: 25px}

div#shop_orderbox {position: relative; width: 100%}
form#shopcontinueorder, form#shopcontinueshopping {float: right; margin: 0 0 0 10px; width: auto; padding: 0 !important;  height: 40px; display: block}

form#shopcontinueorder {right: 0}
form#shopcontinueshopping {right: 210px}

#inputForm {top: 0; left: 0; line-height: 120%; width: 540px; height: auto; display: inline-block}
#inputForm label {}
#inputForm dt {display: inline-block; margin: 0 0 7px 0}
#inputForm dd {display: block; width: 100%; clear: both}

form#shop_order_confirm  {text-align: right; float: right; width: 100%}

/* general input fields and labels */
.fieldbgA, .fieldbgB, .fieldbgC, select, textarea {font: bold 11px Arial, Helvetica, sans-serif}
textarea.fieldbgA {height: 120px}
.fieldbgA, select, textarea {padding: 2px 1px; background: #E0E0E0; border: 1px inset #ccc; margin: 0 10px 5px 0}
#f_userCreditCardExpiryMonth select {width: 60px}
.fieldbgA, #f_userCountry select, #f_userCountry2 select {width: 280px}
.fieldbgB {background: #E0E0E0; border: 1px outset #ccc; padding: 1px 15px; margin: 20px 0}
.fieldbgB:hover {background: #AB2DD1; border: 1px outset #ccc; cursor: auto; color: #fff}
.fieldbgC {background: #E0E0E0; border: 1px outset #ccc; padding: 1px 15px; }
.fieldbgC:hover {background: #AB2DD1; border: 1px outset #ccc; cursor: auto; color: #fff}
label {font: 11px solid Arial, Helvetica, sans-serif; color: #AB2DD1; display: block} 
.label {font: 11px solid Arial, Helvetica, sans-serif; color: #AB2DD1} 
#f_userCountry select, #f_userCountry2 select, #f_userCreditCardExpiryMonth select {background: #E0E0E0; border: 1px inset #ccc} 
/* Layout & display helpers */
.hide {display: none}
.padA {/* so no conflicts between different box-model behaviours*/
padding: 0 10px
}

.separated {margin-bottom: 45px}

/* Footer */
#footer, #footer_blog {font-size: 11px; border-top: 1px solid #AB2DD1; position: relative; float: left; color: #AB2DD1; width: 100%; height: 50px; margin: 50px 0 0 0; padding: 5px 0}
#footer #footerA, #footer #footerB  {margin: 0 0 0 360px}
#footer_blog #footerA, #footer_blog #footerB  {margin: 0 0 0 30px}
#footerA {font-weight: bold}
#footerB {}
#footer a, #footer_blog a {color: #AB2DD1; text-decoration: none}
#footer a:hover, #footer_blog a:hover {color: #661B7C}


/* Tables */
/* Trendtag Programm */
#agenda {width: 100%; border: 0; border-collapse: collapse; margin: 0 0 50px 0}
#agenda strong {}
#agenda td, #agenda th  {vertical-align: top; padding: 0 0 5px 0; line-height: 160%}
#agenda .agendadatetime {vertical-align: top; width: 20%; padding: 0 20px 0 0; white-space:nowrap }
#agenda .agendatopic {vertical-align: top; width: 80%}
#agenda .agendatopic, #agenda .agendacomment {margin: 0; padding-left: 5px}
#agenda .agendacomment {color: #AB2DD1}

/* Shop Listings and Forms */
.tablist dl {display: block; clear: both; margin: 0 0 20px 0}
.tablist dt {font-weight: bold; width: 20%; float: left}
.tablist dd {font-weight: normal; width: 80%; float: right; display: block}
table#cartlist, div.userregistration {width: 100%}
#cartlist a, .userregistration a {color: #AB2DD1; text-decoration: none}
#cartlist td, #cartlist th {vertical-align: top; padding: 5px 0; text-align: left}
#cartlist th {color: #AB2DD1}
.userregistration td, .userregistration th  {vertical-align: top; padding: 5px 0; padding: 0 50px 0 0}
#cartlist td.first, #cartlist th.first {width: 15%; text-align: center} 
#cartlist td.second {width: 40%}
#cartlist th.third, #cartlist td.third {position: relative; width: 15%; text-align: right; padding-right: 10px}
#cartlist th.fourth, #cartlist td.fourth {width: 50%; text-align: right; padding-right: 0px; white-space: nowrap} 
#cartlist th.last, #cartlist td.last {width: 20px; text-align: right; padding-right: 0px} 
#cartlist span {display: block; float: left; width: 150px; text-align: right}
#userregistration th, .userregistration td {width: 50%}
img.cartlistArticleImage {width: 50px}
td.cartlistArticle, th.cartlistArticle, td.cartlistSum {/*padding-left: 10px !important*/}
td.cartlistArticle img {float: left; margin: 0 5px 0 0}
td.cartlistSubtotal {text-align: right; padding: 0 10px 0 0 !important}

tr.grey {background: #ccc}
#js_test {padding: 0 50px 0 0}


/* Google Maps */
#saddr, #daddr {border: 1px solid #ccc}

/* Login bar */
.loginbar {width: 100%; height: 24px; float: right; margin: 3px 3px 0 0}
.loginbartxt {font: normal 12px Arial, Helvetica, sans-serif; color: #ab2dd1; margin: 4px 8px 0 0}
.loginbartxt a {color: #000; text-decoration: none}
.loginbartxt a:hover {color: #fff; background-color: #ff0000; text-decoration:none}
.loginbar input {float: right; margin: 2px 8px 0px 0px; height: 18px; padding:2px; font: normal 11px Arial, Helvetica, sans-serif; color: #ab2dd1}
.smartlogin {border: 1px inset #c166da; padding: 1px}
.smartloginbutton {/*background: #c166da;border: 1px outset #AB2DD1;*/ position: relative; top: -2px}
span.loginbartxt {float: right}

/* MP3 Payer */
.trendmp3player {}

/* Social Bookmarks */
div.socialbookmarks {float: left: width: 100%; clear: both; height: 16px; margin: 4px 0 0 0}
a.delicious, a.digg, a.stumbleupon, a.facebook, a.twitter {display: block; float: left; width: 16px; height: 16px; overflow: hidden; text-indent: -2000px; margin: 0 5px 0 0}
a.delicious {background: transparent url(icons/sb_delicious.png) 50% 50% no-repeat}
a.digg {background: transparent url(icons/sb_digg.png) 50% 50% no-repeat}
a.stumbleupon {background: transparent url(icons/sb_stumble.png) 50% 50% no-repeat}
a.facebook {background: transparent url(icons/sb_facebook.png) 50% 50% no-repeat}
a.twitter {background: transparent url(icons/sb_twitter.png) 50% 50% no-repeat}