/* @override 
	http://isiport.df-pro.de/current/css/screen.css
	http://fred/isiport/current/css/screen.css
*/
@import url(reset.css);

/* @group Body */

body {
	padding-bottom: 5em;
	/*overflow: scroll;*/
	/* § ie_lte_6_isi-bar.css */
	/* § ie_lte_7.css */
	}
	

/* --------------------------------------- */
/* @end Body */

/* @group Login-Box */

body#isi-login {
	position: relative;
	overflow: auto;
	padding-bottom: 0;
		width: auto;
	}
	
#isi-login #bd {
	margin: 0 0 0 8px;
	padding: 0;
	width: 372px;
	}
	
#isi-login .module.isi {
	width: 100%; /* § ie_lte_6.css */
	margin-bottom: 0 !important;
	padding-top: 1em;
	margin: 0;
	}
	
#isi-login hr {
	height: 1px;
	width: 100%;
	border-width: 1px 0 0 0;
	}

#isi-login label {
	margin: 0em 0 .2em 0 !important;
	font-size: 92%;
	}

#isi-login label span {margin-top: .2em;}
#isi-login .checkbox {margin-left: 0 !important;}
#isi-login div.actions {margin-top: -.2em; /* § ie_lte_7.css */}


/* @end Login-Box */ 

/* @group Links */
        
a {
	cursor: pointer;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}
a:active {}
a:visited {}

/* --------------------------------------- */
/* @end Links */


/* @group Tags */

.isi strong {font-weight: bold;}
.isi em {font-style: italic;}

#bd code {
	font-size: 85%;
	color: #f813ff;
	background-color: #e6e6e6;
	}

/* --------------------------------------- */
/* @end Tags */

/* @group Body */

#bd {
	clear: both;
	padding: .4em 1em;
	clear: both;
	/* § ie_lte_7.css */
	}

#bc.isi {width: 100%; margin-bottom: 2em; font-size: 85%;}
#bc.isi a {text-decoration: underline;}

h2, .isi h2 {
	font-size: 122% !important;
	font-weight: bold !important;
	margin: 0em 0 .5em 0 !important; /* § ie_lte_7.css */
	}

h3, .isi h3, h4, .isi h4, h5, .isi h5 {
	font-size: 100%;
	font-weight: bold;
	padding-bottom: .2em;
	}

.isi p {text-align: left; margin: 0 0 1em 0;}

.isi div.error {
	clear: both;
	padding-bottom: 1em;
	}

.isi .error dl {
	padding: .4em;
	border-style: solid;
	border-width: 1px;
	}
.isi .error dt, .error dd {
	display: inline;
	float: none !important;
	font-style: normal !important;
	}
.isi .error dt {font-weight: bold;}

/* --------------------------------------- */
/* @end Body */


/* @group Module */

.module.isi {
	margin-bottom: 2em;
	margin-bottom: 0;
	width: 72em; /* § ie_lte_7.css */
	}
	
.module.isi:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.module.isi { display: inline-block; }
.module.isi { display: block; }

.module.isi h2 {
	float: left;
	}
	
.module.isi p {
	clear: both;
	}

/* @group Frag Isi */

.isi a.ask-isi {
	display: block;
	float: right;
	font-size: 85%;
	margin-top: 0em;
	width: 4.5em; /* § ie_lte_6.css */
	margin-right: 30px; /* § ie_lte_6.css */
	}

.isi a.ask-isi strong {
	display: block;
	float: left;
	}

.isi a.ask-isi span span {
	display: block;
	width: 24px; height: 24px;
	margin-right: -30px; /* § ie_lte_6.css */
	background-position: 0 24px;
	float: right;
	}

.isi a.ask-isi:hover {text-decoration: none;}
.isi a.ask-isi:hover span {background-position: 0 0;}

/* @end Frag Isi */

/* @group Dashboard */

.isi .dash dl {
	border-width: 1px;
	border-style: solid;
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	} /* § ie_lte_6.css */

.isi .dash dt {
	position: relative;
	width: 16em;
	float: left;
	clear: left;
	min-height: 44px;
	}

.isi .dash dt span {
	display: block;
	position: absolute;
	top: 5px;
	left: 8px;
	height: 34px;
	width: 34px;
	} /* § ie_lte_6.css */

.isi .dash dt a {
	position: relative;
	display: block;
	font-size: 122%;
	font-weight: bold;
	line-height: 36px; /* § ie_lte_6.css */
	height: 34px;
	margin-top: 5px;
	padding-left: 50px;
	background-repeat: no-repeat;
	background-position: 8px -102px; /* § ie_lte_6.css */
	} /* § ie_lte_7.css */

.isi .dash dl:hover dt a,
.isi .dash dl.sfhover dt a /* ie6 */ {background-position: 8px -68px;}
.isi .dash dl dt a:hover,
.isi .dash dl dt a.sfhover /* ie6 */ {
	background-position: 8px -0px; /* § ie_lte_6.css */
	}

.isi .dash dd.dash-desc {
	min-height: 44px;
	line-height: 3em;
}

.isi .dash dd.dash-nav {
	display: none;
	overflow: auto;
	margin: 0 .4em .4em .4em;
	padding: .8em 0 .8em 0;
	padding: 1%;
} /* § ie_lte_6.css */

.isi .dash dl:hover dd.dash-nav,
.isi .dash dl.sfhover dd.dash-nav /* ie6 */ {
	display: block; /* § ie_lte_6.css */
}

.isi .dash dd.dash-nav span {
	display: block;
	position: relative;
	float: left;
	width: 33%; /* § ie_lte_6.css */
}

.isi .dash dd.dash-nav span span {
	display: block;
	position: absolute;
	top: .4em;
	left: 43px;
	height: 24px;
	width: 24px;
} /* § ie_lte_6.css */

.isi .dash dd.dash-nav span a {
	display: block;
	position: relative;
	float: left;
	padding: .4em 6px 0 30px;
	margin: .4em 0 .6em 43px; /* § ie_lte_6.css */
	height: 19px;
	background-repeat: no-repeat;
	background-position: 0 -24px;
}

.isi .dash dd.dash-nav span a:hover {background-position: 0 0;}

/* @end Dashboard */

/* @group Tabs */

.isi .tabs {
	clear: both;
	border-width: 1px;
	border-style: solid;
	padding: .6em;
	margin-bottom: .2em;
	}

	
.isi .tabs.right {clear: right; /* § ie_lte_6.css */}

.isi .yui-nav {
	position: relative;
	z-index: 10;
	bottom: -2px;
	padding-left: 1em;
	float:left;
	}
	
.isi .yui-nav li {
	float: left;
	margin: 0px .3em 0px 0;
	} /* § ie_lte_6.css */
	
.isi .yui-nav li a {
	display: block;
	padding: .3em .5em;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	background-repeat: repeat-x;
	background-position: top;
	}

.isi .yui-nav li.selected a {
	border-width: 2px 1px 1px 1px;
	margin-bottom: 1px;
	}
	
.isi .yui-content {
	position: relative;
	clear: both;
	border-style: solid;
	border-width: 1px 0 0 0;
	padding: 1em 1% 0 1%;
	}

.isi .yui-content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.isi .yui-content { display: inline-block; }
.isi .yui-content { display: block; }


/* @end Tabs */
/* @end Module*/

/* @group Layout */

.isi .hide {text-indent: -1000em;}
.isi .clear {clear: both !important;}

.isi .left, .isi-left {float: left !important;}
.isi .right, .isi-right {float: right !important;}

.isi div.col30, .isi div.col40, .isi div.col42, .isi div.col50, .isi div.col58, .isi div.col60, .isi div.col70, .isi div.col100,
.isi fieldset.col30, .isi fieldset.col40, .isi fieldset.col50, .isi fieldset.col60, .isi fieldset.col70, .isi fieldset.col100
 {
	/*position: relative;*/
	margin-bottom: 1em;
	}

/* Layout Spalten */
.isi .col30 {width: 28% !important;}
.isi .col40 {width: 38% !important;}
.isi .col42 {width: 40% !important;}
.isi .col50 {width: 48% !important;}
.isi .col58 {width: 56% !important;}
.isi .col60 {width: 58% !important;}
.isi .col70 {width: 68% !important;}
.isi .col100 {
	width: 100%; /* § ie_lte_6.css */
	clear: both;
	float: left; /* § ie_lte_7.css */
	}

/* Layout-Spalte mit Berücksichtigung von 1% Padding */
/* IE 6 Hack, weil ie_lt_6.css irgendwie an dieser Stelle nicht funktioniert */
html>body .isi .col40.bg,
.isi .bg40 {width: 37% !important;}
html>body .isi .col50.bg,
html>body .isi .tabs.col50,
.isi .bg50 {width: 47% !important;}
html>body .isi .col60.bg,
.isi .bg60 {width: 57% !important;}
html>body .isi .col100.bg,
.isi .bg100 {width: 98% !important;}


.isi .tabs-col50 {width: 47% !important;}

.isi .bg {
	border-width: 1px;
	border-style: solid;
	/* Wenn Background, dann Padding */
	padding: 1% 1% .5% 1%;
	}
	

/* @end Layout */



/* @group Content */

/* @group Breiten */

.width10 {width: 10% !important;}
.width20 {width: 20% !important;}
.width30 {width: 30% !important;}
.width40 {width: 40% !important;}
.width50 {width: 50% !important;}
.width60 {width: 60% !important;}
.width70 {width: 70% !important;}
.width80 {width: 80% !important;}
.width90 {width: 90% !important;}
.width100 {width: 100% !important;}
.widthauto {width: auto !important;}

.isi .lm10 {margin-left: 10% !important;}
.isi .lm20 {margin-left: 20% !important;}
.isi .lm30 {margin-left: 30% !important;}
.isi .lm40 {margin-left: 40% !important;}
.isi .lm50 {margin-left: 50% !important;}
.isi .lm60 {margin-left: 60% !important;}
.isi .lm70 {margin-left: 70% !important;}
.isi .lm80 {margin-left: 80% !important;}
.isi .lm90 {margin-left: 90% !important;}
.isi .lm100 {margin-left: 100% !important;}

/* @end Breiten */

/* @group Elemente */

.isi .show-enhanced {
	display: block;
	background-image: url(../img/arrow_black_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	padding-left: 14px;
	margin-left: 1em;
	margin-top: .3em;
	}
	
	
.isi ul.help {
	padding: .1em .8em;
	margin-bottom: 1em;
	}

.isi ul.help li {
	background-repeat: no-repeat;
	background-position: left 0;
	padding: .2em 0 0 20px;
	margin: .8em 0;
	font-size: 85%;
	}
	
/* @group Info Box */

.isi .show-info-box {
	position: absolute;
	left: .5em; right: .5em;
	z-index: 1;
	}
	
.isi .show-info-box .switch {
	position: relative;
	float: right;
	width: 24px; height: 24px;
	background-repeat: no-repeat;
	background-position: right 1px;
	cursor: help;
	}	

.isi .show-info-box .info-box {
	display: none;
	position: relative;
	top: 2em;
	border-style: solid;
	border-width: 1px;
	margin-bottom: .5em;
	width: 100%;
	height: 5em;
	}

.isi .show-info-box:hover {
	position: relative;
	top: -2em; left: 0;
	}

.isi .show-info-box:hover .switch {
	position: relative;
	left: 0;
	width: 100%;
	height: auto;
	background-position: right -22px;
	}

.isi .show-info-box:hover .info-box,
.isi .show-info-box.sfhover .info-box /* ie6 */ {
	display: block;
	}

/* @end Info Box */
	

/* @end Elemente */

/* @group Listen */

/* @group Index Liste */

.isi ul.index {
	display: inline;
	}

.isi ul.index li {
	display: inline;
	}

/* @end Index Liste */

/* @group Definitionslisten */

.isi dt:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.isi dt { display: inline-block; }
.isi dt { display: block; }

.isi dl.dl {}

.isi dl.dl dt {
	float: left;
	width: 48%;
	clear: left;
	margin-bottom: .5em;
	}
	
.isi dl.dl dd {
	margin-bottom: .5em;
	clear: right;
	float: left;
	font-style: italic;
	}

/* @end Definitionsliste */


/* @group Aufklapp-Liste */

.isi dl.zebra-list {
	display: block;
	clear: left;
	margin: 1em 0;
	}
	
.isi dl.zebra-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.isi dl.zebra-list { display: inline-block; }
.isi dl.zebra-list { display: block; }

.isi .bg dl.zebra-list {margin: 0;}
	
.isi dl.zebra-list dt {
	border-style: solid;
	border-width: 0 0 2px 0;
	margin: 0;
	padding-bottom: .3em;
	}
	
.isi dl.bg dt,
.isi .bg dl.zebra-list dt {margin-top: 0;}
		
.isi dl.foldable dt strong {
	background-image: url(../img/arrow_black_right.gif);
	background-repeat: no-repeat;
	background-position: 0 .2em;
	padding-left: 14px;
	cursor: pointer;
	}

	
.isi dl.zebra-list dt button,
.isi dl.zebra-list dt .button {
	float: right;
	text-align: right;
	margin-top: -1.2em; /* im Safari problematisch */ /* § ie_lte_7.css */
	margin-right: 1em;
	}
	
.isi dl.zebra-list dd {
	margin: 0;
	padding: .2em 0;
	}
	
.isi dl.foldable dd {display: none;}
.isi dl.active dd {display: block;}
	
.isi dl.zebra-list dd dl {
	margin: 0;
	}	

.isi dl.zebra-list dd dt {
	border-style: none;
	margin: 0;
	padding: .4em .8em 0em .8em;
	}
	
.isi dl.zebra-list dd dd {
	font-size: 85%;
	padding: 0em .95em .3em .95em;
	margin: 0;
	border-width: 0 0 1px 0;
	border-style: solid;
	}
	
.isi dl.zebra-list dd dt,
.isi dl.zebra-list dd dd {
	}

/* @end Aufklapp-Liste */

/* @group Kalender */

.isi ul.cal-switch {float: left; margin-top: .5em;}
.isi .cal-switch li {float: left;}
.isi .cal-switch li span {
	text-indent: -1000em;
	margin-top: -.1em;
	padding: 0;
	width: 14px;
	}
.isi .cal-switch li.cal-prev {width: 14px; margin-right: .8em;}
.isi .cal-switch li.cal-next {width: 14px; margin-left: .8em;}

.isi dl.cal-list dd {
	float: left;
	padding: 1em 1em 1em 0;
	margin-right: 2em;
	}

/* @end Kalender */


/* @end Listen */

/* @group Tabellen */

table.isi {
	table-layout: auto;
	border-collapse: collapse;
	clear: both;
	width: 100%;
	float: left;
	margin-bottom: 1em;
	}

table.isi caption {
	text-indent: -1000em;
	overflow: auto;
	height: 0;
	}

table.isi tr td.actions button {display: none; /* § ie_lte_6.css */}
table.isi tr:hover td.actions button {display: block;}
	
table.isi thead {
	border-style: solid;
	border-width: 0 0 2px 0;
	}

table.isi th {
	font-weight: bold;
	}
	
table.isi td, .isi th {
	padding: .3em .3em .1em .3em;
	vertical-align: top;
	border-width: 0 0 1px 0;
	border-style: solid;
	}
	
table.isi th {
	border-width: 0 0 2px 0;
	padding-bottom: .2em;
	}
	
/* @end Tabellen*/

/* @group Formulare */

.isi fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.isi fieldset { display: inline-block; }
.isi fieldset { display: block; }

.isi legend {
	display: block;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: .5em 0 .3em 0;
	}

/*
.isi label,
.isi .label {
	position: relative;
	z-index: 10;
	display: block;
	width: 100%;
	float: left;
	font-size: 85%;
	margin: .2em 0 .6em 0;
	line-height: inherit;
		background: lightblue;
	}

.isi .label {clear: left;}

.isi label span,
.isi .label span {
	display: block;
	float: left;
	line-height: inherit;
	margin-right: .5em;
		background: lightgoldenrodyellow;
	}
	
.isi label.left,
.isi label.right,
.isi .label.left,
.isi .label.right {
	width: auto;
	}
*/

.isi label,
.isi .label {
	position: relative;
	z-index: 10;
	display: block;
	width: 100%;
	float: left;
/*	font-size: 92%;*/
	margin: .2em 0 .6em 0;
	line-height: inherit;
	}

.isi .label {clear: left;}

.isi label span,
.isi .label span {
	display: block;
	float: left;
	line-height: inherit;
	margin-right: .5em;
	}

.isi label.left,
.isi label.right,
.isi .label.left,
.isi .label.right {
	width: auto;
	}



.isi input.text,
.isi input.password,
.isi input.file,
.isi select,
.isi textarea {
	display: block;
	border-width: 1px;
	border-style: solid;
	padding: .2em .2em;	
	margin-top: .1em;
		margin-top: 0;
	float: right;
	font-size: 92%;
	}

.isi select {
	margin: 0 0 0 .5em;
	font-size: 85%;
	visibility:visible;
	}
	
.isi label select {font-size: 100%;}


.isi input.text,
.isi input.password,
.isi input.file,
.isi select {
	width: 55%;
	float: right;
	height: inherit;
}

.isi input.checkbox,
.isi input.radio {
	float: left;
	margin: .1em .5em 0 .5em;
	}
	
.isi td input.checkbox {
	margin-left: .2em;
	}
	
.isi dt input.checkbox {
	position: relative;
	margin-left: 0;
	left : -.8em;
	margin-bottom: 1.5em;
	clear: left;
	}

.isi textarea {
	display: block;
	padding: .3em 0;
	width: 100%;
	float: left;
	}
	
.isi button,
.isi .button,
button.isi,
	.button,
.button-small,
.button-large {
	border: none;
	background: transparent;
	cursor: pointer;
	margin: .4m .5em 0 .5em;
	white-space: nowrap;
	padding-top: .2em;
	} /* § ie_lte_7.css */
	
.isi a.button,
.isi .button-small,
.isi .button-large {float: left;}

.isi table button {margin: 0 .5em 0 0;}

table.isi td.actions {
	vertical-align: middle;
	margin: 0;
	}

.isi button span,
.isi .button span,
button.isi span,
.button-small span,
.button-large span {
	display: block;
	background-repeat: no-repeat;
	background-position: right -14px;
	padding-right: 20px;
	font-size: 85%;
	height: 14px;
	}
	
.isi button.left span,
.isi .button.left span,
button.isi.left span,
a.button.left span {
	background-position: left -14px;
	padding: 0 0 0 16px;
	margin-left: .5em;
	}
	
.isi button:hover span,
.isi a.button:hover span,
.isi button.sfhover span /* ie6 */,
button.isi:hover span,
a.button:hover span,
button.sfhover span /* ie6 */ {
	text-decoration: underline;
	}
	
.isi .freeform label,
.isi .freeform label span,
.isi .freeform input,
.isi .freeform select {
	width: auto;
	display: inline;
	float: none;
	}
	
.isi .actions {
	margin: 0em 0 .5em 0;
	}
	
.isi .actions button,
.isi .actions .button,
.isi .actions .button-small,
.isi .actions .button-large
	{margin: 0 0 0 .5em; /* § ie_lte_7.css */}

.isi .actions button span,
.isi .actions .button span,
button.button-large span,
.button-large span {
	font-size: 100%;
	height: 22px;
	line-height: 22px;
	background-position: right -22px;
	background-repeat: no-repeat;
	padding-right: 28px;	
	}
	
.isi .actions button span.hide,
.isi .actions .button span.hide,
.button-large span.hide {
	padding-right: 22px;
	}

.isi button:hover span,
html>body .isi .button:hover span,
.button-large:hover span,
.button-small:hover span,
button.sfhover span /* ie6 */,
button.isi:hover span {
	background-position: right 0 !important;
	}
	
.isi button.left:hover span,
html>body .isi .button.left:hover span,
.isi a.left:hover span,
.isi button.left.sfhover span /* ie6 */,
button.isi.left:hover span,
a.left:hover span
button.left.sfhover span /* ie6 */ {
	background-position: left 0 !important;
	}

.button-classic {
	text-align: center !important;
	}

.button-classic span {
	border-width: 1px;
	border-style: solid;
	padding: .1em .5em .2em .5em !important;
	font-size: 100% !important;
	}

.button-classic:hover span {text-decoration: none !important;}
	
/* @end Formulare */

/* @group Flaggen */
.isi .flag {
	background-repeat: no-repeat;
	background-position: 0 center;
	padding-left: 20px;
	}
/* @end Flaggen */

/* @end Content */

