/* CSS Document */
.OrteButton
{
    height: 18px;
    font-size: 10px;
}

/************* Grunddefinitionen **************/
body {
	font:normal 12px/140% Arial,Verdana,Tahoma,Helvetica,Geneva,sans-serif;
	color:#555;
	line-height:130%;
	padding:0;
	margin:0;
	border-spacing:0px;
	border-collapse:collapse;
	background:url(../images/bg.gif) repeat-x bottom;
}

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

/************* Layout **************/
#container {
	background-color:#f5f5f5;
}

#left {
	float:left;
	width:200px;
	margin:0;
	padding:0;
	background:url(../images/bg_login.gif) 0 120px no-repeat #e0e0e0;
}

#content {
	margin:0 0 0 200px;
	padding:10px 12px;
}

#footer {
	clear:both;
	margin:0;
	padding:0;
	color:#888;
	border-top:1px solid #999;
}

/************* Tabellenformatierungen **************/
#content .head {
	height:30px;
	border:1px solid #fff;
	background:url(../images/bg_headline.gif) repeat-x #c00;
}

#content .text {
	float:left;
	margin:7px 0 0 10px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}

#content h1 {
	font-size:16px;
	margin:12px 0 8px 0;
}

#content .base {
	padding: 2px 0 2px 30px;
	border-color:#999;
	border-style:solid;
	border-width:0 1px 1px 1px;
	background:url(../images/list_arrow.gif) no-repeat 7px 5px #e0e0e0;
}

#content .plus {
	float:right;
	border-left:1px solid #ffdab9;
}

#content .plus a {
	display:block;
	width:30px;
	height:30px;
	text-decoration:none;
	background:url(../images/button_plus.gif) no-repeat;
}

#content .plus a:hover {
	text-decoration:none;
	background:url(../images/button_plus_h.gif) no-repeat;
}

#content .minus {
	float:right;
	border-left:1px solid #ffdab9;
}

#content .minus a {
	display:block;
	width:30px;
	height:30px;
	text-decoration:none;
	background:url(../images/button_minus.gif) no-repeat;
}

#content .minus a:hover {
	text-decoration:none;
	background:url(../images/button_minus_h.gif) no-repeat;
}

#content .sub {
	padding-bottom:14px;
	text-align:center;
	border-color:#999;
	border-style:solid;
	border-width:0 1px 1px 1px;
	background:url(../images/bg_subline.gif) bottom repeat-x;
}

#content .sub ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#content .sub li {
	display:inline;
}

#content .sub .zoom_in a {
	border-left:1px solid #fff;
	padding:0 38px 15px 0;
	text-decoration:none;
	background:url(../images/button_zoom_in.gif) left top no-repeat;
}

#content .sub .zoom_in a:hover {
	text-decoration:none;
	background:url(../images/button_zoom_in_h.gif) left top no-repeat;
}

#content .sub .zoom_out a {
	border-left:1px solid #fff;
	padding:0 38px 15px 0;
	text-decoration:none;
	background:url(../images/button_zoom_out.gif) left top no-repeat;
}

#content .sub .zoom_out a:hover {
	text-decoration:none;
	background:url(../images/button_zoom_out_h.gif) left top no-repeat;
}

#content .sub .move a {
	border-left:1px solid #fff;
	padding:0 38px 15px 0;
	text-decoration:none;
	background:url(../images/button_move.gif) left top no-repeat;
}

#content .sub .move a:hover {
	text-decoration:none;
	background:url(../images/button_move_h.gif) left top no-repeat;
}

#content .sub .print a {
	border-left:1px solid #fff;
	padding:0 38px 15px 0;
	text-decoration:none;
	background:url(../images/button_print.gif) left top no-repeat;
}

#content .sub .print a:hover {
	text-decoration:none;
	background:url(../images/button_print_h.gif) left top no-repeat;
}

#content .sub .help a {
	border-left:1px solid #fff;
	padding:0 38px 15px 0;
	text-decoration:none;
	background:url(../images/button_help.gif) left top no-repeat;
}

#content .sub .help a:hover {
	text-decoration:none;
	background:url(../images/button_help_h.gif) left top no-repeat;
}

#content .listbox {
	overflow:auto;
	height:170px;
	border:1px solid #999;
	margin-bottom:10px;
	background-color:#fff;
}

#content .listboxPosition {
	overflow:auto;
	height:100%;
	border:1px solid #999;
	margin-bottom:10px;
	background-color:#fff;
}

#content table.list #content table.ignition {
	width:96.9%;
	background-color:#fff;
}

#content table.list th, #content table.list .title {
    padding:0 5px;
    border-right:1px solid #fff;
	color:#fff;
	background-color:#999;
	white-space:nowrap;
}

#content table.list th#google {
	background-color:#fff;
	padding:2px 5px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}

#content table.list th#head_ignition, #content table.ignition th#head_ignition {
    width:60px;
}

.ausrichtung_lable {
	width:20px;
	padding:5px 0;
	margin:0;
	display:block;
	float:left;
	text-align:center;
	vertical-align:middle;
	
}

.ausrichtung_image {
	padding:2px 0;
	margin:0;
	display:block;
	float:right;
	vertical-align:middle;
}

#content table.list .lasttitle {
    padding:0 5px;
    border-right:1px solid #999;
	color:#fff;
	background-color:#999;
	white-space:nowrap;
}
#content table.ignition td {
	padding:0 10px;
	border-color:#999;
	border-style:solid;
	border-width:0 1px 0 0;
	color:#555;
	text-align:center;
}

#content table.ignition th, #content table.ignition .title {
    padding:0 5px;
    border-right:1px solid #fff;
	color:#fff;
	background-color:#999;
	white-space:nowrap;
}

#content table.ignition .end td {
	border-width:0 1px 1px 0;
}

#content table.list td {
	padding:0 10px;
	border-color:#999;
	border-style:solid;
	border-width:0 1px 1px 0;
	color:#555;
	text-align:center;
}

#content table.list .last {
	border-right:1px solid #999;
}

#content table.list a {
	color:#555;
}

#content table.list a:hover {
	color:#555;
	text-decoration:none;
}

#content .mapbox {
	padding:10px;
	border-color:#999;
	border-style:solid;
	border-width:1px 1px 0 1px;
	background-color:#fff;
}

#content .mapbox .up {
	padding:0 102px 0 0;
	text-decoration:none;
	background:url(../images/button_map_up.gif) center no-repeat #e0e0e0;
}

#content .mapbox .up:hover {
	padding:0 102px 0 0;
	text-decoration:none;
	background:url(../images/button_map_up_h.gif) center no-repeat #e0e0e0;
}

#content .mapbox .right {
	padding:40px 12px 50px 0;
	text-decoration:none;
	background:url(../images/button_map_right.gif) center no-repeat #e0e0e0;
}

#content .mapbox .right:hover {
	padding:40px 12px 50px 0;
	text-decoration:none;
	background:url(../images/button_map_right_h.gif) center no-repeat #e0e0e0;
}

#content .mapbox .down {
	padding:0 102px 0 0;
	text-decoration:none;
	background:url(../images/button_map_down.gif) center no-repeat #e0e0e0;
}

#content .mapbox .down:hover {
	padding:0 102px 0 0;
	text-decoration:none;
	background:url(../images/button_map_down_h.gif) center no-repeat #e0e0e0;
}

#content .mapbox .left {
	padding:40px 12px 50px 0;
	text-decoration:none;
	background:url(../images/button_map_left.gif) center no-repeat #e0e0e0;
}

#content .mapbox .left:hover {
	padding:40px 12px 50px 0;
	text-decoration:none;
	background:url(../images/button_map_left_h.gif) center no-repeat #e0e0e0;
}

/* Kalenderfilter START */
#content .head form {
	margin:0;
	padding:0;
}
#content .head .cal_anz_button {
	float:right;
	display:block;
	padding:6px 10px 0 0;
}

#content .head .cal_button {
	float:right;
	display:block;
	padding:7px 20px 0 0;
}

#content .head .cal_textfield {
	float:right;
	display:block;
	padding:3px 5px 0 0;
}

#content .head .cal_text {
	float:right;
	display:block;
	padding:8px 5px 0 0;
	color:#fff;
	font-weight:bold
}

#content .head input:focus {
	border:1px solid #888;
}

#content .head .button {
	width:74px;
	height:20px;
	padding:0;
	margin:0;
	border:none;
	background:none;
}

/* Kalenderfilter END */


/************* Listen **************/
#left ul {
	padding:0;
	margin:0;
	font-weight:bold;
	list-style-type:none;
}

#left li {
	border-color:#e0e0e0;
	border-style:solid;
	border-width:1px 0 0 0;
}

#left ul li a {
	color:#fff;
	text-decoration:none;
	background:url(../images/bg_button2.gif) repeat-x;
	padding:2px 0 0 8px;
	display:block;
	height:18px;
}

#left ul li a:hover {
	color:#cc0000;
	text-decoration:none;
	background:url(../images/bg_button2_h.gif) repeat-x;
}

#left ul li ul li a {
	color:#fff;
	padding:2px 0 0 20px;
	background:url(../images/bg_button3.gif) no-repeat;
}

#left ul li ul li a:hover {
	color:#cc0000;
	padding:2px 0 0 20px;
	background:url(../images/bg_button3_h.gif) no-repeat;
}

/************* Header-, Footer, und Contentnavigation **************/
#footer span {
	text-align:right;
	display:block;
	padding:3px 20px;
	font-size:11px;
}

#footer span a {
	padding-left:12px;
	color:#888;
	text-decoration:none;
	background:url(../images/icon_siteup.gif) no-repeat 0 4px;
}

#footer span a:hover {
	color:#555;
	text-decoration:underline;
	background:url(../images/icon_siteup_h.gif) no-repeat 0 4px;
}

#footer span .close {
	padding-left:12px;
	color:#888;
	text-decoration:none;
	background:url(../images/icon_close.gif) no-repeat 0 4px;
}

#footer span .close:hover {
	color:#555;
	text-decoration:underline;
	background:url(../images/icon_close_h.gif) no-repeat 0 4px;
}

#footer .copyright {
	color:#888;
	float:left;
}

/************* Images *************/
#logo {
	width:200px;
	height:120px;
	background:url(../images/logo_clevergps.gif) no-repeat;
}

/************* Formulare **************/
#left #form {
	padding:10px;
	margin:5px 0 0 0;
	line-height:150%;
	font-weight:bold;
}

#left .input
{
	font:normal 12px/140% Arial,Verdana,Tahoma,Helvetica,Geneva,sans-serif;
	color:#555;
	padding:2px 4px;
	margin:2px 0;
	border:1px solid #aaa;
	background:url(../images/bg_textfield.gif) repeat-x;
}

#left .select
{
	font:normal 12px/140% Arial,Verdana,Tahoma,Helvetica,Geneva,sans-serif;
	color:#555;
	margin:2px 0;
	border:1px solid #aaa;
	background:url(../images/bg_textfield.gif) repeat-x;
}
	
#left #form input {
	font:normal 12px/140% Arial,Verdana,Tahoma,Helvetica,Geneva,sans-serif;
	color:#555;
	padding:2px 4px;
	margin:2px 0;
	border:1px solid #aaa;
	background:url(../images/bg_textfield.gif) repeat-x;
}

#left #form input:focus {
	border:1px solid #888;
}

#left #form select {
	font:normal 12px/140% Arial,Verdana,Tahoma,Helvetica,Geneva,sans-serif;
	color:#555;
	margin:2px 0;
	border:1px solid #aaa;
	background:url(../images/bg_textfield.gif) repeat-x;
}

#left #form span {
	font-weight:normal;
}

#left #form .button {
	width:74px;
	height:20px;
	border:none;
	background:none;
}

#left #form .anzeigenButton {
	width:74px;
	height:20px;
	border:none;
	background:url(../images/button_anzeigen.png);
	
}

/************* Erklärung der Bedienelemente *************/

.headline {
	padding:7px 0 7px 0;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	border:1px solid #fff;
	background:url(../images/bg_headline.gif) repeat-x #ff7800;
}

#discription {
	padding:10px;
	border-color:#999;
	border-style:solid;
	border-width:1px 0 0 0;
	background-color:#fff;
}

#discription .icon {
	margin:0 10px 0 0;
	float:left;
}

#discription .text {
	margin-bottom:15px;
	padding:3px;
}

#discription span {
	font-weight:bold;
}

/********* Formulare für Benutzer und Geräteverwaltung im Kundenbereich *************/

#content .error
{
	color:#c00;
}

#left #form .button_login {
	width:81px;
	height:20px;
	margin:0;
	padding:0;
	border:none;
	background:url(../images/button_login.png) no-repeat;

}

#left #form .button_logout {
	width:74px;
	height:20px;
	margin:5px 0 0 0;
	padding:0;
	border:none;
	background:url(../images/button_logout.png) no-repeat;
}

#left #form .button_search {
	width:74px;
	height:20px;
	margin:5px 0 0 0;
	padding:0;
	border:none;
	background:url(../images/button_search.png) no-repeat;
}

#content .button_apply {
	width:74px;
	height:20px;
	margin:0;
	padding:0;
	border:none;
	background:url(../images/button_apply.png) no-repeat;
}

#content .button_send {
	width:74px;
	height:20px;
	margin:0;
	padding:0;
	border:none;
	background:url(../images/button_send.png) no-repeat;
}

#content .button_cancel {
	width:74px;
	height:20px;
	margin:0;
	padding:0;
	border:none;
	background:url(../images/button_cancel.png) no-repeat;
}

#content .button_save {
	width:74px;
	height:20px;
	margin:0;
	padding:0;
	border:none;
	background:url(../images/button_save.png) no-repeat;
}

#content .button_activate {
	width:74px;
	height:20px;
	margin:0;
	padding:0;
	border:none;
	background:url(../images/button_aktivieren.png) no-repeat;
}

#content .button_deactivate {
	width:74px;
	height:20px;
	margin:0;
	padding:0;
	border:none;
	background:url(../images/button_deaktivieren.png) no-repeat;
}

.formText {
	width:125px;
	float:left;
	text-align:right;
	margin:4px 10px 0 0;
}

.formField {
	width:300px;
	margin:2px 0;
	background:url(../images/bg_textfield.gif) repeat-x #fff;
	border:1px solid #aaa;
}

.formMessage {
	width:300px;
	margin:2px 0 0 135px;
}

.formField_disabled {
	width:300px;
	margin:2px 0;
	color:#a8a8a8;
	background:url(../images/bg_textfield.gif) repeat-x #fff;
	border:1px solid #aaa;
}

.formField_disabledStatus {
	width:300px;
	margin:2px 0;
	color:#a8a8a8;
	background:url(../images/bg_textfield.gif) repeat-x #fff;
	border:1px solid #aaa;
}