@charset "UTF-8";
/* CSS Document */

/*** Reset ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

/*** Global ***/

body {
	background:#454645;
	font-family: Arial, Helvetica, sans-serif;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {
	clear: both;
}

.center {
	margin: 0 auto;
	width:1600px;
	position: relative;
}

#left {width: 200px; overflow:hidden;}
#right {width: 1360px; float:left;}

.nowrap { white-space: nowrap;}


@media  only screen and (max-width: 1650px){
	.center {width:1280px;}
	#right {width: 1040px;}
}

@media only screen and (max-width: 1310px){
	.center {width:1000px;}
	#right {width: 760px;}
}





#wrapper {
	background: #F6F6F6 url(../images/background.png) repeat-x;
	padding:20px 0;
}

/*** Container ***/

#container {

	background: #FFFFFF;
	box-shadow: 0 0 7px #888;
	padding:0;
}

/*** Header ***/

#header {

	height: 201px;
	background: url(../images/header.png) no-repeat;
	position: relative;
}

#logo {
	margin:30px 0 0 30px;
	width:430px;
	height:101px;
	float: left;
}

#slogan {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 14px;
	color:#5A5A5A;
	text-align: center;
	float:left;
	line-height: 30px;
	width: 540px;
	margin:55px 0 0 0;
}

#navigation {
	position: absolute;
	height: 48px;
	background: url(../gfx/navigation_2.png) center bottom repeat-x;
	bottom: 0;
	left: -8px;
	right: -8px;
}

#navigation span.bl { position:absolute; top: 1px;left: 0; width: 8px; height: 7px; background: url(../gfx/bl.png) center center no-repeat;}
#navigation span.br { position:absolute; top: 1px; right: 0; width: 8px; height: 7px; background: url(../gfx/br.png) center center no-repeat;}

#navigation ul {
	padding:0;
	list-style:none;
	float:left;
	margin:16px 0 0 20px;
}

#navigation li, #navigation .active {
	height:30px;
	float:left;
	margin:0;
}

#navigation a, #navigation .active a {
	height:30px;
	float:left;
	display:block;
	color:#fff;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 16px;
	text-align:center;
	text-shadow:#000000 1px 1px 0px;
	text-decoration:none;
	text-transform:uppercase;
	padding:2px 20px 0 20px;
}

#navigation a:hover, #navigation .active a {
	background: url(../images/navi_over.png) no-repeat bottom center;
}

/*** Form ***/

.loginForm {width: 400px; display: block; margin: 20px auto; overflow:hidden; }
.loginForm fieldset {border: 1px solid #ccc; padding: 20px; padding-right: 120px; background: url(../gfx/login.png) right -30px no-repeat;}
.loginForm fieldset legend {color: #B71817; font-weight: bold; font-size: 16px;}
.loginForm fieldset input.user, .loginForm fieldset input.email, .loginForm fieldset input.password {width: 246px; margin: 0 0px 10px 0;}
.loginForm fieldset input.btn {background: url("../images/save.png") no-repeat scroll left top transparent;
    border: 1px solid #000000;
    border-radius: 3px 3px 3px 3px;
    color: #EEEEEE;
    cursor: pointer;
    display: block;
    float: left;
    height: 27px;
    line-height: 20px;
    margin: 10px 10px 10px 0;
    padding: 2px 20px 5px 31px;
    text-shadow: -1px -1px #000000;}

.loginForm fieldset  a {font-size: 10px; text-decoration: none; color: #B71817; padding: 20px 0 0 0; display: inline-block; text-align: right; float:right;}

#form label {
	margin:0 0 0 0;
}

#form input[type=text]:focus,#form input[type=password]:focus,#form input[type=password]:hover, #form input[type=text]:hover, #form textarea:hover,#form textarea:focus, #form select:hover, #form select:focus  {
	border-color: #333333;
}

#form p {
	padding:0 0 10px 0;
}

#form h2 {
}

#form input[type=text],#form input[type=password], #form textarea {
	width:250px;
	margin:5px 0 0 0;
	display: block;
}

#form textarea {
	width: 500px;
}

#form .button {
	background: #454645 url(../images/button.png) repeat-x;
	border:1px solid #999999;
	color:#FFFFFF;
	text-shadow: #333333 1px 1px 0px;
	padding:5px 10px;
	text-transform: uppercase;
}

#form .button:hover {
	background: #454645 url(../images/button_over.png) repeat-x;
}

input[type=text],input[type=password], select, textarea {
	border:1px solid #999999;
	padding: 5px;
	color:#666666;
	background: #F6F6F6 url(../images/input_bg.png) repeat-x;
}

form.memo {margin: 10px 10px 0 0;}
form.memo textarea{ width: 100%; border: 1px solid #ccc; height: 200px; background: #fff;}
form.memo .submit { margin: 5px -10px 5px 0; background: url("../images/save.png") no-repeat scroll left top transparent;
    border: 1px solid #000000;
    border-radius: 3px 3px 3px 3px;
    color: #EEEEEE;
    cursor: pointer;
    display: block;
    height: 27px;
    line-height: 20px;
    padding: 2px 20px 5px 31px;
    text-shadow: -1px -1px #000000;}


form.memo .submit:hover, form.memo .submit:focus {background-position: left bottom; color: #fff; box-shadow: inset 0 0 2px #000;}

/*** Content ***/


.content {
	background: #FFFFFF;
	padding: 20px;
	font-size: 14px;
	line-height:22px;
	color:#333333;

}

.content a {
	color:#333333;
	font-weight: bold;
	text-decoration: underline;
}

.content a:hover {
	text-decoration: underline;
	color:#B71817;
}

.content p {

}

.content p.last {
	margin-bottom: 0px;
}

.dot_line {
	width:940px;
	height:1px;
	margin:1px 0;
	background: url(../images/h1.png) repeat-x;
}

.grey_con, .white_con {
	width:920px;
	padding:7px 10px;
	background: #F6F6F6;
	font-weight: bold;
}

.white_con { background: #FFFFFF; }



.grey_con a , .white_con a {
	color:#B71817;
	text-decoration: none;
}

/*** Left / Right ***/

#left {
	float:left;
}

.backend {position: relative; background: #fff url(../images/backend_bg.gif) left top repeat-y; padding: 0;}

#left h1 {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:22px;
	padding: 0 0 10px 0;
	margin-bottom:0px;
	color:#333333;
	background: url(../images/h1.png) repeat-x bottom left;
}

#left p.logged { padding: 0 10px; font-size: 11px; line-height: 15px; text-align: left; color: #666;}

#subnavi {
	list-style: none;
	margin: 30px 0;
	padding: 0;
	border-top: 1px dotted #999;
	border-bottom: 1px solid #fff;
}

#subnavi li {
	width:200px;
	padding:0;
	border-bottom: 1px dotted #999;
	border-top: 1px solid #fff;
}

#subnavi a {
	display: block;
	color:#333333;
	font-size:12px;
	text-decoration: none;
	padding: 0 10px ;
	line-height: 32px;
	transition: all .3s;
}

#subnavi a i {text-align: center; width: 15px; display:inline-block; margin-right: 5px;}

/* Subnavi Icons */

#subnavi li:hover a, #subnavi .active a, #subnavi li a:hover {
	color:#B71817;
}

#subnavi .active a {background-color: #fff;margin-right: -1px;}

#right {
	flaot:left;
	display: block;
	padding: 20px;
}


/*** Standard Table ***/

.table_wrapper {display: block; margin: 10px -1px;}
.table_wrapper table {width: 100%; border-collapse:collapse;}

.standard_table th {
	background:#bbb url(../images/th.png) left center repeat-x;
	border: 1px solid #FFFFFF;
	font-weight: normal;
	font-size: 0.9em;
	padding: 5px 10px;
	color:#333333;
	text-shadow: #ddd 1px 1px 0px;
	text-align: left;
}

.standard_table td {
	text-align: left;
	border: 1px solid #FFFFFF;
	padding: 5px 10px;
	font-size: 0.9em;
	background: #eee;
}
td.r, th.r {text-align: right;}
td a {white-space:nowrap;}

.standard_table td.right, .standard_table th.right {text-align: right;}
.standard_table td.input.right input {text-align: right;}

.standard_table tr:nth-child(even) td {background: #F6F6F6;}
.standard_table tr:nth-child(odd) td {background: #e5e5e5;}

.standard_table td.input {padding: 5px 22px 5px 10px;}
.standard_table td.input input {width: 100%; display: inline-block; background: #fff;  border: 1px solid #aaa; padding: 3px 5px; border-radius: 2px; margin: 0}
.standard_table td.input input:focus {border-color: #09C;}


.standard_table td span.info {display: inline-block; margin: 0 -25px 0px 5px;}
.standard_table td a.remarkOpen { width: 12px; height: 12px; display:inline-block; background: #aaa; overflow:hidden; margin: 0px 0px -2px 2px; line-height: 12px; text-decoration: none; border-radius: 6px; font-size: 10px; text-align:center; color: #000; }
.standard_table td a.remarkOpen:hover {background: #888;}

table tr td a.attachment {width: 18px; height: 18px; display:block; background: url(../images/icons/attachement.png) left -10px no-repeat; text-indent: -999px; overflow:hidden;}
table tr td a.attachment:hover, table tr td a.attachment:focus {background-position: left -42px;}

table tr td span.icon_bezahlt {width: 15px; height: 15px; display:block; margin: 0 auto -2px auto;}
table tr td span.icon_bezahlt.ja {background: url(../images/icon_bezahlt.png) center center no-repeat;}
table tr td span.icon_bezahlt.ueberfaellig{background: url(../images/icon_ueberfaellig.png) center center no-repeat;}
table tr td span.icon_bezahlt.nein{background: url(../images/icon_offen.png) center center no-repeat;}

table tr td.ueberfaellig {font-weight: bold; color: #cc071e;}

#content input.btn_save {background: url(../images/save.png) top left no-repeat; height: 27px; border: 1px solid #000; border-radius: 3px; padding: 2px 20px 5px 31px; color: #eee; text-shadow: -1px -1px #000; line-height: 20px; display:block; cursor:pointer;float: left; margin: 10px 10px 10px 0;}
#content input.btn_cancel{background: url(../images/abort.png) top left no-repeat; height: 27px; border: 1px solid #000; border-radius: 3px; padding: 2px 20px 5px 31px; color: #eee; text-shadow: -1px -1px #000; line-height: 20px; display:block; cursor:pointer;float: left; margin: 10px 10px 10px 0;}

#content a.btn_save {background: url(../images/save.png) top left no-repeat; height: 18px; border: 1px solid #000; border-radius: 3px; padding: 2px 20px 5px 31px; color: #eee; text-shadow: -1px -1px #000; line-height: 20px; display:block; cursor:pointer;float: left; margin: 10px 10px 10px 0; font-weight: normal; text-decoration:none;}


#content input.btn_save:hover,#content input.btn_cancel:hover, #content a.btn_save:hover {background-position: left bottom; color: #fff; box-shadow: inset 0 0 2px #000;}

pre {width: 100%; overflow:auto;}

/*** Footer ***/

#footer {
	background: url(../images/footer.png) repeat-x;
	padding: 30px;
	position: relative;
}

.foot_points {
	margin: -10px 30px 0 0;
	list-style: none;
	padding: 10px 30px 10px 0;
	float:left;
	background: url(../images/foot_points.png) repeat-y top right;
	height:150px;
}


.foot_points li {
	padding: 0 0 12px;
}

.foot_points li a {
	font:13px Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-shadow:#333333 1px 1px 0px;
}

.foot_points .headline {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-shadow:#333333 1px 1px 0px;
}

.foot_points li a:hover {
}

.foot_points li #facebook,.foot_points li #twitter, .foot_points li #rss {
	width:40px;
	height:40px;
	display: block;
	background: url(../images/facebook.png) no-repeat;
}

.foot_points li #twitter {
	background: url(../images/twitter.png) no-repeat;
}

.foot_points li #rss {
	background: url(../images/rss.png) no-repeat;
}

.foot_points li a:hover #facebook {
	background: url(../images/facebook_over.png) no-repeat;
}

.foot_points li a:hover #twitter {
	background: url(../images/twitter_over.png) no-repeat;
}

.foot_points li a:hover #rss {
	background: url(../images/rss_over.png) no-repeat;
}

#subline {
	font:12px Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	position: absolute;
	bottom:32px;
	right: 10px;
}

#subline a { color:#CCCCCC; }

#subline a:hover { text-decoration: underline; }


#footer_logo {
	color:#CCCCCC;
	font:12px Arial, Helvetica, sans-serif;
	text-shadow:#333333 1px 1px 0px;
	float:left;
	padding:0 30px 0 0;
	margin:0 30px 0 0;
	height:210px;
	background: url(../images/footer_spacer.png) no-repeat top right;
	line-height: 18px;
}

#footer_logo #logo_img {
	width:200px;
	height: 47px;
	display: block;
	margin:20px 0 0 0;
	background: url(../images/footer_logo.png) no-repeat;
}

#footer_logo a:hover #logo_img {
	background: url(../images/footer_logo_hover.png) no-repeat;
}

#footer_logo b {
	font:bold 14px Arial, Helvetica, sans-serif;
}


/*** Styles ***/

h1 {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#B71817;
	padding: 0 0 .5em 0;
	font-size: 1.2em;
	margin: 0 0 0.8em 0;
	border-bottom: 1px dotted #999;
}

h2 {
	font: 1.2em;
	color:#0A0A0A;
	margin: 1em 0 0.3em 0;
}

a {
	text-decoration: none;
}

.img_left {
	float:left;
	margin-right: 10px;
}

.img_right {
	float:right;
	margin-left: 10px;
}

.text_left { text-align: left; }

.text_right { text-align: right; }

.float_left { float: left; }

.float_right { float: right; }

.light_text {
	color:#868686;
}

.w_100_p {
	width:100%;
}

.w_718_px {
	width:718px;
}

.left_5 {
	padding-left: 5px;
}

.grey {
	color:#999999;
}

.red {
	color: #B71817;
}




.smalltext {
	font-size:10px;
}

hr {
	border: none;
	background: url(../images/h1.png) repeat-x bottom left;
	height: 1px;
}

.clear {clear: both;}



/* FIELDSET */

#content fieldset {border: 1px dotted #ccc; padding: 10px 10px; vertical-align:top; margin: 10px 0 0 0;}
#content fieldset legend {font-weight: bold;}
#content fieldset legend a {text-decoration: none;}
#content fieldset .error_wrapper {position: relative; display: block; float:left;}
span.error {color: #f00; display: block; font-style:italic;}
#content fieldset label {display: inline-block; padding: 0 10px; float:left;}
#content fieldset input, #content fieldset select { float:left; display: inline-block; background: #fff; box-shadow: inset 0 1px 2px #ccc; border: 1px solid #aaa; padding: 3px 5px; border-radius: 3px; margin: 0 0 10px 0 !important; width: 180px;}
#content fieldset select {width: 192px;}
#content fieldset input:focus {border-color: #09C}

#content fieldset.leftLabel label {width: 140px; clear: left; }
#content fieldset.margin10 {margin: 20px 10px 10px 10px !important;}
#content fieldset.leftLabel_big label {width: 260px; clear: left;}
#content fieldset.leftLabel textarea {display: inline-block; background: #fff; box-shadow: inset 0 1px 2px #ccc; border: 1px solid #aaa; padding: 3px 5px; border-radius: 3px; margin: 0 0 10px 0 !important; width: 534px; height: 300px; font: 0.9em/130% Arial, Helvetica, sans-serif;}
#content fieldset.leftLabel_big textarea{display: inline-block; background: #fff; box-shadow: inset 0 1px 2px #ccc; border: 1px solid #aaa; padding: 3px 5px; border-radius: 3px; margin: 0 0 10px 0 !important; width: 414px; height: 300px; font: 0.9em/130% Arial, Helvetica, sans-serif;}
#content fieldset  textarea.small {height: 150px;}
#content fieldset.leftLabel_big input {width: 414px;}

#content fieldset table input {width: 100% !important;}
#content fieldset span.input {margin: 0 0 10px 0; display: block; float:left;}
#content fieldset p.info {font-size: 0.8em; clear: both; margin: 0 0 10px 0; padding: 0;}
#content input.checkbox, #content input.radio {width: auto !important; display:inline-block; margin: 0 10px 10px 0 !important; border: none !important; padding: 0; box-shadow: none; margin-top: 3px !important; }

/*PAGER*/

.pagerfanta {margin: 10px 0;}
.pagerfanta nav a, .pagerfanta nav span {display: block; float: left; margin: 0 1px 0 0; color: #fff; border: none; font-weight: normal; text-decoration: none;
background: #424242;
background: -moz-linear-gradient(top, #424242 0%, #333333 50%, #1b1b1b 50%, #0a0a0a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#424242), color-stop(50%,#333333), color-stop(50%,#1b1b1b), color-stop(100%,#0a0a0a));
background: -webkit-linear-gradient(top, #424242 0%,#333333 50%,#1b1b1b 50%,#0a0a0a 100%);
background: -o-linear-gradient(top, #424242 0%,#333333 50%,#1b1b1b 50%,#0a0a0a 100%);
background: -ms-linear-gradient(top, #424242 0%,#333333 50%,#1b1b1b 50%,#0a0a0a 100%);
background: linear-gradient(to bottom, #424242 0%,#333333 50%,#1b1b1b 50%,#0a0a0a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#0a0a0a',GradientType=0 );
}
.pagerfanta nav *:first-child {border-radius: 3px 0 0 3px;}
.pagerfanta nav *:last-child {border-radius: 0 3px 3px 0;}
.pagerfanta nav a {width: auto; padding: 0 8px; height: 25px; text-align: center; line-height: 25px; display:block; text-shadow: -1px -1px #000;}
.pagerfanta nav a:hover {background: #333; text-decoration: none;}
.pagerfanta nav span {padding: 0 8px; height: 25px; line-height: 25px;}
.pagerfanta span.current {height: 25px; text-align: center; line-height: 25px; display:block; background: #B71817; color: #fff;}

.pagerfanta span.disabled {color: #aaa; background: #ddd !important;}


/*COTENT ALLGEMEIN*/

#news div {
    border: 1px solid #ecc91e;
    background-color: #fafbcd;
    padding: 3px;
    margin-bottom: 4px;
}

/*DATEN Tabelle*/
.block table {width: 100%;}
.block table thead tr {border-bottom: 1px dotted #ccc;}
.block table tbody tr {border-bottom: 1px dotted #ddd;}
.block table tbody tr td {padding: 5px 0; margin: 0; }
.block table thead tr td {padding: 5px 0; margin: 0; font-weight: 900;}
.col_2 {float: left; width: 359px; margin: 0 20px 0 0;}
.col_2.last {margin: 0;}

#datenaendern textarea {border: 1px dotted #999; background: none; padding: 5px; width: 726px; height: 150px; font: 14px/22px Arial, Helvetica, sans-serif;}
.block label {display: inline-block; width: 250px;}
.block input {border: 1px dotted #999; background: none; padding: 5px; margin: 0 0 10px 0; width: 200px;}
.block input.button {background: url(../images/navigation.png) center -9px no-repeat; border: 1px solid #000;  padding: 0 20px; margin: 20px 0 0 0; color: #fff; text-align: center; display:block; font: 14px/48px Arial, Helvetica, sans-serif; height: 38px; cursor: pointer;}
.block input.button:hover,.block input.button:focus  {background: url(../images/input_hover.png) left top repeat-x;}

/*Filter*/

#sortMenu {border-bottom: 1px dotted #ccc; padding: 0 0 10px 0;}
#sortMenu h1 {display: inline-block; border: none; width: auto !important; margin: 0 10px 0 0; padding: 0; float:left; line-height: 24px;}
#sortMenu .activity {float: right;}
#sortMenu #volltextsuche {display: block; float:left;}
#sortMenu #volltextsuche form {display: block; overflow:hidden;}
#sortMenu #volltextsuche label {display: inline-block; padding: 0 10px 0 20px; font-size: 0.8em;}
#sortMenu #volltextsuche input,#sortMenu #volltextsuche select {display: inline-block; background: #fff; box-shadow: inset 0 1px 2px #ccc; border: 1px solid #aaa; padding: 3px 5px; border-radius: 3px; margin: 0 !important;}
#sortMenu #volltextsuche input.text {width: 140px;}
#sortMenu #volltextsuche input.datepicker {width: 70px;}
#sortMenu #volltextsuche select {width: 100px;}
#sortMenu input.submit {float: right; border-radius: 3px; width: 23px; height: 23px; text-indent: -9999px; background: url(../images/searchbutton.png) no-repeat scroll left top transparent; box-shadow: none; border: 1px solid #000;}
#sortMenu input.submit:hover, #sortMenu input.submit:focus {background-position: left bottom;}
img.ui-datepicker-trigger {display: inline-block; margin: 0px 0 -6px 2px;}

#ui-datepicker-div {font-size: 0.7em;}

.filtertext {font-size: 0.8em;}
.filtertext a.reset {width: 16px; height: 16px; display:inline-block; overflow:hidden; text-indent: -999px; background: url(../images/icons/cancel.png) left -10px no-repeat; margin: 0 0 -3px 5px;}
.filtertext a.reset:hover {background-position: left -42px;}

/*STATISTIK*/

.bargraph {background: #F6F6F6; position:relative;}
.bargraph .graph {float: left; width: 450px; height: 200px; display:block; background: #fff; margin: 20px; position:relative;}
.bargraph .graph ul {list-style-type: none; margin: 0; padding: 0; position:absolute; bottom: 0; left: 50%; margin-left: -210px;}
.bargraph .graph ul li {float: left; width: 50px; text-align: center; position: absolute; bottom: 0;  overflow:visible;}
.bargraph .graph ul li span {position: absolute; top: -30px; text-align:center; left: 10px; background: url(../images/icons/span_icon_graph.png) top center no-repeat; line-height: 22px; width: 30px; height: 29px; display:block; color: #fff; text-shadow: 1px 1px #000;}

.bargraph .legend {float: left; width: 228px; margin: 20px 20px 20px 0;}
.bargraph .legend ul {list-style: none; margin: 0; padding: 0;}
.bargraph .legend ul li {font-size: 0.8em; padding: 0 0 0 30px; margin: 0 0 5px 0; background-image: url(../images/graph_legend_li_bg.png); background-position: top left;}

.graph ul li.color1 {background: #7F6265}
.graph ul li.color2 {background: #FFA256}
.graph ul li.color3 {background: #a810ae}
.graph ul li.color4 {background: #E0D054}
.graph ul li.color5 {background: #ABA73C}
.graph ul li.color6 {background: #118888}

.legend ul li.color1 {background-color: #7F6265; color: #7F6265;}
.legend ul li.color2 {background-color: #FFA256; color: #FFA256;}
.legend ul li.color3 {background-color: #a810ae; color: #a810ae;}
.legend ul li.color4 {background-color: #E0D054; color: #E0D054;}
.legend ul li.color5 {background-color: #ABA73C; color: #ABA73C;}
.legend ul li.color6 {background-color: #118888; color: #118888;}

/* BUTTONS IN DER TABELLE*/

a.abtn {display:inline-block; text-decoration: none; font-weight: normal; transition: all .3s; border: 1px solid #333; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 2px;}
a.abtn span {display: none;}
/*a.btn_show {width: 16px; height: 16px; display:block; overflow:hidden; text-indent: -9999px; background: url(../images/icons/show.png) left -9px no-repeat; text-decoration: none; font-weight: normal;}
a.btn_cancel {width: 16px; height: 16px; display:block; overflow:hidden; text-indent: -9999px; background: url(../images/icons/cancel.png) left -9px no-repeat; text-decoration: none; font-weight: normal;}
a.btn_resume {width: 16px; height: 16px; display:block; overflow:hidden; text-indent: -9999px; background: url(../images/icons/resume.png) left -9px no-repeat; text-decoration: none; font-weight: normal;}

a.btn_pdf {width: 16px; height: 16px; display:block; overflow:hidden; text-indent: -9999px; background: url(../images/icons/pdf.png) left -9px no-repeat; text-decoration: none; font-weight: normal;}
a.btn_delete {width: 16px; height: 16px; display:block; overflow:hidden; text-indent: -9999px; background: url(../images/icons/delete.png) left -9px no-repeat;}
a.btn_today {font-size: 0.8em; font-weight: normal; text-decoration: none; border: 2px solid #C91C1B; border-radius: 2px; padding: 2px;}
a.btn_today:hover {text-decoration: none; background: #C91C1B; color: #fff;}
a.btn_mail {width: 16px; height: 16px; display:block; overflow:hidden; text-indent: -9999px; background: url(../images/icons/newsletter.png) left -3px no-repeat; text-decoration: none; font-weight: normal;}
a.btn_reactivate {padding: 3px 0 3px 21px; font: 0.9em/16px normal Arial, Helvetica, sans-serif; text-decoration: none; background: url(../images/icons/resume.png) left -9px no-repeat;}
*/
a.abtn:hover { color: #B71817; background: rgba(0,0,0,.2);}
a.btn_reactivate:hover {background-position: left -41px; text-decoration:none;}
.activity a.btn_add {
	background: #424242;
background: -moz-linear-gradient(top, #424242 0%, #333333 50%, #1b1b1b 50%, #0a0a0a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#424242), color-stop(50%,#333333), color-stop(50%,#1b1b1b), color-stop(100%,#0a0a0a));
background: -webkit-linear-gradient(top, #424242 0%,#333333 50%,#1b1b1b 50%,#0a0a0a 100%);
background: -o-linear-gradient(top, #424242 0%,#333333 50%,#1b1b1b 50%,#0a0a0a 100%);
background: -ms-linear-gradient(top, #424242 0%,#333333 50%,#1b1b1b 50%,#0a0a0a 100%);
background: linear-gradient(to bottom, #424242 0%,#333333 50%,#1b1b1b 50%,#0a0a0a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#0a0a0a',GradientType=0 );
	color: #eee; text-shadow: -1px -1px #000; font-weight: normal; text-decoration: none; padding: 5px 20px; line-height: 16px; border-radius: 3px;}
.activity a.btn_add:hover {background: #333; color: #fff; box-shadow: inset 0 0 2px #000;}

/*NEWSLETTER*/

span.ok {color: #393;}
.newsletter_show {border: 1px dotted #ccc; padding: 20px; font: 1em/150% Arial, Helvetica, sans-serif !important;}


/*TABS*/
nav {margin: 20px 0 0 0;}
nav.tabs a, nav._tabs a { border: 1px solid #000; border-bottom: none; background: url("../images/navigation.png") center -11px no-repeat; color: #fff !important; padding: 5px 10px; display:inline-block; margin: 0 1px 0 0; border-radius: 3px 3px 0 0; font-weight: normal; text-decoration: none; opacity: 0.6}
nav.tabs a:hover, nav._tabs a:hover {opacity: 0.8; text-decoration: none;}
nav.tabs a.current, nav._tabs a.current {opacity: 1 !important;}
nav.tabs a.t_error, nav._tabs a.t_error {border-color: red; color: red !important; opacity: 0.9}
.tabWrapper {border: 1px solid #ccc; padding: 10px;}
.tabWrapper .tab {display: none;}
.tabWrapper .tab.visible {display: block !important; padding: 10px;}

#tab1 {display: block;}

.tabWrapper .tab fieldset {margin: 0 !important; border: none !important; padding: 0px !important;}
.tabWrapper .tab fieldset .half {float: left; width: 348px; margin: 10px;}
.tabWrapper .tab fieldset .half label {width: 130px;}
.tabWrapper .tab fieldset .half label.long {width: 100%;}
.tabWrapper .tab fieldset .half  p.info {padding: 0 10px !important;}

 span.small_font {font-size: 0.8em;}

#content .error h2 {margin: 0 !important;}

.error, .tab_error p{
border:1px solid #990000;
background:#FFF0F0 url(../images/offline.png) no-repeat 5px 10px;
padding:10px 10px 10px 36px;
margin:30px 0;
}

input.error-dns {
border:1px solid #990000 !important;
background:#FFF0F0 !important;
}
span.error-dns {
  color: red;
}

.error-ueberfaellig {
border:1px solid #990000;
background:#FFF0F0 url(../images/icon_ueberfaellig.png) no-repeat 10px 12px;
padding:10px 10px 10px 36px;
margin:10px 0;
}

.infobox {
border:1px solid #336600;
background:#FFFDF0;
padding:10px 10px 10px 10px;
margin:10px 0;
}

.success {
border:1px solid #336600;
background:#F9FFF2 url(../images/online.png) no-repeat 5px 10px;
padding:10px 10px 10px 36px;
margin:10px 0;
}

.sendDate {font-size: 0.8em; margin: 0 5px 0 0; display:inline-block;}
.nospace {white-space: no-wrap;}
/* gesperrte Projekte */
table tr.locked td, table tr.locked td a {
  color: red;
}

/* Freier Webspace auf Server, unter Serverbelegung */
table tr.server-free td {
  background-color: LightGreen !important;
}
table tr.server-locked td:nth-child(5) a {
  color: red !important;
}

/* gekündigte Domains */
table tr.cancelled td, table tr.cancelled td a {
  color: red;
}

/*FORM UPLOADS*/

.uploadDoc {margin: 20px 0 0 0;}
.uploadDoc fieldset.fs {display: block;}


/* CSV EXPORT BLOCK*/

#csvblock {display: none; clear:left; margin: 20px 0; border: 1px solid #ccc; padding: 20px;}
#csvblock h3 {margin: 0 0 10px 0;}
#csvblock label {width: 50px; display:block; float:left; clear: left;}
#csvblock input {float: left; margin: 0 0 10px 0;}
#csvblock img.ui-datepicker-trigger {float: left;}

#form-create-task {padding: 20px 0;}
#form-create-task input {font-size: inherit;}
#form-create-task .input_wrap {display: inline-block; margin: 0 20px 0 0;}
#form-create-task .input_wrap.wide input {width: 400px;}

#form-create-task fieldset input {display: inline-block !important; float: none !important; margin: 0 !important;}

/* Seite /invoice/calculate */
p.more-entries {
  font-size: 0.9em;
  color: red;
  margin: 0;
}

.domain-extern {
  color: blue !important;
}
.domain-cancelled {
    color: red !important;
}
span.domain-cancelled {
    border:3px solid red;
    padding:2px;"
}