/* CSS-Reset, saemtliche Formatierungen werden aufgehoben */

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0; 
}
body {
	line-height: 1;
	color: black;} 
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Styles der Seite */

body {
	background: #EBE8D9;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.clear {
	clear:both;
}

strong {
	font-weight: bold;	
}

a, a:link, a:visited, a:focus, a:hover, a:active {
	color: #2D292A;
	text-decoration: underline;
}

a:hover {
	color: #D96229;
}


input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#wrapper {
	width: 100%;
	background: url(fluento_FILES/main_bg.gif) repeat-x top left;
	text-align: center;
	background-color: #EBE8D9;
}

#header {
	width: 820px;
	margin: 0 auto;
	text-align:left;
	position:relative;
	height: 100px;
	background: #fff;
	overflow: hidden;
}

#logo {
	float:left;
	width:120px;
	margin: 0 10px;
}

#top_nav {
	position: absolute;
	top: 15px;
	right:15px;
}

#top_nav ul {
	float: right;	
}

#top_nav ul li {
	float: left;	
	font-size: 10px;
	color: #2D292A;
	padding-left: 10px;
}
#top_nav a, #top_nav a:link, #top_nav a:visited, #top_nav a:focus, #top_nav a:hover, #top_navi a:active { 
	font-size: 10px;
	color: #2D292A;
}
#main_navi {
	position: absolute;
	bottom: 0px;
	right:15px;
}
#main_navi ul li {
	float:left;
	
}

#main_navi a, #main_navi a:link, #main_navi a:visited, #main_navi a:focus, #main_navi a:hover, #main_navi a:active { 
	font-size: 12px;
	font-weight: bold;
	color: #2D292A;
	text-decoration:none;
	margin-right:1px;
	background: url(fluento_FILES/mainnav_right.gif) no-repeat top right;
	display:block;
}

#main_navi a span { 
	background: url(fluento_FILES/mainnav_left.gif) no-repeat top left;
	padding: 6px 10px;
	display:block;
}

#main_navi a:hover, #main_navi li.active a,
#main_navi li.active a:link, 
#main_navi li.active a:visited, 
#main_navi li.active a:focus, 
#main_navi li.active a:hover, 
#main_navi li.active a:active {
	background-image: url(fluento_FILES/mainnav_right_hover.gif);
}

#main_navi a:hover span, #main_navi li.active a span { 
	background-image: url(fluento_FILES/mainnav_left_hover.gif);
}

#main {
	width: 820px;
	margin: 0 auto;
	text-align:left;
	position:relative;
	background: #fff;
	border-top: 8px solid #4B3024;
	padding: 20px 0 30px;
}


/* second_nav */
#col_nav {
	float:left;
	width:220px;
}

#second_nav, #related {
	padding:20px 20px 0 15px;
}

#related {
	text-align: center;
}

#second_nav h2 {
	font-size: 14px;
	font-weight: bold;
	color: #4B3024;
	border-bottom: 1px dotted #4B3024;
	padding: 0 0 5px;
}

#second_nav ul {
	margin-left: 10px;
	color: #4B3024;
	line-height: 18px;
}
#second_nav ul li {
	color: #4B3024;
	text-decoration:none;
	border-bottom: 1px dotted #4B3024;
}

#second_nav ul li a, #second_nav ul li.active a {
	color: #4B3024;
	text-decoration:none;
	background:transparent url(fluento_FILES/2nav_pfeil_over.gif) no-repeat left 11px;
	display:block;
	padding: 5px 10px;
}
#second_nav ul li a:hover, #second_nav ul li.active a {
	background-image: url(fluento_FILES/2nav_pfeil_red.gif);
	color: #D96229;
}

#col_content {
	width: 560px;
	overflow: hidden;
	border-left: 1px solid #4B3024;	
	padding: 10px 0 0 20px;
}

#breadcrumb {
	padding-bottom: 15px;
	color: #D96229;	
}
#breadcrumb a {
	color: #D96229;
	text-decoration: none;	
}

#top_bild img {
	border: 1px solid #4B3024;
}

#footer {
	color: #DDB16C;
	margin: 0 auto;
	width:820px;
	background: #4B3024 url(fluento_FILES/foot_bg.gif) repeat-x top;
	padding: 15px 0;
	line-height: 16px;
}

#footer a {
	color: #DDB16C;
	text-decoration: none;
}
 
#footer ul {
	margin: 5px auto;
	display: inline;
}

#footer ul li {
	display: inline;
	color: #DDB16C;
	padding: 0 6px;
}

#top_bild {
	padding: 0 0 20px;	
}

#content {
	clear: both;
	padding: 0 0 20px;
	line-height: 18px;
}

h1, h2, h3, h4 {
	font-weight: bold;
	color: #D96229;	
	padding: 15px 0 10px;
}

#content h1 {
	font-size: 16px;
	padding: 20px 0 15px;
}

#content h1.csc-firstHeader, .tx-felogin-pi1 h3 {
	font-size: 16px;
	padding: 0 0 15px;
}

#content h2 {
	font-size:12px;
}

#content h3 {
	font-size:12px;
}

#content p {
	padding: 8px 0;
	line-height: 18px;
}

#content ul {
	line-height: 18px;
	margin: 10px 0 10px 25px;	
	list-style-type: disc;
}

#content ul li {
	line-height: 18px;
	padding: 2px 0;
}


/* index-seite */
#intro_image {
	border: 8px solid #4B3024;
	width: 804px;
	height: 200px !important;
	margin: 0 auto;
}

#intro {
	background: #4B3024;
	width: 804px;
	margin: 0 auto;
	padding: 4px 8px 12px;
	color: #fff;
	overflow: hidden;
	text-align: left;
	line-height: 16px;
}

#intro h2 {
	color: #DDB16C;
	font-weight: bold;
	padding: 0 0 10px;
}

#intro .col1, #intro .col2 {
	background: transparent url(fluento_FILES/head_seperator_bottom.gif) no-repeat right bottom;	
}

#intro .col1_inner, #intro .col2_inner {
	padding: 5px 10px;
	background: transparent url(fluento_FILES/head_seperator.gif) no-repeat right top;
}
 #intro .col3_inner {
	padding: 5px 10px;
}


#indexmain {
	width: 820px;
	margin: 20px auto;
	text-align: left;
}

#indexmain #content {
	float: left;
	width: 542px;
	background: #fff;
	padding: 0;
	border-bottom: 5px solid #4B3024;
	color: #4B3024;
}

#indexmain #content h1, #indexmain #content h2.heading {
	background: #EBE8D9;
	border-bottom: 5px solid #4B3024;
	padding-bottom: 5px;
	margin: 0;
	color: #4B3024;
	font-size: 12px;
}

#indexmain #content p {
	padding: 8px;
}

.tutor {
	clear: both;
	overflow: hidden;
	border-top: 1px solid #4B3024;
}

.tutor .tutor_image {
	float: left;
	width: 150px;
	padding: 10px;
}
.tutor .tutor_text {
	float: left;
	width: 350px;
	padding: 10px 10px 10px 0;
}

#indexmain #content .tutor .tutor_text h1, #content .tutor .tutor_text h1 {
	background: transparent;
	border: 0;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#indexmain #content .tutor .tutor_text p, #content .tutor .tutor_text p {
	padding: 3px 0;	
}

#indexmain #col_teaser {
	float: left;
	width: 250px;
	margin-left: 27px;	
}

/* 3-spalter .thirds */

.thirds .col1, .thirds .col2, .thirds .col3 {
	float: left;
	width: 33%;
}

.thirds .col2 {
	width: 34%;
}


#meta_nav, #lang_nav, #copyright, #addthis {
	padding: 5px;
	overflow: hidden; 	
}


/* MyFluento-Bereich */

.status, #logout h2 {
	clear: both;
	margin: 15px 0;
	font-size: 12px;	
	background: transparent url(fluento_FILES/bg_action.gif) no-repeat top left;	
	height: 37px;
	padding: 0px 8px 0 11px;
	overflow: hidden;
}

.attention {
	background: transparent url(fluento_FILES/bg_attention.gif) no-repeat top left;	
	height: 40px;
	padding: 0px 8px 0 50px;
}

.error {
	background: transparent url(fluento_FILES/bg_error.gif) no-repeat top left;	
	height: 43px;
	line-height: 43px;
	padding: 0px 8px 0 50px;	
	color: #9c0000;
}

.success, #logout h2 {
	background: transparent url(fluento_FILES/bg_success.gif) no-repeat top left;	
	height: 43px;
	line-height: 43px;
	padding: 0px 8px 0 50px;
	color: #008d00;	
}


.status .message_icon {
	height: 43px;
	width: 43px;
	position: absolute;
}

.status .message_text {
	line-height: 18px;
	padding: 12px 15px 0 55px;
}

.status .message_bottom {
	height: 10px;
	margin-bottom: 5px;
}

.status.error {
	background: transparent;	
	height: auto;
	position:relative;
	padding: 0px;
}

.status.error .message_icon {
	background: transparent url(fluento_FILES/icon_error.png) no-repeat top left;
}

.status.error .message_text {
	background: transparent url(fluento_FILES/bg_status_red.jpg) no-repeat right 4px;}

.status.error .message_bottom {
	background: transparent url(fluento_FILES/bg_status_red.jpg) no-repeat bottom right;
}

.status.success {
	background: transparent;	
	height: auto;
	position:relative;
	padding: 0px;
}

.status.success .message_icon {
	background: transparent url(fluento_FILES/icon_ok.png) no-repeat top left;	
}

.status.success .message_text {
	background: transparent url(fluento_FILES/bg_status_green.jpg) no-repeat right 4px;	
}

.status.success .message_bottom {
	background: transparent url(fluento_FILES/bg_status_green.jpg) no-repeat bottom right;	
}

.status.attention {
	background: transparent;	
	height: auto;
	position:relative;
	padding: 0px;
}

.status.attention .message_icon {
	background: transparent url(fluento_FILES/icon_attention.png) no-repeat top right;
	width: 45px;
}

.status.attention .message_text {
	background: transparent url(fluento_FILES/bg_status_yellow.jpg) no-repeat right 4px;
	overflow: hidden;
}

.status.attention .message_bottom {
	background: transparent url(fluento_FILES/bg_status_yellow.jpg) no-repeat bottom right;
}

.status.info {
	background: transparent;	
	height: auto;
	position:relative;
	padding: 0px;
}

.status.info .message_icon {
	diplay: none;	
}

.status.info .message_text {
	background: transparent url(fluento_FILES/bg_status_beige.jpg) no-repeat right top;
	padding: 10px 15px 0;	
}

.status.info .message_bottom {
	background: transparent url(fluento_FILES/bg_status_beige.jpg) no-repeat bottom right;	
}

.status .credits, .status .credit {
	line-height: 37px;
	float: left;	
}
.status .buy_more {
	float: right;	
}

.status.attention .credits, .status.attention .credit {
	line-height: 18px;	
}

.status .buy_more a, .header_scheduled .buy_more a {
	color: #4B3024;
	text-decoration:none;
	background:transparent url(fluento_FILES/2nav_pfeil_red.gif) no-repeat center left;
	display:block;
	padding: 0 0 0 10px;
}


.status .buy_more a:hover, .header_scheduled .buy_more a:hover {
	text-decoration: underline;
}

.header_scheduled, .history .header_history {
	font-size: 12px;	
	background: transparent url(fluento_FILES/bg_action.gif) no-repeat top left;	
	height: 37px;
	padding: 0px 8px 0 11px;
	overflow: hidden;
	line-height: 37px;
}
.header_scheduled .next_course {
	float: left;	
}
.header_scheduled .buy_more {
	float: right;	
}
.no_course {
	text-align: center;	
	padding: 15px 0;
}
.no_course a {
	color: #4B3024;
	text-decoration:none;
	background:transparent url(fluento_FILES/2nav_pfeil_red.gif) no-repeat center left;
	display:inline-block;
	padding: 0 0 0 8px;
	margin-left: 5px;
}
.no_course a:hover {
	text-decoration:underline;
}

.course {
	border-bottom: 1px solid #4B3024;
	padding: 8px 0;	
	overflow: hidden;
}

.status_scheduled {
	margin: 0 10px;	
}

.scheduled .course .teacher {
	float: left;
	height: 130px;
	width: 150px;
	padding: 2px 10px 0 0;
}

.scheduled .course .teacher img {
	width: 150px;

}

.scheduled .course .info {
	float: left;
	width: 350px;
	padding: 8px 15px;	
}

/* history */

.history_courses {
	padding: 0 10px;	
}

.history_courses .course {
	padding: 8px;
	margin-top: 1px;
	overflow: hidden;
	clear: both;
}

.history_courses .error {
	background: #fffbdc;	
	height: auto;
	line-height: 18px;
}
.history_courses .ok {
	background-color: #ddffdc;	
}
.history_courses .date {
	float: left;
	width: 160px;	
}

.history_courses .teacher {
	float: left;
	width: 224px;	
	overflow: hidden;
}

.history_courses .teacher .label {
	float: left;
	width: 70px;	
}

.history_courses .teacher .tutor {
	float: left;
	width: 150px;	
	border: 0;
	clear: none;
}

.history_courses .rating {
	float: left;	
	width: 140px;
}
.history_courses .rate, .evaluation .rate , .evaluation .cancel, .course_cancel .button , .reaction .rate {
	width: 140px;
	height: 25px;
	background:transparent url(fluento_FILES/bg_button_pfeil.png) no-repeat center left;
}

.evaluation .cancel, .course_cancel .button, .course_teacher_missing .button {
	background:transparent url(fluento_FILES/bg_button_cancel.gif) no-repeat center left;
	height: 27px;
	width: 142px;
	margin-top: 10px;
}

.evaluation .rate {
	float: right;
	margin-top: 10px;
}

.history_courses .rate a, .evaluation .cancel a, .course_cancel .button a, .reaction .rate a, .course_teacher_missing .button a {
	line-height: 25px;
	color: #f5e8d3;		
	padding: 0 0 0 18px;
	font-size: 11px;
	text-decoration: none;
}

.evaluation .cancel a, .course_cancel .button a, .course_teacher_missing .button a {
	line-height: 27px;
	color: #a73a26;		
	padding: 0 0 0 25px;
}
.course_cancel {
	float: left;
	padding: 0 15px;
}

.course_teacher_missing {
	float: right; 	
}

.course_teacher_missing .button {
	background:transparent url(fluento_FILES/bg_button_missing.png) no-repeat center left;
}


.evaluation .evaluation_inner {
	background: #f5f5f5;
	border: 1px solid #d3d3d3;
	clear: both;
	padding: 5px 10px;
	margin-top: 10px;
}

.eval_row {
	padding: 3px 0;
	overflow: hidden;
}

.eval_row  input[type=radio] {
	float: left;
	margin-right: 15px;
}

.eval_row  label {
	float: left;
	display: block;
	width: 200px;
}

.eval_left, .eval_right {
	float: left;
	width: 250px;
}
.scheduled {
	padding-top: 20px;
	position: relative;	
	clear: both;
	overflow: hidden;	
}
.scheduled_request {
	clear: both;
	margin: 12px;
	overflow: hidden;
	position: relative;	
}
.eval_right label {
	display: block;
	margin-bottom: 5px;
}

.evaluation textarea {
	width: 240px;	
	border: 1px solid #40332b;
	font-size: 11px;
} 
.date_request, .date_infos, .date_notes {
	clear: both;
	padding: 7px 0;	
	overflow: hidden;
}
.date_request label {
	float: left;
	width: 	130px;
	margin-right: 5px;
}

.date_request .date {
	float: left;
	width: 140px;	
	margin-right: 5px;
	position: realitve;
}

.date_request .date input {
	width: 100px;
	border: 1px solid #40332b;
	font-size: 11px;
	margin-right: 0;	
}

.date_request .time {
	float: left;
	width: 160px;	
}

.date_request .time select {
	border: 1px solid #40332b;
	font-size: 11px;	
	float: left;
}

.date_request .hour,
.date_request .min { float: left; margin-left: 5px; }
.date_request .hour { margin-right: 8px; } 

.date_infos .doublehour {
	float: left;
	width: 270px;
}

.date_infos .changeteacher {
	float: left;
	width: 200px;
}

.date_infos input {
	margin: 0;
	padding: 0;	
}

.date_notes {
	width: 385px;	
} 

.date_notes label {
	width: 385px;
	display: block;
	padding-bottom: 4px;	
} 

.date_notes textarea {
	width: 250px;	
	border: 1px solid #40332b;
	font-size: 11px;
} 

.scheduled_button {
	position: absolute;
	right: 0;
	bottom: 0;		
	width: 140px;
	height: 25px;
}

.scheduled_button .button {
 	background:transparent url(fluento_FILES/bg_button_pfeil.png) no-repeat center left;
	width: 140px;
	height: 25px;	
 }
 
.scheduled_button input, .evaluation .rate input {
	border: 0;
	background:transparent;
	text-align: left;
	height: 21px;
	color: #f5e8d3;		
	padding: 2px 0 0 18px;
}

.scheduled_button a {
	color: #f5e8d3;		
	font-size: 11px;
	line-height: 23px;
	padding: 2px 0 0 18px;
	text-decoration: none;
}

.request , .next_lesson {
	clear: both;
	font-size: 11px;	
	border-bottom: 1px solid #4b3024;
	overflow: hidden;
}

.student {
	padding-bottom: 5px;	
}
.student_details {
	float: left;
	width: 205px;	
}
.student_details .detail_row {
	clear: both;
	overflow: hidden;	
	padding: 2px 0;
}
.student_details .detail_row .detail_label {
	float: left;
	width: 105px;	
}
.student_details .detail_row .detail_value {
	float: left; 
	width: 100px;	
}

.dates {
	float: left;
	width: 331px;	
}

.date_row {
	border-bottom: 1px dotted #40332b;
	padding: 3px 0; 
	overflow: hidden;
	clear: both;	
}

.dates .date_row .date_check {
	float: left;
	width: 25px;	
}

.dates .date_row .date_label {
	float: left;
	width: 305px;	
}

.dates .date_row .date_label label {
	display: block;
	width: 290px;	
}

.dates .date_row .hours , .next_date .hours{
	float: left;
	width: 80px;	
}
.dates .date_row .students_time, .next_date .students_time {
	float: left;
	width: 175px;	
}

.reaction {
	clear: both;
	overflow: hidden;
	padding: 8px 0;	
}

.reaction .hide, .reaction .confirm {
	width: 49%;
	float: left;	
}

.reaction .confirm {
	float: right;	
}

.next_lesson .reaction {
	width: 142px;
	float: right;
}

.reaction .rate {
	clear: both;
	margin-bottom: 10px;
}

.next_lesson .reaction .confirm, .next_lesson .reaction .hide {
	width: 142px;
	float: none;
	margin-bottom: 10px;
	overflow: hidden;
}

.reaction .hide a, .reaction .confirm a, .reaction .confirm input, .reaction .hide input  {
	background:transparent url(fluento_FILES/bg_button_cancel.gif) no-repeat center left;
	height: 27px;
	line-height: 27px;
	color: #a53825;	
	display: block;
	width: 115px;
	padding-left: 27px;
	text-decoration: none;
}

.reaction .confirm a, .reaction .confirm input {
	background:transparent url(fluento_FILES/bg_button_ok.gif) no-repeat center left;
	float: right;
	color: #fff;	
}

.reaction .confirm input, .reaction .hide input {
	border: 0;
	width: 142px;
	text-align: left;
	font-size: 11px;	
}



.request_item {
	border-bottom: 1px solid #4B3024;
	overflow: hidden;	
	padding: 10px 0;
	position: relative;
}

.request_date {
	width: 360px;	
}

#content .request_date p {
	padding: 0;	
}

#content .request_date ul {
	padding: 10px 0;
	list-style-type: none;
	margin: 0;	
}

#content .request_date ul li {
	background:transparent url(fluento_FILES/2nav_pfeil_over.gif) no-repeat left center;	
	margin-left: 15px;
	padding: 0 0 0 10px;
	line-height: 18px;
}

.request_item .scheduled_button {
	bottom: 10px;
}

.request_item span.request_comment {
	font-weight: bold;
	font-style: italic;	
}

/* Teacher Current Lesson */

.next_date {
	background:transparent url(fluento_FILES/2nav_pfeil_over.gif) no-repeat left 6px;
	border-bottom: 1px dotted #D96229;
	margin-bottom: 5px;
	padding: 0 0 5px 15px;
	overflow: hidden;
}

.next_date span {
	color: #D96229;
	font-weight: bold;
}


#infobox {
	margin: 0 0 1em 10px;
	background: #E0BE7F url(fluento_FILES/infobox/infobox_bg.jpg) no-repeat 0 0;
	font-size: 10px; 
	color: #4C2D28;
	text-align: left;
}
#infobox .content {
	min-height: 78px;
	padding: 4px 8px 0px 8px;
	line-height: 1.2em;
}
#infobox .paragraph {
	padding: 0px 0px 8px 0;
	line-height: 1.2em;
}
#infobox .content .link {
	text-align: right;
}
#infobox .content .link a {
	background: url("fluento_FILES/infobox/link_arrow.gif") no-repeat left 4px;
	padding: 0 0 0 12px;
	color: #4C2D28;
	text-decoration: none;
}
#infobox .content .link a:hover {
	text-decoration: underline;
}
#infobox .footer {
	height: 8px;
	background: #E0BE7F url(fluento_FILES/infobox/infobox_footer_bg.jpg) no-repeat 0 0;
}

.teacher #infobox {
	background: #0548b3 url(fluento_FILES/infobox/infobox_teacher_bg.jpg) no-repeat 0 0;
	color: #fff;
}
.teacher #infobox .footer {
	background: #0548b3 url(fluento_FILES/infobox/infobox_teacher_footer_bg.jpg) no-repeat 0 0;
}
.teacher #infobox .content {
	min-height: 54px;
}
.teacher #infobox .paragraph {
	padding: 8px 0px 8px 45px;
}



#content fieldset legend {
	white-space: normal;
	padding: 0;
}

.header_profile {
	clear: both;
	margin: 25px 0 15px;
	display: block;
	width: 100%;
	font-size: 12px;	
	background: transparent url(fluento_FILES/bg_action.gif) no-repeat top left;	
	line-height: 36px;
	padding: 0px 8px 1px 11px;
	overflow: hidden;
}
#content .tx-felogin-pi1 .form_row, #contact .form_row {
	clear: both;
	overflow: hidden;
	margin-bottom: 15px;
}

#content .tx-felogin-pi1 label, #content .tx-srfeuserregister-pi1 dl dt, #contact .form_row label {
	float: left;
	width: 140px;
	padding-right: 20px;
	text-align: right;	
}

#content #pw_forgot label {
	width: 180px;	
}


#contact .form_error {
	color: #cc0000;
}

#content .tx-srfeuserregister-pi1 dl {
	padding: 0;
	margin: 0;
	overflow: hidden;
	clear: both;
}


#content .tx-felogin-pi1 input, #content .tx-srfeuserregister-pi1 dl dd input, #contact .form_row input[type="text"], #contact .form_row textarea  {
	background:transparent url(fluento_FILES/form_bg.gif) no-repeat top left;
	border: 1px solid #4b3024;
	float: left;
	width: 200px;
	padding: 1px 2px;
}

#content .tx-srfeuserregister-pi1 dl dd input[type="radio"] {
	float: left;
	width: 25px;
	margin: 2px;
}


#content .tx-srfeuserregister-pi1 dl dd label {
	float: left;
	width: 60px;
}


#content .tx-felogin-pi1 .form_row .button, #contact .form_row .button {
 	margin-left: 160px;
 	background:transparent url(fluento_FILES/bg_button_pfeil.png) no-repeat center left;
	width: 140px;
	height: 25px;
	position: relative;	
 }
 
#profile_button {
	overflow: hidden; 	
}
 
 #profile_button .button,  .profile_button .button {
 	margin-left: 160px;
 	background:transparent url(fluento_FILES/bg_button_pfeil_lang.png) no-repeat center right;
 	float: left;
 	padding-right: 10px;
 	height: 25px;
	position: relative;	
 }
 
#profile_button .button input.tx-srfeuserregister-pi1-submit, .profile_button .button input.tx-srfeuserregister-pi1-submit {
	border:0;
	background:transparent url(fluento_FILES/bg_button_pfeil_lang.png) no-repeat center left;
	color: #f5e8d3;		
	margin: 0;
	height: 25px;
	float: none;
	text-align: left;
	color: #f5e8d3;		
	padding: 2px 0 5px 18px;
	margin-right: 10px;
	cursor: pointer;
}


 
 #content #pw_forgot .button {
	margin-left: 200px;	
}
 
#content .tx-felogin-pi1 .form_row .button input, #contact .form_row .button input {
	border:0;
	float: none;
	background:transparent;
	text-align: left;
	height: 21px;
	color: #f5e8d3;		
	padding: 2px 0 0 18px;
	margin: 0;
	position: absolute;
	width: 140px;
	height: 20px;
	cursor: pointer;
}
#content .tx-srfeuserregister-pi1 dl dt {
	clear: both; 
	float: left;
	width: 140px;
	padding-right: 20px;
	text-align: right;	
	margin-bottom: 15px;
}

#content .tx-srfeuserregister-pi1 dl dd {
	float: left;
	width: 400px;
	margin-bottom: 15px;
}

#content dl#language_level {
	padding: 0 10px;
}

#content dl#language_level dt {
	clear: both; 
	float: none;
	width: auto;
	text-align: left;
	font-weight: bold;	
	margin-bottom: 10px;
}

#content dl#language_level dd {
	float: none;
	width: 540px;
	margin-bottom: 15px;
		overflow: hidden;
}

#content dl#language_level dd label {
	width: auto;
	margin-right: 15px;
}

.profile_button {
	clear: both;	
	overflow: hidden;
}
#tx-srfeuserregister-pi1-user_fluento_timezone {
	font-size: 12px;
	width: 380px;
}

#content .tx-srfeuserregister-pi1 p.tx-srfeuserregister-pi1-error {
	padding: 0;	
}

#lang_nav li {
	padding: 0 13px;
}
#lang_nav li.inactive {
	color: #997755;
}
#lang_nav a {
	padding: 0px;
}

.course_overview {
	border-top: 1px dotted #4B3024;
}

.course_item {
	border-bottom: 1px dotted #4B3024;
	padding: 10px;
	overflow: hidden;	
}

.course_title {
	float: left;
	width: 250px;	
}

#content .course_title h2 {
	padding: 0;
	font-size: 14px;	
}

.course_price {
	float: left;
	margin: 0 15px;
	width: 122px;
}

.course_price_cnt {
	background: url(fluento_FILES/teaser_small_top.png)	top left;
	color: #fff;
	font-size: 12px;
	padding: 15px 8px 5px;
	text-align: center;		
}
.course_price_bot {
	background: url(fluento_FILES/teaser_small_bot.png)	top left;	
	height: 8px !important;
	width: 122px;
	padding: 0;
	margin: 0;
}

.prize_hour {
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	padding: 0 0 10px;
	text-align: center;		
}

.course_buy {
	width: 130px;
	float: right;
	text-align: right;	
}

.buy_agb {
	padding: 15px 0 8px;	
}

/* Startseite Loginbox */

#col_teaser .box  {
	background-color: #fff;
	border-top: 5px solid #4B3024;
	border-bottom: 5px solid #4B3024;
	padding: 10px;
	color: #000;
}	
	
#col_teaser h1 { 
	font-weight: bold; 
	color: #4E2814; 
	padding-bottom:5px; 
	padding-left: 3px;
}

#login form {
	border: none;	
	background-color: #fff;
}

#login label {
	float:left;
	width: 100px;
	padding-top:2px;
}
#login .login_fields {
	float:right;
	width: 125px;
	border: 1px solid #4B3024;
	margin-bottom: 10px;
	font-size: 11px;
}
#login_button {
	clear:both;
	text-align:right;
}
#login_button input {
	border: 1px solid #4B3024;
	background-color:#DD713E;
	font-size: 11px;
}


/* Teaser-Button, Promoboxen */

.teaser_big {
	background-image: url(fluento_FILES/teaser_big_top.png);
	background-repeat: repeat-x;
	background-position:top;
	font-size: 11px;
	line-height: 15px;
	color:#DDB16C;
	padding: 0 8px;
}

#col_teaser .teaser_big h1 {
	color:#fff;
	font-size: 17px;
	font-weight:bold;
	padding: 5px 0;
	margin:0;
}

.teaser_big h2 {
	color:#fff;
	font-size: 17px;
	font-weight:bold;
	padding: 5px 0;
	margin:0;
}

.teaser_small_in h2 {
	color:#fff;
	font-size: 16px;
	font-weight:bold;
	padding: 5px 0;
	margin:0;
}


.teaser_small_in sup {color:#fff;}

.teaser_small_in h3 {
	color:#fff;
	font-size: 14px;
	font-weight:bold;
	padding: 5px 0;
	margin:0;
}

.teaser_big .bottom {
	position: relative; 
	font-size: 10px; 
	padding-top: 5px; 
	font-size: 11px;
   	color:#fff;
}

.teaser_big .bottom form {
	float: left;
}

.teaser_big_bot {
	background-image: url(fluento_FILES/teaser_big_bot.png);
	background-repeat: repeat-x;
	background-position:top;
	margin: -6px 0 15px;
	height:14px;
}
.big_express {
	position: absolute; 
	top: 30px; 
	left: 0pt; 
	z-index: 10; 
}
.small_express {
	position: absolute; 
	top: 25px; 
	left: 2px;
	z-index: 10;
	padding:0px;
	margin:0px;
}
.small_express img {
	padding:0px;
	margin:0px;
	float:left;
	behavior: url('pngbehavior.htc');
}

.teaser_small {
	width:122px;
	float:left;
	font-size: 11px;
	margin-bottom:20px;
	color: #DDB16C;
}

#related .teaser_small {
	margin: 0 auto 20px;
	float: none;
}
div#c238 .teaser_small {
	margin-right: 5px;
	overflow: hidden;
}
#btn_3er {
	margin-right: 6px;
}

.teaser_small input,  checkbox {
	/*width: 12px;
	height: 12px;*/
	margin: 5px 0px 0px;
	padding:0px;
}


.teaser_big a, .teaser_big label, .teaser_small a {
	color: #DDB16C;
	line-height: 15px;
}

.teaser_small_in {
	background-image: url(fluento_FILES/teaser_small_top.png);
	background-repeat: repeat-x;
	background-position:top;
	padding: 0 5px;
	text-align:center;
}
.teaser_small_bot {
	background-image: url(fluento_FILES/teaser_small_bot.png);
	background-repeat: repeat-x;
	background-position:top;
	height: 8px;
}

.small {
	font-size: 9px;
}

.teaser_big  #express  {
	position: absolute; 
	top: 30px; 
	left: 0pt; 
	z-index: 10;
	float: left;
}

#callback { background: transparent url(fluento_FILES/call_bg.png) no-repeat top left; clear: both; width: 250px; height: 70px; margin-bottom:20px; }
#callback_tel {	float:left; width: 80px; }
#callback_text { float:left; width: 150px; margin: 5px 6px; color:#fff; font-size: 10px; line-height:11px; }
#callback_text h2 { font-size: 11px; font-weight:bold; padding: 0 0 2px; color:#fff; }
#callback_text a { color:#fff; text-decoration:none; }
#callback_text span { text-decoration: underline; }

.express_kauf {
	background: transparent url(fluento_FILES/sprachkurs-online-bestellen_bg.gif) no-repeat left center;
	display:block;
	font-size:11px;
	width:560px;
	overflow: hidden;
	margin: 20px 0;
}


.express_kauf .mann, .express_kauf .frau {
	background-image: url(fluento_FILES/sprachkurs-online-bestellen-tutor.jpg);
	width: 172px;
	height: 150px;
	float: left;
}

.express_kauf .frau {
	background-image: url(fluento_FILES/sprachkurs-online-bestellen.jpg);
}

.express_kauf_text {
	width:175px;
	float:left;
	color: #DDB16C;
	padding: 30px 10px 0 5px;
	line-height: 10px;
}

#content .express_kauf_text p {
	line-height: 16px;
}
#content .express_kauf_text h2, #content .express_kauf_button h2 {
	font-size: 14px;
	color:#fff;
	margin:0;
	padding : 0px;
}

.express_kauf_button {
	width:160px;
	float:left;
	height: 80px;
	padding: 28px 10px 0 5px;
	color: #DDB16C;
}

.express_kauf a {
	color: #DDB16C;
}

.express_kauf_button input.checkbox {
	width: 12px;
	height: 12px;
	margin: 5px 5px 0;
	padding:0px;
}

#tx-srfeuserregister-pi1-date_of_birth {
	
}


#partner .csc-textpic-imagewrap {
	float: left;
	width: 140px;
	padding: 15px;
	text-align: center;
}

#partner .csc-textpic-text {
	clear: none;
	margin-left: 170px;
	width: 385px;
	padding-bottom: 7px;
}

#partner h3 {
	padding-bottom:0;
}

#partner .divider {
	clear: both;
	border-bottom: 1px solid #4B3024;
}

#partner .divider hr {
	display: none;
}

table.contenttable {
	border-top: 1px solid #4B3024;
	margin: 20px 0; 
	width: 49%;
}
table.contenttable td {
	border-bottom: 1px solid #4B3024;
	padding: 3px 5px;
	width: 49%;
}

table.contenttable td {
	border-bottom: 1px solid #4B3024;
	padding: 3px 5px;
	width: 49%;
}