/********** Grundformatierung **********/

@import url(typostyle.css);


/********** Allgemein **********/

body {
	background:#cdcea4 url(../images/bg1.jpg) no-repeat;
	margin:0;
	padding:0;
	font-family:Verdana,Arial,Tahoma;
	font-size:11px;
	color:#000000;
}

td,p,div {
	font-family:Verdana,Arial,Tahoma;
	font-size:11px;
	color:#000000;
}


/********** Shortys **********/

.clear { clear:both; font-size:0px; height:0px; overflow:hidden; }
.floatL { float:left; }
.floatR { float:right; }
.rel { position:relative; }
.abs { position:absolute; }
.white { color:#fff; }
.bigger { color:#666666; font-size:14px;font-weight: bold; }
.hand { cursor:pointer; }
.halfSpace { font-size:0px; height:5px; }
.fullSpace { font-size:0px; height:10px; }
.rtl { text-align:right; }
.line { background-color:#ccc; height:1px; font-size:0px; padding:0px; margin:0px; }
.middle { vertical-align:middle; }
.iconBeforeText {padding:3px; background-color:#F6F7E7; vertical-align:middle; text-decoration:none; }
.iconOnMenu { padding:2px; background-color:#F6F7E7; vertical-align:middle; text-decoration:none;border:0px solid #cfcfcf; }

.separator {
	height:1px;
	background-color:#ccc;
	font-size:0px;
	overflow:hidden;
}

/********** Layout **********/

#layoutBG {
	height:100%;
    background:url(../images/bg2.jpg) no-repeat right bottom;
}

#layout {
	margin:0px auto 0px;
	padding-top:25px;
	width:940px;
}

#layoutBox {
	width:940px;
}

#layoutHeader {
	background:white url(../images/Logo_360grad.gif) no-repeat 40px;
	padding:20px 20px 20px 220px;
	margin-bottom:5px;
	height:60px;
}

#layoutBody {
	background:#F6F7E7 url(../images/bg_layout2.gif) repeat-y;
	min-height:600px;
	padding:0;
	margin:0;
	width:940px;
}
/* CSS-Weiche um nur IE 4 bis 6 anzusprechen */
* html #layoutBody { height:500px; }

#layoutLeft {
	float:left;
	width:195px;
	padding:0px;
}

#layoutLeftLogos {
	position:absolute;
	left:0px;
	top:-100px;
    background-color:#ffffff;
    width:175px;
	height:60px;
	padding:30px 10px 10px 10px;
}

#login {
    padding:25px 5px 4px 5px;
    height:130px;
}

#layoutRight {
	float:right;
	width:700px;
	padding:20px 20px 20px 20px;
}

#shortText {
    line-height:42px;
    font-family:Helvetica,Verdana,Arial;
    font-stretch:condensed;
	color: #858253;
	font-size:18px;
	margin-top:-10px;
	overflow:hidden;
}

/*b {
	color:#666666;
}*/

/********** Alle Links **********/

a:link, a:active, a:visited {
	color:#666666;
	text-decoration:underline;
	outline:none;
}
a:hover {
	color:#cd6244;
	text-decoration:underline;
	outline:none;
}

tr.greyLinks td {
	color:#8D8D8D;
}

tr.greyLinks td a:link, tr.greyLinks td a:active, tr.greyLinks td a:visited {
	color:#8D8D8D;
	text-decoration:underline;
	outline:none;
}

tr.greyLinks td a:hover {
	color:#8D8D8D;
	text-decoration:underline;
	outline:none;
}
/********** Navigation **********/

#navigation {
	margin:0;
	padding:0;
}

#navigation ul {
	list-style:none;
	padding:0;
	margin:0;
	background:#fff;
}

#navigation ul li {
	float:left;
}

#navigation ul li a {
	margin:10px 20px 0px 0px;
	padding:2px 2px 2px 0px;
	display:block;
	/*color:#ffffff;*/
	text-decoration:none;
 	font-family:Verdana,Arial,Tahoma;
 	font-size:11px;
}

#navigation ul li a:hover, #navigation ul li a.on {
	color:#525252;
	text-decoration:none;
}

/***/
#menu {
	margin:0;
	padding:0;
}

#menu ul {
	list-style:none;
	padding:0;
	margin:0;
	background:#409dc3;
}

#menu ul li {

}
html>body #menu ul li a {
	/*background:url('../images/menu_corner.png') top right no-repeat;*/
	margin:0px 0px 2px 0px;
	padding:3px 5px 4px 5px;
	display:block;
	color:#ffffff;
	text-decoration:none;
 	font-family:Verdana,Arial,Tahoma;
 	font-size:11px;
	background-color:#409dc3;
}
#menu ul li a {
	margin:0px 0px 2px 0px;
	padding:3px 5px 4px 5px;
	display:block;
	color:#666666;
	text-decoration:none;
 	font-family:Verdana,Arial,Tahoma;
 	font-size:11px;
	background-color:#f0f0f0;
}

#menu ul li a:hover, #menu ul li a.on {
	color:#19486a;
	text-decoration:none;
	background-color:#409dc3;
}


/********** Formular-Elemente **********/
.sfield {
	font-family:Verdana;
	font-size:11px;
	color:#000;
	border:2px #858253 solid;
}

.tfield, .ajaxInputForm .editor_field {
	font-family:Verdana;
	font-size:11px;
	color:#000;
	border:1px #aaa solid;
}

textarea.tfield {
	overflow:auto;
}

.tbutt {
	font-family:Verdana;
	font-size:11px;
	color:#000;
	background-color:#f0f0f0;
	border-top:1px #999966 solid;
	border-left:1px #999966 solid;
	border-right:1px #999966 solid;
	border-bottom:1px #333300 solid;
	padding:1px 4px;
	cursor:pointer;
}

.err {
	border:2px #cd6244 solid;
}

.errText {
	color:#cd6244;
}

.errText2 {
	color:#ff0000;
}

.okText {
	color:#4fbb2d;
}


/********** FAQ **********/

#faq {
	border-bottom:1px #ccc solid;
}

#faq .item {
	padding:4px;
	border-top:1px #ccc solid;
}

#faq .item a {
	margin:0px;
	display:block;
	text-decoration:none;
 	font-family:Verdana,Arial,Tahoma;
 	font-size:11px;
	font-weight:bold;
}

#faq .item a:hover, #faq .item a.on {
	color:#cd6244;
	text-decoration:none;
}

#faq .item .text {
	padding:5px 5px 20px 20px;
	width:650px; /* Breitenangabe wird benötigt wegen Slideeffekt*/
}


/*********** TABS **********************/
a.tabOn:link, a.tabOn:active, a.tabOn:visited, a.tabOn:hover
{
	position:relative;
	top:1px;
	float:left;
	padding:5px 10px 5px;
	margin-right:5px;
	color:#000000;
	display:block;
	cursor:pointer;
	background-color:#cecea5;
	border-top:1px solid #CCCCCC;
	/*border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;*/
	text-decoration:none;
}

a.tab:link, a.tab:active, a.tab:visited
{
	position:relative;
	font-size:10px;
	top:5px;
	float:left;
	padding:3px 9px 3px;
	margin-right:5px;
	color:#000000;
	display:block;
	cursor:pointer;
	background-color:#E4E6D7;
	border-top:1px solid #E4E6D7;
	/*border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;*/
	text-decoration:none;
}

a.tab:hover
{
	color:#ffffff;
	background-color:#C0C0C0;
	border-top:1px solid #CCCCCC;
	/*border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;*/
}

a.tab2On:link, a.tab2On:active, a.tab2On:visited, a.tab2On:hover
{
	position:relative;
	top:1px;
	float:left;
	padding:5px 10px 5px;
	margin-right:5px;
	color:#000000;
	display:block;
	cursor:pointer;
	background-color:#FFF291;
	text-decoration:none;
}


/********** Tabellenlisten **********/
.listing_item th {
	background-color:#FFF291;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	border-right:1px #F6F7E7 solid;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
	padding:5px 10px;
	white-space:nowrap;
}

.listing_item th a:link, .listing th a:visited, .listing th a:active, .listing th a:hover {
	text-decoration:none;
}

.listing_item td {
	padding:5px 10px;
}

.listing_item td .preview {
	margin:5px;
	padding:5px;
	border:1px #ccc solid;
	background-color:white;
}

.listing th {
	background-color:#CECEA5;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	border-right:1px #F6F7E7 solid;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
	padding:5px 10px;
	white-space:nowrap;
}

.listing th a:link, .listing th a:visited, .listing th a:active, .listing th a:hover {
	text-decoration:none;
}

.listing td {
	padding:5px 10px;
}

.listing td .preview {
	margin:5px;
	padding:5px;
	border:1px #ccc solid;
	background-color:white;
}

.listing .endline {
	height:1px;
	background-color:#ccc;
	font-size:0px;
	padding:0px;
	margin:0px;
}

.listingRow {
	background:#E4E6D7;
}

.tabRowHover {
	background:#FFDC00;
}

.listing2 th {
	background-color:#CECEA5;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	border-right:1px #F6F7E7 solid;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
	padding:5px 10px;
	white-space:nowrap;
}

/********** Adminformulare **********/

.adminTitle1 {
	font-weight:bold;
	line-height:22px;
	color: #2e2d1e;
	font-size:12px;
	background:#cecea5;
	padding:5px 10px;
	border-top:1px #ccc solid;
}

.adminBox1 {
	background:#E4E6D7;
	padding:10px;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
}

.adminBox1_demo {
	background:#E4E6D7;
	width:250px;
	height:17px;
	padding:10px;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
}
.adminTitle2 {
    line-height:22px;
	font-weight:bold;
	color: #2e2d1e;
	font-size:12px;
	background:#cecea5;
	padding:5px 10px;
	border-top:1px #ccc solid;
}

.adminBox2 {
	background:#e4e6d7;
	padding:10px;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
}

.adminTitle3 {
	font-weight:bold;
	font-size:12px;
	color: #2e2d1e;
	background:#cecea5;
	padding:5px 7px;
	border-top:1px #ccc solid;
}


.adminBox3 {
	background:#e4e6d7;
	padding:10px;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
}

.adminTitle4 {
	color: #2e2d1e;
	font-size:12px;
}

.adminTitle5 {
    line-height:22px;
	font-weight:bold;
	color: #2e2d1e;
	font-size:12px;
	background:#FFF291;
	padding:5px 10px;
}

.adminTitle6 {
    line-height:18px;
	font-weight:bold;
	font-size:12px;
	color: #2e2d1e;
	background:#FFF291;
	padding:5px 7px;
}

/********** Autocompleter **********/

div.autocomplete ul {
	list-style-type:none;
	background-color:white;
	border:1px solid #ccc;
	margin:0px;
	padding:0px;
	white-space:nowrap;
	overflow:hidden;
}

div.autocomplete ul li {
	list-style-type:none;
	margin:0;
	padding:2px 4px;
	cursor:pointer;
}

div.autocomplete ul li.selected {
	background-color:#E4E6D7;
}

div.autocomplete2 ul {
	list-style-type:none;
	background-color:white;
	border:1px solid #ccc;
	margin:0px;
	padding:0px;
	white-space:nowrap;
	width:267px;
	overflow:hidden;
}

div.autocomplete2 ul li {
	list-style-type:none;
	margin:0;
	padding:2px 4px;
	cursor:pointer;
}

div.autocomplete2 ul li.selected {
	background-color:#E4E6D7;
}

/*test*/
div.posList
{
	background:white;
}
div.posList ul
{
	border:1px solid #CCCCCC;
	margin:0;
	padding:0;
	width:100%;
	list-style-type:none;
	overflow:hidden;
}
div.posList ul li
{
	margin:0;
	padding:2px 4px;
	color:black;
	cursor:pointer;
}
div.posList ul li.selected
{
	background-color:#e6eaf5;
}
/*test end*/

/********** Popup **********/

.popup {
	background-color:#fff;
	border:2px black solid;
	padding:10px;
}



.rightsSelect {
	width:150px;
	height:20px;
	padding:0px 0px 0px 22px;
	background-image:url(images/blank.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
	outline:none;
}

.noSubmit {
	width:1px;
	height:1px;
	border:0px;
	font-size:0px;
	color:#fff;
	background:#fff;
	padding:0px;
	margin:0px;
}

.ajaxInputForm {
	margin:0;
	padding:0;
	font-size:9px;
}

.ajaxInputForm a {
	color:red;
	font-size:9px;
}

.ajaxSort {
	width:500px;
    cursor: n-resize;
}


/* Ajax Sort-Drag-and-Drop */
.adminBox2 th, .adminBox3 th {
	text-align:left;
	text-decoration: underline;
}

ul.showLiList, ul.showLiListNo
{
	margin:0;
	padding:0;
	min-height:100%;
}
/* CSS-Weiche um nur IE 4 bis 6 anzusprechen */
* html #showLiList, * html #showLiListNo { height:230px; }

.showLiList li, .showLiListNo li {
	margin:0px;
	padding:4px 1px;
	cursor:move;
	line-height:15px;
	list-style:none;
	background-repeat:no-repeat;
	background-position: 0px 4px;
	background-color: transparent;
	white-space:nowrap;
}

.showLiList li a img {
	background-color:#fff;
	vertical-align:middle;
	text-decoration:none;
	padding-right:5px;
}
.adminBox2 .showLiList li a img {background-color:#e4e6d7;}
.adminBox3 .showLiList li a img {background-color:#e4e6d7;}

.showLiListNo li {
	line-height:17px;
	line-height:16px!;
	list-style:none;
	background:url();
	margin:0;
}

.showLiList li:hover {
	color:#cd6244;
	text-decoration:underline;
	outline:none;
}

.showLiList li a {
	display:block;
}

table#attitudes tr td {
	padding-top:5px;
}

table#teams tr td {
	padding-top:5px;
}
/********** Hilfe-Links **********/
.helpTip {
	background:#F5F5E0;
	border:2px solid #ffffff;
	padding:2px 4px;
	color:#000000;
	font-size:10px;
}

a.help:link, a.help:active, a.help:visited
{
	color:#00667D;
	border-bottom:dashed 1px #91bbc4;
	text-decoration:none;
}
a.help:hover {
	color:#00667D;
	border-bottom:dashed 1px #91bbc4;
	cursor:help;
}

span.help {
	color:#00667D;
	border-bottom:dashed 1px #91bbc4;
	cursor:help;
}

.report {
    float:left;
    width:220px;
	background:#c9d9d4;
	padding:4px 0px 2px 0px;
}

html>body .iconPlay	{ background:url(../images/icon_slide.png) no-repeat; width:16px; height:16px; }
*html .iconPlay		{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon_slide.png', sizingMethod='image'); width:16px; height:16px; }


/*** Legende ***/

.legend tr th {
	padding:0 0 10px;
	text-align:left;
	vertical-align:top;
	font-size:10px;
}
.legend tr td {
	padding:0 0 5px;
	vertical-align:middle;
	font-size:10px;
}