body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	width: 100%;
	height: 100%;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: center;
}

a:link { color :#666666; text-decoration: none; }
a:active { color:#666666; text-decoration:none; }
a:visited  { color:#666666;	text-decoration:none; }
a:hover  { color:#666666; text-decoration:underline; }
a img {	border: 0px; }
img { border: 0px; }

/* Globals */
.clear {clear: both;}
.center {text-align: center;}
.spacer {height: 10px; display: block;}
.h_spacer {width: 230px; height: 200px; float: left;} 
.right {float: right;}
.left {float: left;}
.hide {display: none;}
.cell_warn {color: #CC0000;}
.green {color: #7bb31c;}
.msg {font-weight: bold;}
.bold {font-weight: bold;}
.page_break {margin: 0; padding: 0}

* html #main {height: 100%;}
#main {width: 1000px;  min-height: 99%; border: 1px solid #666666; text-align: left; margin-left: auto; margin-right: auto;}

/* Page head */
#main .header_logo {background: #7bb31c url(/partner/templates/default/img/AutoNet_Logo.jpg); background-repeat: no-repeat; background-position: 795px 5px; width: 100%; height: 55px;}
#main .logoTxt {font-size: 1.6em; font-weight: bold; color: #FFFFFF; padding: 10px 0 0 10px;}
#main .header_teaser {background: url(/partner/templates/default/img/AutonetTopBG.jpg); width: 100%; height: 80px;}
#main form {margin: 0; padding: 0;}
#main .bottom {clear: both; margin: 0 0 15px 0;}

#workspace {margin: 10px 5px 10px 5px; width: 100%; text-align: left;}
#workspace .content_frame {width: 813px; height: 590px; float: left; margin: 0 0 0 15px;  border-left: 1px solid #7bb31c;}

#p_logo {position: relative; top: 0; left: 380px; display: none;}

/* Menue */
#menue {margin: 0; float: left;}
#menue ul { margin:0; padding:0; list-style:none; width: 160px;}
#menue li { margin: 0 0 2px 0;}
#menue li a {background: #7bb31c; padding: 2px 0 2px 0; border: 0; height: 13px; font-weight: bold; text-decoration:none; color:#666666; display: block;}
#menue li a:hover {text-decoration: none; color: #AA0000;}
#menue li .nocat {background: #CCDFA7; padding-left: 5px;}

#menue .level_0 {padding-left: 5px;background:  #cccccc;}
#menue .itemActive {background: #aaccec; color: #000000;}

/* Login Form */
#loginForm {width: 120px; float: left;}
#loginForm .headline {font-size: 1.2em; color: #666666; font-weight: bold;}
#loginForm input {width: 120px; font-size: 8pt; margin: 5px 0 0 0;}
#loginForm .button {float: right; margin: 5px 0 0 0;}
#loginForm a.button {
			width: 70px; 
			text-align: center; 
			background: #7bb31c; 
			text-decoration: none; 
			color: #FFFFFF; 
			font-weight: bold; 
			border-left: 1px solid #A9A9A9; 
			border-top: 1px solid #A9A9A9;
			border-right: 1px solid #A9A9A9; 
			border-bottom: 1px solid #A9A9A9;
}

#loginForm a.button:hover {
			color: #333333;
			border-left: 1px solid #CCCCCC; 
			border-top: 1px solid #CCCCCC;
			border-right: 1px solid #666666; 
			border-bottom: 1px solid #666666;
}


/* Content Area */
#content {width: 490px; color: #666666; margin: 0 0 0 15px; float: left; border-left: 1px solid #7bb31c;}
#content .headline {font-size: 1.4em; font-weight: bold; color: #7bb31c; margin: 0 0 0 10px;}
/* #content .subline {font-size: 1.2em; font-weight: bold; margin: 0 0 0 10px;} */
#content .text {margin: 10px 0 10px 13px;}
#content a.text_link {background: url(/partner/templates/default/img/linkarr.gif) no-repeat top left; padding: 0 0 0 15px; text-decoration: none; margin: 5px 0 0 10px; font-weight: bold; color: #666666; display: block;}
#content a:hover.text_link {background: url(/partner/templates/default/img/linkarrh.gif) no-repeat top left; text-decoration: underline; color: #333333;}
#content .line {background: #ECECEC; width: 490px; padding: 2px 0 2px 0; margin: 1px 0 1px 10px; clear: both;text-align:left;}
#content .formHeadline {background: #7bb31c; padding: 2px 0 2px 0; margin: 0 0 0 10px; font-size: 1.2em; font-weight: bold; color: #FFFFFF; width: 490px; clear: both;}
#content .formHeadline div {margin: 0 0 0 3px;}
#content label {font-weight: bold; width: 190px; float: left; padding: 0 0 0 3px; margin: 2px 0 2px 0; }
#content .label {width: 120px; margin: 0 0 0 3px; float: left;}
#content .value {width: 260px; margin: 3px 0 0 10px; float: left;}
#content select {width: 150px; font-size: 8pt; }
#content input {width: 270px; font-size: 8pt;}
#content input.cbox {height: 14px; border: none; width: 20px; float: left; margin: 4px 10px 3px 10px;}
#content label.cbox {width: 430px; text-align: left; font-weight: normal;}
#content input.plz {width: 50px;}
#content input.location {width: 217px;}
#content .fax_spacer {height: 140px;}

/* Achtung Neu: 12.06.08 Teaser auf Startseite */
#content .subline {  margin: 0 0 0 10px; color: #86BDEF; font-size: 1.2em;; font-weight: bold; }
#content .teaser_line { width: 490px; margin: 0 0 0 10px; }
#content .teaser_line a { text-decoration: none; cursor: pointer;}
#content .teaser_full { width: 100%; border: 1px solid #7bb31c; }
#content .teaser_half { width: 237px; height: 120px; border: 1px solid #7bb31c; }
#content .teaser_headframe { width: 100%; border-bottom: 1px solid #7bb31c; }
#content .teaser_headline { margin: 3px 5px 3px 5px; color: #333333; font-size: 16px; font-weight: bold; }
#content .teaser_subline { margin: 5px 5px 0 5px; color: #86BDEF; font-size: 1.2em;; font-weight: bold; }
#content .teaser_text { margin: 10px 5px 5px 5px; font-size: 11px; }
#content .icon_box { width: 60px; border-left: 1px solid #7bb31c; }
#content .icon_box img { margin: 0 0 0 5px; }
#content .icon_box .bold { margin: 0 0 0 5px; }
#content .download_desc { width: 410px; margin: 0 5px 0 5px; padding: 3px 0 3px 0; }

/* Ende Achtung */

#details .line {background: #ECECEC; padding: 0; height: auto;}
#details label {width: 140px; margin: 3px 0 3px 0;}
#details .data {width: 320px; height: auto; float: left; padding: 3px 0 0 3px; border-left: 1px solid #FFFFFF;}
#details .reButton {float: left; margin: 0 10px 1px 0px;}
#details .reButton a {
			width: 70px; 
			margin: 4px 0 4px 0px;
			text-align: center; 
			background: #7bb31c; 
			text-decoration: none; 
			color: #FFFFFF; 
			font-weight: bold; 
			border-left: 1px solid #A9A9A9; 
			border-top: 1px solid #A9A9A9;
			border-right: 1px solid #A9A9A9; 
			border-bottom: 1px solid #A9A9A9;
			display: block;
}

#details .reButton a:hover {
			color: #333333; 
			border-left: 1px solid #CCCCCC; 
			border-top: 1px solid #CCCCCC;
			border-right: 1px solid #333333; 
			border-bottom: 1px solid #333333;
}


#content .button a {
			margin: 7px 0 5px 10px;
			text-align: center; 
			background: #7bb31c; 
			text-decoration: none; 
			color: #FFFFFF; 
			font-weight: bold; 
			border-left: 1px solid #A9A9A9; 
			border-top: 1px solid #A9A9A9;
			border-right: 1px solid #A9A9A9; 
			border-bottom: 1px solid #A9A9A9;
			display: block;
}

#content .button a:hover {
			color: #333333; 
			border-left: 1px solid #CCCCCC; 
			border-top: 1px solid #CCCCCC;
			border-right: 1px solid #333333; 
			border-bottom: 1px solid #333333;
}


/* Auftragsliste */
#aList {width: 760px; margin: 0 0 0 10px;}
#aList .listHeader {background: #7bb31c; height: 20px; font-size: 1.2em; font-weight: bold; color: #FFFFFF; width: 100%; clear: both;}
#aList .date {width: 80px; height: 100%; text-align: left; float: left; padding: 2px 0 0 4px;}
#aList .anr {width: 80px; height: 100%; text-align: left; float: left; padding: 2px 0 0 4px; border-left: 1px solid #FFFFFF;}
#aList .desc {width: 280px; height: 100%; float: left; padding: 2px 0 0 4px; border-left: 1px solid #FFFFFF;}
#aList .ref {width: 100px; height: 100%; text-align: left; float: left; padding: 2px 0 0 4px; border-left: 1px solid #FFFFFF;}
#aList .list {background: #DCDCDC; height: 30px; color: #333333; width: 100%; padding: 0; text-align: left; margin: 2px 0 0 0; clear: both;}
#aList .highlight {background: #ECECEC;}
#aList .edit {width: 90px; float: right;}
#aList .edit a {
			width: 70px; 
			margin: 7px 0 5px 10px;
			text-align: center; 
			background: #7bb31c; 
			text-decoration: none; 
			color: #FFFFFF; 
			font-weight: bold; 
			border-left: 1px solid #A9A9A9; 
			border-top: 1px solid #A9A9A9;
			border-right: 1px solid #A9A9A9; 
			border-bottom: 1px solid #A9A9A9;
			display: block;
}

#aList .edit a:hover {
			color: #333333; 
			border-left: 1px solid #CCCCCC; 
			border-top: 1px solid #CCCCCC;
			border-right: 1px solid #333333; 
			border-bottom: 1px solid #333333;
}


#submitArea {margin: 15px 0 0 10px;}
#submitArea a {
			width: 70px; 
			text-align: center; 
			background: #7bb31c; 
			text-decoration: none; 
			color: #FFFFFF; 
			font-weight: bold; 
			border-left: 1px solid #A9A9A9; 
			border-top: 1px solid #A9A9A9;
			border-right: 1px solid #A9A9A9; 
			border-bottom: 1px solid #A9A9A9;
}

#submitArea a:hover {
			color: #333333;
			border-left: 1px solid #CCCCCC; 
			border-top: 1px solid #CCCCCC;
			border-right: 1px solid #333333; 
			border-bottom: 1px solid #333333;
}

#content .navi {width: 100%; background: #FFFFFF; margin: 6px 0 0 0; padding: 3px 0 3px 0; color: #666666; border-bottom: 1px dotted #333333; border-top: 1px dotted #333333; float: left;}
#content .naviStatus {width: 180px; font-weight: bold; float: left; margin: 0 10px 0 0; padding: 3px 0 3px 5px;}
#content .inactive_button {padding: 3px 0 3px 0; width: 80px; float: left; text-align: center;}
#content .button {float: left; margin: 0; padding: 0;}
#content  a.button {font-weight: bold; padding: 3px 0 3px 0; width: 80px; text-align: center; color: #666666; text-decoration: none; border: 1px solid #ECECEC;}
#content  a:hover.button {font-weight: bold; background: #ECECEC; color: #333333; text-decoration: none; border: 1px solid #666666;}
#content .navi_spacer_left {margin: 4px 10px 0 5px; border-left: 1px solid #333333; float: left;}
#content .pageInfo {font-weight: bold; float: left; color: #333333; padding: 3px 0 3px 0; margin: 0 10px 0 0;}
#content .inactive_pageNavi {padding: 3px 5px 3px 5px; font-weight: bold; color: #333333; text-align: center; border: 1px solid #ECECEC; float: left;}
#content a.pageNavi {padding: 3px 5px 3px 5px; font-weight: bold; color: #666666; text-align: center; text-decoration: none; border: 1px solid #ECECEC; float: left}
#content a:hover.pageNavi {background: #ECECEC; font-weight: bold; color: #333333; border: 1px solid #666666; float: left;}
#content .navi_spacer_right {margin: 4px 5px 0 10px; border-right: 1px solid #333333; float: left;}

@media print {
	#main {border: none; width: 620px;}
	#menue {display: none;}
	.header_teaser {display: none;}
	.h_spacer {display: none;}
	#p_logo {display: block;}
	#main .header_logo {display: none;}
	#p_button {display: none;}
	#content {width: 600px; border-left: none;}
	#content .headline {color: #333333;}
	#content .text {width: 600px;}
	#content .line {width: 600px; background: #FFFFFF;}
	#content .formHeadline {background: #FFFFFF; width: 630px; color: #333333; border-bottom: 3px solid #CCCCCC;}
}