/* ----- Layout ----- */
body {
	height:100%;
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 62.5%; /* 16px / 62.5% = 10px */
	text-align:center;
	color: #333;
	background: #E2E4E6;
}

img { border: none; }

#wrapper {
	text-align:center;
	position: relative;
	margin: auto;
	width: 940px;
	background: #FFF;
	border-left: 2px #FFF solid;
	border-right: 2px #FFF solid;
	border-bottom: 2px #FFF solid;
}

#container { background: #FFF; }

#head {
	background: #FFF;
	height: 120px;
	margin-bottom: 0px;
	background-image: url(../images/bg_header_greyfade_X.jpg);
	background-repeat: repeat-x;
}

.head_logo {
	background-image: url(../images/logo_header_allinkl.jpg);
	background-repeat:no-repeat;
	border: none;
	position: absolute;
	top:35px;
	left:45px;
	height:61px;
	width:288px;
	z-index:50;
	display:block;
}

.clearfloat {
	clear:both;
}

#footer {
	height: 100px;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 1.1em;
	color: #333333;
	background-image: url(../images/bg_footer_greyfade.jpg);
	background-repeat: repeat-x;
	text-align: center;
	background-color: #CECECE;
}

#border_b {
	position: absolute;
	bottom: -17px;
	left: 0px;
	padding: 0;
	width: 100%;
	height: 15px;
	background-image: url(../images/shadow_bottom.gif);
	background-repeat: repeat-x;
}
/* IE Hack - IE need 1px more */
* html #border_b {
	bottom: -18px;
	background: none;
	background-image: url(../images/shadow_bottom.gif);
	background-repeat: repeat-x;
}
#border_b_l {
	position: absolute;
	bottom: 0px;
	left: -17px;
	width: 25px;
	height: 25px;
	background: none;
	background-image: url(../images/shadow_corner_l.gif);
	background-repeat: no-repeat;
}
/* IE Hack */ 
* html #border_b_l {
	bottom: -1px;
}
#border_b_r {
	position: absolute;
	bottom: 0px;
	right: -17px;
	width: 25px;
	height: 25px;
	background: none;
	background-image: url(../images/shadow_corner_r.gif);
	background-repeat: no-repeat;
}
/* IE Hack */ 
* html #border_b_r {
	bottom: -1px;
}
#border_l {
	position: absolute;
	left: 0px;
	top: -15000px;
	height: 15000px;
	width: 15px;
	background-image: url(../images/shadow_left.gif);
	background-repeat: repeat-y;
	background-position: right;
}
#border_r {
	position: absolute;
	right: 0px;
	top: -15000px;
	height: 15000px;
	width: 15px;
	background-image: url(../images/shadow_right.gif);
	background-repeat: repeat-y;
}
/* IE Hack */ 
* html #border_r {
	right: -1px;
}

.clearer {
	clear:both;
	height:1px;
	overflow:hidden;
	font-size:1px;
}

/* ----- Layout Ende ----- */





/* ----- Spacer ----- */
.space5		{ height:  5px; overflow:hidden; padding:0; margin:0; }
.space10	{ height: 10px; overflow:hidden; padding:0; margin:0; }
.space20	{ height: 20px; overflow:hidden; padding:0; margin:0; }
.space50	{ height: 50px; overflow:hidden; padding:0; margin:0; }
/* ----- Höhen Ende ----- */





/* ----- Default-Links ----- */
a, a:link, a:visited, a:active {
	text-decoration: none;
	color: #333333;
}

a:hover {
	color: #E2003D;
}
/* ----- Default-Links Ende ----- */




/* ----- Pager ----- */
.blaetternbox {
  width:100%;
  text-align:center;
}

.blaetternbox .blaettern {
  position: relative;
  margin: 15px auto 5px auto;
  text-align:center;
}

.blaetternbox .blaettern .inactiv, .blaetternbox .blaettern .activ {
	display:inline;
}

.blaetternbox .blaettern .inactiv a,
.blaetternbox .blaettern .inactiv a:visited,
.blaetternbox .blaettern .inactiv a:hover,
.blaetternbox .blaettern .activ a,
.blaetternbox .blaettern .activ a:visited,
.blaetternbox .blaettern .activ a:hover {
  padding: 1px;
  margin:1px;
  border: 0.1em dotted #628296;
  background-color: #fff;
  color: #628296;
  text-decoration: none;
}

.blaetternbox .blaettern .inactiv a:hover,
.blaetternbox .blaettern .activ a,
.blaetternbox .blaettern .activ a:visited,
.blaetternbox .blaettern .activ a:hover {
  color: #585858;
  border: 0.1em solid #585858;
}

.blaetternbox .blaettern .platz {
  width:10px;
  margin:1px;
  display:inline;
}

.blaetternbox .blaettern .punkte {
  width:20px;
  margin:1px 3px;
  display:inline;
  border-bottom:2px dotted #628296;
}





/* ----- Fehlermeldung ----- */
.aktion_fehler {
	width:650px;
	color:#E2003D;
	border:solid #E2023F 1px;
	padding:5px 0 5px 60px;
	font-weight:bold;
	font-size:1.0em;
	line-height:1.2em;
	background:url(../images/error.gif) no-repeat 30px center;
	background-color:#FFCCCC;
	text-align:left;
}
/* ----- Fehlermeldung Ende ----- */





/* ----- Erfolgsmeldung ----- */
.aktion_erfolg {
	width:650px;
	color:#339900;
	border:solid #33CC33 1px;
	padding:5px 0 5px 60px;
	font-weight:bold;
	font-size:1.0em;
	line-height:1.2em;
	background:url(../images/ok.gif) no-repeat 30px center;
	background-color:#E1F7E1;
	position:relative;
	text-align:left;
}
/* ----- Erfolgsmeldung Ende ----- */



/* ----- Fehlerhafte Eingabe ----- */
.error {
	border:solid #E2003D 1px !important;
}
/* ----- Fehlerhafte Eingabe Ende ----- */




/* ----- Login ----- */
.login {
	background:url(../images/box250_bg_middle.gif) top left repeat-y;
	margin: 0 0 10px 0; 
	padding: 0;
	text-align:left;
	width:250px;
}

.login_content {
	margin: 5px 10px;
	padding: 0;
	font-size:1.2em;
}

.login_top {
	margin: 0; padding: 0;
	height: 5px;
	background:url(../images/box250_bg_top.gif) top left no-repeat;
}
.login_bottom {
	margin: 0; padding: 0;
	height: 6px;
	background:url(../images/box250_bg_bottom.gif) bottom left no-repeat;
}
.login_content .input {
	background-color:#FFFFFF;
	border:solid 1px #CCCCCC;
	width:95%;
}

.login_content .error {
	color:#FF0000;
	font-weight:bold;
}

.sperrtext {
	color:#FF0000;
	font-weight:bold;
	font-size:1.5em;
}
.login_error {
	color:#FF0000;
	font-weight:bold;
}
/* ----- Login Ende ----- */





/* ----- Buttons ----- */
.button { background-color: #E2003D; }
.button:hover { background-color: #333; }
/* ----- Buttons Ende ----- */





/* ----- Menu ----- */
#menu {
	float:left;
	width:150px;
	text-align:left;
	padding:20px 5px 5px 5px;
	display:inline;
}
#menu a:link, #menu a:active, #menu a:visited {
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	font-size:12px;
	line-height:17px;
}
#menu a:hover {
	color:#E2003D;
	text-decoration:none;
}
#menu .active {
	text-decoration:underline !important;
}
#menu .submenu {
	padding-left:10px;
}
#menu .submenu a:link, #menu .submenu a:active, #menu .submenu a:visited {
	color:#666666;
	text-decoration:none;
}
#menu .submenu a:hover {
	/*color:#E2003D;*/
	color:#000000;
	text-decoration:none;
}
/*  ---- Menu Ende ----- */





/* ----- Content ----- */
#content {
	float:left;
	width:710px;
	margin-left:0px;
	text-align:left;
	font-size:12px;
}
/* ----- Content Ende ----- */





/* ----- Select-Box ----- */
.select, .input, .input_textarea {
	border:solid #999999 1px;
}
.submit {
	border:solid black 1px;
	background-color:#CCCCCC;
}
/* ----- Select-Box Ende ----- */





/* ----- QuickTip ----- */
div#qTip {
	font-family:arial,helvetica,tahoma,sans-serif;
	max-width: 40em;
	padding: 0.5em;
	border: 1px solid #999;
	border-right-width: 1px;
	border-bottom-width: 1px;
	display: none;
	background: #F1F1F1;
	color: #333;
	font-size: 1em;
	line-height: 1.2em;
	text-align: left;
	position: absolute;
	z-index: 1000;
}
/* ----- QuickTip Ende ----- */





/* ----- SLIMBOX ----- */
#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
/* ----- SLIMBOX Ende ----- */





/* ----- Startseite ----- */
.zusammenfassung {
	width:80%;
	border-collapse:collapse;
}
.zusammenfassung .tbl_head {
	color:#FFFFFF;
	font-weight:bold;
	background-color:#999999;
	padding:3px;
	padding-left:10px;
}
.zusammenfassung th {
	color:#333333;
	font-weight:bold;
	background-color:#FFFFFF;
	border-bottom:solid black 1px;
	padding:3px 0 3px 10px;
	width:350px;
	text-align:left;
}
.zusammenfassung td {
	color:#333333;
	background-color:#FFFFFF;
	border-bottom:solid black 1px;
	padding:3px 0 3px 0;
}
/* ----- Startseite Ende ----- */





/* ----- Übersicht ----- */
.uebersicht {
	width:100%;
	padding:2px;
	border:solid black 1px;
}
.uebersicht th {
	background-color:#999999;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px;
	padding-left:5px;
	border:solid #FFFFFF 1px;
	border-collapse:collapse;
}
.uebersicht td {
	color:black;
	padding:2px;
	padding-left:5px;
	border:solid white 1px;
	border-collapse:collapse;
}
.uebersicht .color1 {
	background-color:#EAEAEA;
}
.uebersicht .color2 {
	background-color:#E2E4E6;
}
/* ----- Übersicht Ende ----- */




/* ----- Bearbeiten-Formular ----- */
.eintragen {
	background:url(../images/box600_bg_middle.gif) top left repeat-y;
	margin: 0 0 10px 0; 
	padding: 0;
	text-align:center;
	width:600px;
}

.eintragen_content {
	margin: 5px 10px;
	padding: 0;
	font-size:1.0em;
}

.eintragen_top {
	margin: 0; padding: 0;
	height: 5px;
	background:url(../images/box600_bg_top.gif) top left no-repeat;
}
.eintragen_bottom {
	margin: 0; padding: 0;
	height: 6px;
	background:url(../images/box600_bg_bottom.gif) bottom left no-repeat;
}

.eintragen_content table {
	border:0;
	width:100%;
}

.eintragen_content th {
	width:150px;
	text-align:left;
	vertical-align:top;
}

.eintragen_content td {
	text-align:left;
	vertical-align:top;
}

.eintragen_content .input {
	background-color:#FFFFFF;
	border:solid #CCCCCC 1px;
	width:250px;
}

.eintragen_content .input_code {
	background-color:#FFFFFF;
	border:solid #CCCCCC 1px;
	width:80px;
	margin-bottom:25px;
}

.eintragen_content .input_short {
	width:80px;
	background-color:#FFFFFF;
	border:solid #CCCCCC 1px;
}

.eintragen_content .textarea {
	width:570px;
	height:150px;
	background-color:#FFFFFF;
	border:solid #CCCCCC 1px;
}

.eintragen_content .submit, .eintragen_content .reset {
	background-color:#CCCCCC;
	border:solid #333333 1px;
}
.eintragen iframe {
	border:solid #CCCCCC 1px;
}
/* ----- Bearbeiten-Formular Ende ----- */





/* ----- Spalten ----- */
.spalte {
	width:150px;
	float:left;
	text-align:left;
}
/* ----- Spalten Ende ----- */






/* ----- Designs ----- */
.design_container {
	width:160px;
	float:left;
	border:solid #CCC 1px;
	margin:10px 3px 10px 3px;
	padding:0px;
	text-align:center;
}

.design_container .current {
	border: solid red 2px;
}

.design_container .normal {
	border:solid #FFF 2px;
}
/* ----- Designs Ende ----- */





/* ----- Fahrer ----- */
.float_left {
	float:left;
	overflow:auto;
	margin-right:5px;
}
.steckbrief_feld {
	float:left;
	width:360px;
	margin-right:5px;
	font-weight:bold;
}
.steckbrief_wert {
	float:left;
	width:230px;
	font-weight:bold;
}
.steckbrief_speichern {
	float:right;
	width:50px;
	margin-right:35px;
}
/* ----- Fahrer Ende ----- */





/* ----- Fahrzeuge ----- */
.details_feld {
	float:left;
	width:350px;
	margin-right:5px;
	font-weight:bold;
	margin-bottom:5px;
}
.details_wert {
	float:left;
	width:353px;
	font-weight:bold;
	margin-bottom:5px;
}
.details_gruppe {
	float:right;
	font-weight:bold;
}
/* ----- Fahrzeuge Ende ----- */