.lightface {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	position: absolute;
	top: -9000px;
	left: -9000px;
}

.lightface td {
	padding: 0;
	margin: 0;
	background-color: transparent;
	vertical-align: top;
	font-family: 'Verdana';
	font-size: 11px;
}

.lightface .centerLeft, .lightface .centerRight {
	width: 5px;
	height: auto;
	background-image: url(b.png);
	background-repeat: repeat-y;
}

.lightface .topLeft, .lightface .topRight, .lightface .bottomLeft, .lightface .bottomRight {
	width: 5px;
	height: 5px;
	background-repeat: no-repeat;
}

.lightface .topLeft {
	background-image: url(tl.png);
	background-position: top left;
}

.lightface .topRight {
	background-image: url(tr.png);
	background-position: top right;
}

.lightface .bottomLeft {
	background-image: url(bl.png);
	background-position: bottom left;
}

.lightface .bottomRight {
	background-image: url(br.png);
	background-position: bottom right;
}

.lightface .topCenter, .lightface .bottomCenter {
	width: auto;
	height: 5px;
	background-image: url(b.png);
	background-repeat: repeat-x;
}

.lightface .lightfaceContent {
	background-color: #fff;
	border: 1px solid #555;
	position: relative;
}

.lightface .loading {
	display: block;
	margin: 10px auto;
}

.lightface .lightfaceContent .lightfaceTitle {
	font-size: 14px;
	color: #fff;
	/*background-color: #6d84b4;*/
	background-color: #ef8f29;
	border: 1px solid #3b5998;
	font-weight: bold;
	margin: -1px;
	margin-bottom: 0;
	padding: 5px 10px;
}

.lightface .lightfaceContent .lightfaceDraggable {
	cursor:move;
}

.lightface .lightfaceContent .lightfaceMessage {
	overflow: auto;
	margin: 0;
	position: relative;
	padding: 5px 10px;
	border: 1px solid #fff;
}

.lightface .lightfaceContent .lightfaceMessage h3,
.lightface .lightfaceContent .lightfaceMessage h4,
.lightface .lightfaceContent .lightfaceMessage h5,
.lightface .lightfaceContent .lightfaceMessage h6 {
	margin-top: 6px;
}

.lightface .lightfaceContent .lightfaceFooter {
	background-color: #f2f2f2;
	border-top: 1px solid #ccc;
	padding: 6px 10px;
	text-align: right;
}
/*
.lightface .lightfaceFooter input[type='button'] {
	border: 1px solid #666;
	border-top-color: #e7e7e7;
	border-left-color: #e7e7e7;
	background-color: #f0f0f0;
	padding: 1px 0 2px;
	line-height: 16px;
	vertical-align: middle;
	margin-left: 5px;
	cursor: pointer;
	font-size: 13px;
	display: inline-block;
	font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
	white-space: nowrap;
	border:2px outset buttonface;
	border-style: inset;
	text-align:center;
}

.lightface .lightfaceFooter input[type='button'].lightfaceBlue {
	border-color: #0e1f5b;
	border-top-color: #d9dfea;
	border-left-color: #d9dfea;
	background-color: #3b598a;
	color: #fff;
}
*/

.lightface .lightfaceFooter label {
	font-size: 13px;
	border-style: solid;
	/*background-image:url(button.png);*/
	cursor:pointer;
	font-weight:bold;
	padding:2px 6px 2px 6px;
	text-align:center;
	vertical-align:top;
	white-space:nowrap;
	border-width:1px;
	margin-left:3px;
	background-position:0 0;
	border-color:#999;
	background-color:#0157ac;
	line-height:normal !important;
	display:inline-block;
}

.lightface .lightfaceFooter label input {
	background:none;
	background-color:#0157ac;
	border:0 !important;
	cursor:pointer;
	font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
	font-weight:bold;
	margin:0;
	padding:1px 0 2px;
	white-space:nowrap;
	text-align:center;
	color:#fff;
	font-size:13px;
	border: 2px outset buttonface;
	text-indent:0;
	text-shadow:none;
	display:inline-block;
	color:#fff;
	font-size:13px;
}
/* ie6 hacks */
* html .lightface .lightfaceFooter label input { border:0; }

.lightface .lightfaceFooter label.lightfaceblue {
	border-color: #29447E #29447E #1A356E;
	background-position:0 -48px;
}
.lightface .lightfaceFooter label.lightfaceblue.lightfacefocusblue { background-color: #5b74a8; background-image:none; }

.lightface .lightfaceFooter label.lightfacegreen {
	border-color: #3B6E22 #3B6E22 #2C5115;
	background-position:0 -96px;
}
.lightface .lightfaceFooter label.lightfacegreen.lightfacefocusgreen { background-color: #69A74E; background-image:none; }

.lightface .lightfaceFooter label.lightfaceblue input,
.lightface .lightfaceFooter label.lightfacegreen input {
	color:#fff;
}


.lightface .hiddenButton {
	visibility: hidden;
}

.lightface .lightfaceOverlay {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	/*
	background-image: url(fbloader.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff;
	*/
	background:url(fbloader.gif) center center no-repeat #fff;
}

.lightface .lightfaceMessageBox	{ 
	overflow: auto;
	padding: 10px 10px;
	min-height: 20px;
	position:relative;
}

.lightface .lightFaceMessageBoxImage {
	overflow: hidden;
	padding: 0;
	background:url(fbloader.gif) center center no-repeat #fff;
}

.lightface .lightFaceMessageBoxImage img {
	display: block;
}/* Created by Arian Stolwijk <http://www.aryweb.nl> */

.MooDialog {
/*	position: fixed;*/
	width: 300px;
	height: 100px;
	position: fixed;
	margin: -150px 0 0 -150px;
	top: 50%;
	left: 50%;
	z-index: 50000;

	background: #eef5f8;
	color: black;
	padding: 10px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
}

.MooDialogTitle {
	padding-top: 30px;
}

.MooDialog .content {
	height: 100px;
}

.MooDialog .title {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 3px 20px;
	background: #b7c4dc;
	border-bottom: 1px solid #a1aec5;
	font-weight: bold;
	text-shadow: 1px 1px 0 #fff;
	color: black;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.MooDialog .close {
	background: url(dialog-close.png) no-repeat;
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
	top: -5px;
	left: -5px;
	position: absolute;
}

.MooDialog .buttons {
	text-align: right;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}

.MooDialog .iframe {
	width: 100%;
	height: 100%;
}

.MooDialog .textInput {
	width: 200px;
	float: left;
}

.MooDialog .MooDialogAlert,
.MooDialog .MooDialogConfirm,
.MooDialog .MooDialogPrompt,
.MooDialog .MooDialogError {
	background: url(dialog-warning.png) no-repeat;
	padding-left: 40px;
	min-height: 40px;
}

.MooDialog .MooDialogConfirm,
.MooDialog .MooDialogPromt {
	background: url(dialog-question.png) no-repeat;
}

.MooDialog .MooDialogError {
	background: url(dialog-error.png) no-repeat;
}

/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Dashboard CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

input.dashboard,
select.dashboard {
	width: 149px;
}

button.dashboard {
	background: url("/asset/common/img/calendar/dashboard-icon.gif");
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	margin-right: 10px;
	width: 20px;
}
button.dashboard:hover,
button.dashboard.active {
	background-position: 0 20px;
}

div.dashboard {
	background: url("/asset/common/img/calendar/dashboard.png");
	height: 175px;
	padding: 0 12px;
	text-align: center;
	width: 147px;
}	
	div.dashboard * {
		margin: 0;
		padding: 0;
	}	
	div.dashboard div {
		background: none !important;
		cursor: move;
		height: 165px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.dashboard caption {
		color: #CF0;
		font: normal 12px/17px Arial, Helvetica, sans-serif;
		padding-top: 4px;
		text-align: center;
		width: 100%;
	}
	div.dashboard caption a {
		cursor: pointer;
		display: block;
		height: 11px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 16px;
		width: 11px;
	}
	div.dashboard caption a.prev {
		background-image: url(/asset/common/img/calendar/dashboard-prev.gif);
		left: 1px;
	}
	div.dashboard caption a.next {
		background-image: url(/asset/common/img/calendar/dashboard-next.gif);
		right: 1px;
	}
	div.dashboard caption a:hover {
		background-position: 0 11px;
	}
	div.dashboard caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.dashboard caption span.month {
		padding-right: 8px;
	}
	div.dashboard caption span.month:after {
		content: ',';
	}

	div.dashboard table {
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.dashboard td,
	div.dashboard th {
		border: 0;
		color: #999;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 19px;
		text-align: center;
		width: 21px;
	}
	div.dashboard td {
		color: #333;
		font-size: 11px;
		padding-right: 5px;
		text-align: right;
		width: 16px;
	}
	div.dashboard td.invalid {
		color: #666;
	}
	div.dashboard td.valid {
		color: #FFF;
		cursor: pointer;
	}
	div.dashboard td.active,
	div.dashboard td.hover {
		color: #CF0;
		cursor: pointer;
	}/**
base - stylesheet
----------------------------------------------

include order:
	(1)	base.css					[X]
	(2)	navigation.css		[]
	(3)	forms.css					[]
	(4)	updates.css				[]


based on css files: 		2010-10-12
updated:								2010-11-03	(dennis h.)

changes:
- (2010-11-03) added "messagebox  styles" (cleanup req.)



----------------------------------------------
copyright FreeAG
*/



/*
----------------------------------------------
	reset	(reset)
----------------------------------------------
*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*
----------------------------------------------
	common	(initial)
----------------------------------------------
*/
body
{
    overflow: -moz-scrollbars-vertical;
   /* position: relative;
    z-index: 1;*/
}

pre
{
    display: block;

    width: 80%;
    z-index: 9999;
    border: 1px dashed red;
    padding: 10px;
    text-align: left;
    height: 5px;
    overflow: hidden;
    background: yellow;
    color: black;
    margin-top: 20px;
}

pre:hover
{
	/*height: auto;*/

	/*disabled max height attribute*/
	/*max-height: 800px;*/

	height: 2000px;
}

object, object:focus
{
	outline: none;
}

img
{
	vertical-align: top;
}

.clear
{
	clear: both;
}

.clear-after:after
{
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
	clear: both;
}

/* Hides from IE-mac \*/
* html .clear-after { zoom: 1; }
*+ html .clear-after { zoom: 1; }
/* End hide from IE-mac */

.access
{
	position: absolute;
	left: -3000px;
	top: -3000px;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

sup
{
    font-size: 8px;
}

.unselectable,
.unselectable *
{
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select:ignore;
}

object:focus
{
    outline:0;
}

a:focus
{
    outline:0;
}

strong
{
    font-weight: bold;
}

.clickable
{
    cursor: pointer;
}


/*
----------------------------------------------
	font setup (font)
----------------------------------------------
*/

body
{
    font-family: Arial;
    font-size: 12px;
    color: #7e7e7e;
}

h2
{
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    color: #1d75cf;
    margin-bottom: 20px;
}

h3
{
    font-size: 18px;
    margin-bottom: 20px;
    color: #ff7400;
    font-style: italic;
    font-weight: bold;
    padding-top: 5px;
}

/*new*/
h5
{
    font-size: 14px;
    margin-bottom: 10px;
    color: #ff7400;
    /*font-style: italic;*/
    font-weight: bold;
    padding-top: 5px;
}

h6
{
    font-size: 12px;
    margin-bottom: 10px;
    color: #1d75cf;
    font-style: italic;
    font-weight: bold;
    padding-top: 5px;
}

.blue
{
    color: #0753ab;
}

a.tooltip
{
    cursor: help;
}



/*
----------------------------------------------
	layout (grid)
----------------------------------------------
*/

body,
html
{
    height: 100%;
    width: 100%;
}

html
{
    background: #c1c1c1;
}

/* PAGE */
#page
{
    background: white;
    width: 913px;
    border-left: 1px #797979 dotted;
    border-right: 1px #797979 dotted;
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    -moz-box-shadow: 0 -16px 15px 1px #777;
    position: relative;
}

/* NOTICE */
#notice
{
    padding: 5px;
    background: #FF6E06;
    text-align: center;
    color: white;
}

/* HEADER */
#header
{
    height: 116px;
    width: 100%;
    background:  url("/asset/common/img/background/header.jpg");
}

/* NAVIGATION */
#navigation
{
    height: 39px;
    width: 100%;
}

/* CONTENT */
#content
{
    background:  url("/asset/common/img/background/content.gif") repeat-x white top left;
    position: relative;
}

/* CONTENT -> MAIN */
#main
{
    padding-bottom: 107px;
}

/* FOOTER */
#footer
{
    background:  url("/asset/common/img/background/footer.gif");
    height: 62px;
    padding: 45px 0 0 22px;
    position: absolute;
    bottom: 0;
    width: 891px;
}

/* TOOLTIPS */
div.tip-wrap
{
    background: #FF7A00;
    color: white;
    padding: 3px;
    font-size: 11px;
    border: 1px white dotted;
    width: 200px;
    z-index: 100;
}



/*
----------------------------------------------
	messagebox  styles
	cleanup this....
----------------------------------------------
*/


 .MBinfo, .MBsuccess, .MBwarning, .MBerror, .MBvalidation, .MBvalidation {
     border: 1px solid;
     margin: 10px 0px;
     padding:15px 10px 15px 70px;
     background-repeat: no-repeat;
     background-position: 10px center;
 }
 .MBinfo {
    color: #00529B;
     background-color: #BDE5F8;
     background-image: url('/asset/common/img/icon/mb_info.png');
 }
 .MBsuccess {
     color: #4F8A10;
     background-color: #DFF2BF;
     background-image:url('/asset/common/img/icon/mb_success.png');
 }
 .MBwarning {
     color: #9F6000;
     background-color: #FEEFB3;
     background-image: url('/asset/common/img/icon/mb_warning.png');
 }
 .MBerror {
     color: #D8000C;
     background-color: #FFBABA;
     background-image: url('/asset/common/img/icon/mb_error.png');

 }

   .MBvalidation {
       color: #D63301;
       background-color: #FFCCBA;
       background-image: url('/asset/common/img/icon/mb_validation.png');
   }


/* Message Boxes */
.msgBox{
	font-family:Arial, Helvetica, sans-serif;
	opacity: 0;
	position:absolute;
	top:-1000px;
	left:0px;
	max-width: 250px;
	min-width: 150px;
	color:#aaa;
	background: rgb(0, 0, 0); /* compatibility fallback */
	background: rgba(0, 0, 0, 0.8);
	padding: 10px;
	border-radius: 15px;
	box-shadow: 2px 2px 6px #666;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-box-shadow: 2px 2px 6px #666;
	-webkit-box-shadow: 2px 2px 5px #666;
	z-index:99999; //-1
}

.msgBoxImage{
	width: 40px;
	height: 40px;
}

.msgBoxIcon{
	float:left;
	width: 40px;
	height: 40px;
	padding-right: 7px;
}

.msgBoxTitle{
	float:left;
	color: #FFFFFF;
}

.msgBoxContent{
	float:left;
	max-width: 80%;
	font-size:12px;
}

.msgBoxMessage{		float:left;}
.msgBoxLink{		color:#6699CC;}
.msgBoxLink:hover{	color:#FF9900;}

.msgEditable{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:250px;
	background: rgb(0, 0, 0); /* compatibility fallback */
	background: rgba(255, 255, 255, 0.1);
	border:#000;
	color:#FFF;
}


.linkObject
{
	cursor:pointer;
}

.alternateLink
{
	font-weight: bold;
	text-decoration:underline;
}


/*additinal styles for contract-list display*/

span.terminated
{
	/*text-decoration:underline;*/
	color: #ff0000;
}

strong.normaluserFAQ
{
	cursor:pointer;
}


span.rent-loginerror
{
	font-weight: bold;
	color: #ff0000;
}

span.alternatelink
{
	color: #1D75CF;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}


.red
{
	color: #ff0000;
}

.serial
{
	display:none;
	width: 0px;
	height:0px;
}






.cursor-loader-frame {
  background:url(/asset/common/img/loader/frame.png) no-repeat 50% 50%;
}

.cursor-loader-inner {
  /*background:url(/asset/common/img/loader/loader-animation.gif) no-repeat 50% 50%;*/
  background:url(/asset/common/img/loader/loader_circle2.gif) no-repeat 50% 50%;
}


div.loadingscreen{
    display:block;

    /*set the div in the center of the screen*/
    position:absolute;
    top:50%;
    left:39%;
    width:200px;


    border:3px solid #aaa
  }


  div.loadingscreen2{


  	width: 50%;

    margin: auto;


    border:3px solid #aaa;

    z-index: 99999;
  }

    div.loadingscreen3{
 position:absolute;
 left:50%;

 	  top:50px;

  	width: 50%;

    margin: auto;

    margin-right: 400px;

    border:3px solid #aaa;

    z-index: 99999;
  }

div.roundcorners
{
	 -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
	border-radius: 15px;
}

/*generic round corner declarations*/
/*dropped...*/

div.loadingcontent
{
	text-align: center;
	background:url(/asset/common/img/loader/progressbar.gif) no-repeat 50% 60%;
}

.loadingcontent p
{
	/*background-color: fuchsia;*/
	padding-top:5px;
	font-size: 1.2em;
	font-weight: bold;
	color: #1557a3;
}


























/**
navigation - stylesheet
----------------------------------------------

include order:
	(1)	base.css					[]
	(2)	navigation.css		[X]
	(3)	forms.css					[]
	(4)	updates.css				[]


based on css files: 		2010-10-12


----------------------------------------------
copyright FreeAG
*/

/* MAIN NAVIGATION */
#navigation li
{
    float: left;
    display: block;
    width: 182px;
    background: #444444;
    border-right: 1px #fffeff dotted;
}

#navigation .last
{
    border-right: none;
    width: 181px;
}

#navigation li a
{
    width: 158px;
    height: 24px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: white;
    padding: 15px 0 0 24px;
}

#navigation .last a
{
    width: 157px;
}

#navigation li a:hover,
#navigation li.active a
{
    background: #ff7a00;
}

/* SUBNAVIGATION */
#sub-navigation
{
    background: #ff7a00;
    height: 39px;
    padding-left: 13px;
    position: relative;
    z-index: 0;
/*     behavior: url(/asset/common/ie/PIE.php);*/
}

#sub-navigation li
{
    float: left;
    margin-top: 20px;
    margin-right: 25px;
    cursor: pointer;
    /* position: relative;*/
    /*z-index: 1;*/

/*    behavior: url(/asset/common/ie/PIE.php);*/
}

#sub-navigation li a:link,
#sub-navigation li a:visited,
#sub-navigation li a
{

	/*some intitial values for some stuff returned as "initial" ...*/




   	background:  url("/asset/common/img/background/subnavigation-item.gif") repeat-x;
/*	background: #EEFF99;*/
    padding: 6px 10px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    font-size: 12px;

    /*NEW: added round corners, please contact daniel for clearance... imho it looks nicer*/
    /*behavior: url("/asset/common/ie/border-radius.htc");*/

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border-radius: 4px;

/*	behavior: url(/asset/common/ie/PIE.php);*/
	/*ie hacks for round radius... */

	/*behavior: url("/asset/common/ie/border-radius.htc");*/




}



#sub-navigation li a:hover,
#sub-navigation li.active a
{
    background-image:  url("/asset/common/img/background/subnavigation-item-active.gif");
/*	background: #EEFF99;*/
    color: #0057ab;

     -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border-radius: 4px;

/*    behavior: url(/asset/common/ie/PIE.php);*/
}

/* FOOTER */
#footer
{
    color: white;
}

#footer ul
{
    position: absolute;
    left: 80px;
    top: 45px;
}

#footer li
{
    float: left;
    background:  url("/asset/common/img/background/footer-spacer.png") no-repeat left 4px;
    padding-left: 20px;
    margin-right: 10px;
}

#footer li a
{
    color: white;
    text-decoration: none;
}






/*
 * navigation tabs
 *
 * used for myLockix features
 */
#tabmenu
{
	color: #000;
	border-bottom: 0px solid black;
	margin: 12px 0px 0px 10px;
	padding: 0px;
	z-index: 1;
	padding-left: 10px
}
#tabmenu li
{
	display: inline;
	overflow: hidden;
	list-style-type: none;

}
#tabmenu a, a.active
{
	color: #fff;
	background: #d8760e;
	font: normal 1em verdana, Arial, sans-serif;
	border: 1px solid black;
	padding: 6px 5px 0px 5px;
	margin: 0px;
	text-decoration: none;
	cursor:hand;
	cursor:pointer;
}
#tabmenu a.active { background: #ffffff; border-bottom: 3px solid #ffffff; color:#1d75cf }
#tabmenu a:hover { color: #fff; background: #ADC09F; }
#tabmenu a:visited { color: #E8E9BE; }
#tabmenu a.active:hover { background: #ffffff; color: #DEDECF; }



.verstecken
{
   display: none;
}

#extern
{
    padding: 0;
}

#extern #main .mieten
{
	display: block;
	padding: 10px 0 10px 0;
	margin-bottom: 20px;
	width: 100%;
    outline: 1px #0057AB dotted;
	background: url("/asset/common/img/background/mieten.jpg")repeat-x;
	color: #FFF;
}

#extern #main .mieten:hover
{
	background: #444444;
}

#extern #main .mieten h1, #extern #main .mieten h2, #extern #main .mieten h3, #extern #main .mieten p
{
	color: #FFF;
	padding-left: 20px;
}

#extern #main .mieten strong
{
	color: #FFF;
}

#extern #mainstart
{
    width: 913px;
    float: left;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 160%;
}

#extern .startlinks
{
	float: left;
    padding: 0;
	width: 548px;
}

#extern .startrechts
{
	float: right;
    padding: 0;
	width: 365px;
}

#extern .startrechts .abstand
{
	padding: 30px 20px 0 20px;
}

#extern .weiter
{
	padding: 0 0 0 18px;
	background: url("/asset/common/img/icon/rent-step-list-item-active.gif") no-repeat left 2px;
}

#extern #schrank
{
	width: 100%;
	height: 335px;
	background: url("/asset/common/img/content/fuer_schueler_schrank.jpg") no-repeat right bottom;
}

#extern #main td
{
	vertical-align:top;
}

#extern #main ul li
{
	padding: 0 0 2px 18px;
	background: url("/asset/common/img/icon/rent-step-list-item-done.gif") no-repeat left 4px;
}

#extern #main ul ul li
{
	padding: 0 0 2px 28px;
	background: url("/asset/common/img/icon/list-item-strich.gif") no-repeat 10px 6px;
}

#extern #sub
{
    width: 183px;
    float: left;
    font-size: 11px;
	padding: 30px 0 120px 0;
}

#extern #sub .abstand
{
    padding: 0 0 0 25px;
}

#extern #sub a
{
    color: #1D75CF;
	text-decoration: none;
}

#extern #sub h3
{
    margin-bottom: 12px;
}

#extern #sub a.current, #extern #sub a:hover
{
    color: #EF8F29;
}

#extern #sub ul li
{
    margin-bottom: 0;
    color: #1D75CF;
    background:  none;
    padding-left: 0px;
}

#extern #sub ul
{
    margin-bottom: 0;
}

#extern #sub .input
{
	width: 130px;
}

#extern #main
{
    width: 730px;
    float: left;
	margin: 0 0 50px 0;
	font-size: 13px;
	line-height: 160%;
}

#extern #full
{
	display: block;
	width: 700px;
	clear: all;
}

#extern #main a
{
    color: #1D75CF;
	text-decoration: none;
}

#extern #main strong a
{
	border-bottom: 1px dotted;
}

a.manuLink
{
    color: #1D75CF;
    /*border-bottom: 1px dotted;*/
}


#extern #main a:hover
{
    color: #EF8F29;
}

#extern #main h3, #extern #main h2, #extern #main h4
{
    color: #1D75CF;
	line-height: 140%;
	margin-top: -3px;
}

#extern #main h4
{
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 10px;
}

#extern .linkespalte
{
    float: left;
	width: 365px;
	font-size: 13px;
	line-height: 160%;
}

#extern .rechtespalte
{
    float: left;
	width: 340px;
	font-size: 13px;
	line-height: 160%;
}

#extern .grossespalte
{
    float: left;
	width: 570px;
	font-size: 13px;
	line-height: 160%;
}

#extern #main .linkespalte .abstand
{
    padding: 0 0 0 20px;
}

#extern #main .abstandoben
{
    padding: 30px 20px 0 20px;
}

#extern #main .rechtespalte .abstand
{
    padding: 30px 0 0 20px;
}

#extern .linkespalte img
{
    margin-bottom: 25px;
}

#extern .form-item-input
{
    padding: 0;
	margin: 0;
}

.blau
{
    color: #1D75CF;
}

.orange
{
    color: #EF8F29;
}

.orangebold
{
    color: #EF8F29;
	font-weight: bold;
}

.klein
{
	font-size: 11px;
}

.gross
{
	font-size: 16px;
}

strong
{
	font-weight: bold;
    color: #1D75CF;
}

sup
{
	font-size: 70%;
	padding-left: 1px;
	line-height: 100%;
}

.alignright
{
	float: right;
	margin: 0 0 20px 20px;
}

.alignleft
{
	float: left;
	margin: 0 20px 20px 0;
}

.startbild
{
	margin: 20px 0 17px 0;
}

#orangehg
{
	color: #FFF;
	font-weight: normal;
	font-style: italic;
	height: 340px;
	background: #EF8F29 url("/asset/common/img/background/start_orange.gif") repeat-y top left;
}

#orangehg h2
{
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	color: #FFF;
	margin: 10px 0 5px 0;
}

#orangehg a
{
	color: #FFF;
	text-decoration: none;
}

#orangehg a:hover
{
	color: #FFF;
	text-decoration: underline;
}

#orangehg .ajax-form
{
   margin-top: 20px;
}

#orangehg input.input
{
    border: 1px #bfbfbf solid;
    font-family: Verdana;
    font-size: 11px;
    color: #0057ab;
    padding: 3px 5px;
	width: 100px;
}

#orangehg .form-item-input
{
    float: left;
    margin-left: 0;
}

#orangehg .form-item-image
{
    float: left;
    margin-left: 5px;
	padding: 0;
}

.startspalte
{
	float: left;
	width: 142px;
	padding: 20px 20px 20px 20px;
}

#extern .startrechts a
{
    color: #1D75CF;
	text-decoration: none;
}

#extern .startrechts a:hover
{
    color: #EF8F29;
}

/*  Tooltip-Sprechblasen   */


a.tt{
    position:relative;
    z-index:24;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
	font-size: 12px;
	font-style:normal;
	color: #1D75CF;
    display:block;
    position:absolute;
    top:0px; left:20px;
	padding: 15px 0 0 0;
	width:200px;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(/asset/common/img/tooltip/bubble.png) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px;
	background: url(/asset/common/img/tooltip/bubble_filler.gif) repeat bottom;
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(/asset/common/img/tooltip/bubble.png) no-repeat bottom;
}

/*-----------------------------------------------------------------------------*/


/*  --------------- Formulare ---------------------- */
#extern form {
border: 0px;
}

#extern .feld{
width:250px;
height: 24px;
padding: 2px;
border:1px solid #C1C5D7;
color:#1D75CF;
font: 12px Arial, Sans-serif;
}

#extern textarea {
width:250px;
padding: 2px;
border:1px solid #C1C5D7;
color:#1D75CF;
font: 12px Arial, Sans-serif;
}

#extern input.button {
text-transform:uppercase;
height: 30px;
width: 256px;
padding: 0px;
color: #FFF;
background: #1657A3;
border:1px solid #C1C5D7;
cursor: pointer;
cursor: hand;
outline: none;
}

#extern input.button:hover {
background: #EF8F29;
outline: none;
}

#extern .unsichtbar {
display:none;
}

#extern .kontakt table {
border: 0;
border-spacing: 0;
}

#extern .kontakt td {
vertical-align: top;
padding: 6px 0 0 0;
}




/* DATA FROM STUDENT MASTER, DEFINATELY DUPLICATE DATA IN HERE!!!*/

.verstecken
{
   display: none;
}

#extern
{
    padding: 0;
}

/* WHY is here input 96% ??*/
#extern input
{
	/*width: 96%; */ /*disabled.. check for errors...*/
	border: 1px #BFBFBF solid;
	padding: 2px;
	margin: 1px 0;
	color: #7e7e7e;
}

.linie
{
	background: url("/asset/common/img/background/linie.gif") repeat-x top left;
	height: 10px;
	width: 100%;
	margin: 10px 0;
}
#extern table
{
	width: 100%;
}
#extern table td img
{
	padding-top: 4px;
}

#extern #main .mieten
{
	display: block;
	padding: 10px 0 10px 0;
	margin-bottom: 20px;
	width: 100%;
    outline: 1px #0057AB dotted;
	background: url("/asset/common/img/background/mieten.jpg") repeat-x;
	color: #FFF;
}

#extern #main .mieten:hover
{
	background: #444444;
}

#extern #main .mieten h1, #extern #main .mieten h2, #extern #main .mieten h3, #extern #main .mieten p
{
	color: #FFF;
	padding-left: 20px;
}

#extern #main .mieten strong
{
	color: #FFF;
}

/*-- Startseite ------------------------------*/

#extern #mainstart
{
    width: 913px;
    float: left;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 160%;
}

#extern .startlinks
{
	float: left;
    padding: 0;
	width: 548px;
}

#extern .startrechts
{
	float: right;
    padding: 0;
	width: 365px;
}

#extern .startrechts .abstand
{
	padding: 30px 20px 0 20px;
}


/*-- interner Bereich f?r Sch?ler ------------------------------*/

#extern .mylockixvoll
{
	float: left;
    padding: 20px 0 20px 20px;
	width: 690px;
	margin-bottom: 140px;
	position: relative;
	z-index: 2;
}
#extern .mylockixvoll a
{
	color: #1D75CF;
	text-decoration: none;
}
#extern .mylockixvoll a:hover
{
	color: #EF8F29;
	border-bottom: 1px #EF8F29 dotted;
}
#extern .mylockixvoll .current
{
	font-weight: bold;
}

#extern .mylockixlinks
{
	float: left;
	width: 340px;
}

#extern .mylockixrechts
{
	float: right;
	width: 340px;
}

#extern #fachfunktionen
{
	background: url("/asset/common/img/background/fachfunktionen.gif") no-repeat bottom right;
	color:#FFFFFF;
	float: right;
    padding: 10px 20px 20px 30px;
	width: 139px;
}

#fachfunktionenHack
{
	background: url("/asset/common/img/background/fachfunktionen.gif") no-repeat bottom right;
	color:#FFFFFF;
	float: right;
    padding: 10px 20px 20px 30px;
	width: 139px;
}

#fachfunktionenHack2
{
	background-color: inherit;
	background: url("/asset/common/img/background/fachfunktionenv2.png") no-repeat bottom right;
	color:#FFFFFF;
	position:absolute;
	top: 0px;
	left:724px;
    padding: 10px 20px 20px 30px;
	width: 139px;
	z-index: 99999;
}


#fachfunktionenHack2 a
{
	color: #FFF;
	text-decoration: none;
}
#fachfunktionenHack2 a:hover
{
	color: #FFF;
	text-decoration: underline;
}
#fachfunktionenHack2 .current
{
	color: #FFF;
	font-weight: bold;
}

#fachfunktionenHack2 ul li
{
	padding: 0 0 2px 18px;
	background: url("/asset/common/img/icon/pfeil_weiss.png") no-repeat left 4px;
}

#fachfunktionenHack2 ul ul li
{
	padding: 0 0 2px 28px;
	background: url("/asset/common/img/icon/pfeil_weiss.png") no-repeat 10px 6px;
}

#fachfunktionenHack2 select
{
	width:100%;
}


/* myLockix Panel*/

#mylockixPanel
{
	background-color: inherit;
	background: url("/asset/common/img/background/fachfunktionenv2.png") no-repeat bottom right;
	color:#FFFFFF;
	position:absolute;
	top: 0px;
	left:724px;
    padding: 10px 20px 20px 30px;
	width: 139px;
	z-index: 1000; //99999
}


#mylockixPanel a
{
	color: #FFF;
	text-decoration: none;
}

#mylockixPanel a.alternateLink
{
	font-weight: bold;
	text-decoration:underline;
}


#mylockixPanel a:hover
{
	color: #FFF;
	text-decoration: underline;
}
#mylockixPanel .current
{
	color: #FFF;
	font-weight: bold;
}

#mylockixPanel ul li
{
	padding: 0 0 2px 18px;
	background: url("/asset/common/img/icon/pfeil_weiss.png") no-repeat left 4px;
}

#mylockixPanel ul ul li
{
	padding: 0 0 2px 28px;
	background: url("/asset/common/img/icon/pfeil_weiss.png") no-repeat 10px 6px;
}

#mylockixPanel select
{
	width:100%;
}


/*cccccccccccccccccccc*/
#extern #fachfunktionen a
{
	color: #FFF;
	text-decoration: none;
}
#extern #fachfunktionen a:hover
{
	color: #FFF;
	text-decoration: underline;
}
#extern #fachfunktionen .current
{
	color: #FFF;
	font-weight: bold;
}

#extern #fachfunktionen ul li
{
	padding: 0 0 2px 18px;
	background: url("/asset/common/img/icon/pfeil_weiss.png") no-repeat left 4px;
}

#extern #fachfunktionen ul ul li
{
	padding: 0 0 2px 28px;
	background: url("/asset/common/img/icon/pfeil_weiss.png") no-repeat 10px 6px;
}

#extern #fachfunktionen select
{
	width:100%;
}

#extern .boxblau
{
	display: block;
	background: #1657A3;
	border: 1px #FFF dotted;
	padding: 5px 10px;
	color: #FFF;
	font-style: italic;
	font-weight: bold;
	font-size: 16px;
}
#extern .boxorange
{
	display: block;
	background: #EF8F29;
	border: 1px #FFF dotted;
	padding: 5px 10px;
	color: #FFF;
	font-style: italic;
	font-weight: bold;
	font-size: 16px;
}

#extern .boxorange_noborder
{
	display: block;
	background: #EF8F29;
	border: 0px #FFF dotted;
	padding: 1px 20px;
	color: #FFF;
	font-style: italic;
	font-weight: bold;
	font-size: 16px;
}

#extern .boxhinweis
{
	font-size: 90%;
	display: block;
	background: #FEFADA url("/asset/common/img/icon/hinweis.png") no-repeat 10px 5px;
	border: 1px #1657A3 dotted;
	padding: 5px 10px 5px 40px;
	color: #1657A3;
}
#extern .boxservice
{
	display: block;
	background: url("/asset/common/img/background/boxservice.jpg") repeat-y top right;
	border: 1px #BFBFBF solid;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
	color: #1D75CF;
}
#extern .boxservice a
{
    color: #1D75CF;
	text-decoration: none;
	border-bottom: 1px dotted;
}

#extern .boxservice a:hover
{
    color: #EF8F29;
}

/*-- externer bzw. oeffentlicher Bereich ------------------------------*/

#extern .weiter
{
	padding: 0 0 0 18px;
	background: url("/asset/common/img/icon/rent-step-list-item-active.gif") no-repeat left 2px;
}

#extern #schrank
{
	width: 100%;
	height: 335px;
	background: url("/asset/common/img/content/fuer_schueler_schrank.jpg") no-repeat right bottom;
}

#extern #main td
{
	vertical-align:top;
}

/* styles for faqs */
#extern #main ul li
{
	padding: 0 0 2px 18px;
	background: url("/asset/common/img/icon/rent-step-list-item-done.gif") no-repeat left 4px;
}

#extern #main ul li.title
{
	padding: 0 0 2px 18px;
	background: url("/asset/common/img/icon/rent-step-list-item-done_alt.gif") no-repeat left 4px;
}

#extern #main ul ul li
{
	padding: 0 0 2px 28px;
	background: url("/asset/common/img/icon/list-item-strich.gif") no-repeat 10px 6px;
}

/*-- linke Navigationsspalte ------------------------------*/

#extern #sub
{
    width: 183px;
    float: left;
    font-size: 11px;
	padding: 30px 0 120px 0;
}

#extern #sub .abstand
{
    padding: 0 0 0 25px;
}

#extern #sub a
{
    color: #1D75CF;
	text-decoration: none;
}

#extern #sub h3
{
    margin-bottom: 12px;
}

#extern #sub a.current, #extern #sub a:hover
{
    color: #EF8F29;
}

#extern #sub ul li
{
    margin-bottom: 0;
    color: #1D75CF;
    background:  none;
    padding-left: 0px;
}

#extern #sub ul
{
    margin-bottom: 0;
}

#extern #sub .input
{
	width: 130px;
}

/*-- Hauptspalte(n) ------------------------------*/


#extern #main
{
    width: 730px;
    float: left;
	margin: 0 0 50px 0;
	font-size: 13px;
	line-height: 160%;
}

#extern #full
{
	display: block;
	width: 700px;
}

#extern #main a
{
    color: #1D75CF;
	text-decoration: none;
}

#extern #main strong a
{
	border-bottom: 1px dotted;
}

#extern #main a:hover
{
    color: #EF8F29;
}

#extern #main h3, #extern #main h2, #extern #main h4
{
    color: #1D75CF;
	line-height: 140%;
	margin-top: -3px;
}

#extern #main h4
{
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 10px;
}

#extern .linkespalte
{
    float: left;
	width: 365px;
	font-size: 13px;
	line-height: 160%;
}

#extern .rechtespalte
{
    float: left;
	width: 340px;
	font-size: 13px;
	line-height: 160%;
}

#extern .grossespalte
{
    float: left;
	width: 570px;
	font-size: 13px;
	line-height: 160%;
}

#extern #main .linkespalte .abstand
{
    padding: 0 0 0 20px;
}

#extern #main .abstandoben
{
    padding: 30px 20px 0 20px;
}

#extern #main .rechtespalte .abstand
{
    padding: 30px 0 0 20px;
}

#extern .linkespalte img
{
    margin-bottom: 25px;
}

#extern .form-item-input
{
    padding: 0;
	margin: 0;
}

/*-- allgemeine Styles ------------------------------*/


#extern em
{
    font-style: italic;
}

#extern h4
{
    font-size: 18px;
    margin-bottom: 10px;
    color: #1D75CF;
    font-style: normal;
    font-weight: bold;
    padding-top: 5px;
}

.blau
{
    color: #1D75CF;
}

.orange
{
    color: #EF8F29;
}

.orangebold
{
    color: #EF8F29;
	font-weight: bold;
}

.klein
{
	font-size: 11px;
}

.gross
{
	font-size: 16px;
}

strong
{
	font-weight: bold;
    color: #1D75CF;
}

sup
{
	font-size: 70%;
	padding-left: 1px;
	line-height: 100%;
}

.alignright
{
	float: right;
	margin: 0 0 20px 20px;
}

.alignleft
{
	float: left;
	margin: 0 20px 20px 0;
}

.startbild
{
	margin: 20px 0 17px 0;
}

#orangehg
{
	color: #FFF;
	font-weight: normal;
	font-style: italic;
	height: 340px;
	background: #EF8F29 url("/asset/common/img/background/start_orange.gif") repeat-y top left;
}

#orangehg h2
{
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	color: #FFF;
	margin: 10px 0 5px 0;
}

#orangehg a
{
	color: #FFF;
	text-decoration: none;
}

#orangehg a:hover
{
	color: #FFF;
	text-decoration: underline;
}

#orangehg .ajax-form
{
   margin-top: 20px;
}

#orangehg input.input
{
    border: 1px #bfbfbf solid;
    font-family: Verdana;
    font-size: 11px;
    color: #0057ab;
    padding: 3px 5px;
	width: 100px;
}

#orangehg .form-item-input
{
    float: left;
    margin-left: 0;
}

#orangehg .form-item-image
{
    float: left;
    margin-left: 5px;
	padding: 0;
}

.startspalte
{
	float: left;
	width: 142px;
	padding: 20px 20px 20px 20px;
}

#extern .startrechts a
{
    color: #1D75CF;
	text-decoration: none;
}

#extern .startrechts a:hover
{
    color: #EF8F29;
}

/*  Tooltip-Sprechblasen   */


a.tt{
    position:relative;
    z-index:24;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
	font-size: 12px;
	font-style:normal;
	color: #1D75CF;
    display:block;
    position:absolute;
    top:0px; left:20px;
	padding: 15px 0 0 0;
	width:200px;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(/asset/common/img/tooltip/bubble.png) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px;
	background: url(/asset/common/img/tooltip/bubble_filler.gif) repeat bottom;
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(/asset/common/img/tooltip/bubble.png) no-repeat bottom;
}

/*-----------------------------------------------------------------------------*/


/*  --------------- Formulare ---------------------- */
#extern form {
border: 0px;
}

#extern .feld{
width:250px;
height: 24px;
padding: 2px;
border:1px solid #C1C5D7;
color:#1D75CF;
font: 12px Arial, Sans-serif;
}

#extern textarea {
width:250px;
padding: 2px;
border:1px solid #C1C5D7;
color:#1D75CF;
font: 12px Arial, Sans-serif;
}

#extern input.button {
text-transform:uppercase;
height: 30px;
width: 256px;
padding: 0px;
color: #FFF;
background: #1657A3;
border:1px solid #C1C5D7;
cursor: pointer;
cursor: hand;
outline: none;
}

#extern input.button:hover {
background: #EF8F29;
outline: none;
}

#extern .unsichtbar {
display:none;
}

#extern .kontakt table {
border: 0;
border-spacing: 0;
}

#extern .kontakt td {
vertical-align: top;
padding: 6px 0 0 0;
}


/**
 * new styles for mylockix element display
 *
 *
 *
 *
 */



#mylockixinfo
{

    padding: 15px 0 0 15px;
}

#faq ul li
{
	padding: 0 0 2px 18px;
	background: url("/asset/common/img/icon/arrow_blue.gif") no-repeat left 4px;
	font-weight: bold;
}
#faq-answers a
{
	font-weight: bold;
	  color:#1D75CF;
  text-decoration:none;
}

#faq-answers div
{
	padding: 0 0 2px 18px;
}

#selection-table .selected
{
	font-weight: bold;
	color: #1D75CF;
}
#selection-table tr.a-lot-of-elems
{


	cursor:pointer;
}

#selection-table tr.user-messages
{


	cursor:pointer;
}

.small-text
{
	font-size:0.75em;
}





/* message display style */


tr.fixed25
{
	min-width: 25px;
	width: 25px;
	max-width: 25px;
}

td.fixed100
{
	min-width: 100px;
	width: 100px;
	max-width: 100px;
}

td.fixed200
{
	min-width: 100px;
	width: 100px;
	max-width: 100px;
}





/* just MORE multideclarations...*/
#auth
{
    padding: 35px 0 0 25px;
}

#auth .content-image-image
{
    position: absolute;
    top: -78px; /*-78*/
    right: -2px;
}

#auth .content-image-text
{
    font-size: 13px;
	line-height: 160%;
	padding-left: 20px;
	width: 350px;
}

#auth .content-image
{
    position: relative;
}
/**
updates - stylesheet
----------------------------------------------

include order:
	(1)	base.css					[]
	(2)	navigation.css		[]
	(3)	forms.css					[]
	(4)	updates.css				[X]


based on css files: 		2010-10-12


----------------------------------------------
copyright FreeAG
*/

/*
----------------------------------------------
	most recent changes (anpassungen)
----------------------------------------------
*/

body
{
    line-height: 160%;
	letter-spacing: 0.3px;
}
h2
{
    font-size: 22px;
	margin-top: 4px;
}
h3
{
    font-size: 18px;
    margin-bottom: 20px;
    color: #EF8F29;
    font-style: italic;
    font-weight: bold;
    padding-top: 5px;
}

#navigation li a
{
    padding: 11px 0 4px 24px;
}

#navigation li a:hover,
#navigation li.active a
{
    background: #EF8F29;
}

#rent #sub ul li
{
    margin-bottom: 3px;
}

#rent #sub ul li.done
{
    background-image:  url("/asset/common/img/icon/rent-step-list-item-done.gif");
	background-position: left 4px;
}

#rent #sub ul li.current, #rent #sub ul li
{
	background-position: left 4px;
}

#rent .content-image-image
{
    position: absolute;
    top: -78px; /*-78*/
    right: -2px;
}

#rent .content-image-text
{
    font-size: 13px;
	line-height: 160%;
	padding-left: 20px;
	width: 320px;
}

#rent #main h2
{
    margin-left: 20px;
}

#footer ul
{
    position: absolute;
    left: 90px;
    top: 45px;
}

#footer li
{
    float: left;
    background:  url("/asset/common/img/background/footer-spacer.png") no-repeat 0px 6px;
    padding: 0 10px 0 20px;
	margin: 0;
}

#buecherstapel
{
    background:  url("/asset/common/img/background/buecherstapel.png");
    height: 147px;
	width: 334px;
    position: absolute;
    bottom: 0;
    right: -70px;
}

/*SOME new styles...*/


/*used for locationrequest*/
#rent #main p
{
    margin-left: 20px;
}

/*style updates, please recategorize them later...*/





/*TEMP HACKS FOR MOOBOX*/

.mb-overlay{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}

.mb-window{
	position:absolute;
	padding: 70px 10px 0px 10px;
	background:#FFFFFF;
	border:1px solid #114E80;
	-webkit-box-shadow: 6px 8px 5px #aaa;
    -moz-box-shadow: 6px 8px 5px #aaa;
    box-shadow: 6px 8px 5px #aaa;

}

.mb-loading{
	/*background: #fff url('/demos/Moobox/images/ajax-loader.gif') no-repeat center center;*/
}

.mb-titlebar{
	position:absolute;
	top:0px;
	left:0px;
	padding-top: 30px;
	width:100%;
	height:30px;
	background: #114E80 url("/asset/common/img/icon/mb_titlebar.png") no-repeat top left;
	border:0;
}

* html .mb-titlebar{
	padding:0px 10px;
}

.mb-closer{
	position:absolute;
	right:5px;
	top:5px;
	display: block;
	height: 10px;
	width: 10px;
	text-indent: -1000em;
	text-align: left;
	overflow: hidden;
	background: url('/asset/common/img/icon/gallery-matrix.png') no-repeat 0px 0px;
}

.dragging{
	cursor: move;
}

.mb-titlebar h3{
	margin:0px;
	height:20px;
	line-height:20px;
	padding: 0px 10px 0px 15px;
	font-size: 18px;
	color:#fff;
	font-style: normal;
}

.mb-arrows{
	background: #000;
	position: absolute;
	left: 2%;
	bottom: 1%;
	height: 40px;
	width: 96%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	filter:alpha(opacity=60);
	-khtml-opacity: 0.6;
	-moz-opacity:0.6;
	opacity: 0.6;
}

.mb-arrows a{
	display: block;
	text-indent: -1000em;
	text-align: left;
	overflow: hidden;
	/*background: url('/demos/Moobox/images/gallery-matrix.png') no-repeat -52px 0px;*/
	height: 28px;
	width:29px;
	position: absolute;
	top:6px;
	right:6px;
}

.mb-arrows a.mb-next{
	right: auto;
	left: 6px;
	background-position: -14px 0px;
}


/*myLOCKIX "subnavigation" tab styles*/
/*
#sub-navigation li
{
	cursor: pointer;
}
*/
/* div input style tests, mainly from mootools more-tools builder site :D */
div.input {
    border-style: solid;
    border-width: 2px;
    height: 12px;
    overflow: hidden;
    width: 12px;
}

div.input {
    -moz-border-radius: 3px 3px 3px 3px;
}

span.input {
    border-style: solid;
    border-width: 2px;
    height: 10px;
    overflow: hidden;
    width: 10px;
}

span.input {
    -moz-border-radius: 3px 3px 3px 3px;
}

.imgbutton
{
	border:0px;
}

.MBwarningBlue {
     border: 0;
	 width: 380px;
	 min-height: 45px;
     margin: 10px 0px;
     padding: 30px 10px 15px 120px;
	 background: url(/asset/common/img/icon/mb_warning_blau.png) no-repeat top left;
     color: #FFFFFF;
	 font-weight: bold;
	 Font-size: 14px;
     background-color: #0B66A3;
	 -webkit-box-shadow: 6px 8px 5px #aaa;
     -moz-box-shadow: 6px 8px 5px #aaa;
     box-shadow: 6px 8px 5px #aaa;
 }
/**
*
*	style file for form stuff, used widely across the page
*
*
*
*/


/**
forms - stylesheet
----------------------------------------------

include order:
	(1)	base.css					[]
	(2)	navigation.css		[]
	(3)	forms.css					[X]
	(4)	updates.css				[]


based on css files: 		2010-10-12


----------------------------------------------
copyright FreeAG
*/




/*
----------------------------------------------
common form styles	(form)
----------------------------------------------
*/
/* INPUT */
input.input
{
    border: 1px #bfbfbf solid;
    font-family: Verdana;
    font-size: 11px;
    color: #0057ab;
    padding: 3px 5px;
}

input.forceinput
{
    border: 1px #bfbfbf solid;
    font-family: Verdana;
    font-size: 11px;
    color: #0057ab;
    padding: 3px 5px;
}

input.loading
{
    background:  url("../img/icon/input-loader.gif") no-repeat right center;
}


/* ITEMS */
.form-item
{
    margin-bottom: 10px;
    position: relative;
}

.form-item label
{
    width: 150px;
    text-align: left;
    display: block;
    float: left;
    padding: 4px 0 0 0;  /*padding: 4px 0 0 0;*/
}

.form-item label.distance
{
    padding-right: 13px;
    width: 137px
}

.form-item-input
{
    float: left;
    margin-left: 10px;  /*brim: controls left offset for input elements (keywords: layout, fix, change, improve) oldval: 20???*/
}

.form-item-input .single
{
    padding-top: 4px;
    display: block;
}

.form-col
{
    float: left;
    width: 335px;
}

.form-col h3
{
    padding-right: 185px;
    text-align: right;
}

/* TOOLTIPS */
.form-item .form-item-error
{
    position: absolute;
    right: 0px;
    top: -19px;
    background: red;
    padding: 2px;
    color: white;
    z-index: 999;
}

/* CALENDAR WIDGET */
button.calendar
{
    height: 23px;
    width: 22px;
    background:  url("../img/icon/calendar.gif");
    border: none;
    padding: 0px;
    margin: 0px;
    position: relative;
    top: -3px;
    margin-left: 3px;
    cursor: pointer;
}

div.calendar
{
    background: #075EAB;
    padding: 2px;
}

div.calendar caption
{
    color: white;
    position: relative;
    text-align: center;
    border-bottom: 1px white dotted;
    padding: 0 0 2px 0;
    margin: 0 0 5px 0;
}

div.calendar caption a.next,
div.calendar caption a.prev
{
    cursor: pointer;
    position: absolute;
}

div.calendar caption a.prev
{
    left: 7px;
}

div.calendar caption a.next
{
    right: 7px;
}

div.calendar caption span.month
{
    margin-right: 3px;
}

div.calendar thead th
{
    text-align: center;
    color: white;
}

div.calendar tbody td
{
    border: 2px #0053B0 solid;
    background: #CFCFCF;
    text-align: center;
    padding: 2px;
}

div.calendar tbody td.valid
{
    color: #666;
    background: white;
}

div.calendar tbody td.hover
{
    background: #EE9132;
    color: white;
    cursor: pointer;
}

/* PASSWORD STRENGTH */
div.strengthMeter
{
    background:  url("/asset/common/img/background/password-strength.gif");
    height: 23px;
}

div.strengthMeter div.scoreBar
{
    background:  url("/asset/common/img/background/password-strength-active.gif");
    height: 23px;
    width: 0px;
}

.form-item-missing
{
	/*width:1%;*/
	/*width: 150px;*/

    display: block;
    float: left;
    padding: 4px 0 0 0;


    position: relative;
    border:1px solid red;
	background-color: #ffdddd;

}

.form-item-missing-v2
{
	width: 250px;
	height: 24px;
    /*display: block;*/
    /*float: left;*/
    padding: 4px 0 0 0;


    /*position: relative;*/
    border:1px solid red;
	background-color: #ffdddd;

}

.form-item-cleaned-v2
{
	border: 1px #bfbfbf solid;
    font-family: Verdana;
    font-size: 11px;
    color: #0057ab;
    padding: 3px 5px;

    height:24px;
    width:250px;
	/*width: 140px;*/

    display: block;
    float: left;
   /* padding: 4px 0 0 0;*/


    position: relative;
  border: 1px #bfbfbf solid;

}

.form-item-cleaned
{
	border: 1px #bfbfbf solid;
    font-family: Verdana;
    font-size: 11px;
    color: #0057ab;
    padding: 3px 5px;

	/*width: 140px;*/

    display: block;
    float: left;
   /* padding: 4px 0 0 0;*/


    position: relative;
  border: 1px #bfbfbf solid;

}



table.small-input input
{
	width:120px;
}

table.small-input select
{
	width:124px;
}