/* ----------------- GLOBAL ------------------ */

body, p {
	margin: 0px;
	font-size: 12px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

p {
	margin-bottom: 8px;
}

a {
	color: #555753;
}

a.onbutton:hover {
	color: #555753;
}

a.onbutton {
	color: #000;
	text-decoration: none;
}

h1{
font-weight: normal;
font-size: 24px;
}

h2{
font-weight: normal;
font-size: 18px;
}

table {
	border-collapse: collapse;
}

label {
	cursor: pointer;
}

td, th{
	vertical-align: top;
}

.table_col_sep {
	border-collapse: separate;
}

.error {
	font-weight: bold;
	color: red;
}

.whitetext {
	color: #fff;
}

.noborder {
	border: 0px;
}

.cursor_na {
	cursor: not-allowed;
}

.cursor_norm {
	cursor: default;
}

.block {
	display: block;
}

.gpseydolink {
	text-decoration: underline;
	cursor: pointer;
}

.i {
	font-style: italic;
}

.b {
	font-weight: bold;
}


div.abs_ro {
	position: absolute;
	right: 30px;
	top: 15px;
}

div.abs_ru {
	position: absolute;
	right: 5px;
	bottom: 5px;
}

div.border3d {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

.noborder {
	border: 0px;
}

.killfloat {
	clear: both;
	height: 10px;
}

div.killfloathr {
	clear: both;
	height: 10px;
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
	
}

.fattextdark {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

.fattext {
	color: #babdb6;
	font-size: 14px;
	font-weight: bold;
}

.smalltext {
	font-size: 11px;
	color: gray;
}

.smalltext12 {
	font-size: 12px;
}

.smalltext10 {
	font-size: 10px;
}

.w40 {
	width: 40px;
}

.w80 {
	width: 80px;
}

.w100 {
	width: 100px;
}

.w140 {
	width: 140px;
}

.w180 {
	width: 180px;
}

.w190 {
	width: 180px;
}

div.w200 {
	width: 200px;
}

div.w280 {
	width: 280px;
}

div.h80 {
	height: 80px;
}

div.h100 {
	height: 100px;
}

div.h120 {
	height: 120px;
}

div.h180 {
	height: 180px;
}

div.h200 {
	height: 200px;
}

/*wp = widht in prozent*/
.wp80 {
	width: 80%;
}

.wp90 {
	width: 90%;
}

.wp100 {
	width: 100%;
}

.m10 {
	margin: 10px;
}

.mauto {
	margin: auto;
}

.ta_center {
	text-align: center;
}

.ta_right {
	text-align: right;
}

.button {
	cursor: pointer; 
}

.form {
	background-color: #eeeeec;
	border: 1px solid #babdb6;
	padding: 1px; 
	margin: 3px;
}

.highlighted {
	background-color: #fff2ca;
	padding: 10px;
	margin: 5px;
}

div.scrollbox {
	overflow: auto;
}

.nodrop {
	cursor: no-drop;
}

.infobox {
	border: 1px solid #bbb;
	background: #eee;
	margin: 10px;
	padding: 10px;
}

/* --------------------- SUCHE -------------------------*/

div.search_wrap {
	position: absolute;
	right: 0px;
	top: 3px;
	height: 2px;
}

input.searchfield{
	position: absolute;
	right: 33px;
	top: 1px;
	border: 0px;
	height: 17px;
	line-height: 20px;
	width: 132px;
	font-size: 11px;
	color: #babdb6;
}

input.search_button {
	position: absolute;
	right: 3px;
	top: 1px;
	width: 30px;
	height: 19px;
	background-image: url('../img/layout/search_button.png');
	background-position: bottom;
	border: 0px;
	background-color: transparent;
}


/* --------------- AJAX AUTOCOMPLETER ----------------- */
div.autocomplete{
	margin-top: -14px;
	width: 200px;
}

ul.search_result {
	border-top: 1px solid #babdb6;
	width: 300px;
	}

li.search_result {
	float: left;
	padding: 5px;
	width: 300px;
	background-color: #eeeeec;
	border-bottom: 1px solid #babdb6;
	cursor: pointer;
	list-style-type:none;
	margin-left: -40px;
	z-index: 1000;
	}
	
li.search_result:hover {
	background-color: #FFFFFF;
}


/* --------- BOXEN ---------- */

div.box_tl{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 10px;
	height: 10px;
}
	
div.box_tr{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 10px;
	height: 10px;
}
	
div.box_bl{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 10px;
	height: 10px;
}
	
div.box_br{
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 10px;
	height: 10px;
}

.inputbutton {
	position: relative;
	
}

input.button, .inputbutton, .input_lernplattform{
	width: 135px;
	height: 30px;
	line-height: 22px;
	border: 0px;
	background-color: transparent;
	background-image: url('../img/layoutn/button.png');
	cursor: pointer;
	font-size: 14px;
}

.input_lernplattform {
	float: left;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	color: #000;
	cursor: default;
}

a.a_lernplattform {
	color: #000;
	text-decoration: none;
}
a.a_lernplattform:hover {
	color: #000;
	text-decoration: none;
}

.inputbutton {
	line-height: 30px;
	text-align: center;
}
	
div.tab_aktiv{
	float: left;
	size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #babdb6;
	border-bottom: 1px solid #FFFFFF;
	min-width: 75px;
	height: 20px;
	padding: 5px;
	}
	
div.tab{
	float: left;
	background-color: #eeeeec;
	border: 1px solid #babdb6;
	min-width: 75px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	}
	
div.tab_body{
	position: relative;
	float: left;
	background-color: #FFFFFF;
	border: 1px solid #babdb6;
	border-top: 1px solid #FFFFFF;
	width: 590px;
	min-height: 400px;
	padding: 10px;
	}
	
div.tab_outer_wrap{
	position: relative;
	float: left;
	width: 612px;
	min-height: 475px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
div.tab_wrap{
	float: left;
	position: relative;
	width: 612px;
	height: 31px;
	border-bottom: 1px solid #babdb6;
}

div.link_div{
	float: left;
	padding: 5px;
	margin: 15px;
	border: 1px solid #eeeeec;
	}
	
div.link_div:hover{
	border: 1px solid #FFBB00;
	}
	
	
div.infohint{
	position: relative;
	color: white;
	width: 500px;
	background-color: #7F7F7F;
	padding-left: 70px;
	margin-left: 30px;
	background-image: url('../img/info_48.png');
	background-position: left center;
	background-repeat: no-repeat;
}

div.togglehint{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 24px;
	height: 24px;
	background-image: url('../img/question_24.png');
	background-position: left center;
	background-repeat: no-repeat;
	cursor: pointer;
}
	
	
	/* ------------------- TINY_MCE ------------------- */

.bildlinks {
float: left;
text-align: left;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
padding: 3px;
}

.bildrechts {
float: right;
text-align: right;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
padding: 3px;
}

.text_eingerueckt {
margin-left: 20px;
}

/* ------------------ PROTOFORM -------------------- */

.hoverfocus {
	border:1px solid #FFCC00;
}

#error, #response { position: relative; float:left; clear: both; padding: 5px; padding-left: 30px; border: 3px dotted #FFBB00; }
#response ul { border-top:1px solid #212024; margin-top:5px; padding-top:5px; padding-left: 10px;}
#error li, #response li { margin:0 0px 5px 0;}
#working { float:left; padding:3em; background:url(loading.gif) no-repeat left center;}


.biginput {
	width: 100px;
	font-size: 32px;
	text-align: center;
	color: #313131;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;	
}

/* ----------- Autocompleter -------------- */
	
#ac_dschool {
	padding: 1px;
	margin-left: 3px;
	position: absolute;
	overflow-x: hidden;
	overflow-y: scroll;
	max-height: 500px;
	background-color: #eeeeec;
	border: 1px solid #babdb6;
}
	
/*Layoutmodus-Spezifisch*/
div.section_toolbar {
	position: absolute;
	top: -75px;
	left: -5px;
	width: 258px;
	height: 70px;
	padding: 3px;
	background: #95BDE7;
	text-align: center;
	cursor: default;
	z-index: 9999;
}

.navigation_toolbar {
	position: relative;
	top: 0px;
	left: 0px;
	width: 262px;
	height: 62px;
	background: #666666;
	text-align: center;
	cursor: default;
	z-index: 2000;
}

.module_toolbar_button {
	padding: 3px;
	border: 1px solid #babdb6;
	cursor: pointer;
	background-image: url('../img/module_toolbar_button.png');
	width: 185px;
	height: 15px;
	text-align: left;
	color: #000000;
	font-size: 12px;
	margin: 3px;
}

.module_addbar_button {
	position: relative;
	padding: 3px 3px 3px 10px;
	border: 1px solid #babdb6;
	cursor: pointer;
	background-image: url('../img/module_toolbar_button.png');
	float:left; 
	width: 175px;
	height: 15px;
	line-height: 17px;
	text-align: left;
	color: #000;
	font-size: 12px;
	margin: 3px;
}

.module_addbar_close {
	position: relative;
	text-align: center;
	color: #fff;
	border: 1px solid #000;
	background: #333;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	width: 80px;
	float: right;
	margin-top: 10px;
}

.module_header {
	position: relative;
	float: left;
	height: 21px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 13px;
	z-index: 20;
	background: #95BDE7;
	border: 1px solid #333;
	border-left: 0px;
	cursor: pointer;
	min-width: 100px;
}

.content_menu_button {
	position: relative;
	float: left;
	border: 2px solid #fff;
	text-align: left;
	height: 24px;
	width: 154px;
	font-size: 12px;
	line-height: 24px;
	color: #fff;
	padding-left:  28px;
	margin-right:  10px;
	margin-bottom:  10px;
	overflow: hidden;
}

.module_header_wrap, .module_add_header, .modul_add_wrap, .module_add_header_rb {
	position: relative;
	background: #95BDE7;
	width: 613px;
	border: 1px solid black;
	left: 10px;
}

.module_add_header:hover, .module_add_header_rb:hover {
	background: #4D92D7;
	color: #fff;
}

.module_add_header_rb {
	margin: 10px 0px 10px 0px;
	float: left;
	height: 50px;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	color: #fff;
	text-align: center;
	z-index: 20;
	cursor: pointer;
	width: 185px;
}

.modul_add_wrap {
	position: absolute;
	top: 40px;
	border-top: 0px;
	width: 593px;
	padding: 10px;
	left: -1px;
	z-Index: 20;
}

.module_header_wrap {
	position: absolute;
	top: 25px;
	border-top: 0px;
	width: 200px;
	padding: 10px;
	left: -1px;
	z-index: 20;
}

.module_add_header {
	margin: 10px 0px 10px 0px;
	float: left;
	height: 40px;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	color: #fff;
	text-align: center;
	z-index: 20;
	cursor: pointer;
}

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/* --------------------- TOOLBAR ------------------------ */

.toolbar_toggle {
	position: fixed;
	z-index: 1999;
	top: 5px;
	right: 0px;
	width: 178px;
	height: 20px;
	background: #555 url('../img/moni_24.png') no-repeat 5px;
	padding-left: 32px;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
	border: 4px solid #fff;
	border-right: 0px;
	color: #ddd;
	font-size: 11px;
}

div.toolbar {
	position: fixed;
	right: 0px;
	top: 36px;
	width: 200px;
	min-height: 100px;
	background: #333;
	border: 4px solid white;
	border-top: 0px;
	border-right: 0px;
	font-size: 12px;
	z-index: 2000;
	color: #fff;
	padding: 5px;
}

.toolbar_abteil {
	position: relative;
	margin-top: 10px;
	border-top: 1px solid #555;
}

.toolbar_abteil_titel {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

div.layout_mode_inactive, div.layout_mode_active {
	height: 17px;
	width: 190px;
	padding: 3px;
	background-color: #73d216;
	text-align: center;
	border: 1px solid #babdb6;
	cursor: pointer;
	margin-top: 10px;
}

div.layout_mode_active {
	background-color: #ef2929;
	border: 1px solid #babdb6;
	cursor: pointer;
}
	
div.layout_mode_inactive:hover {
	border: 1px solid #555753;
}

div.layout_mode_active:hover {
	border: 1px solid #555753;	
}

.toolbar_select_frontend {
	position: relative;
	height: 25px;
	width: 196px;
	margin-top: 10px;
}

div.toolbar_button {
	height: 17px;
	line-height: 17px;
	width: 190px;
	padding: 3px;
	background-color: #eeeeec;
	border: 1px solid #babdb6;
	cursor: pointer;	
	color: #000;
	margin-top: 10px;
}
	
div.toolbar_button:hover {
	border: 1px solid #555753;
}
	
div.toolbar_seperator{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 3px;
	background-color: #d3d7cf;
	border-bottom: 1px dotted #555753;
	border-top: 1px dotted #555753;
	height: 16px;
	width: 194px;
	font-weight: bold;
}
	
div.selection_element {
	float: left;
	height: 17px;
	width: 150px;
	margin: 5px;
	padding: 3px;
	background-color: #eeeeec;
	text-align: center;
	border: 1px solid #babdb6;
	vertical-align: middle;
	cursor: move;
}

div.toolbar_modules {
	position: relative;
	width: 185px;
	height: 300px;
	overflow: scroll;
	background-color: #FFFFFF;
	border: 1px solid #babdb6;
	margin: 5px;
}

.transbg {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: url('../img/trans_bg_66.png');
	z-index: 2001;
}

.shortcut_bk_button {
	position: absolute;
	width: 80px;
	height: 24px;
	border: 1px solid #ccc;
	background: #000;
	text-align: center;
	font-size: 12x;
	line-height: 24px;
	right: 10px;
	bottom: 10px;
}

.shortcut_bk_button:hover {
	background: url('../img/trans_bg_gray_66.png');
}

.shortcutbox {
	position: absolute;
	width: 920px;
	height: 420px;
	border: 4px solid #fff;
	padding: 10px;
	margin-left: -460px;
	left: 50%;
	top: 50%;
	margin-top: -220px;
	color: #fff;
}

.shortcutbox_left, .shortcutbox_right {
	position: relative;
	float: left;
	width: 48%;
	boder: 1px solid white;
}

.shortcutbox_right {
	float: right;
	margin-right: 10px;
}

.shortcut, .shortcut_wrap {
	position: relative;
	border-bottom: 1px solid #666;
	height: 54px;
	width: 396px;
	margin-bottom: 6px;
	font-size: 16px;
}

.shortcut {
	padding-left: 54px;
}

.shortcut_wrap {
	width: 450px;
	cursor: pointer;
}

.shortcut_wrap:hover {
	background: url('../img/trans_bg_gray_66.png');
}

.bg_team {
	background: url('../img/icons/team.png') no-repeat;
}

.bg_auto {
	background: url('../img/icons/auto.png') no-repeat;
}

.bg_speechbubble {
	background: url('../img/icons/speechbubble.png') no-repeat;
}

.bg_smilie {
	background: url('../img/icons/smilie.png') no-repeat;
}

.bg_cam {
	background: url('../img/icons/cam.png') no-repeat;
}

.bg_kalender {
	background: url('../img/icons/kalender.png') no-repeat;
}
.bg_highlights {
	background: url('../img/icons/highlights.png') no-repeat;
}
.bg_spezial {
	background: url('../img/icons/spezial.png') no-repeat;
}
.bg_preise {
	background: url('../img/icons/preise.png') no-repeat;
}

.divbutton {
	position: relative;
	text-align: center;
	color: #fff;
	border: 2px solid #000;
	background: #333;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	padding: 5px;
}