#container {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 100%;
	/*height: 754px;*/
}
#header, #navigation, #main, #footer {
	float: left;
	background-color: #fff;
	width: 100%;
}
#header {
	height: 100px;
	padding: 0px;
	border-bottom: 1px solid #000;
}
#header_content {
	margin: 0/* auto*/;
	padding: 10px;
	/*width: 940px;*/
	height: 80px;
}
#logo {
	float: left;
	width: 400px;
	height: 80px;
}
#logo a {
	width: 400px;
	height: 80px;
	vertical-align: middle;
    display: table-cell;
}
#logo img { vertical-align: middle; }
/* IE7 */
*:first-child + html #logo a { display: block; }
*:first-child + html #logo span {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

/* Authenfitizierung */
/*#auth_container {
	float: left;
	width: 630px;
	height: 33px;
	padding: 0 200px 0 0;
}
.auth_label {
	float: left;
	width: 110px;
	padding: 3px 10px 0 0;
	text-align: right;
}
.auth_input { float: left; width: 135px; height: 15px; }*/
#auth_info { float: left; /*width: 510px;*/ padding: 5px 5px 0; /*text-align: right; font-weight: bold;*/ }
/*#auth_info label { font-weight: normal; }
#auth_links { float: left; width: 630px; }
#auth_links a { margin-left: 120px; }
#auth_mylinks {
	float: left;
	width: 150px;
	border-top: 1px solid #8c8e94;
	padding: 10px 0;
}
#auth_login { float: right; }*/
#auth_logoff { float: left; }

#form_login { width: 481px; margin: 0 auto; }
#form_login fieldset { width: 469px; }

#navigation {
	height: 20px;
	padding: 0px;
	border-bottom: 1px solid #000;
}
#navigation ul { height: 20px; margin: 0px; padding: 0 10px; list-style: none; /*width: 150px;*/ }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#navigation li { float: left; margin: 0px; height: 20px; padding: 0 5px; valign: bottom; border-left: 1px solid #333; position: relative; /*width: 150px;*/ }
#navigation li.first { border-left: none; padding: 0 5px 0 0; }
#navigation li a { display: block; height: 20px; color: #333; font-size: 10px; line-height: 20px; text-decoration: none; /*width: 150px;*/ }
#navigation li a.marked { color: #f6a828; font-weight: bold; }
/* hide the sub levels and give them a positon absolute so that they take up no room */
#navigation ul ul { position: absolute; top: 20px; left: 0; z-index: 100; height: 0px; padding: 0px; visibility: hidden; width: 150px; }
#navigation ul ul li { padding: 0 5px; white-space: nowrap; width: 140px; background-color: #fff; border: solid #000; border-width: 0 1px 1px; }
/* position the third level flyout menu */
#navigation ul ul ul { left: 150px; top: 0; width: 150px; }
/* position the third level flyout menu for a left flyout */
#navigation ul ul ul.left { left: -150px; }
/* make the second level visible when hover on first level list OR link */
#navigation ul li:hover ul, #navigation ul a:hover ul { visibility: visible; }
/* keep the third level hidden when you hover on first level list OR link */
#navigation ul :hover ul ul { visibility: hidden; }
/* keep the fourth level hidden when you hover on second level list OR link */
#navigation ul :hover ul :hover ul ul { visibility: hidden; }
/* make the third level visible when you hover over second level list OR link */
#navigation ul :hover ul :hover ul { visibility:visible; }
/* make the fourth level visible when you hover over third level list OR link */
#navigation ul :hover ul :hover ul :hover ul { visibility:visible; }

#main {
	/*height: 510px;*/
	padding: 0px;
	/*background-image: url(/_img/main_bg.png);
	background-position: center top;
	background-repeat: repeat-x;*/
}
/** html #main { height: expression(this.scrollHeight < 511 ? "510px" : "100%"); }*/
#main_content {
	/*margin: 0px auto;*/
	padding: 10px;
	/*width: 940px;
	height: 490px;*/
	position: relative;
}

#footer {
	height: 140px;
	padding: 10px 0 0;
	background: url(/_img/footer_bg.png) repeat-x center top #d1562b;
}
#footer_content {
	margin: 0 auto;
	padding: 0px;
	width: 940px;
	height: 35px;
}
#footer_navigation {
	float: left;
	width: 680px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#footer_navigation li { float: right; margin: 0px; padding: 0 0 0 10px; }
#footer_navigation li a { display: block; padding: 0 0 0 5px; border-left: 1px solid #333; color: #333; text-transform: uppercase; font-size: 10px; line-height: 10px; }
#footer_navigation li.first a { border-left: none; }
#footer_navigation li a.marked { font-weight: bold; }

/* Modal */
#auth_logoff_confirm, .article_del_confirm, #pm_del_confirm, #hint, #deletion_confirmation, #update_confirmation { display:none; }
/*#auth_logoff_confirm { height: 150px; }*/

/* Gallery */
.gallery { margin: 0px; padding: 0px; list-style: none; }
.gallery li { float: left; margin: 0px; height: 100px; width: 100px; padding: 10px; }

/* UI */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333 !important; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error,
.ui-state-error a, .ui-state-error a:link, .ui-state-error a:visited, .ui-dialog.ui-state-error p { color: #fff !important; }
input.ui-button, .ui-button-text-only .ui-button-text { padding: 0.2em 0.5em !important; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.2em 1.6em !important; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: 0.125em !important; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: 0.125em !important; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .2em !important; }
.ui-dialog .ui-dialog-buttonpane { padding: 0px !important; }
.ui-tooltip-content label.ui-state-error { border: 0px none; }
td.ui-widget-content { border-collapse: collapse; }

/* Level */
#coaching_level_values { }
.coaching_level_value { float: left; width: 200px; padding: 0 10px 0 0; }
.coaching_level_value p { width: 188px; }

/* Coaching Cards */
#coaching_card { float: left; width: 500px; border: 3px solid #ff6600; padding: 8px; }
#coaching_card h1 { color: #e6e6e6; font-size: 24px; margin: 0px; padding: 0px; height: 25px; }
#coaching_card h2 { color: #e6e6e6; font-size: 18px; margin: 0px; padding: 0px; height: 20px; }
#coaching_card_question, #coaching_card_answer { float: left; width: 230px; height: 135px; padding: 5px; border: 3px solid #e6e6e6; }
#coaching_card_question { margin: 0 8px 0 0; position: relative; }
#coaching_card_question h1, #coaching_card_question .edit { position: relative; z-index: 1; }
#coaching_card_question .ajaxupload { width: 230px; height: 110px; position: absolute; top: 30px; left: 5px; }
#coaching_card_question .ajaxupload img { opacity: .5; }
#coaching_card_question .ajaxupload button { position: absolute; right: 0px; top: -25px; z-index: 2; }
#coaching_card_answer { position: relative; }
#coaching_card_question .edit, #coaching_card_answer .edit_answer { float: left; width: 230px; height: 110px; position: relative; }
#coaching_card_answer h1, #coaching_card_answer .edit_answer { position: relative; z-index: 1; }
#coaching_card_answer .ajaxupload { width: 230px; height: 110px; position: absolute; top: 30px; left: 5px; }
#coaching_card_answer .ajaxupload img { opacity: .5; }
#coaching_card_answer .ajaxupload button { position: absolute; right: 0px; top: -25px; z-index: 2; }
#coaching_card_image { /*float: left; width: 363px; height: 375px; */padding: 0px; /*margin: 8px 8px 0 0; border: 3px solid #e6e6e6; */}
#coaching_card_image #cocaPicture_img { border-right: 1px solid #e6e6e6; }
#coaching_card_image #coaching_card_carousel { /*clear: both; */position: relative; overflow: hidden; height: /*50px; */160px; /*border-top: 1px solid #e6e6e6; top: -1px; */}
#coaching_card_image #coaching_card_carousel ul { width: 20000em; position: absolute; list-style: none; margin: 0px; padding: 0px; }
#coaching_card_image #coaching_card_carousel ul li { float: left; border-right: 1px solid #e6e6e6; }
#coaching_card_image #coaching_card_carousel ul li img {  }
.coaching_card_image { width: 100px; padding: 0px; }
.coaching_card_image .coaching_card_carousel { position: relative; overflow: hidden; height: 75px; }
.coaching_card_image .coaching_card_carousel ul { width: 20000em; position: absolute; list-style: none; margin: 0px; padding: 0px; }
.coaching_card_image .coaching_card_carousel ul li { float: left; margin: 0px; }
.coaching_card_image .coaching_card_carousel ul li img {  }
#coaching_card_hint, #coaching_card_trick, #coaching_card_and { float: left; width: 107px; height: 100px; padding: 5px; margin: 8px 0 0; border: 3px solid #e6e6e6; }
#coaching_card_hint .edit, #coaching_card_trick .edit { float: left; width: 107px; height: 80px; position: relative; }
#coaching_card_and { height: 117px; border: 3px solid #ff6600; }
#coaching_card_and h1 { color: #ff6600; }
#coaching_card_info { float: left; width: 485px; height: 100px; padding: 5px; margin: 8px 0 0; border: 3px solid #e6e6e6; }
#coaching_card_info .edit { float: left; width: 485px; height: 75px; position: relative; }
#coaching_card .edit textarea, #coaching_card .edit_answer textarea { padding: 0px; border: 0px none; }
#coaching_card_additional { float: left; width: 500px; padding: 8px; }
#coaching_card_additional ol { margin: 0px; }
#coaching_card_additional ol li { float: left; clear: left; }
#coaching_card_additional .edit_answer_wrong { width: 468px; }
#coaching_card_additional .edit { width: 488px; }

/* Standorte */
#location_addresses { }
.location_address { float: left; width: 250px; padding: 0 10px 0 0; }
.location_address table { width: 238px; }
.location_address button.ui-multiselect { width: 238px !important; }

/* Mitarbeiter */
#contactperson_details { }
.contactperson_detail { float: left; width: 250px; padding: 0 10px 0 0; }
.contactperson_detail p { width: 238px; }
.contactperson_detail button.ui-multiselect { width: 238px !important; }
#contactperson_measures, #contactperson_levels {}
.contactperson_measure, .contactperson_level { float: left; width: 250px; padding: 0 10px 0 0; }
.contactperson_measure ul, .contactperson_level ul { list-style-type: none; background: #eee; margin: 0px; padding: 5px; width: 240px; min-height: 40px; }
.contactperson_measure ul li, .contactperson_level ul li { margin: 5px; padding: 5px;/* width: 218px;*/ }
/* Browser */
#contactpersons_browser #select_location button.ui-multiselect { margin: 0 0 10px; }

/* Nutzer */
#user_groups {}
.user_group { float: left; width: 250px; padding: 0 10px 0 0; }
.user_group ul { list-style-type: none; background: #eee; margin: 0px; padding: 5px; width: 240px; min-height: 40px; }
.user_group ul li { margin: 5px; padding: 5px;/* width: 218px;*/ }
/* Coach */
#coach_measures, #coach_levels {}
.coach_measure, .coach_level { float: left; width: 250px; padding: 0 10px 0 0; }
.coach_measure ul, .coach_level ul { list-style-type: none; background: #eee; margin: 0px; padding: 5px; width: 240px; min-height: 40px; }
.coach_measure ul li, .coach_level ul li { margin: 5px; padding: 5px;/* width: 218px;*/ }

/* Log */
#browse_log a.showDetails { cursor: pointer; }
#log_levels { display: none; }

/* Video */
div.video_overlay, a.video_overlay {
	background: url(/_img/video_overlay.png) center center no-repeat;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
}