/*----------- Import ----------------------*/
@import url(http://fonts.googleapis.com/css?family=Cantarell);


/*----------- Global ----------------------*/
* {
	margin:0;
	padding:0;
}

body {
	font-family: Verdana, Tahoma, arial, sans-serif;
	background-color: #fff;
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 1em;
	color:#333;
}

a, a:visited {
	text-decoration:none;
	color:#404040;
	font-weight:normal;
}

a:hover {
	color:#ff8e30;
	background:inherit;
}

h1, h2, h3 {
	font-weight:bold;
	margin:0;
	padding:10px;
}

h1 {
	font-size:120%;
}

h2 {
	font-size:110%;
	color:#E47E12;
	text-transform:uppercase;
}

h3 {
	font-size:110%;
	color:#666;
}

p {
	margin:0;
	padding:10px;
}

ul, ol {
	margin:5px 20px;
	padding:0 20px;
	color:#E47E12;
}

acronym {
	cursor:help;
	border-bottom:1px solid #777;
}

blockquote {
	margin:10px;
	padding:0 0 0 28px;
	border:1px solid #f2f2f2;
	background:#FAFAFA url("../img/quote.gif") no-repeat 5px 5px;
}



/*----------- Header ----------------------*/
#header {
	width:100%;
	height:45px;
	position:relative;
	margin:0; padding:0;
	text-align:left;
}

#header h1#logo-text {
	margin:0;
	padding:10px 0 0 20px;
	background:transparent url("../img/gears.gif") no-repeat left top;
}

#header h1#logo-text a {
	color:#E47E12;
	font: italic small-caps bold 1.8em Tahoma, sans-serif;
}

#header h1#logo-text a:hover {
	color:#ff8e30;
	background:transparent;
}

#header span#regmark {
	position:absolute;
	margin:0; padding:0;
	font:bolder 0.8em Tahoma, Sans-serif;
	color:#E47E12;
	text-transform:none;
	top:13px; left:166px;
}

#header span#slogan {
	position:absolute;
	margin:0; padding:0;
	font-size:80%; color:#333;
	text-transform:none;
	top:30px; left:190px;
}



/*----------- XtraHeader-Classes ----------------------*/
h1.crm-header, h2.crm-header {
	color:#E47E12;
	text-decoration: none;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.3em;
	font-size: 95%;
	font-weight:normal;
	text-transform: none;
	padding-bottom:5px;	
}

p a {
	text-decoration:none;
	color:#404040;
	background:inherit; 
	border-bottom:1px dotted #404040;
}
p a:hover {
	color:#FF6A00;
	background:inherit;
	border-bottom:0;
}


/*----------- Images ----------------------*/
a img {
	border:none;
}

img.float-right {
	margin:5px 0px 10px 10px;
}

img.float-left {
	margin:5px 10px 10px 0px;
}




/*----------- Menü oben ----------------------*/
/* CHANGED | CH - 08.12.2008: Style für das obere Menü hinzgefügt */
body.menuoben {
	background: transparent url("../img/main_navigation.gif") bottom left repeat-x;
	clear: both;
	height: 26px;
	overflow: visible;
}

body.menuoben table a, #header body.menuoben table a:visited, body.menuoben table a:hover {
	color: #707070;
	float: left;
	display: block;
	margin: 0;
	outline: none;
	text-decoration: none;
	padding: 4px 8px;
	font-size:90%;
}

body.menuoben table a:hover {
	background: #f5f5f5;
}

body.menuoben table a.menuobentabobenclicked {
	background: #f5f5f5;
	color:#E47E12;
	font-weight:bold;
}
















ul span, ol span {
	color:#666;
}

/* form elements */
.topform {
	margin:0 10px 0 0; padding:5px;
	border:1px solid #f2f2f2;
	background-color:#FAFAFA;
	width:150px; height:67px;
	right:20px;
}
.topform input.button {
	margin:0; padding:2px 3px;
	font:bold 11px Tahoma, Sans-serif; color:#E47E12;
	border:1px solid #CCC;
	background:#FFF;
}
label { display:block; font-weight:bold; margin:5px 0; }

textarea {
	width:400px; height:100px;
	padding:2px;
	font:normal 1em Verdana, sans-serif; color:#777;
	border:1px solid #eee;
	display:block;
}
input.button {
	margin:0; padding:2px 3px;
	font:bolder 12px Arial, Sans-serif; color:#E47E12;
	border:1px solid #CCC;
	background:#FFF;
}

/********************************************
	LAYOUT
********************************************/
#wrap {
	width:940px;
	background:#fff url(../img/content.jpg) repeat-y center top;
	margin:auto;
	text-align:left;
}
#content-wrap {
	clear:both;
	width:880px;
	padding:0;
	margin:0 auto;
}






.left-box img { border:none; }
ul.sidemenu, ul.sidemenu2 {
	font-family:Tahoma, Sans-serif; font-size:11px; list-style:none; text-align:left; text-decoration:none;
	margin:0 0 8px 5px; padding:0;
	border:1px solid #EFF0F1;
	width:185px;
}
ul.sidemenu li, ul.sidemenu2 li {
	border-bottom:1px solid #EFF0F1;
	margin:0 2px; padding:3px 0 3px 6px;
}
ul.sidemenu li a, ul.sidemenu2 li a {
	font-weight:bolder; text-decoration:none; background-image:none;
}
ul.sidemenu li a.menulinksendmark3,ul.sidemenu li a.menulinks3, ul.sidemenu li a.menulinksselected3 {
	margin-left:12px;
	font-weight:bold;
}
ul.sidemenu li a.menulinksendmark4,ul.sidemenu li a.menulinks4, ul.sidemenu li a.menulinksselected4 {
	margin-left:22px;
	font-weight:bold;
}
ul.sidemenu li a.menulinksselected2, ul.sidemenu li a.menulinksselected3, ul.sidemenu li a.menulinksselected4 {
	font-style:italic;
	font-weight:bold;
}

/* Footer */
#footer {
	width:100%; height:44px;
	font-size:80%; color:#999; text-align:center;
}
#footer p {
	background:transparent url("../img/bg_footer.gif") no-repeat right bottom;
	margin:0 20px;
	height:24px;
}
#footer a { text-decoration:none; color:#999; background:none; }

/* alignment classes */
.float-left  { float:left; }
.float-right { float:right; }
.align-left  { text-align:left; }
.align-right { text-align:right; }

/* display and additional classes */
.clear { clear:both; }
.justify { text-align:justify; }
.atable { margin:10px 0 5px 0; }

.atable th {
	font-weight:bold; text-align:center;
	padding:5px;
	border-top:1px solid #ddd;
	background:#EEF0F1 url(../img/headerbg.jpg) repeat-x left bottom;
}
.atable td {
	text-align:justify; vertical-align: top;
	padding:10px;
	background-color:#FAFAFA;
	border:1px solid #f2f2f2;
}
.atable td ul { list-style-type:none; text-align:left; margin:0; padding:0; }

/* External */
.shcart { color:#000; }
.searchline input { margin:2px; font-size:11px; height:18px; }
form.form1 { margin:0; padding:0; font-size:11px; }
h3.menutitle { margin:10px 10px 0 10px; padding:0; }
.ahtm { text-align:justify; }
.ahtm h1 {
	margin-top:10px; padding:5px 0 5px 25px;
	font:bold 125% Verdana, 'Trebuchet MS', Sans-serif; color:#E47E12;
	border-bottom:1px solid #EFF0F1;
	background:#FFF url(../img/bg_topic.jpg) no-repeat 3px 50%;
}
.sa_font {
	margin:10px 0 10px 22px; padding:0;
	font: italic small-caps bold 1.3em Tahoma, Arial, sans-serif; color:#000;
	text-transform:none;
}
.sa_font_small { font-size:1em; font-style:normal; margin:10px 0 10px 8px; padding:0; }
.flags a { border:none; }
.flags { margin:0 0 0 47px; padding:0; }

div#start {
	border-top:3px solid #fbc91a;
	background:#f4f4f4;
	margin:0 0 7px 0; padding:7px;
	text-align:justify;
}
p.text { text-align:justify; }
p.box { text-align:justify; background:#F4F4F4; margin:10px 5px; padding:7px; }
p.box img { margin:0 5px; }



td { font-size:75%; padding:1px; }
td a {
	color:#000;
	text-decoration:underline;
}
td a:hover {
	text-decoration:none;
}
table.matchcodeboxheader {
	margin:0 0 5px 5px; padding:0;
	width:195px;
	font:bold 1.1em Tahoma, Sans-serif; color:#555;
}
table.matchcodeboxheader td {
	font:bold 12px Tahoma, Sans-serif; color:#555;
	height:15px;
	height:20px !important;
	
}
table.matchcodeboxinner {
	width:195px;
	margin:-15px 0 0 5px; padding:0 0 0 5px;
}
table.matchcodeboxinner input {
	border:0;
}
table.matchcodeboxinner input.textinput {
	border:1px solid #CED1D5;
}
body.searchline {
	padding:0; margin:-10px 0 0 0;
}
form table.searchline {
	width:195px;
	height:30px;
	margin:-5px 0 0 10px;
	padding:0;
}
.searchline input {
	border:0;
}
.searchline input.textinput {
	border:1px solid #CED1D5;
}

ul.shortcuts {
	font-size:12px;
	margin:0 10px; padding:0;
	list-style:none;
	text-align:left;
}

ul.shortcuts li {
	margin:2px 0; padding:0;
}

.saaddinfo {
	text-align:left;
	margin-top:10px;
}



/*   remote   */
.connections {
	margin:10px;
	text-align:left;
}

.connections a {
	text-decoration:underline;
}
.connections a:visited {
	text-decoration:none;
	border-bottom:1px dotted;
}

.listing {
	border:none;
	width:100%;
}
.listing thead th {
	
}
.listing tbody tr.dark {
	background-color:#E9F1FB;
}

.new-remote, .new-client {
	margin:10px; padding:10px;
	background-color:#eee;
}

.new-remote table td, .new-client table td {
	padding:3px 2px;
	width:200px;
	text-align:left;
}
.new-remote tbody th, .new-client tbody th {
	text-align:right;
	width:120px;
}

.new-remote textarea[name='rdesc'], .new-client textarea[name='cdesc'] {
	width:200px; height:60px;
	padding:2px;
	font:normal 1em Verdana, sans-serif; color:#777;
	border:none;
	border-top:1px solid #CBDECB;
	border-left:1px solid #CBDECB;
}
.new-remote input[type='text'], .new-remote select, .new-client input[type='text'], .new-client select {
	padding:2px;
	font:normal 1em Verdana, sans-serif; color:#777;
	border:none;
	border-top:1px solid #CBDECB;
	border-left:1px solid #CBDECB;
}

.new-remote input[type='text']:focus, .new-remote select:focus, .new-remote textarea[name='rdesc']:focus, .new-client input[type='text']:focus, .new-client select:focus, .new-client textarea[name='rdesc']:focus, .new-client textarea[name='cdesc']:focus {
	background-color:#FFFFCB;
}

.hide {
	display:none;
}
.error {
	color:#ff0000;
}

ul.newMenu {
	margin:5px 0 0 10px;
	padding:1px;
	list-style-type:none;
}

ul.newMenu li > ul {
	margin:2px 0 0 3px;
	padding:1px;
	list-style-type:none;
}
ul.newMenu li {
	padding:2px 0 3px 18px;
	background:transparent url("../img/nosub.png") no-repeat left 1px;
}
ul.newMenu li.hassub {
	background:transparent url("../img/add.png") no-repeat left 1px;
}
ul.newMenu a, ul.newMenu a:hover {
	background:none;
}

/* Neues Menü */
ul.myMenu1, ul.myMenu2, ul.myMenu3 {
	list-style-image:url("../img/debitor/bullet_orange.png");
	list-style-type:square;
	font-size:12px;
	line-height:1.3em;
}
ul.myMenu1 {
	margin:0;
	padding:0 0 0 15px;
	width:140px;
}
ul.myMenu2 {
	margin:0;
	padding:0 0 0 25px;
	width:140px;
}
ul.myMenu3 {
	margin:0;
	padding:0 0 0 35px;
	width:120px;
}

ul.myMenu1 li, ul.myMenu2 li, ul.myMenu3 li {
	margin:0 0 0 15px;
	padding:0;
}

ul.myMenu1 li a, ul.myMenu2 li a, ul.myMenu3 li a {
	font-size:100%;
	text-align:left;
	display:block;
	color:#333;
}
ul.myMenu1 li a {
	margin:0;
	padding:2px 0 2px 0;
	width:160px;
}
ul.myMenu2 li a {
	margin:0;
	padding:2px 0 2px 0;
	width:160px;
}
ul.myMenu3 li a {
	margin:0;
	padding:2px 0 2px 0;
	width:140px;
}
ul.myMenu1 li a:hover, ul.myMenu2 li a:hover, ul.myMenu3 li a:hover {
	background-color:#eee;
}
ul.myMenu1 li a.menulinksselected2, ul.myMenu1 li a.menulinksselected3, ul.myMenu1 li a.menulinksselected4, ul.myMenu2 li a.menulinksselected2, ul.myMenu2 li a.menulinksselected3, ul.myMenu2 li a.menulinksselected4 {
	font-style:italic;
	font-weight:bold;
}

/*----------- Icons ----------------------*/
a.feedback {
	text-decoration:none;
	color:#E47E12;
	float:left;
	display:block;
	margin:0 0 0 10px;
	padding:2px 1px 2px 23px;
	width:55px;
	background: transparent url("../img/debitor/feedback.png") no-repeat 2px 5px;
	font-size:80%;
}
a.feedback:hover {
	background: transparent url("../img/debitor/feedback.png") no-repeat 2px 5px;
}

input[type='submit'] {
	display:inline-block;
	position:relative;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	background:-moz-linear-gradient(center top , #F9F9F9, #E3E3E3) repeat scroll 0 0 transparent;
	border-color:#CCCCCC #BBBBBB #A0A0A0;
	border-left:1px solid #BBBBBB;
	border-right:1px solid #BBBBBB;
	border-style:solid;
	border-width:1px;
	color:#000000;
	cursor:default;
	font:75% arial,sans-serif;
	margin:0 8px 0 0;
	outline:medium none;
	padding:2px 8px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	font-size:12px;
}

input[type='submit']:hover {
	border-color:#E47E12 !important;/*#939393*/
}

input[type='submit']:active {
	background:-moz-linear-gradient(center top , #EEEEEE, #F9F9F9) repeat scroll 0 0 transparent;
	border-color:#444444 !important;
}

.ueber1 {
	font-size:110%;
	font-weight:bold;
	color:#E47E12;
}
.ueber2 {
	font-size:100%;
	font-weight:bold;
}
.EMeldung {
	color:#CC0000;
	background-color:#FFE5E5;
	border:1px solid #CC0000;
	margin:15px 0 0; padding:5px;
}

p.preinfo {
	width:380px;
	margin:10px 0; padding:5px 10px;
	border:1px solid #eee;
	box-shadow:0 0 3px #ddd;
	-webkit-box-shadow:0 0 3px #ddd;
	-moz-box-shadow:0 0 3px #ddd;
}