/* =============================================================================
   Grundgerüst
   ========================================================================== */

.wrapper {
	width: 980px;
	margin: 0 auto;
}

	.wrapper.main {
		padding: 20px 0;
	}

header.main {
	height: 61px;
	min-width: 980px;
	background-image: url("/static/images/main_header_bg.png");
	background-repeat: repeat-x;
	background-color: #97bf0d;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	-webkit-box-shadow:  0px 0px 8px rgba(0,0,0,0.4);
   -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	border-top: 4px solid #000;
	z-index: 1;
}

header.main .open_slider {
	position: absolute;
	right: -85px;
	top: -9px;
	width: 45px;
	height: 156px;
	z-index: 500;
}
body.de_DE header.main .open_slider {
	background: url("/static/images/slider_banner_sprites.png") no-repeat 2px 0 transparent;
}
body.en_US header.main .open_slider {
	background: url("/static/images/slider_banner_sprites.png") no-repeat -55px 0 transparent;
}
body.es_ES header.main .open_slider {
	background: url("/static/images/slider_banner_sprites.png") no-repeat -112px 0 transparent;
}

/* Navigation */

header.main nav.logged-in,
header.main nav.logged-out {
	float: right;
	padding-left: 2px;
	background: url("/static/images/main_header_separator.png") no-repeat top left;
}

header.main li {
	float: left;
	position: relative;
	height: 60px;
	padding-right: 2px;
	background: url("/static/images/main_header_separator.png") no-repeat top right;
}

header.main li.logo img {
	display: block;
}

header.main li.create_event .button {
	margin: 14px 15px 0;
	box-shadow: 1px 1px 1px #c2ec27;
	-webkit-box-shadow:  1px 1px 1px #c2ec27;
	-moz-box-shadow: 1px 1px 1px #c2ec27;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#c2ec27')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#c2ec27');
}

header.main li.text > a {
	display: block;
	height: 60px;
	padding: 0 15px;
	color: #fff;
	line-height: 60px;
	outline: none;
}

header.main li.text > a:hover {
	text-decoration: none;
	background-color: #91b80c;
}

header.main li.text > a:active,
header.main li.text.sel > a {
	text-decoration: none;
	background-color: #a0c909;
}

header.main li.icons > ul {
height: 45px;
margin: 16px 15px 0;
}

header.main li.icons > ul li {
	width: 33px;
	height: 45px;
	background: url("/static/images/main_header_icon_bg.png") no-repeat 0 -135px;
}

	header.main li.icons > ul li:hover,
	header.main li.icons > ul li:active	{ background-position: 0 0; }
	header.main li.icons > ul li.sel	{ background-position: 0 -90px; }

header.main li.icons > ul li a {
	display: block;
	width: 33px;
	height: 45px;
	background-image: url("/static/images/main_icon_sprites.png");
	background-repeat: no-repeat;
}

header.main li.icons li.search a			{ background-position: -8px -10px; }
header.main li.icons li.search.sel a		{ background-position: -8px -58px; }

header.main li.icons li.activities a		{ background-position: -8px -106px; }
header.main li.icons li.activities.sel a	{ background-position: -8px -154px; }

header.main li.icons li.messages a			{ background-position: -8px -298px; }
header.main li.icons li.messages.sel a		{ background-position: -8px -346px; }

header.main li.icons li.contacts a			{ background-position: -8px -202px; }
header.main li.icons li.contacts.sel a		{ background-position: -8px -250px; }

header.main li.icons li.activities span.tip,
header.main li.icons li.messages span.tip,
header.main li.icons li.contacts span.tip {
	display: block;
	position: absolute;
	right: 8px;
	top: 20px;
	background: #ff6600;
	background: -moz-linear-gradient(top, #ff6600 0%, #ff9900 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6600), color-stop(100%,#ff9900));
	background: -webkit-linear-gradient(top, #ff6600 0%,#ff9900 100%);
	background: -o-linear-gradient(top, #ff6600 0%,#ff9900 100%);
	background: -ms-linear-gradient(top, #ff6600 0%,#ff9900 100%);
	background: linear-gradient(top, #ff6600 0%,#ff9900 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#ff9900',GradientType=0 );
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 0 0 1px rgba(0,0,0,0.5);
	-webkit-box-shadow:  0 0 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#cccccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#cccccc');
	padding: 0 2px;
	height: 14px;
	line-height: 14px;
	font-size: 11px;
	color: white;
}

header.main li.user > a {
	display: block;
	height: 32px;
	padding: 14px 30px 14px 15px;
	background: url("/static/images/main_icon_sprites.png") no-repeat right -377px;
}

header.main li.user .overflow {
	height: 32px;
	min-width: 100px;
	max-width: 120px;
	padding-left: 42px;
	overflow: hidden;
}

header.main li.user .avatar {
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
	overflow: hidden;
}

header.main li.user .avatar img {
	display: block;
	position: absolute;
	top: -2px;
	width: 32px;
}

header.main li.user a .user {
	display: table-cell;
	height: 32px;
	line-height: 16px;
	vertical-align: middle;
	overflow: hidden;
}

/*language switch*/
header.main .wrapper ul li.language #flagge.selected {
	display: block;
	height: 12px;
	margin: 24px 15px 0;
	width: 18px;
	position: absolute;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:  1px 2px 1px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666666')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666666');
}
header.main .wrapper ul li.language #morelanguages {
	background: url("/static/images/header_search_languages_bg.png") no-repeat;
	width: 32px;
	height: 45px;
	float: left;
	display: block;
	position: absolute;
	margin: 15px 15px 0 33px;
}
header.main div.wrapper ul li.language #language-pulldown-opener:hover {
				text-decoration: none;
				background-color: #91b80c;
}
header.main div.wrapper ul li.language #language-pulldown-opener {
	height: 60px;
	width: 68px;
	cursor: pointer;
}
header.main div.wrapper ul li.language #all_languages.language_select {
	position: absolute;
	width: 100px;
	padding: 15px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 2px solid #fff;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
	-webkit-box-shadow:  2px 2px 6px rgba(0,0,0,0.3);
   -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666666')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666666');
	background-image: url("/static/images/overlay_80.png");
	background-repeat: repeat;
	z-index: 300;
	margin: 2px 0 0 -64px;
	display: none;
}
header.main div.wrapper ul li.language #all_languages.language_select ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

header.main div.wrapper ul li.language #all_languages.language_select li {
	float: left;
	height: 24px;
	color: #fff;
	cursor: pointer;
	background: none;
	padding-right: 4px;
}

header.main div.wrapper ul li.language #all_languages.language_select li:hover { background-color: black; }
header.main div.wrapper ul li.language #all_languages.language_select li #selectable.flagge_de_DE {
		  background: url("/static/images/languages/de_DE.png") no-repeat;
}
header.main div.wrapper ul li.language #all_languages.language_select li #selectable.flagge_en_US {
	background: url("/static/images/languages/en_US.png") no-repeat;
}
header.main div.wrapper ul li.language #all_languages.language_select li #selectable.flagge_es_ES {
	background: url("/static/images/languages/es_ES.png") no-repeat;
}
header.main div.wrapper ul li.language #all_languages.language_select li #selectable {
	height: 12px;
	margin: 7px 5px;
	position: absolute;
	width: 18px;
}
header.main div.wrapper ul li.language #all_languages.language_select li p {
	padding: 0 0 0 30px;
	line-height: 26px;
	color: #fff;
}
header.main div.wrapper ul li.language #all_languages.language_select li a:hover,
header.main div.wrapper ul li.language #all_languages.language_select li a:focus{
	text-decoration: none;
	outline: none;
}


/* Dropdowns */

header.main .dropdown {
	display: none;
	position: absolute;
	top: 61px;
	z-index: 200;
}

header.main .dropdown > .content {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#cccccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#cccccc');
	background: #fff;
}

/* Dropdown: Suche */

header.main #searchbar {
	width: 300px;
	left: 15px;
}

header.main #searchbar .content {
	height: 30px;
	padding: 15px 0 15px 15px;
}

header.main #searchbar .content input {
	float: left;
	width: 220px;
	margin-right: 5px;
}

header.main #searchbar .content .button_search {
	float: left;
}


/* Dropdown: Activitybar, Messagebar, Contactbar (Streams) */

header.main #activitybar	{ left: 15px; }
header.main #messagebar		{ left: 50px; }
header.main #contactbar		{ left: 85px; }

header.main .dropdown.stream > .content {
	width: 250px;
	padding-top: 8px;
}

header.main .dropdown.stream li {
	float: left;
	background: none;
	height: auto;
	padding: 0;
	border-bottom: 1px dotted #ccc;
}

header.main .dropdown.stream li.rating.new,
header.main .dropdown.stream li.open-rating.new,
header.main .dropdown.stream li.message.new,
header.main .dropdown.stream li.registration.new,
header.main .dropdown.stream li.contact.new {
	background-color: #c8eb50;
}

header.main .dropdown.stream li:last-child { border: 0; }

header.main .dropdown.stream li a.block {
	display: block;
	float: left;
	width: 234px;
	padding: 8px;
	color: #999;
}

header.main .dropdown.stream li.new a.block { color: #586e0c; }

header.main .dropdown.stream li a.block:hover		{ background: #f7f7f7; text-decoration: none; }
header.main .dropdown.stream li.new a.block:hover	{ background: #c0ee23; text-decoration: none; }

header.main .dropdown.stream li .image {
float: left;
width: 48px;
height: 48px;
margin-right: 8px;
overflow: hidden;
}

header.main .dropdown.stream li .text {
	float: left;
	width: 178px;
}

header.main .dropdown.stream li.contact .text { width: 118px; }

header.main .dropdown.stream li .text p {
	margin: 0;
	font-size: 11px;
	line-height: 16px;
	word-wrap: break-word;
}

header.main .dropdown.stream li .text p.more	{ color: #97bf0d; }
header.main .dropdown.stream li .text p strong	{ color: #666; }

header.main .dropdown.stream li.new .text p.more,
header.main .dropdown.stream li.new .text p strong	{ color: #000; }

header.main .dropdown.stream li.counter {
	width: 234px;
	height: 20px;
	line-height: 20px;
	padding: 0 8px;
	font-size: 11px;
	background-color: #97bf0d;
	color: #fff;
	border: 0;
}

header.main .dropdown.stream li.rating .image img,
header.main .dropdown.stream li.open-rating .image img,
header.main .dropdown.stream li.message .image img,
header.main .dropdown.stream li.contact .image img {
	width: 48px;
	margin-top: -2px;
}

header.main .dropdown.stream li.registration .image img {
	height: 48px;
	margin-left: -8px;
}

header.main .dropdown.stream li.contact {
	width: 234px;
	padding: 8px;
}

header.main .dropdown.stream li.contact ul.action {
	position: absolute;
	top: 22px;
	right: 0;
	width: 56px;
	height: 24px;
}

header.main .dropdown.stream li.contact ul.action li {
	float: left;
	width: 24px;
	height: 24px;
	margin-right: 4px;
	border: 0;
}

header.main .dropdown.stream li.contact ul.action a {
	display: block;
	width: 24px;
	height: 24px;
	padding: 0;
	background: url("/static/images/main_icon_sprites.png") no-repeat;
	cursor: pointer;
}

header.main .dropdown.stream li.contact a.icon.approve		{ background-position: -12px -828px; }
header.main .dropdown.stream li.contact a.icon.disapprove	{ background-position: -12px -780px; }

header.main .dropdown.stream a.showall {
display: block;
float: left;
width: 250px;
height: 40px;
line-height: 40px;
text-align: center;
color: #666;
border-top: 1px solid #ccc;
}

header.main .dropdown.stream a.showall:hover {
	text-decoration: none;
	background-color: #f7f7f7;
}

/* Dropdown: Userbar / Marketplace */

header.main #userbar {
	left: -2px;
}
header.main #verticalbar {
	background: url("/static/images/overlay_80.png") repeat scroll 0 0 transparent;
    border: 2px solid #FFFFFF;
    border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:  2px 2px 6px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
	left: -2px;
    padding: 15px;
	width: 190px;
	z-index: 100;
}

header.main #userbar ul li {
	float: none;
	height: 30px;
	background: none;
	border-bottom: 1px dotted #ccc;
}
header.main #verticalbar ul li:hover {
	background-color: black;
}
header.main #verticalbar ul li {
	background: url("/static/images/vertical_icons_sprites.png") no-repeat;
    color: #FFFFFF;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
	padding: 0 5px 0 25px;
	width: 85%;
}
header.main #verticalbar ul li.business {
	background-position: 2px 4px;
}
header.main #verticalbar ul li.software {
	background-position: 2px -23px;
}
header.main #verticalbar ul li.education {
	background-position: 2px -51px;
}
header.main #verticalbar ul li.life {
	background-position: 2px -80px;
}
header.main #verticalbar ul li.languages {
	background-position: 2px -112px;
}
header.main #verticalbar ul li.animals {
	background-position: 2px -142px;
}
header.main #verticalbar ul li.business.sel {
	background-position: 2px -174px;
}
header.main #verticalbar ul li.software.sel {
	background-position: 2px -201px;
}
header.main #verticalbar ul li.education.sel {
	background-position: 2px -229px;
}
header.main #verticalbar ul li.life.sel {
	background-position: 2px -258px;
}
header.main #verticalbar ul li.languages.sel {
	background-position: 2px -289px;
}
header.main #verticalbar ul li.animals.sel {
	background-position: 2px -321px;
}
header.main #verticalbar ul li.super {
	background-image: none;
	padding-left: 3px;
	width: 97%;
}
header.main #verticalbar-container {
	top: -61px;
}
header.main #verticalbar ul li a {
	display: block;
}
header.main #verticalbar-li:hover .dropdown,
header.main #verticalbar-li #verticalbar-container:hover{
	display: block;
}

header.main #userbar ul li:last-child,
header.main #verticalbar ul li:last-child  { border: none; }

header.main #userbar ul a {
	display: block;
	height: 30px;
	line-height: 30px;
	color: #666;
}
header.main #verticalbar ul a {
	color: #fff;
	text-decoration: none;
	width: 100%;
}
header.main #userbar ul a {
	background-image: url("/static/images/main_icon_sprites.png");
	background-repeat: no-repeat;
	background-color: #fff;
}
header.main #userbar ul a {
	padding: 0 15px 0 57px;
}

header.main #userbar ul a:hover {
	background-color: #f7f7f7;
	text-decoration: none;
	color: #333;
}
header.main #userbar ul a:active,
header.main #verticalbar ul a:active { color: #666; }

header.main #userbar ul li.overview	a		{ background-position: 8px -440px; }
header.main #userbar ul li.academy a		{ background-position: 8px -488px; }
header.main #userbar ul li.editprofile a	{ background-position: 8px -536px; }
header.main #userbar ul li.settings	a		{ background-position: 8px -584px; }
header.main #userbar ul li.logout a			{ background-position: 8px -632px; }
header.main #userbar ul li.help a			{ background-position: 8px -3512px; }

/* Asides */

aside.main {
	float: left;
	border-bottom: 1px solid #ddd;
}

aside.main.left {
	width: 138px;
	margin-right: 20px;
	border-right: 1px solid #ddd;
}

aside.main.right {
	width: 240px;
	margin-left: 20px;
	border-left: 1px solid #ddd;
	margin-bottom: 10px;
}

aside.main h2 {
	height: 30px;
	line-height: 34px;
	font-size: 16px;
	color: #333;
	border-top: 1px solid #ccc;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
}

aside.main.right h2 {
	padding-left: 10px;
}

aside.main .content {
	margin-bottom: 20px;
}


/* Aside: Switch */

aside.main nav.switch li {
	position: relative;
	height: 30px;
	border-bottom: 1px dotted #ddd;
}

aside.main nav.switch li.inactive a {
	display: block;
	height: 30px;
	padding-left: 10px;
	line-height: 30px;
	color: #666;
}
aside.main nav.switch li.inactive a:hover {
	text-decoration: none;
	background-color: #f7f7f7;
}

aside.main nav.switch li.inactive a:active { color: #333; }

aside.main nav.switch li.active a {
position: absolute;
top: -1px;
left: 0;
width: 230px;
height: 32px;
line-height: 32px;
padding-left: 10px;
color: #fff;
background: url("/static/images/marketplace_switch_bg.png") no-repeat 0 0;
}

aside.main nav.switch li.active a:hover	{ text-decoration: none; }

aside.main nav.switch li a span { font-size: 11px; }

aside.main nav.switch li.inactive a span	{ color: #999; }
aside.main nav.switch li.active a span 	{ color: #c4ed2a; }


/* Nav Event Manager */

nav.steps {
	width: 100%;
	height: 40px;
	margin: 10px 0;
}
nav.steps .navi-item {
	background-color: #bbb;
	width: 105px;
	position: relative;
	line-height: 13px;
	font-size: 13px;
	float: left;
	margin-right: 10px;
	cursor: pointer;
	box-shadow: 2px 1px 2px #aaa;
	text-align: center;
	padding: 9px 10px;
}
nav.steps a,
nav.steps a:hover {
	color: #fff;
	text-decoration: none;
}
nav.steps a .navi-item > a {
	margin-left: 10px;
}
nav.steps a .navi-item:first-of-type > a {
	margin-left: 5px;
}
nav.steps a .navi-item a {
	color: #fff;
	text-decoration: none;
}
nav.steps a .navi-item:hover  {
	background-color: #999999;
}
nav.steps a .navi-item.sel {
	background-color: #97bf0d;
	color: #fff;
}
nav.steps a .navi-item::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 9px solid #fff;
}
nav.steps a:first-child .navi-item::before {
	border: none;
}
nav.steps a .navi-item::after {
	content: '';
	position: absolute;
	right: -9px;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 9px solid #bbb;
	top: 0;
	bottom: 0;
}
nav.steps a:last-of-type .navi-item::after {
	display: none;
}
nav.steps a .navi-item:hover::after {
	border-left: 9px solid #999999;
}
nav.steps a .navi-item.sel::after {
	border-left: 9px solid #97bf0d;
}


/* Footer */

footer.main {
	clear: both;
	background: url("/static/images/main_footer_bg.png") repeat-x #fff;
	padding-top: 30px;
	min-width: 980px;
}

footer.main h2 {
	font-size: 18px;
	color: #666;
	text-shadow: 1px 2px 1px #fff;
}

footer.main h2 span { color: #97bf0d; }

footer.main ul {
list-style: none;
margin: 0;
padding: 0;
}

footer.main li {
line-height: 24px;
color: #666;
}

footer.main li a		{ color: #666; }
footer.main li a:hover	{ color: #333; text-decoration: none; }
footer.main li a:active	{ color: #666; }

footer.main .list {
float: left;
padding-right: 24px;
margin-bottom: 20px;
max-width: 224px;
}
.es_ES footer.main .list {
	max-width: 180px;
}

footer.main .list li {
	padding-left: 15px;
	background: url("/static/images/arrow_small_green.png") no-repeat 0 2px;
}

footer.main .contact {
	position: absolute;
	top: 0px;
	right: 0px;
}

footer.main .contact li {
	font-size: 14px;
	list-style: none;
	color: #666;
	padding-left: 28px;
	background: url("/static/images/main_icon_sprites.png") no-repeat;
}

footer.main .contact li.tel		{ background-position: -16px -684px; }
footer.main .contact li.mail	{ background-position: -16px -732px; }

footer.main .contact li.times	{ background: none; font-size: 11px; margin-bottom: 10px;}

footer.main .social {
	clear: both;
	height: 20px;
	padding: 20px 0;
	border-top: 1px dotted #ccc;
}

footer.main .social p {
	float: left;
	padding-left: 20px;
}

footer.main .social ul {
	float: right;
}

footer.main .social li {
	display: block;
	list-style-type: none;
	float: left;
}

footer.main .social li.facebook	{ width: 146px;	}
footer.main .social li.google	{ width: 74px; }
footer.main .social li.twitter	{ width: 124px; }
footer.main .social li.xing		{ width: 104px; }
footer.main .social li.in		{ width: 100px; }

footer.main .currencies {
	clear: both;
	padding: 20px 0;
	border-top: 1px dotted #ccc;
}

footer.main .currencies .currenciesHead {
	margin-bottom: 10px;
}

footer.main .currencies .currenciesBody {
	padding-left: 20px;
	margin-bottom: 10px;
}

footer.main .wrapper .contact span#siteseal img{
	margin: 10px 0;
}

/* =============================================================================
   MenuIntern (Internes horizontales Menü)
   ========================================================================== */

nav.intern,
nav.public {
	height: 40px;
	min-width: 980px;
	border-bottom: 1px solid #ccc;
	background: url("/static/images/main_pattern.png") repeat;
}

#administrator nav.intern,
#administrator nav.intern .wrapper,
#administratorstatistik nav.intern,
#administratorstatistik nav.intern .wrapper,
#administratorkategorien nav.intern,
#administratorkategorien nav.intern .wrapper,
#administratorfiles nav.intern,
#administratorfiles nav.intern .wrapper,
#administratorroomstats nav.intern,
#administratorroomstats nav.intern .wrapper,
#administratorseminarstoday nav.intern,
#administratorseminarstoday nav.intern .wrapper,
#administratorreportedratings nav.intern,
#administratorreportedratings nav.intern .wrapper,
#administratorwhitelabel nav.intern,
#administratorwhitelabel nav.intern .wrapper,
#administratorvideosreview nav.intern,
#administratorvideosreview nav.intern .wrapper,
#administratorbannedusers nav.intern,
#administratorbannedusers nav.intern .wrapper,
#administratormovewebinardates nav.intern,
#administratormovewebinardates nav.intern .wrapper {
	height: 60px;
}
#admin-nav.wrapper {
	min-width: 1200px;
}
.box.trainer_box {
	margin-top: 15px;
	margin-bottom: 5px;
}
#administrator h2,
#administratorstatistik h2,
#administratorkategorien h2,
#administratorfiles h2,
#administratorseminarstoday h2,
#administratorreportedratings h2,
#administratorbannedusers h2,
#administratormovewebinardates h2,
#administratorroomstats h2,
#administratorwhitelabel h2,
#administratorvideosreview h2 {
	margin: 0 0 10px;
	font-size: 18px;
	line-height: 18px;
	border-bottom: 1px solid #dddddd;
	padding: 0 0 5px;
}
#administratorstatistik h3,
#administratorkategorien h3,
#administratorseminarstoday h3{
	margin: 10px 0 5px;
}
#administrator a.button.green,
#administratorkategorien a.button.green {
	float: left;
	margin-right: 10px;
}
#administratorbannedusers  input#bann-users-button.button {
	float: right;
}
#administratormovewebinardates .box.trainer_box p,
#administratorwhitelabel .box.trainer_box p {
	float: none;
}
#administratorwhitelabel .customer {
	margin-top: 20px;
}

#administrator input,
#administratorkategorien input,
#administratormovewebinardates input {
	padding: 2px 5px;
}
.box.trainer_box p {
	float: left;
	width: 960px;
}
#administratorkategorien ul#sortable li,
#administratorvideosreview ul.videos li {
	background: url("/static/images/arrow_small_green.png") no-repeat transparent;
	padding-left: 15px;
}
#administratorkategorien ul,
#administratorvideosreview ul {
	list-style: none;
}
nav.intern .wrapper,
nav.public .wrapper {
	height: 40px;
}

nav.intern ul,
nav.public ul {
	position: absolute;
	bottom: -1px;
	left: 0;
}

nav.intern ul li,
nav.public ul li {
	float: left;
}

nav.intern ul li a,
nav.public ul li a {
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	color: #666;
	text-shadow: -1px -1px 0px #fff;
}
nav.intern ul li a:active,
nav.public ul li a:active { line-height: 32px; }
nav.intern ul li a:hover,
nav.public ul li a:hover { text-decoration: none; color: #999; }

nav.intern ul li.sel a,
nav.public ul li.sel a {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	background: #fff;
	color: #333;
}


#site-message label {
	width: 100px;
	float: left;
}
#site-message textarea {
	width: 600px;
	height: 100px;
}
#site-message .new-message div {
	margin-bottom: 10px;
}
#site-message #activate-current-message {
	margin-top: 10px;
}
#inform-trainer input[type=text] {
	width: 40px;
}
#inform-trainer #list-trainer label {
	float: left;
	width: 150px;
}
#inform-trainer #list-trainer input[type=text] {
	width: 600px;
}
#inform-trainer #list-trainer textarea {
	width: 600px;
	height: 400px;
}
#inform-trainer #inform-message,
#administrator .save_changes {
	background-color: red;
}
#inform-trainer #show-trainer {
	float: right;
}


/* =============================================================================
   Button
   ========================================================================== */

.button {
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	font: 14px/30px "Lucida Grande", "Verdana", sans-serif;
	text-decoration: none;
	text-align: center;
	background-image: url("/static/images/button_sprites.png");
	background-repeat: repeat-x;
	cursor: pointer;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

	.button:hover {
		text-decoration: none;
	}

.button.black {
		border: 1px solid #222;
		background-position: 0 -90px;
		color: #eee;
}

.button.black:hover     { background-position: 0 -120px; }
.button.black:active    { background-position: 0 -150px; }

.button.green {
		border: 1px solid #8a0;
		background-position: 0 0;
		color: #fff;
}

.button.green:hover     { background-position: 0 -30px; }
.button.green:active    { background-position: 0 -60px; }

.button.orange {
		border: 1px solid #960;
		background-position: 0 -366px;
		color: #fff;
}

.button.orange:hover     { background-position: 0 -396px; }
.button.orange:active    { background-position: 0 -426px; }

.button.grey {
		border: 1px solid #ccc;
		background-position: 0 -456px;
		color: #999;
}

.button.grey:hover     { background-position: 0 -486px; }
.button.grey:active    { background-position: 0 -516px; }

.button.negative {
		border: 1px solid #ccc;
		background-color: #eee;
		background-image: none;
		box-shadow: inset 1px 1px 2px #999;
		-webkit-box-shadow:  inset 1px 1px 2px #999;
		-moz-box-shadow: inset 1px 1px 2px #999;
		color: #ccc;
}

.button.facebook {
		border: 1px solid #336;
		background-position: 0 -180px;
		color: #fff;
}

.button.facebook:hover     { background-position: 0 -210px; }
.button.facebook:active    { background-position: 0 -240px; }

.button_search {
	width: 30px;
	padding: 0;
}

.button_search span {
	background: url("/static/images/main_icon_sprites.png") no-repeat -9px -9px;
}

.button img.ajax_save {
	display: block;
	margin: 7px auto 0;
}


.button.green a,
.button.orange a,
.button.black a { color: #fff }

.button.green a:hover,
.button.orange a:hover,
.button.black a:hover { text-decoration: none; }

.button.disabled,
.button.disabled:hover,
.button.disabled:active,
.button.disabled a,
.button.disabled a:hover,
.button.disabled a:active {
	opacity: 0.5;
}


/* =============================================================================
   Webinar Slider
   ========================================================================== */

#webinar_slider {
	display: none;
	padding: 10px;
	background: url("/static/images/main_webinarslider_bg.jpg") repeat;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
   -moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	height: 150px;
	overflow: visible!important;
}
#webinar_slider .opened {
	display: block;
}

#webinar_slider .skip {
	position: absolute;
}

#webinar_slider .skip.next	{
	background: url("/static/images/webinarslider_arrow_left.png") no-repeat scroll 0px 0 transparent;
	left: 0;
	z-index: 1000;
	top: -13px;
	height: 178px;
	width: 120px;
}
#webinar_slider .skip.prev	{
	background: url("/static/images/webinarslider_arrow_right.png") no-repeat scroll -83px 0 transparent;
	right: 230px;
	z-index: 1000;
	top: -13px;
	height: 178px;
	width: 115px;
}

#webinar_slider .slider {
	margin: 0 60px;
}
#webinar-slider-wrapper {
	right: 400px;
	left: 0;
	overflow: visible!important;
}
#webinar-slider-wrapper .caroufredsel_wrapper {
	width: auto!important;
	margin-right: 280px!important;
	left: 0;
}

#webinar-slider-featured-wrapper {
	bottom: auto;
	left: auto;
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px;
}
#webinar-slider-featured-wrapper .caroufredsel_wrapper {
	width: 180px!important;

}
#webinar-slider-featured {
	width: 125px !important;
	left: auto !important;
	margin: 0 !important;
	height: 155px !important;
}
#webinar-slider-featured article {
	margin: 0 !important;
}
#webinar-slider-featured-wrapper p.featured {
	height: 15px;
	font-size: 11px;
	font-family: "Lucida Grande", "Verdana", sans-serif;
	color: #ffffff;
	width: auto;
	margin: 0 0 10px 10px;
	text-shadow: -1px -1px 1px #000000;
}

#webinar_slider article {
	width: 120px;
	height: 135px;
	margin: 25px 10px 0 10px;  /* 5px 10px 25px 10px; mit Kategorien */
	float: left;
	height: auto;
	overflow: visible!important;
}

#webinar_slider article img,
#webinar_slider #carousel-big-view img {
	width: 100px;
	height: 75px;
	margin: 0 10px 10px;
}

#webinar_slider article h3,
#webinar_slider article p,
#webinar_slider #carousel-big-view h3,
#webinar_slider #carousel-big-view p {
	font-size: 12px;
	line-height: 14px;
	text-shadow: -1px -1px 1px #000;
	text-align: center;
	overflow: hidden;
	margin: 0;
}

#webinar_slider article h3,
#webinar_slider #carousel-big-view h3 {
	max-height: 28px;
	color: #fff;
}

#webinar_slider article p,
#webinar_slider #carousel-big-view p {
	height: 14px;
	font-size: 10px;
	color: #666;
}
#webinar_slider article p.date,
#webinar_slider #carousel-big-view p.date {
	position: absolute;
	top: 0;
	color: #fff;
	background-color: rgba(0,0,0,0.5);
	padding: 2px 0;
	width: 100px;
	margin-left: 10px;
}
#webinar_slider #carousel-big-view .big-view {
	height: 275px;
	width: 180px;
	border: 2px solid white;
	display: none;
	position: absolute;
	top: -17px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color: #333;
	z-index: 100000;
	left: -42px;
	background-color: #333;
	padding: 10px;
}

#webinar_slider #carousel-big-view .big-view img {
	margin: 9px 37px;
	border: 1px solid #fff;
	position: absolute;
}
#webinar_slider #carousel-big-view .big-view p.date {
	margin-left: 37px;
	width: 103px;
	top: 19px;
	line-height: 14px;
	height: 14px;
	text-align: center;
	padding: 3px 0;
}
#webinar_slider #carousel-big-view .big-view h3 {
	text-align: left;
	max-height: 29px;
	margin-bottom: 5px;
	margin-top: 100px;
}
#webinar_slider #carousel-big-view .big-view p {
	text-align: left;
	color: #fff;
	line-height: 12px;
	margin-bottom: 5px;
}
#webinar_slider #carousel-big-view .big-view p.description {
	height: 38px;
}
#webinar_slider #carousel-big-view .big-view p span.bookable {
	color: #97bf0d;
}
#webinar_slider #carousel-big-view .big-view p span.not-bookable {
	color: red;
}
#webinar_slider #carousel-big-view .big-view p span.almost-bookable {
	color: orange;
}
#webinar_slider #carousel-big-view .big-view .button {
	color: #fff;
	width: auto;
	max-width: 120px;
	margin: 10px auto;
}
#webinar_slider #carousel-big-view span.onair {
	width: 36px;
	height: 36px;
	background: url("/static/images/main_banner_sprites.png") no-repeat scroll 0 0 transparent;
	z-index: 10000;
	position: absolute;
	top: 18px;
	left: 46px;
	display: block;
}
#webinar_slider #carousel-big-view span.onair.not-onair,
#webinar_slider article span.onair.not-onair {
	display: none;
}
#webinar_slider article span.onair {
	background: url("/static/images/main_banner_sprites.png") no-repeat scroll 0 0 transparent;
	display: block;
	position: absolute;
	top: -1px;
	left: 9px;
	width: 36px;
	height: 36px;
}
#webinar_slider ul {
	list-style: none;
	margin: 0 0 5px 0;
}
#webinar_slider ul li {
	height: 15px;
	font-size: 11px;
	font-family: "Lucida Grande", "Verdana", sans-serif;
	color: #ffffff;
	text-shadow: -1px -1px 1px #000000;
}

webinar-slider {
	overflow: visible!important;
}
/* =============================================================================
   Box
   ========================================================================== */

.box {
	padding: 15px;
	background: url("/static/images/main_box_bg.png") repeat-x top #fff;
	border: 1px solid #ccc;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#info .box + .box {
	margin-top: 20px;
}

#info .box + .box:last-of-type {
	margin-bottom: 20px;
}

.box > header {
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}

.box > header h2 {
	font-size: 18px;
	line-height: 18px;
	margin: 0 0 5px;
}

.box > header h2 span {
	font-size: 14px;
	color: #999;
}

.box > header h2 a.rss-link {
	float: right;
	background: #FFF;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding: 2px 5px;
	margin: -2px inherit;
}

.box > footer {
	padding-top: 10px;
	border-top: 1px solid #ddd;
}


/* =============================================================================
   Tab-Box
   ========================================================================== */

.tab_box .tabs {
	height: 30px;
}

.tab_box .tabs ul {
	position: absolute;
	top: 0;
	height: 30px;
	z-index: 300;
	margin: 0;
	padding: 0;
	list-style: none;
}

.tab_box .tabs li {
	float: left;
	height: 29px;
	line-height: 30px;
	margin-right: 2px;
	padding: 0 15px;
	border: 1px solid #ccc;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	background-color: #eee;
	color: #999;
	cursor: pointer;
}

.tab_box .tabs li.sel {
	height: 30px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 0;
	background: url("/static/images/main_box_bg.png") repeat-x #fff;
	color: #333;
}

.tab_box .content {
	position: relative;
	padding: 15px;
	border: 1px solid #ccc;
	background: #fff;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
	z-index: 200;
}

/* =============================================================================
   Tooltip
   ========================================================================== */

.ui-tooltip {
	width: 170px;
	padding: 15px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
   -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#cccccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#cccccc');
	border: 2px solid #fff;
	text-align: center;
	color: #ddd;
	background: url("/static/images/overlay_80.png") repeat;
	z-index: 900;
}

/* =============================================================================
   No Result, Warnings, Hints
   ========================================================================== */

.warning {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.warning-hint {
	background: url("/static/images/alert_fail.png") no-repeat transparent;
	min-height: 65px;
}

.warning.no_result {
	border: 1px solid #ccc;
	text-shadow: 1px 2px 1px white;
	padding: 50px;
	text-align: center;
	background: url("/static/images/main_pattern.png") repeat;
	margin-bottom: 15px;
}
.warning.no_result.currently {
	padding: 25px;
}
.warning.no_result.currently p {
	margin: 15px 0;
}

.warning.no_result h2 {
	font-size: 48px;
	line-height: 48px;
	color: #666;
	margin: 0;
}

.warning.no_result p {
	font-size: 18px;
	color: #666;
	margin-top: 20px;
}

.hint,
#drawer {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 5px 10px;
	line-height: 18px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
   -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#cccccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#cccccc');
	background: none repeat scroll 0 0 #333333;
	color: #fff;
		background-color: #97BF0D;

}

#drawer {
	display: none;
	width: 955px;
	margin: 0 50px 20px 0;
	background-color: #97BF0D;
	border: none;

}
#contact #drawer{
	width: 520px;
}
#forumtopic #drawer{
	width: 600px;
	margin-bottom: 15px;
}


.warning_full {
	color: #fff;
	text-align: center;
	padding: 20px 0;
	min-width: 980px;
	border-bottom: 1px solid #000;
	background: url("/static/images/overlay_80.png") repeat;
}

.warning_full p {
	font-size: 14px;
}

/* =============================================================================
   Event-Listings
   ========================================================================== */

/* Event-Listing Big */

.event_listing_big article {
	height: 130px;
	margin-bottom: 15px;
}

.event_listing_big article .onair {
	display: none;
	position: absolute;
	width: 36px;
	height: 36px;
	left: -2px;
	top: -2px;
	background: url("/static/images/main_banner_sprites.png");
	z-index: 600;
}

.event_listing_big article.onair .onair { display: block; }

.event_listing_big article .image {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 162px;
	height: 122px;
	float: left;
}

.event_listing_big article .image img {
	display: block;
	width: 160px;
}

.event_listing_big article .content {
	margin: 0 150px 0 180px;
}

.event_listing_big article .content h3 {
	height: 18px;
	line-height: 18px;
	font-size: 18px;
	margin-bottom: 6px;
	overflow: hidden;
}
	.event_listing_big article .content h3 a		{ color: #333; }
	.event_listing_big article .content h3 a:hover	{ text-decoration: none }

.event_listing_big article .content p.description {
	height: 48px;
	line-height: 16px;
	color: #999;
	margin-bottom: 6px;
	overflow: hidden;
}

.event_listing_big article .content .user {
	height: 32px;
	padding-top: 6px;
	border-top: 1px dotted #ddd;
}

.event_listing_big article .content .user .avatar {
	float: left;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	overflow: hidden;
}

.event_listing_big article .content .user .avatar img {
	width: 32px;
	margin-top: -2px;
}

.event_listing_big article .content .user ul {
	margin: 0;
	list-style-type: none;
}

.event_listing_big article .content .user ul.name li { height: 16px; }

.event_listing_big article .content .user ul.name li.fullname {
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	max-width: 260px;
}
.event_listing_big article .content .user ul.name li.fullname a { color: #333; }

.event_listing_big article .content .user ul.name li.rating_image {
	float: left;
	width: 86px;
}

.event_listing_big article .content .user ul.name li.rating_image img {
	display: block;
	margin-top: 2px;
}

.event_listing_big article .content .user ul.name li.rating {
	float: left;
	font-size: 11px;
	line-height: 18px;
	color: #999;
}

.event_listing_big article .content .user ul.labels {
	position: absolute;
	right: 0;
	top: 6px;
}

.event_listing_big article .content .user ul.labels li {
	float: left;
	width: 32px;
	height: 32px;
	background: url("/static/images/main_icon_sprites.png") no-repeat 0 0;
}

.event_listing_big article .content .user ul.labels li.is_expert		{ background-position: -8px -920px; }
.event_listing_big article .content .user ul.labels li.is_not_expert	{ background-position: -8px -1016px; }
.event_listing_big article .content .user ul.labels li.is_comoderator   { background: url ("https://www.edudip.com/static/images/symbol-head-small.png") no-repeat;}
.event_listing_big article .content .user ul.labels li.is_white_label	{ background-position: -8px -3539px; }
.event_listing_big article .content .user ul.labels li.is_free {
	background: url("/static/images/flags_icons_sprites.png") no-repeat scroll -385px -16px transparent;
}
.event_listing_big article .content .user ul.labels li.is_basic {
	background: url("/static/images/flags_icons_sprites.png") no-repeat scroll -166px -16px transparent;
}
.event_listing_big article .content .user ul.labels li.is_plus {
	background: url("/static/images/flags_icons_sprites.png") no-repeat scroll -206px -16px transparent;
}
.event_listing_big article .content .user ul.labels li.is_pro {
	background: url("/static/images/flags_icons_sprites.png") no-repeat scroll -246px -16px transparent;
}

#start article .details.is-white-label {
	height: 48px;
	width: 48px;
	background: url("/static/images/main_icon_sprites.png") no-repeat -1px -3575px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100
}

.event_listing_big article footer {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 120px;
	height: 120px;
	text-align: right;
	padding: 0 0 0 15px;
	border-left: 1px solid #ddd;
	border-top: 0;
}

.event_listing_big article footer p.price {
	font: 18px/18px 'Fago', sans-serif;
	margin: 32px 0 3px;
}
#webinars #marketplace #content .event_listing_big #events article.box footer p.price,
#videos #marketplace #content .event_listing_big #events article.box footer p.price {
	margin: 5px 0 5px;
}
#marketplace .event_listing_big footer p a.more {
	color: #97BF0D;
	text-decoration: underline;
	background: url("/static/images/arrow_small_green.png") no-repeat scroll 6px -1px transparent;
	padding-left: 16px;
}

.event_listing_big article footer .button {
	position: absolute;
	top: 95px;
	bottom: 0;
	right: 0;
	width: 93px;
	text-align: center;
}

.en_US .event_listing_big article footer .button {
	width: 50px;
}

.es_ES .event_listing_big article footer .button {
	width: 65px;
}

.event_listing_big #show_more_auto,
#trainer_listing #show_more_auto,
#webinarPartner #show_more_auto {
	display: none;
	font: 24px/80px 'Fago', sans-serif;
	text-align: center;
	color: #ccc;
	background: url("/static/images/spinner.gif") no-repeat scroll 235px 21px transparent;
}
.en_US .event_listing_big #show_more_auto,
.en_US #trainer_listing #show_more_auto,
.en_US #webinarPartner #show_more_auto {
	background: url("/static/images/spinner.gif") no-repeat scroll 265px 21px transparent;
}
.es_ES .event_listing_big #show_more_auto,
.es_ES #trainer_listing #show_more_auto,
.es_ES #webinarPartner #show_more_auto {
	background: url("/static/images/spinner.gif") no-repeat scroll 255px 21px transparent;
}
.event_listing_big #show_more,
#trainer_listing #show_more,
#webinarPartner #show_more {
	display: none;
	margin-top: 25px;
	margin-bottom: 25px;
	text-align: center;
	width: 90px;
	left: 303px;
}

#webinarPartner .form-categories{
	float: right;
	margin-top: -40px;
}
#marketplace .search-category {
	margin-bottom: 10px;
}
#marketplace .search-category a {
	color: #333;
	font-size: 14px;
	background: url("/static/images/arrow_small_green.png") no-repeat scroll 0 1px transparent;
	padding-left: 12px;
}
#marketplace .vertical-banner {
	height: 255px;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	margin-bottom: 10px;
	overflow: hidden;
}
#marketplace .vertical-banner img {
	width: 100%;
}
#marketplace .vertical-banner.life img {
	margin-top: -110px;
}
#marketplace .vertical-banner.business img {
	margin-top: -20px;
}
#marketplace .vertical-banner.recht img {
	margin-top: -68px;
}
#marketplace .vertical-banner.tiere img {
	margin-top: -88px;
}
#marketplace .vertical-banner.sprachen img {
	margin-top: -74px;
}
#marketplace .vertical-banner.software img {
	margin-top: -102px;
}
#marketplace .vertical-banner h2.right {
	right: 0;
}
#marketplace .vertical-banner h2.left {
	left: 0;
}
#marketplace .vertical-banner h2 {
	padding: 10px;
	margin: 0;
	position: absolute;
	font-size: 22px;
}
#marketplace .vertical-banner.life h2 {
	color: #fff;
	text-shadow: none;
	text-shadow: -1px -1px 1px #666;
	top: 20px;
	background: url("/static/images/white_overlay_40.png") repeat 0 0 transparent;
	height: 30px;
}
#marketplace .vertical-banner.recht h2 {
	color: #333;
	text-shadow: none;
	text-shadow: -1px -1px 1px #fff;
	height: 30px;
	bottom: 20px;
	background: url("/static/images/white_overlay_40.png") repeat 0 0 transparent;
}
#marketplace .vertical-banner.tiere h2 {
	color: #333;
	text-shadow: none;
	text-shadow: -1px -1px 1px #fff;
	background: url("/static/images/white_overlay_40.png") repeat 0 0 transparent;
	height: 30px;
	top: 20px;
}
#marketplace .vertical-banner.business h2 {
	color: #333;
	text-shadow: none;
	text-shadow: -1px -1px 1px #fff;
	background: url("/static/images/white_overlay_40.png") repeat 0 0 transparent;
	height: 30px;
	bottom: 20px;
}
#marketplace .vertical-banner.sprachen h2 {
	color: #333;
	text-shadow: none;
	text-shadow: -1px -1px 1px #fff;
	background: url("/static/images/white_overlay_40.png") repeat 0 0 transparent;
	height: 30px;
	top: 20px;
}
#marketplace .vertical-banner.software h2 {
	color: #fff;
	text-shadow: none;
	text-shadow: -1px -1px 1px #666;
	background: url("/static/images/white_overlay_40.png") repeat 0 0 transparent;
	height: 30px;
	bottom: 20px;
}


/* Event-Listing Small */


.event_listing_small article {
	height: 48px;
	margin-bottom: 10px;
}
.event_listing_small article .image {
	position: absolute;
	top: 0;
	left: 0;
	width: 64px;
	height: 48px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:  1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#cccccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#cccccc');
}

.event_listing_small article .image img {
	width: 64px;
	height: 48px;
}

.event_listing_small article .image a {
	display: block;
	width: 64px;
	height: 48px;
}

.event_listing_small article .info {
	height: 48px;
	margin-left: 74px;
}

.event_listing_small article .info h3 {
	height: 16px;
	line-height: 16px;
	margin: 0 0 2px;
	font-size: 14px;
	overflow: hidden;
}

.event_listing_small article .info h3 a {
		color: #333;
				}

.event_listing_small article .info p {
	height: 30px;
	line-height: 15px;
	font-size: 11px;
	color: #999;
	overflow: hidden;
}

.event_listing_small article .info p a { color: #666; }

.event_listing_small article .info a.details,
#marketplace.wrapper #content .event_listing_big #events article.box a.details {
	position: absolute;
	top: 0;
	right: 0;
	height: 48px;
	width: 48px;
	background: url("/static/images/main_icon_sprites2.png") no-repeat -48px 0;
}
#academy_main.academy .events div.box .content article div.info p {
	margin:0;
	height: auto;
}


#planed_events.box .content article .info.academy h4,
#planed_events.box .content article .info.private h4,
#myseminars #marketplace.wrapper #content .event_listing_big #events article.box .content .info.academy h4,
#myseminars #marketplace.wrapper #content .event_listing_big #events article.box .content .info.private h4 {
	display: none;
}

.image .video_banner{
	background: url("/static/images/video_banner.png") no-repeat;
	width: 30px;
	height: 30px;
	margin: -28px -1px 0 36px;
	cursor: pointer;
}
.image .video_banner_big{
   background: url("/static/images/video_banner_big.png") no-repeat;
   width: 45px;
   height: 45px;
   margin: -43px 0 0 116px;
   cursor: pointer;
}

#start .box .content article .info a.tip,
#start .box .content article div.tip,
#academy_main .events .box article div.tip,
#myseminars .box a.tip {
   position: relative;
   float: right;
}
#marketplace.wrapper #content .event_listing_big #events article.box a.image .video_banner_big span,
#start .box .content article .info a.tip span,
#start .box .content article div.tip span,
#academy_main .events .box article div.tip span,
#myseminars .box a.tip span {
	display: none;
	position: absolute;
	top: 24px;
	left: -25px;
	width: 125px;
	padding: 4px;
	z-index: 500;
	background: #000;
	color: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 2px solid #FFFFFF;
	background: url("/static/images/overlay_80.png") repeat scroll 0 0 transparent;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:  2px 2px 8px rgba(0, 0, 0, 0.3);;
   -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#cccccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#cccccc');
	color: #DDDDDD;
	text-align: center;
}
#marketplace.wrapper #content .event_listing_big #events article.box a.image .video_banner_big span{
	margin-top: 20px;
}

#start .box .content article .info a:hover.tip,
#start .box .content article div:hover.tip,
#academy_main .events .box article div:hover.tip,
#myseminars .box div:hover.tip {
	font-size: 99%; /* this is just for IE */
}
#marketplace.wrapper #content .event_listing_big #events article.box a.image div:hover.video_banner_big span,
#start .box .content article .info a:hover.tip span,
#start .box .content article div:hover.tip span,
#academy_main .events .box article div:hover.tip span,
#myseminars #marketplace.wrapper #content .event_listing_big #events article.box .content a:hover.tip span,
#myseminars #events footer a:hover.tip span {
	display: block;
}



/* =============================================================================
   Files-List
   ========================================================================== */

#files_list {
	margin: 0;
	padding: 0;
}

#files_list li {
	height: 18px;
	line-height: 18px;
	padding-left: 24px;
	margin-bottom: 8px;
	list-style-type: none;
	background: url("/static/images/main_icon_files_sprites.png") 0 -8px no-repeat;
}

#files_list li.pdf		{ background-position: 0 -168px; }
#files_list li.doc,
#files_list li.docx		{ background-position: 0 -40px; }
#files_list li.xls,
#files_list li.xlsx		{ background-position: 0 -72px; }
#files_list li.ppt		{ background-position: 0 -104px; }
#files_list li.png,
#files_list li.jpg,
#files_list li.gif		{ background-position: 0 -136px; }


.content_not_activated {
	display: block;
}
.content_not_activated p {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}
#register_step2 .content_not_activated,
#package_choose .content_not_activated {
	display: none;
}

.feedback_stars ul {
	margin: 0;
	height: 20px;
	margin-bottom: 10px;
}

.feedback_stars a,
.feedback_stars li {
	display: block;
	width: 20px;
	height: 20px;
}

.feedback_stars li {
	margin-right: 3px;
	float: left;
}

.feedback_stars li a.on { background: url("/static/images/single_gap.png") no-repeat; }
.feedback_stars li a.off { background: url("/static/images/single_gap_off.png") no-repeat; }
.feedback_action p {
	margin-top: 10px;
}

/* =============================================================================
   Extras
   ========================================================================== */
.rotate {
  -moz-transform: rotate(-12deg);
  -webkit-transform: rotate(-12deg);
  -o-transform: rotate(-12deg);
  transform: rotate(-12deg);
  -ms-transform: rotate(-12deg);
}

#stoerer {
	display: none;
}
#stoerer_cnt {
	position: absolute;
	right: -50px;
	top: -135px;
	z-index: 0;
}
#stoerer h2 {
   width:300px;
   height:300px;
   float:right;
   background:transparent url("/static/images/medaille_background.png") no-repeat top right;
   margin-right: -70px;
}
#stoerer h2 a {
	color: #333333;
	display: block;
	margin-left: 80px;
	margin-top: 55px;
	text-align: center;
	width: 50%;
	font-size: 0.8em;
	line-height: 21px;
}
#stoerer h2 a:focus {
   outline:none;
}
#stoerer h2 a:hover {
   text-decoration: none;
}
#stoerer h2 span.green_font {
   display: block;
   color: #97BF0D;

}
#stoerer h2 span.uppercase{
	display: block;
	color: #333;
	text-decoration: underline;
	text-transform: uppercase;
}

#index #stoerer {
   display: block;
}
.contact li.tel,
.contact li.times {
	display: none;
}
.de_DE .contact li.tel,
.de_DE .contact li.times {
	display: block;
}

#login-with-facebook {
	background: url("/static/images/popup/bg_invite_fb_contacts.png") repeat-x;
	height: 20px;
	border-left: 1px solid #314c88;
	border-right: 1px solid #314c88;
	font: 11px/21px Helvetica, Arial,sans-serif;
	padding-left: 20px;
	text-align: center;
	cursor: pointer;
	width: 170px;
	margin-left: auto;
	margin-right: auto;
}
#login-with-facebook a {
	color: #FFFFFF;
}

#start #planed_events.box article .crown,
#academy #next-events article .crown,
#myseminars .event_listing_big #events .crown {
	background: url("/static/images/crown.png") no-repeat 0 -3px transparent;
	height: 20px;
	width: 20px;
	padding-right: 3px;
	float: left;
	cursor: pointer;
}
#myseminars .event_listing_big #events .crown {
	background: url("/static/images/crown.png") no-repeat 0 -1px transparent;
}

#start #planed_events.box article .clear,
#academy #next-events article .clear,
#myseminars .event_listing_big #events .clear {
	clear: both;
}

#start #planed_events.box article .crown span,
#academy #next-events article .crown span,
#myseminars .event_listing_big #events .crown span {
	display: none;
	position: absolute;
	width: 200px;
	top: 20px;
	left: -90px;
	padding: 4px;
	z-index: 500;
	background: #000;
	color: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 2px solid #FFFFFF;
	background: url("/static/images/overlay_80.png") repeat scroll 0 0 transparent;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:  2px 2px 8px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#cccccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#cccccc');
	color: #DDDDDD;
	text-align: center;
}

#start #planed_events.box article .crown:hover span,
#academy #next-events article .crown:hover span,
#myseminars .event_listing_big #events .crown:hover span {
	display: block;
}

footer .social ul li#linkedin.in span.IN-widget {
	width: 110px;
}

/* =============================================================================
	affiliateTextTemplates
	========================================================================= */
#affiliateTextTemplates input[type=text],
#affiliateTextTemplates textarea
{
	width: 710px;
	margin-top: 5px;
}
#affiliateTextTemplates textarea {
	border: 1px solid #CCCCCC;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: inset 0 0 8px #E5E5E5;
	-webkit-box-shadow:  inset 0 0 8px #E5E5E5;
   -moz-box-shadow: inset 0 0 8px #E5E5E5;
	color: #AAAAAA;
	font-size: 18px;
	height: 200px;
	line-height: 20px;
	padding: 5px;
}

#affiliateTextTemplates input[type=text]:focus,
#affiliateTextTemplates textarea:focus
{
	color: #666666;
}
#affiliateCheckUser .box.affiliate {
	float: left;
	height: 86px;
	margin-bottom: 15px!important;
	overflow: hidden!important;
	width: 320px!important;
}
#affiliateCheckUser .box.affiliate.right {
	margin-left: 15px;
}
#affiliateCheckUser .show-more {
	left: 303px;
	text-align: center;
	width: 90px;
}
#affiliateCheckUser #add-affiliates .clear {
	clear: both;
}
#affiliateCheckUser .box.affiliate .avatar {
	float: left;
	height: 86px;
	margin-right: 15px;
	overflow: hidden;
	width: 64px;
}
#affiliateCheckUser .box.affiliate .content {
	float: left;
	height: 86px;
	width: 240px;
}
#affiliateCheckUser .box.affiliate h2 {
	margin-bottom: 10px;
}
#affiliateCheckUser .box.affiliate ul.details {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
#affiliateCheckUser .box.affiliate ul.details li {
	color: #666666;
	font-size: 11px;
}
#affiliateCheckUser .box.affiliate ul.buttons {
	bottom: 0;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
}
#affiliateCheckUser .box.affiliate ul.buttons li {
	float: left;
	margin-left: 5px;
	padding: 0;
	height: 32px;
	width: 32px;
	background: url("/static/images/main_icon_sprites.png") no-repeat scroll 0 0 transparent;
}
#affiliateCheckUser .box.affiliate ul.buttons li.is_basic { background: url("/static/images/flags_icons_sprites.png") no-repeat scroll -166px -16px transparent; }
#affiliateCheckUser .box.affiliate ul.buttons li.is_plus { background: url("/static/images/flags_icons_sprites.png") no-repeat scroll -206px -16px transparent; }
#affiliateCheckUser .box.affiliate ul.buttons li.is_free { background: url("/static/images/flags_icons_sprites.png") no-repeat scroll -385px -16px transparent; }
#affiliateCheckUser .box.affiliate ul.buttons li.is_pro { background: url("/static/images/flags_icons_sprites.png") no-repeat scroll -246px -16px transparent; }
#affiliateCheckUser .box.affiliate ul.buttons li.is_not_expert { background-position: -8px -1016px; }
#affiliateCheckUser .box.affiliate ul.buttons li.is_expert { background-position: -8px -920px; }

#affiliateCheckUser .affiliates-wrapper #add-spinner {
	left: 340px;
}

/* =============================================================================
	Marktplatz Kategorien, Video Kategorien
	========================================================================= */

#marketplace #categories .row .element {
	width: 230px;
	border: 1px solid #ddd;
	float: left;
	margin: 0 10px 25px 0;
}
#webinars #marketplace #categories .row .element {
	height: 305px;
}
#videos #marketplace #categories .row .element {
	height: 290px;
}
#webinars #marketplace #categories .row,
#videos #marketplace #categories .row {
	height: 285px;
}
#webinars #marketplace #categories h1.category,
#videos #marketplace #categories h1.category{
	color: #fff;
	height: 40px;
	margin: 0;
	padding-left: 5px;
	font: normal 12px/40px "Lucida Grande",Verdana,sans-serif;
}
#webinars #marketplace #categories .row .element h2,
#videos #marketplace #categories .row .element h2 {
	font-size: 14px;
	margin: 35px 0 0;
	padding-left: 10px;
	height: 42px;
	overflow: hidden;
	cursor: pointer;
	color: #333;
	width: 215px;
}
#webinars #marketplace #categories .row .element h2:hover,
#videos #marketplace #categories .row .element h2:hover {
	color: #97bf0d;
	text-decoration: none;
}
#webinars #marketplace #categories h1.category a,
#videos #marketplace #categories h1.category a {
	color: #97bf0d;
	font-size: 9px;
}
#webinars #marketplace #categories .row .element .header,
#videos #marketplace #categories .row .element .header {
	height: 40px;
	background: url("/static/images/overlay_80.png") repeat scroll 0 0 transparent;
	cursor: pointer;
}
#webinars #marketplace #categories .row .element .image-container,
#videos #marketplace #categories .row .element .image-container {
	width: 230px;
	background: url("/static/images/category_bg.png") no-repeat scroll -1px -4px transparent;
}
#webinars #marketplace #categories .row .element .image-container img,
#videos #marketplace #categories .row .element .image-container img {
	border: 1px solid #ccc;
	height: 140px;
	width: 185px;
	margin: 10px 22px;
}
#webinars #marketplace #categories .row .element .image-container .author,
#videos #marketplace #categories .row .element .image-container .author {
	position: absolute;
	top: 125px;
	left: 27px;
	height: 60px;
	padding-right: 5px;
}
#webinars #marketplace #categories .row .element .image-container .author .avatar,
#videos #marketplace #categories .row .element .image-container .author .avatar {
	width: 55px;
	height: 55px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 3px;
}

#webinars #marketplace #categories .row .element .image-container .author .avatar .caption,
#videos #marketplace #categories .row .element .image-container .author .avatar .caption {
	position: absolute;
	width: 55px;
	height: 55px;
	overflow: hidden;
}
#webinars #marketplace #categories .row .element .image-container .author .avatar .caption img,
#videos #marketplace #categories .row .element .image-container .author .avatar .caption img {
	width: 55px;
	height: auto;
	margin: 0 auto;
	border: none;
}

#webinars #marketplace #categories .row .element .image-container .author p a,
#videos #marketplace #categories .row .element .image-container .author p a {
	position: absolute;
	left: 60px;
	top: 32px;
	height: 24px;
	width: 130px;
	line-height: 24px;
	padding-left: 10px;
	color: #666;
	overflow: hidden;
}
#webinars #marketplace #categories .row .element p.date,
#videos #marketplace #categories .row .element p.date {
	padding-left: 10px;
	font-size: 10px;
	margin-bottom: 10px;
}
#webinars #marketplace #categories .row .element span.prev,
#videos #marketplace #categories .row .element span.prev {
	background: url("/static/images/categories_arrows.png") no-repeat scroll 0 0 transparent;
	height: 16px;
	width: 16px;
	left: 12px;
	position: absolute;
	top: 75px;
}
#webinars #marketplace #categories .row .element span.next,
#videos #marketplace #categories .row .element span.next {
	background: url("/static/images/categories_arrows.png") no-repeat scroll -27px 0 transparent;
	height: 16px;
	width: 16px;
	right: 12px;
	position: absolute;
	top: 75px;
}
#marketplace #categories .carousel {
	opacity: 0;
}
#marketplace #categories .category-slider-spinner {
	left: 65px;
	top: 70px;
}

/* =============================================================================
   Help Chat Links
   ========================================================================== */

#links-to-help {
	display: none;
	position: fixed;
	bottom: 17px;
	right: 0;
	height: 333px;
	width: 622px;
	z-index: 999999999;
}
#links-to-help .help-content {
	padding: 15px;
	background-color: #fff;
	width: 330px;
	left: 0px;
	height: 326px;
	box-shadow: 0 0 4px 1px #bbb;
	-webkit-box-shadow:  0 0 4px 1px #bbb;
   -moz-box-shadow: 0 0 4px 1px #bbb;
	z-index: 100;
	border: 1px solid #ccc;
}
#links-to-help .help-content img#footer-links {
	left: 10px;
	position: absolute;
	top: 106px;
}
#links-to-help .help-content img.arrow-to-links {
	position: absolute;
	top: 277px;
	left: -2px;
}
#links-to-help .help-content h1 {
	margin-bottom: 10px;
}

/* =============================================================================
   Links Boxen
   ========================================================================== */

#onlinetrainer #content #links,
#fuer_teilnehmer #content #links,
#eventmanagerFinished #links {
	width: 100%;
}
#onlinetrainer #content #links ul#trainer-links,
#eventmanagerFinished #links ul#trainer-links,
#fuer_teilnehmer #content #links ul#participants-links {
	padding: 0;
}
#eventmanagerFinished #links ul#trainer-links {
	margin: 0 29px;
}
#onlinetrainer #content #links ul#trainer-links li,
#fuer_teilnehmer #content #links ul#participants-links li,
#eventmanagerFinished #links ul#trainer-links li {
	float: left;
	width: 160px;
	margin-right: 20px;
	margin-bottom: 0;
	height: 130px;
	background: url("/static/images/infolinks-sprites.png") no-repeat #fcfcfc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border: 1px solid #ccc;
	overflow: hidden;
}
#eventmanagerFinished #links ul#trainer-links li:last-of-type {
	margin-right: 0;
}
#onlinetrainer #content #links ul#trainer-links li.guide p,
#eventmanagerFinished #links ul#trainer-links li.guide p {
	font-size: 20px;
}
#fuer_teilnehmer #content #links ul#participants-links li.audiosettings p,
#eventmanagerFinished #links ul#trainer-links li.audiosettings p {
	font-size: 17px;
}
#fuer_teilnehmer #content #links ul#participants-links li.systemcheck p {
	font-size: 24px;
}
#onlinetrainer #content #links ul#trainer-links li p,
#fuer_teilnehmer #content #links ul#participants-links li p,
#eventmanagerFinished #links ul#trainer-links li p {
	position: absolute;
	bottom: 0;
	font-family: Fago;
	font-size: 27px;
	font-weight: bold;
	margin: 0;
}
#onlinetrainer #content #links ul#trainer-links li a div,
#fuer_teilnehmer #content #links ul#participants-links li a div,
#eventmanagerFinished #links ul#trainer-links li a div {
	padding: 15px;
	height: 100px;
	width: 130px;
}
#onlinetrainer #content #links ul#trainer-links li a,
#fuer_teilnehmer #content #links ul#participants-links li a,
#eventmanagerFinished #links ul#trainer-links li a {
	color: #333;
	text-shadow: 1px 1px 0 #fff;
}
#onlinetrainer #content #links ul#trainer-links li.guide,
#eventmanagerFinished #links ul#trainer-links li.guide {
	background-position: 61px -509px;
}
#onlinetrainer #content #links ul#trainer-links li.blog,
#eventmanagerFinished #links ul#trainer-links li.blog {
	background-position: 49px -7px;
}
#onlinetrainer #content #links ul#trainer-links li.documents,
#fuer_teilnehmer #content #links ul#participants-links li.documents,
#eventmanagerFinished #links ul#trainer-links li.documents {
	background-position: 48px -179px;
}
#onlinetrainer #content #links ul#trainer-links li.faq,
#fuer_teilnehmer #content #links ul#participants-links li.faq,
#eventmanagerFinished #links ul#trainer-links li.faq {
	background-position: 69px -331px;
}
#onlinetrainer #content #links ul#trainer-links li.guide:hover,
#eventmanagerFinished #links ul#trainer-links li.guide:hover {
	background-position: 61px -1203px;
}
#onlinetrainer #content #links ul#trainer-links li.blog:hover,
#eventmanagerFinished #links ul#trainer-links li.blog:hover {
	background-position: 49px -701px;
}
#onlinetrainer #content #links ul#trainer-links li.documents:hover,
#fuer_teilnehmer #content #links ul#participants-links li.documents:hover,
#eventmanagerFinished #links ul#trainer-links li.documents:hover {
	background-position: 48px -873px;
}
#onlinetrainer #content #links ul#trainer-links li.faq:hover,
#fuer_teilnehmer #content #links ul#participants-links li.faq:hover,
#eventmanagerFinished #links ul#trainer-links li.faq:hover {
	background-position: 69px -1027px;
}
#fuer_teilnehmer #content #links ul#participants-links li.systemcheck {
	background-position: 62px -1407px;
}
#fuer_teilnehmer #content #links ul#participants-links li.systemcheck:hover {
	background-position: 62px -1797px;
}
#fuer_teilnehmer #content #links ul#participants-links li.audiosettings,
#eventmanagerFinished #links ul#trainer-links li.audiosettings {
	background-position: 51px -1602px;
}
#fuer_teilnehmer #content #links ul#participants-links li.audiosettings:hover,
#eventmanagerFinished #links ul#trainer-links li.audiosettings:hover {
	background-position: 51px -1992px;
}

/* =============================================================================
   XMAS 2013
   ========================================================================== */

#webinars #marketplace .event_listing_big #events img.xmas2013 {
	position: absolute;
	top: 100px;
	left: 140px;
}