/* CSS-Formatierungen fuer rent a mini
* Erstellt: Donnerstag 29.12.2008
* Einsatz: Browser, die sich weitestgehend an Vorgaben des W3C orientieren
* ------------------------------------------------------------------------------ */

/* Reset - Browser Default Styles deaktivieren
-------------------------------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

ol, ul {
	list-style: none;
}
ul.square {
	list-style: square;
	padding-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}
ul.checkbox {
	list-style-image: url(/media/images/checkbox.gif);
	padding-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}

address, cite, code, dfn, em, var {
	font-style: normal;
	font-weight: normal;
}

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

td, th {
	vertical-align: top;
}

fieldset,img {
	border: 0;
}

caption, th {
	text-align: left;
}

q:before, q:after {
	content: '';
}

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

.clear {
	clear: both;
	line-height: 0px;
	height: 0px;
	font-size: 0px;
}

a {
	color: black;
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	font-size: 130%;
	line-height: 140%;
}

.todo {
	color: red;
}
.rot {
	color: #d20d0e;
}

/* Allgemeingültige Styles
-------------------------------------------------------------------------------- */

body {
	/*font: 62.5% Arial, sans-serif;*/
	font: 80% Arial, sans-serif; /* Schriften größer */

	color: black;
	/*background-color: #9CB6DB;*/
	background-color: #fefdb8;
}

h1 {
	font-size: 180%;
	color: #111167;
}

h2 {
	font-size: 115%;
	line-height: 120%;
}


h3 {
	font-size: 130%;
	line-height: 140%;
}

/* Seitenrahmen
-------------------------------------------------------------------------------- */
#pageWrapper {
	margin: 0 auto;
	width: 800px;
	position: relative;
}

#url {
	/*color: #101164;*/
	color: #d20d0e;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	top: 120px;
	z-index: 1;
	padding: 2px 5px 2px 5px;
	background-color: white;
	-moz-opacity:0.8;
}

/* Header
-------------------------------------------------------------------------------- */
#header {
	border-left: 1px solid white;
	border-right: 1px solid white;
}

#headerImage {
	border-bottom: 1px solid white;
}

/* Navi
-------------------------------------------------------------------------------- */
#navi {
	background-color: #1a1ab6;
	color: white;
	font-size: 120%;
	text-align: center;
}

#navi ul {
	margin: 0 0 0 20px;
}
/*********NEU ANFANG*************/
#navi li {
	float: left;
	background: transparent url(../../media/images/navi_trenner.gif) right center no-repeat;
	/*padding: 2px 20px 4px 20px;*/
	margin: 0;
}
/*********NEU ENDE*************/
#navi li.before {
	background: transparent url(../../media/images/navi_trenner_aktiv.gif) right center no-repeat;
}

#navi li.aktiv {
	background-color: #9CB6DB;
}

#navi li.last {
	background-image: none;
}

#navi a {
	color: white;
	padding: 2px 20px 4px 20px;
	display: block;
}
/*********NEU ANFANG*************/
#navi a:hover {
	background-color: #585993;
	text-decoration: none;
}
/*********NEU ENDE*************/
/* Content
-------------------------------------------------------------------------------- */
#middle {
	background-color: white;
	/*background-image:url(/media/images/hintergrund.jpg);*/
	padding: 40px 25px 50px 25px;
	min-height: 286px;
	position: relative;
}

.h1Home1 {
	margin: 0 0 0 360px;
}

.h1Home2 {
	margin: 0 130px 0 130px;
}

#imagesHome {
	height: 160px;
}

.keyVisualHome1 {
	border-top: 1px solid #131165;
}

.keyVisualHome2 {
	border-top: 1px solid #131165;
	position: absolute;
	top: 92px;
}

#contentHome {
	font-size: 120%;
	padding: 50px 130px 0 130px;
	color: #121063;
}

#contentInnen {
	font-size: 120%;
	padding: 20px 130px 0 130px;
	color: #121063;
}

#middle a {
	color: #121063;
	text-decoration: underline;
}

#middle a:hover {
	color: black;
}



/* Footer
-------------------------------------------------------------------------------- */
#footer {
	/*background-color: #111265;*/
	background-color: #329852;
	border-bottom: 12px solid white;
	color: white;
	font-size: 130%;
	padding: 2px 0 4px 25px;
}

#footer a {
	color: white;
}







/*  Formular  */

#forms {
	font-size: 100%;
	width: 513px;
}

#forms div {
	margin: 0 0 10px 0;
}

#forms .fehler span.rot {
	margin: 0 0 15px 0;
	font-weight: bold;
}

#forms span.rot {
	margin: 0 0 0 110px;
	color:#FF0000;
}

#forms label {
	width: 150px;
	display: block;
	float: left;
}

#forms .forminput {
	width: 310px;
	font-family: Arial, sans-serif;
	font-size: 100%;
}

#forms .formselect {
	width: 314px;
	font-family: Arial, sans-serif;
	font-size: 100%;
}

#forms .formtextarea {
	width: 310px;
	font-family: Arial, sans-serif;
	font-size: 100%;
}

#forms .button {
	border: 1px solid #ABADB3;
	background-color: #E8E8E8;
	padding: 2px;
	cursor: pointer;
}

/* Tabelle */

td.tabelle {
   border: 1px solid #9CB6DB;
   padding: 2px;
}


/* Spalten Liste */

 /* allow room for 3 columns */
ul.multi {
   width: 525px;
}

/* float & allow room for the widest item */
ul.multi li {
   float: left;
   width: 250px;
}

/* stop the float */
br {
   clear: left;
}

/* separate the list from subsequent markup */
div.multili {
    margin-bottom: 1px;
}