/* @import url("test.css"); */

/* begin: Diverses ---------------------------------------------------------- */
.no_css {
	position:absolute;
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
	visibility: hidden;
}
.rot {color:#CC0000;}
.gruen {color:#009900;}

.va-top 		{vertical-align:top;}
.va-middle 	{vertical-align:middle;}
.va-bottom 	{vertical-align:bottom;}

.clear {clear:both;}
.float-l {float:left;}
.float-r {float:right;}

.text-lt {text-align:left; vertical-align:top;}
.text-lc {text-align:left; vertical-align:middle;}
.text-lb {text-align:left; vertical-align:bottom;}

.text-ct {text-align:center; vertical-align:top;}
.text-cc {text-align:center; vertical-align:middle;}
.text-cb {text-align:center; vertical-align:bottom;}

.text-rt {text-align:right; vertical-align:top;}
.text-rc {text-align:right; vertical-align:middle;}
.text-rb {text-align:right; vertical-align:bottom;}
/* end: Diverses ------------------------------------------------------------ */


/* begin: Aufbau ------------------------------------------------------------ */
body {
	font: 12px Arial, Helvetica, sans-serif;
	padding:20px;
	margin:0;
	background-color:#ccc;
}
#ganz,
#head,
#navi,
#info,
#main,
#foot {
	position:relative;
	padding:0;
	margin:0;
	background-color:#e2e2e2;
	border:2px solid #fff;
}
#ganz {width:980px; margin:0 auto;}
/* end: Aufbau -------------------------------------------------------------- */


/* begin: ganz -------------------------------------------------------------- */
/* end: ganz ---------------------------------------------------------------- */


/* begin: head -------------------------------------------------------------- */
#head {
	position:relative;
	background-color:#178ec8;
	/**/
	height:100px;
}
/* end: head ---------------------------------------------------------------- */


/* begin: logo -------------------------------------------------------------- */
#logo {	
	/**/
	height:100px;
	background:transparent url(../img/mensch_01.gif) no-repeat left 10px;
}
#logo h1 {
	color:#fff;
	width:200px;
	font-size:16px;
	padding:23px 0 0 150px;
	margin:0;
}
/* end: logo ---------------------------------------------------------------- */


/* begin: navi -------------------------------------------------------------- */
#navi {
	position:absolute;
	text-align:right;
	border:none;
	background:transparent;
	bottom:0;
	right:0;
}
#navi ul {
	padding:0;
	margin:0;
	list-style:none;
}
#navi li {
	padding:0;
	margin:0;
	list-style:none;
	display:inline;
}
#navi li:hover {
	padding:0;
	margin:0;
	list-style:none;
	display:inline;
}
#navi a span {
	position:absolute;
	margin: 0px;
	padding: 0px;
	font-size:10px;
	color:#fff;
	font-weight:bold;
	text-transform: uppercase;
	visibility: hidden;
}
#navi a:hover span {
	position:absolute;
	width:100px;
	height:18px;
	margin:0 0 0 -50px;
	padding:0;
	left:50%;
	bottom:42px;
	background:transparent url(../img/navi_icons/navi_pfeil.gif) no-repeat center bottom;
	visibility:visible;
}
#navi img {	border:none;}
#navi a {
	position:relative;
	display:block;
	width:32px;
	height:32px;
	padding:4px 3px;
	float:left;
	text-decoration:none;
	background:transparent url(../img/navi_icons/navi_bg.gif) no-repeat right top;
	cursor: pointer;
	cursor: hand;
	text-align:center;
	outline:none;
}
#navi a:hover {
	background:transparent url(../img/navi_icons/navi_bg.gif) no-repeat right bottom;
	cursor: pointer;
	cursor: hand;
}
#navi a.navi-on {
	background:transparent url(../img/navi_icons/navi_bg.gif) no-repeat right bottom;
	cursor: pointer;
	cursor: hand;
}
#navi a.navi-logout 			{padding:4px 12px; background-position:left top;}
#navi a.navi-logout:hover {padding:4px 12px; background-position:left bottom;}
/* end: navi ---------------------------------------------------------------- */


/* begin: info -------------------------------------------------------------- */
.info-ok,
.info-nok,
.info-info,
.info-leer {
	position:relative;
	padding:5px;
	margin:0;
	font-weight:bold;
	color:#fff;
	text-align:center;
}
.info-ok 		{background-color:#006600;}
.info-nok 	{background-color:#990000;}
.info-info 	{background-color:#CC6600;}		
.info-leer 	{background-color:#e2e2e2;}
/* end: info ---------------------------------------------------------------- */


/* begin: main -------------------------------------------------------------- */
#main {min-height:300px;}
/* end: main ---------------------------------------------------------------- */


/* begin: foot -------------------------------------------------------------- */
#foot {
	background:#fff;
	text-align:center;
	color:#178ec8;
	font-size:11px;
}
#foot a {color:#178ec8; text-decoration:none;}
#foot a:hover {color:#178ec8; text-decoration:underline;}
/* end: foot ---------------------------------------------------------------- */


/* begin: Login ------------------------------------------------------------- */
.ausgabe-tabelle {}
.ausgabe-tabelle table.login {
	width:300px;
	padding:0;
	margin:80px auto 180px auto;
	background-color:#fff;
	border:none;
	border:4px solid #fff;
	border-collapse:collapse;
}
.ausgabe-tabelle table.login td, 
.ausgabe-tabelle table.login td:hover {background-color:#e2e2e2;	padding:5px;}
/* end: Login --------------------------------------------------------------- */


/* begin: Ausgabe ----------------------------------------------------------- */
.ausgabe-tabelle {border:2px solid #e2e2e2;}
.ausgabe-tabelle table {
	width:100%;
	padding:0;
	margin:0;
	background-color:#fff;
	border:none;

	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
.ausgabe-tabelle th {
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	padding:5px;
	font-weight:bold;
	color:#fff;
}
.ausgabe-tabelle .ausgabe-head-titel th {background:#178ec8 url(../img/sys_icons/th_bg-titel.gif) repeat-x left top;}

.ausgabe-tabelle .ausgabe-head-navi th {background:#999 url(../img/sys_icons/th_bg_off-navi.gif) repeat-x left top;	padding:0;}
.ausgabe-tabelle .ausgabe-head-navi th:hover {background:#999 url(../img/sys_icons/th_bg_on-navi.gif) repeat-x left bottom;}

.ausgabe-tabelle .ausgabe-head-button th, 
.ausgabe-tabelle .ausgabe-head-button th:hover,
.ausgabe-tabelle .ausgabe-head-button td, 
.ausgabe-tabelle .ausgabe-head-button td:hover {background-color:#ccc;	padding:3px;}

.ausgabe-tabelle .ausgabe-navi-up 	{background:transparent url(../img/sys_icons/th_pfeil_up-navi.gif) no-repeat 5px center;}
.ausgabe-tabelle .ausgabe-navi-down {background:transparent url(../img/sys_icons/th_pfeil_down-navi.gif) no-repeat 5px center;}
.ausgabe-tabelle .ausgabe-navi-none {background:transparent url(../img/sys_icons/th_pfeil_none-navi.gif) no-repeat 5px center;}


.ausgabe-tabelle .ausgabe-head-navi a {
	display:block;
	color:#fff;
	text-decoration:none;
	outline:none;
}
.ausgabe-tabelle .ausgabe-head-navi a.ausgabe-navi-up, 
.ausgabe-tabelle .ausgabe-head-navi a.ausgabe-navi-down, 
.ausgabe-tabelle .ausgabe-head-navi a.ausgabe-navi-none {padding:5px 5px 5px 20px;}
.ausgabe-tabelle .ausgabe-head-navi a.ausgabe-navi-off span {display:block; padding:5px; }

.ausgabe-tabelle td {
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	padding:5px;
	font-weight:normal;
	color:#000;
}
.ausgabe-tabelle td a {
	display:block;
	color:#178ec8;
	text-decoration:none;
	outline:none;
}
.ausgabe-tabelle td a:hover {
	color:#178ec8;
	text-decoration:underline;
}
.ausgabe-tabelle td a img {border:none;}

.ausgabe-tabelle tr {background-color:#e2e2e2;}
.ausgabe-tabelle tr:hover,
.ausgabe-tabelle tr.sub-bg:hover {background-color:#fff;}
.ausgabe-tabelle tr.sub-bg {background-color:#efefef;}

.ausgabe-tabelle td.main-img  {
	background-image:url(../img/sys_icons/main-img.gif);
	background-position:left top;
	background-repeat:repeat-y;
	padding:5px 5px 5px 15px;
	margin:0;
}
.ausgabe-tabelle td:hover {background-color:#FFFF99;}
.ausgabe-tabelle td.sub-img  {
	background-image:url(../img/sys_icons/sub-img.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:5px 5px 5px 40px;
	margin:0;
}
/* begin: Medienpool */
.ausgabe-tabelle td.medienpool {
	background-image:	url(../img/sys_icons/medien-ordner.gif);
	background-repeat:no-repeat;
	background-position: 10px 5px;
	padding-left:35px;
}
.ausgabe-tabelle td:hover.medienpool {
	background-image:	url(../img/sys_icons/medien-ordner.gif);
	background-repeat:no-repeat;
	background-position: 10px -19px;
	padding-left:35px;
}
/* end: Medienpool */

/* begin: Tool */
.select-tool {width:90%; vertical-align:middle;}
.button-tool {font-size:11px;	vertical-align:middle;}
.select-tool optgroup {color:#178EC8;}
.select-tool option 	{color:#000;}

.ausgabe-tabelle .ausgabe-tool th, 
.ausgabe-tabelle .ausgabe-tool th:hover,
.ausgabe-tabelle .ausgabe-tool td, 
.ausgabe-tabelle .ausgabe-tool td:hover {
	background:#C4C4C4 url(../img/sys_icons/th_bg_off-navi.gif) repeat-x left bottom;	
	padding:2px 5px 5px 5px; 
	font-weight:bold;
	color:#fff;
}
.ausgabe-tabelle .ausgabe-tool .tool-navi {padding:2px 5px 0px 5px;}
.ausgabe-tabelle .ausgabe-tool .tool-navi .tool-delete {padding:0px 45px 0px 0px;}
.ausgabe-tabelle .ausgabe-tool .tool-navi a {
	display:inline;
	text-decoration:none;
	outline:none;
	font-weight:bold;
	color:#fff;
}
.ausgabe-tabelle .ausgabe-tool .tool-navi a:hover {color:#178EC8;}
/* end: Tool */

.eingabe-tabelle tr,
.eingabe-tabelle tr:hover,
.eingabe-tabelle td,
.eingabe-tabelle td:hover {
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	padding:5px;
	font-weight:normal;
	color:#000;
	background-color:#e2e2e2;
}

.hinweis-tabelle tr,
.hinweis-tabelle tr:hover,
.hinweis-tabelle td,
.hinweis-tabelle td:hover {
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	padding:5px;
	font-weight:normal;
	color:#0546BA;
	background-color:#DEE7F5;
}
.message-img {
	vertical-align:middle;
	padding:0 5px 0 0;
}

.klein {font-size:9px;}
.counter_con {
	font-size:11px;
	padding:2px 0px;
}
.counter {
	background:none;
	border:none;
	font-size:10px;
}
.mime_type {
	vertical-align:middle;
	border:none;
	margin-right:5px;
}
/* end: Ausgabe ------------------------------------------------------------- */


/* begin: Start ------------------------------------------------------------- */
#start {
	position:relative;
	margin: 20px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:auto;
}
#start table.start {
	position:relative;
	margin: 0px auto 0px auto;
	padding:0px;
}
#start a {
	position:relative;
	font-size:14px;
	font-weight:bold;
	padding:10px;
	display:block;
	width:180px;
	height:64px;
	background:#E2E2E2 url(../img/navi_icons/start_on_off02.gif) no-repeat center top;
	text-decoration:none;
	color:#000000;
}
#start a:hover {
	position:relative;
	font-size:14px;
	font-weight:bold;
	padding:10px;
	display:block;
	width:180px;
	height:64px;
	background:#FFFFFF url(../img/navi_icons/start_on_off.gif) no-repeat center bottom;
	text-decoration:none;
	color:#000000;
}
#start a span.erklerung,
#start a:hover span.erklerung {
	position:relative;
	margin:2px 10px 0px 0px;
	visibility:visible;
	font-size:11px;
	font-weight:normal;
	display:block;
}

#start img {
	vertical-align:middle;
	float:left;
	z-index:1000;
	padding:0px;
	margin:0px 5px 0px 0px;
}
#start hr {
	position:relative;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #FFFFFF;
}
#start table.info th {
	color:#FFFFFF;
	padding:5px;
	margin:0px;
	font-size:12px;
	background:#067093 url(../img/sys_icons/th_bg-titel.gif) repeat-x left top;
}
#start table.info td {
	font-size:12px;
}
#start .info {
	position:relative;
	background:#FFFFFF;
	height:80px;
	width:100%;
	border:1px solid #A0A0A0;
}
#start .info img {
	vertical-align:middle;
	z-index:1000;
	padding:0px;
	margin:0px 0px 0px 15px;
}
/* end: Start --------------------------------------------------------------- */

/* begin: Buttons ----------------------------------------------------------- */
.button-empty,
.button-save,
.button-delete,
.button-cancel,
.button-edit,
.button-online,
.button-offline,
.button-back,
.button-import,
.button-export,
.button-user,
.button-new,
.button-page,
.button-view,
.button-pool,

.button-pool_off,
.button-delete_off,
.button-page_off {
	width:100%;
	text-align:left;
	background-color:#e2e2e2;
	border:1px outset #fff;
	outline:none;
	padding:5px 5px 5px 25px;
	margin:0;
	
	background-position:5px center;
	background-repeat:no-repeat;
	cursor: pointer;
	cursor: hand;
}
.button-empty {
	text-align:center;
	padding:5px;
}
/**/
.button-empty:hover,
.button-save:hover,
.button-delete:hover,
.button-cancel:hover,
.button-edit:hover,
.button-online:hover,
.button-offline:hover,
.button-back:hover,
.button-import:hover,
.button-export:hover,
.button-user:hover,
.button-new:hover,
.button-page:hover,
.button-view:hover,
.button-pool:hover {
	background-color:#f2f2f2;
	border:1px outset #fff;
}

.button-empty:active,
.button-save:active,
.button-delete:active,
.button-cancel:active,
.button-edit:active,
.button-online:active,
.button-offline:active,
.button-back:active,
.button-import:active,
.button-export:active,
.button-user:active,
.button-new:active,
.button-page:active,
.button-view:active,
.button-pool:active {
	background-color:#e2e2e2;
	border:1px inset #fff;
}
.button-save 				{background-image:url(../img/sys_icons/button-save.gif);}
.button-delete 			{background-image:url(../img/sys_icons/button-delete.gif);}
.button-cancel 			{background-image:url(../img/sys_icons/button-cancel.gif);}
.button-edit 				{background-image:url(../img/sys_icons/button-edit.gif);}
.button-online 			{background-image:url(../img/sys_icons/button-online.gif);}
.button-offline 		{background-image:url(../img/sys_icons/button-offline.gif);}
.button-back 				{background-image:url(../img/sys_icons/button-back.gif);}
.button-import 			{background-image:url(../img/sys_icons/button-import.gif);}
.button-export 			{background-image:url(../img/sys_icons/button-export.gif);}
.button-user 				{background-image:url(../img/sys_icons/button-user.gif);}
.button-new 				{background-image:url(../img/sys_icons/button-new.gif);}
.button-page 				{background-image:url(../img/sys_icons/button-page.gif);}
.button-view 				{background-image:url(../img/sys_icons/button-view.gif);}
.button-pool 				{background-image:url(../img/sys_icons/button-pool.gif);}

.button-pool_off 		{background-image:url(../img/sys_icons/button-pool_off.gif);}
.button-delete_off	{background-image:url(../img/sys_icons/button-delete_off.gif);}
.button-page_off		{background-image:url(../img/sys_icons/button-page_off.gif);}

.button-img {vertical-align:middle;}
.button-img_off {
	vertical-align:middle;
	cursor:default;
}
/* end: Buttons ------------------------------------------------------------- */


/* begin: Inputs ------------------------------------------------------------ */
.input-text-login {
	width:150px;
	padding:3px;
	margin:0;
}
.input-text-100 {width:99%;}
.input-counter-100 {width:99%;}
/* end: Inputs -------------------------------------------------------------- */


/* ON/OFF verwalten Anfang  ------------------------------------------------- */
.on_off_block {
	color:#1c5180;
	font-size: 10px;
}
.on_off_block img {
	position:relative;
	vertical-align:middle;
}
.on_off_block .links {float:left; padding:2px 0px 2px 5px;}
.on_off_block .rechts {float:right; padding:0px 0px 0px 0px;}
.on_off_block input {
	border:1px solid #1c5180;
	background:#FFFFFF;
	font-size: 10px;
	color: #1c5180;
	padding:0px;
	margin:0px;
	cursor:pointer;
	cursor:hand;
}
.on_off_block input:hover {color: #21a121;}
/* ON/OFF verwalten Ende ---------------------------------------------------- */

/* begin: Sprache bearbeiten ------------------------------------------------ */
.sprache_bearbeiten {
	margin:0px;
	padding:0px;
}
.sprache_bearbeiten select {
	border:1px solid #1c5180;
	font-size: 12px;
	margin:0px;
	padding:0px;
	vertical-align:middle;
	height:19px;
}
/* end: Sprache bearbeiten -------------------------------------------------- */

/* begin: Mediapool --------------------------------------------------------- */
.file_mediapool-left {
	width:49%;
	float:left;
}
.file_mediapool-right {
	width:49%;
	float:right;
}

.file_mediapool-left label,
.file_mediapool-right label {
	display:block;
	width:60px;
	float:left;
	margin-top:2px;
}
.file_mediapool-left select,
.file_mediapool-right select {
	min-width:200px;
	margin-bottom:10px;
}
.file_mediapool-left input,
.file_mediapool-right input {
	margin-bottom:10px;
}

.file_mediapool-left br,
.file_mediapool-right br {
	clear:both;
}
/* end: Mediapool ----------------------------------------------------------- */


/* begin: Elemente */
.ausgabe-tabelle .ausgabe-elemente td, 
.ausgabe-tabelle .ausgabe-elemente td:hover {
	background:#fff;	
	padding:5px 165px;
	margin:0;
	font-size:12px;
}
/* end: Elemente */