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


html, body {
	font-size:100.01%;  /*IE*/
}

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

a, a dfn {text-decoration:underline}
a, area {cursor:pointer}
a:hover, a:hover dfn {text-decoration:none}
a, a:focus {outline:0}

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

b a {font-weight:bold}

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

.alert, .alert *, #site * .alert, #site #Form * .alert,
.error, #site * .error {
	color:#d00;
	font-weight:bold;
}
input.error {background-color:#fcc}
.table input.alert, .table select.alert {background-color:#ffe6e6}

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

small, small > span, .small, .small > span {font-size:9px}
small.light, #site .light, .light, .light > span {color:#aaa}
#site .light:hover, .light:hover > span {color:#555}

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

.hide, #site .hide, #site .btn.hide, #site .ico.inline.hide, 
.tabs-hide, .wrapper {display:none}

.invisible {visibility:hidden}
.outside {position:absolute;left:-2000px;top:-2000px;width:1px;height:1px;overflow:hidden}

#site .first, #site #Form .first, .first {
	margin-top:0;
	padding-top:0;
	border:0;
}

ul li {list-style-type:square}
ul li, ol li {margin-left:29px}

sup {font-size:9px}

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

.navPage {margin-top:6px}
.navPage a {margin:0 2px 0 2px}
#mid .navPage a.set {
	padding:0 2px 0 2px; 
	font-weight:bold;
	color:#fff;
	background:#444;
	text-decoration:none;
	border:0;
}
.navPage a.show {color:#555}
.navPage .navForm {
	display:none;
	position:absolute;
	z-index:2;
	margin:4px 0 0 1px;
	*margin:19px 0 0 -16px;
}
.result {
	padding:3px 0 3px 0;
}
.navPage.loading i, .result.loading i {
	margin-left:5px;
	padding:2px 0pt 0pt 20px;
	background-repeat:no-repeat;
}

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

#legend {
	display:inline;
	margin:0;
	padding:0 0 0 2px;
	border:0;
}
#legend legend, #legend dt, #legend dd, #legend a {
	line-height:22px;
	font-size:9px;
}
#legend legend, #legend legend a {
	margin:0;
	padding:0;
	font-weight:bold;
	text-decoration:none;
	line-height:auto;
}
#legend legend {
	margin-bottom:3px;
	*margin-left:-6px;
}
#legend legend a {
	padding-top:2px;
}
#legend dt {
	float:left;
	margin:0;
	padding:0;
	width:4%;
	min-width:4%;
	background:none;
	font-size:100%;
}
#legend dd {
	float:left;
	margin:0;
	padding:0 0 2px 0;
	width:94%;
	min-width:94%;
}

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

.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, #site .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.pdf {background-position:-8px -8px}
.ico.edit {background-position:-8px -40px}
.ico.report {background-position:-8px -72px}
.ico.find {background-position:-8px -104px}
.ico.find_add {background-position:-8px -136px}
.ico.find_edit {background-position:-8px -168px}
.ico.login {background-position:-8px -200px}
.ico.user_go {background-position:-8px -232px}
.ico.add {background-position:-8px -264px}
.ico.delete {background-position:-8px -296px}
.ico.user_edit {background-position:-8px -328px}
.ico.form_magnify {background-position:-8px -360px}
.ico.logout {background-position:-8px -392px}
.ico.calendar {background-position:-8px -424px}
.ico.map {background-position:-8px -455px}
.ico.edit_m {background-position:-8px -488px}
.ico.trash {background-position:-8px -520px}
.ico.vcard {background-position:-8px -552px}
.ico.info {background-position:-8px -584px}
.ico.sitemap {background-position:-8px -616px}
.ico.file {background-position:-8px -648px}
.ico.light {background-position:-8px -680px}
.ico.user {background-position:-8px -712px}

.ico.arr_btm {background-position:-568px -8px}
.ico.arr_lft {background-position:-568px -38px}
.ico.arr_rgt {background-position:-568px -70px}
.ico.save_m {background-position:-568px -104px}
.ico.save {background-position:-568px -136px}
.ico.accept_m {background-position:-568px -168px}
.ico.cancel_m {background-position:-568px -200px}
.ico.accept {background-position:-568px -232px}
.ico.cancel {background-position:-568px -264px}
.ico.magnifier {background-position:-568px -296px}
.ico.eye {background-position:-568px -328px}
.ico.error {background-position:-568px -360px}
.ico.url {background-position:-569px -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.complete {background-position:-568px -712px}

.ico.limp {
	opacity:0.3;
	filter:alpha(opacity=30);
}
.ico.limp:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

a.btn .ico {
	margin:-1px 6px 0 -3px;
}
*html a.btn .ico {
	margin-right:3px;
	display:inline;
}
a.btn.wee .ico {
	margin:-2px 3px 0 -3px;
}
th .ico {
	margin:1px 4px 0 0;
}
#site .btn2 .ico.inline {
	line-height:normal;
	padding-bottom:0;
	opacity:0.5;
	filter:alpha(opacity=50);
}
#site .btn2:hover .ico.inline {
	opacity:1;
	filter:alpha(opacity=100);
}

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

#sitemap, #treemap {
	margin:0 3px 0 3px;
}
#sitemap dt {
	margin:2px 0 2px 0;
}
#sitemap dt a {
	display:block;
	padding-left:16px;
	text-decoration:none;
}
#sitemap dt a.collapsible span {
	color:#000;
}
#sitemap dt a.collapsed span, #sitemap dd a, #sitemap dd a span,
#treemap span a {
	color:#555;
	text-decoration:none;
	display:inline;
}
#sitemap a:hover span, #sitemap.bg dt a:hover span,
#treemap span a:hover {
	text-decoration:none;	
	color:#000;
	border-bottom:1px dotted #bbb;
}
#sitemap.sv .info {
	margin:0;
	padding:0;
	float:right;
	line-height:normal;
}
#sitemap.sv a.collapsible {
	float:left;
	padding:0;
	width:16px;
}
#sitemap dd {
	margin:0 0 10px 16px;
}
#sitemap.bg a .ico.info {
	float:right;
	background-position:-8px -584px;
}
#sitemap.bg a span, #sitemap dd a span {
	color:#006ABA;
}
#sitemap h1 {
	margin-top:8px;
}
.collalist .wrapper {
	padding-left:14px;
}

#sitemap.nfo a.sv, #sitemap.nfo a.sv span {
	color:#404040;
	border:0;
	cursor:default;
}

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

a.collapsible, #legend a.collapsible {
	padding-left:12px;
	background:transparent url('../i/ico.png') no-repeat;
}

a.non-collapsible {
	padding-left:12px;
	background:transparent url('../i/ico.png') no-repeat -571px -424px;
}

a.expanded, #legend a.expanded {
	background-position: -571px -520px;
}

a.collapsed, #legend a.collapsed {
	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:4px;
	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:11px;
	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, 
input.dropdown.loading, .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%}

#cluetip-inner #order dt {padding-left:2%; width:7%;}
#cluetip-inner #order dd {padding:0 0 18px 12px; width:84%; line-height:130%}

#vcard .pic {
	float:left;
	width:30%;
}
#vcard .pic img {
	margin:2px 0 0 2px;
	padding:5px;
	width:100px;
	border:1px solid #ddd;
}
#vcard .addr {
	float:left;
	width:69%;/*IE*/
}

/* 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%}

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

input, select, .selectbox, textarea {
	padding:4px 3px;
	width:100%;
	max-width:100%;
	line-height:normal;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	*padding-right:0;
	*max-width:99.3%;
	_width:99.3%;
}

.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-color:#B1DB87;
	background-repeat:no-repeat;
	border:0px solid #fff;
	text-align:left;
	color:#000;
	font-weight:normal;
	/* font-size:9px; */
}
.table .header {
	padding-right:16px;
	background-image:url('../i/sort.png');
	background-position:100% 5px;
	cursor:pointer;
}
.table .headerSortUp {
	background-color:#86C948;
	background-position:100% -91px;
}
.table .headerSortDown {
	background-color:#86C948;
	background-position:100% -43px;
}
.table th a {
	color:#000;
	text-decoration:none;
	border-bottom:1px dotted #fff;
}
.table th a:hover {border:transparent}
.table th small.light, #site .table th small.light {color:#fff}

.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 .selectbox, .table textarea {
	width:100%;
	border:0; 
	border-top:1px solid #ccc; 
	border-left:1px solid #ccc;
	padding:4px 3px;
}

.table tr.alert {

}

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

#Form {
	display:block;
	padding:0 0 14px 0;
}
#Form .row {
	clear:both;
	width:92%;
	padding-top:16px;
}
#Form .sub {
	margin-top:16px;
	padding-top:16px;
	border-top:1px solid #eee;
}
#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 .selectbox, #Form textarea {
	width:100%;
	border:1px solid #f6f6f6; 
	border-top-color:#aaa; 
	border-left-color:#aaa;
	padding:4px 3px;
}
#Form textarea {height:99px}

*html #Form input, *html #Form select, *html #Form .selectbox, *html #Form textarea {width:98.5%} /*IE6*/

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}

#site .auto, #Form .auto, #container .table .auto, #site .ckbx, #site .cbox {width:auto}

#site input.cbox {
	padding:0;
	border:0;
	background:none;
}

label:hover {
	cursor:pointer;
	color:#000;
	border-bottom:1px dotted #bbb;
}

#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 {
	*padding:0;
	width:68%; /*70*/
}
div#Form .row span.r, div#Form .row a.btn2 span {
	color:#000;
}

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

.selectbox {
	width:1px;
	height:15px;
	-webkit-box-sizing:content-box;
	white-space:nowrap;
	overflow:hidden;
}
.select {
	position:relative;
}
.select .ico {
	position:absolute;
	z-index:1;
	right:0px !important;
	right:3px; /* IE6 uses this value! */
	background:#fff url('../i/sort.png') 100% 1px no-repeat;
}

.select .ico.loading {
	background-position:100% 50%;
}
.select input {
	position:absolute;
	z-index:2;
	width:auto;
	cursor:default;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
.selectlist {
	display:none;
	position:absolute;
	z-index:9;
	left:0;
	top:0;
	overflow:auto;
	overflow-x:hidden;
	border:1px solid;
	border-color:#b6b6b6 #000 #000 #b6b6b6;
	background-color:#ffe;
}
.selectlist li {
	margin:0;
	padding:0;
	border-top:1px solid #e9e9e9;
	list-style:none;
	background:none;
	cursor:default;
}
.selectlist > li:first-child {
	border:0;
}
.selectlist p, .selectlist li.info {
	padding:1px 2px 1px 2px;
}
.selectlist p.set {
	background:#fff3cc;
}
.selectlist p:hover {
	background:#c7d0db;
	color:#000;
}
.selectlist .ico {
	margin:1px 4px 0 3px;
}

.selectlist.user_bg .ico {
	float:right;
}
.selectlist.user_bg a {
	color:#404040;
	text-decoration:none;
}

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

.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 */