/* #################################################
# Projekt 	: CSS - Base
# Stand     : 05.10.09
# Autor		: Daniel Zander, Source-Media.com
#################################################### */


@charset 'utf-8';

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
/* remember to define focus styles! */
:focus {
	outline:0;
}
body {
	line-height:1;
	color:black;
	background:white;
}
ol, ol li, ul, ul li {
	margin:0;
	padding:0;
	list-style:none;
}
/* table still need 'cellspacing=0' */
table {
	border-collapse:separate;
	border-spacing:0px;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}

.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden}
.clearfix {display:inline-block}
/* Hides IE-mac \*/ 
* html .clearfix {height:1%} /*IE6*/
.clearfix {display:block}
/* End IE-mac */

/* ###################################### */

html, body, div, p, h1, h2, h3, ul, ol, dl, 
span, a, i, table, td, form, img, li, 
input, textarea, select {
	margin:0; padding:0;
	font:12px "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	line-height:18px;
	color:#444;
	outline:0;
}
body {background:#f6f6f6}

/* -------------------------------------- */

a, a dfn {text-decoration:none}
a, area, label:hover {cursor:pointer}
a:hover, a:hover dfn {text-decoration:none}
a, a:focus {outline:0}
a:active, .a:active {position:relative;top:1px}

dfn {color:#c00; background:#ffc}

b a {font-weight:bold}
small {font-size:9px}

img  {border:0}
.c   {clear:both;display:inline}
form, button {display:inline}
hr   {height:1px; background:#999; color:#999; border:0 #999}

.alert, .error, #site * .alert, #site #Form * .alert, #site * .error {color:#d00; font-weight:bold}
#mid input.alert {background-color:#ffe0e0}

.wait {color:#ff9000; font-weight:bold}
.wait small, h2 small {font-weight:normal}

.succ, .sucfu {color:#0a0; font-weight:bold}

.hide, #site .hide, .tabs-hide, .wrapper {display:none}
.outside {position:absolute;left:-2000px;top:-2000px;width:1px;height:1px;overflow:hidden}

sup {font-size:9px}

/* -------------------------------------- */

#legend {
	display:inline;
	margin:0;
	padding:0 0 0 3px;
	border:0;
}
#legend legend, #legend span, #legend a {
	padding-top:3px;
	padding-bottom:3px;
	line-height:22px;
	font-size:9px;
	color:#999;
}
#legend legend, #legend legend a {
	margin:0;
	padding:0;
	font-weight:bold;
	text-decoration:none;
	line-height:auto;
}
#legend legend a {
	padding-top:2px;
}
#legend legend a:hover {
	color:#555;
}

/* -------------------------------------- */

.ico {
	display:block;
	float:left;
	margin:2px 0 0 0;
	width:16px;
	height:16px;
	background:transparent url('../i/ico.png') no-repeat 8px 0;
	text-decoration:none;
}
.ico.inline {
	display:inline;
	float:none;
	margin:0;
	padding:2px 0 2px 20px;
	line-height:24px;
}
.ico.r {
	margin-left:4px;
	padding:2px 0 2px 16px;
}
/* .ico span {display:none} */


.ico.music {background-position:-8px -8px}
.ico.book {background-position:-8px -40px}
.ico.comment {background-position:-8px -72px}
.ico.email {background-position:-8px -104px}
.ico.pict {background-position:-8px -136px}
.ico.cat {background-position:-8px -169px}
.ico.login {background-position:-8px -200px}
.ico.lang {background-position:-8px -232px}
.ico.add {background-position:-8px -264px}
.ico.add_m {background-position:-12px -294px}
.ico.del {background-position:-8px -328px}
.ico.del_m {background-position:-12px -358px}
.ico.user {background-position:-8px -392px}
.ico.group {background-position:-8px -424px}
.ico.house {background-position:-8px -456px}
.ico.calendar {background-position:-8px -488px}
.ico.money {background-position:-8px -520px}
.ico.edit_m {background-position:-8px -552px}
.ico.trash {background-position:-8px -584px}
.ico.world {background-position:-8px -616px}
.ico.info {background-position:-8px -648px}
.ico.sitemap {background-position:-8px -680px}
.ico.error {background-position:-8px -712px}
.ico.comments {background-position:-8px -744px}
.ico.stat {background-position:-8px -776px}
.ico.conf {background-position:-8px -808px}
.ico.mask {background-position:-8px -840px}
.ico.check_ {background-position:-8px -872px}
.ico.check {background-position:-40px -872px}
.ico.client {background-position:-8px -904px}
.ico.pack {background-position:-8px -936px}
.ico.brick {background-position:-8px -968px}
.ico.filter {background-position:-8px -1000px}
.ico.file {background-position:-8px -1032px}
.ico.link {background-position:-8px -1064px}

.ico.save_m {background-position:-568px -8px}
.ico.save {background-position:-568px -40px}
.ico.accept_m {background-position:-568px -72px}
.ico.cancel_m {background-position:-568px -104px}
.ico.accept {background-position:-568px -136px}
.ico.cancel {background-position:-568px -168px}
.ico.magnifier {background-position:-568px -200px}
.ico.cart0 {background-position:-568px -232px}
.ico.cart1 {background-position:-568px -264px}
.ico.first {background-position:-568px -296px}
.ico.prev {background-position:-568px -328px}
.ico.next {background-position:-568px -360px}
.ico.last {background-position:-568px -392px}
.ico.lock1 {background-position:-568px -552px}
.ico.lock0 {background-position:-568px -584px}
.ico.fold {background-position:-568px -616px}
.ico.fold_in {background-position:-568px -648px}
.ico.fold_opn {background-position:-568px -680px}
.ico.edit, .ico.edit1, .ico.edit11 {background-position:-568px -744px}
.ico.edit01, .ico.edit0 {background-position:-568px -776px}
.ico.edit00 {background-position:-600px -776px}
.ico.edit10 {background-position:-632px -776px}
.ico.light0 {background-position:-568px -808px}
.ico.light1 {background-position:-568px -840px}
.ico.view0 {background-position:-568px -871px}
.ico.view1, .ico.eye {background-position:-568px -903px}
.ico.refresh {background-position:-568px -936px}
.ico.choose {background-position:-568px -968px}
.ico.tag {background-position:-568px -1000px}
.ico.snd1 {background-position:-568px -1032px}
.ico.snd0 {background-position:-568px -1064px}



a.btn .ico {
	margin:-1px 6px 0 -3px;
}
a.btn.wee .ico {
	margin:-2px 3px 0 -3px;
}

th .ico {
	margin:1px 4px 0 0;
}

/* -------------------------------------- */

a.collapsible, #legend a.collapsible {
	padding-left:12px;
	background:transparent url('../i/ico.png') no-repeat -571px -456px;
}
a.collapsible.blue, #legend a.collapsible.blue {
	background-position:-571px -520px;
}
a.collapsed, #legend a.collapsed {
	background-position:-571px -424px;
}
a.collapsed.blue, #legend a.collapsed.blue {
	background-position:-571px -488px;
}

/* -------------------------------------- */

a.btn, a.btn span {
	background:transparent url('../i/btn.png') no-repeat 0;
}
a.btn.wee, a.btn.wee span {
	background:transparent url('../i/btn_wee.png') no-repeat 0;
}
#site a.btn, a.btn {
	display:block;
	float:left;
	overflow:hidden;
	margin-right:6px;
	padding-right:18px;
	height:24px;
	background-position:100% -48px;
	text-decoration:none;
	border:0;
}
#site a.btn.wee, a.btn.wee {
	margin-top:3px;
	padding-right:14px;
	height:19px;
	background-position:100% -38px;
}
#site a.btn:hover {
	border:0;
	background:transparent url('../i/btn.png') no-repeat 100% -48px;
}
#site a.btn.wee:hover {
	border:0;
	background:transparent url('../i/btn_wee.png') no-repeat 100% -38px;
}
a.btn:hover span, a.btn.wee:hover span {
	color:#000;
}
#site a.btn:active, a.btn:active {
	background-position:100% -72px;
}
#site a.btn.wee:active, a.btn.wee:active {
	background-position:100% -57px;
}
a.btn span, a.btn.wee span {
	display:block;
	padding:5px 0 5px 18px;
	line-height:14px;
	background-position:0 0;
	color:#505050;
}
a.btn.wee span {
	padding:4px 0 3px 14px;
	font-size:10px;
	line-height:13px;
	height:12px;
}
a.btn:active span {
	padding:6px 0 4px 18px; /* push text down 1px */
	background-position:0 -24px;
}
a.btn.wee:active span {
	padding:5px 0 2px 14px;
	background-position:0 -19px;
}

a.btn i.loading, .ico.loading, .navPage.loading i, .result.loading i, 
.select .ico.loading, a.collapsible.loading {
	background-image:url('../i/load.gif');
	background-position:0 0;
}

/* -------------------------------------- */

a.btn2.ico.inline {
	display:block;
	float:left;
	margin:6px 6px 0 0;
	padding-top:0;
}
a.btn2, a.btn2 span {
	display:inline;
	text-decoration:none;
	border:0;
	white-space:nowrap;
}
a.btn2:hover > span {
	color:#000;
	text-decoration:none;	
	border-bottom:1px dotted #bbb;
}

/* -------------------------------------- */

#cluetip-inner .dl dt {width:19%; font-weight:bold}
#cluetip-inner .dl dd {padding:0 0 0 12px; width:75%}

/* CHECK */
.dl {border:0}
.dl dt {float:left; margin:0; padding:0; width:29%; background:none}
.dl dd {float:left; margin:0; padding:0 0 10px 16px; width:66%}

/* -------------------------------------- */

.table.margin {margin-top:20px}

.table {
	margin:0;
	padding:0;
	width:100%;
	background-color:transparent;
}
.table th, .table td {
	margin:0;
	padding:4px;
	vertical-align:top;
}
.table th {
	background:#888; /* url('../i/th.png') 0 -3px repeat-x; /*B1DB87*/
	text-align:left;
}
.table th, .table th * {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	/*font-size:10px;*/
}
.table th a:hover {border:transparent}
.table th small.light, #site .table th small.light {color:#fff}

.table th.sort {
	padding:0;
}
.table th.sort p {
	padding:4px;
}
.table th.up, .table th.down {
	background-position:0 -35px;
}
.table th.up p, .table th.down p {
	padding-right:16px;
	background:#555 url('../i/sort.png') 100% 5px no-repeat; /*86C948*/
}
.table th.up p {
	background-position:100% -91px;
}
.table th.down p {
	background-position:100% -43px;
}
#mid .table th a.sort {
	border:0;
}
#mid .table th a.sort:hover {
	border-bottom:1px solid #fff;
}
#mid .table th a.set {
	border-bottom:1px dotted #999;
}
.table th a.sort:active {
	position:relative;
	top:1px;
}

.table td, .table td span {
	color:#333;
}
.table td a span {
	white-space:normal;
}
.table td {
	background:#fff;
}
.table td.v {
	vertical-align:middle;
}
/* .table .odd td {
	background:#f0faeb;
}
.table .over td {
	background:#fff3cc; /* blau:dfedf7 grau:f6f6f6 */
} */
.table .unequal td, .table .unequal input {
	color:#b00;
}
.table .small td {
	font-size:9px;
	line-height:normal;
}

.table td.double {
	padding:0;
	background:transparent;
}
.table .double > table {
	margin-top:-2px
}

.table input, .table select, .table textarea {
	width:100%;
	border:0; 
	border-top:1px solid #ddd; 
	border-left:1px solid #ddd
}

/* -------------------------------------- */

input, select, .selectbox, textarea, .grippie {
	border:1px solid; 
	border-color:#aaa #f6f6f6 #f6f6f6 #ccc;
	background-color:#f6f6f6;
}
input, select, .selectbox, textarea {
	padding:2px;
	width:100%;
	max-width:100%;
	line-height:normal;/*SF*/
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	*padding-right:0;
	*max-width:99.3%;
	_width:99.3%;
}
input.cbox {
	padding:0;
	border:0;
}

table tr.even input {
	background:#fff;
	/*border-color:#fff;*/
}
table tr.odd input {
	background:#f3f3f3;
	/*border-color:#f3f3f3;*/
}
table tr:hover input, table tr.mark input {
	background:#fff;
	border-color:#ccc transparent transparent #ccc;
}

#site .auto, #container .table .auto, #site .cbox, .cbox {width:auto; max-width:none}

#rgt input, #rgt select, #rgt .selectbox {
	margin-bottom:3px;
	border-color:#e7e7e7;
	background-color:#fff;
}
#rgt .select .ico {
	background-color:#fff;
}

input:focus, textarea:focus, select:focus, .dropdown:focus, ul.dropdown {background-color:#ffe}
input:hover, textarea:hover, select:hover {*background-color:#ffe} /*IE7 EBF5FF*/
input.default {color:#ccc}
input.default:hover {color:#444}

/* -------------------------------------- */

#Form {
	display:block;
	padding:0px 0 14px 0;
}
#Form .row:first-child {padding-top:0}
*html #Form {padding-top:0} /*IE*/

#Form .row {
	clear:both;
	width:92%;
	padding-top:16px;
}
#Form .row span.l {
	float:left;
	width:33%;
	text-align:right;
}
#Form .row span.r {
	float:right;
	width:60%;
	text-align:left;
}
#Form .row div.l, #Form .row div.r {
	float:left;
	width:48%;
	padding-left:2%;
}
#Form .row div.l {padding:0 2% 0 0}

#Form input, #Form select, #Form textarea {
	width:100%;
	border:1px solid #f6f6f6; 
	border-top-color:#aaa; 
	border-left-color:#aaa;
}
#Form textarea {height:99px}


#recaptcha_image, #recaptcha_image img,
#recaptcha_image embed, #recaptcha_image object {
	margin:0; padding:0; border:0; background:none;
	width:100%;
	height:55px;
}
#recaptcha_image embed, #recaptcha_image object {height:40px}

#Form.login input, #Form.login #recaptcha_widget {width:70%}
#Form.login #recaptcha_widget input {width:100%}

/* -------------------------------------- */

form#Form .block:first-child {
	padding-top:24px;
}
form#Form .block {
	padding-bottom:24px;
	background:#f7f7f7;
}
form#Form .block .row span.l {
	font-size:95%;
	color:#a6a6a6;
}

/* -------------------------------------- */

div#Form .block {
	padding:4px;
	background:#f7f7f7;
}
div#Form .row {
	padding-top:8px;
	width:100%;
}
div#Form .row span.l {
	/* padding-left:6px;
	text-align:left;*/
	width:28%;
	font-size:95%;
	color:#a6a6a6;
}
div#Form .row span.r {
	width:68%; /*70*/
}
div#Form .row span.r, div#Form .row a.btn2 span {
	color:#000;
}