@charset "utf-8";

         /* Stylesheet von Kfz-Händler-Netzwerk  */


* { padding: 0; margin: 0; font-size: 10px; font-family: Verdana, Arial, sans-serif;
	list-style-type: none; }


body {    
		 background-color: #fff;     
}

/* ================  Alle -- farben  ===================*/

.farbe_003366 {
	color: #003366;
}

.farbe_ff0000 {
	color: #ff0000;
}

/*  ============ Bearbeitungsfelder inkl. Icons  ============== */

.anlegen { background-image: url(../bilder/button/bild_anlegen_15.gif); background-repeat: no-repeat; background-position: center;   }

.aendern { background-image: url(../bilder/button/bild_bearbeiten_15.gif); background-repeat: no-repeat; background-position: center;}

.loeschen { background-image: url(../bilder/button/bild_loeschen_15.gif); background-repeat: no-repeat; background-position: center;}


/* ================  Index.php ================================= */

.wrapperIndex {
	background-color: inherit;
	width: 50em;
	min-height: 45em;
	margin: 5em auto;
	border: 1px solid #bfc6c6;
	position: relative;
}

.inhaltIndex {
	min-height: 26em;
	width: 40em;
	margin: 10px auto 0 auto;
	padding: 2em;
}

.i_loginText {
	color: #003366;
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
	margin-top: 20px;	
}

.wrapperIndex label {
	color: #003366;
	cursor: pointer;
	float: left;
	font-size: 1.3em;
	font-style: italic;
	min-width: 10em;
	border-bottom: 1px solid #808080;
	margin: 15px 0px 0px 0px;
}

.wrapperIndex input {
	color: #003366;
	width: 17em;
	font-size: 1.3em;	
	margin: 15px 0px 0px 0px;
	padding: 1px;
	border: 1px solid #808080;
}

.wrapperIndex input:active,
.wrapperIndex input:hover,
.wrapperIndex input:focus {
	background-color: #e4e8ea;
}

.wrapperIndex .i_s_login {
	background-color: #def9f9;
	background-image: url(../bilder/hg/hg_button_lang1.png);
	width: 10em;
	border: 2px outset #808080;
	padding: 1px;
	margin-top: 35px;
}

.wrapperIndex .i_s_login:hover {
	background-image: url(../bilder/hg/hg_button_lang_rot.png);
}

.wrapperIndex .i_s_login:active {
	background-image: url(../bilder/hg/hg_button_lang.png);
	border: 2px inset #808080;
}

wrapperLogin .fehlLogin {
	color: #ff0000;
	font-size: 1.1em;
	margin-top: 1em;
}

wrapperLogin .zugangsText {
	color: #003366;
	font-style: italic;
	font-size: 1.2em;
	line-height: 2.3em;
	margin: 10px 0px;
}

wrapperLogin span {
	color: #800000;
	font-size: 1em;
}

wrapperLogin h2,
wrapperLogin h2 a {
	color: #003366;
	margin-top: 2em;
	font-style: italic;
	font-size: 1.2em;
}


wrapperLogin h2 a:hover {
	color: #800000;
}

indexLogout,
indexLogout a {
	color: #003366;
	text-align: right;
	font-size: 1.1em;
	font-style: italic;
	margin-top: 20px;		
}

indexLogout a:hover {
	color: #800000;
}

.absatz01 {
	text-align: center;
	font-size: 1.1em;
}

absatz01 a,
footer a {
	color: #004080;
	font-size: 1.1em;
}

.absatz01 a:hover,
.footer a:hover {
	color: #800000;
}

.sbWeiterZumArbeitsBereich:hover {
	color: #800000;
}

/* ================  index.php -- footerIndex  ===================*/

.footerIndex {
	text-align: center;
	width: 45em;
	height: 1.5em;
	margin: 0 auto;
	position: absolute;
	bottom: 1em;
	font-size: 1.1em;
}

.footerIndex li {
	float: left;
	margin: 0 0 0 9em;
}



/* ================  citroenhaendler.php  ==============================*/


.wrapperStartseite {
	text-align: center;
    background-color: #fff;
    color: inherit;
    width: 1050px;		 
    min-height: 750px;	
    margin: 0 auto;
	border-right: 1px solid #bfc6c6;
	border-left: 1px solid #bfc6c6;
	border-bottom: 1px solid #bfc6c6;
	font-size: 1px;
	padding-bottom: 1em;
}

/* ------------- kopf  ------------------- */

.kopf {
         color: #545454;
		 background-color: #fff;		 
		 border-bottom: 1px solid #bfc6c6;
		 border-top: 1px solid #bfc6c6;
		 width: 1050px;
         height: 65px;
		 padding: 1em 0;
         font-style: italic;
         font-family: verdana, arial, sans-serif;
         text-align: center;
         position: fixed;
}

h1 {
         font-size: 17px;
         font-family: verdana, arial, sans-serif;
		 font-style: italic;
         text-align: left;
         padding: 0 0 0 0;
         margin: 0 0 0 1em;
}

.logoKopf {
         position: absolute;
         top: 5px;
         right: 5px;
}

.kopf p {
	font-weight: bold;
}

/* ------------- Menu  ------------------- */

.menuNavigation {
		 background-color: #edeeee;
		 background-image: url(../bilder/hintergrund/verlaufKopf3.png);
		 background-position: bottom;
		 background-repeat: repeat-x;
         color: #545454;
         width: 1050px;
         height: 50px;
         font-style: italic;
         font-size: 1em;
         font-family: verdana, arial, sans-serif;
         text-align: center;
		 border-bottom: 1px solid #bfc6c6;
		 border-top: 1px solid #bfc6c6;
		 position: fixed;
		 top: 75px;
}

.hauptMenu {
	float: left;
	width: 100%;
}

.menuNavigation ul {
	margin-left: 20px;
}

.menuNavigation li {
         float: left;
         display: inline;
         padding: 5px 0px 5px 0px;
         margin: 0 20px 0 0;
}

.unterMenu li {
	font-size: 0.8em;
}

.menuNavigation span {         
         color: maroon;
		 font-size: 1.2em;
         text-decoration: none;
}

.menuNavigation a {
	float: left;
	color: #545454;
	text-decoration: none;
	font-size: 1.2em;
}

.menuNavigation a:hover,
.menuNavigation a:focus {
         color: maroon;
}



.naviForm {
	float: left;
}


.sendHidden { background-color: transparent; border: none; font-style: italic; color: color: #545454;; cursor: pointer; font-family: Verdana, Geneva, sans-serif; font-size: 10px; float: left; text-decoration: none;}
		

.sendHidden:hover { color: maroon; }

/* ------------------ inhaltStartseite.php  -------------------------- */

.inhaltStartseite {
         color: #545454;
         width: 100%;
		 min-height: 650px;
		 padding-top: 130px;
         font-style: italic;
         font-size: 1em;
         font-family: verdana, arial, sans-serif;
}

.zwischenSpalte {
	width: 100%;
	height: auto;
}

.unsichtbar {
	visibility: hidden;
	height: 1px;
	font-size:0.1px;
}

.contentVerwaltung {
	display: table;
	margin: 0 0 0 15px;
}

.content01Startseite,
.content02Startseite,
.content03Startseite,
.content04Startseite,
.content05Startseite,
.content06Startseite {
	display: table-cell;
	width: 170px;
	min-height: 600px;
	margin-top: 10px;
	border-right: 1px solid #bfc6c6;
		
}

.content01Startseite li,
.content02Startseite li,
.content03Startseite li,
.content04Startseite li,
.content05Startseite li,
.content06Startseite li,
.content07Startseite li {
	font-size: 1.1em;
	margin-top: 10px;
	list-style-type: none;
	max-width: 150px;
}

.inhaltStartseite .content01Startseite a,
.inhaltStartseite .content02Startseite a,
.inhaltStartseite .content03Startseite a,
.inhaltStartseite .content04Startseite a,
.inhaltStartseite .content05Startseite a,
.inhaltStartseite .content06Startseite a {	
	color: #3a3a3a;
	text-decoration: none;
	padding-left: 15px;
	font-size: 1.1em;
}

.inhaltStartseite .content01Startseite a:hover,
.inhaltStartseite .content02Startseite a:hover,
.inhaltStartseite .content03Startseite a:hover,
.inhaltStartseite .content04Startseite a:hover,
.inhaltStartseite .content05Startseite a:hover,
.inhaltStartseite .content06Startseite a:hover {
	color: maroon;
	background-image: url(../bilder/button/list_hover_maroon_balken.png);
	background-repeat: no-repeat;
	background-position: 0px;
	text-decoration: none;
	text-align: left;
	
}

.content06Startseite {
	border-right: none;
}

/* ------------------ arbeistbereichverwaltung.php  -------------------------- */

.inhaltArbeitsbereich {
         color: #545454;
         width: 100%;
		 min-height: 650px;
		 padding-top: 130px;
         font-style: italic;
         font-size: 1em;
         font-family: verdana, arial, sans-serif;
}

.content01Startseite li,
.content02Startseite li,
.content03Startseite li,
.content04Startseite li,
.content05Startseite li,
.content06Startseite li,
.content07Startseite li {
	font-size: 1.1em;
	margin-top: 15px;
	list-style-type: none;
	max-width: 150px;
}

.inhaltStartseite .content01Startseite a,
.inhaltStartseite .content02Startseite a,
.inhaltStartseite .content03Startseite a,
.inhaltStartseite .content04Startseite a,
.inhaltStartseite .content05Startseite a,
.inhaltStartseite .content06Startseite a {	
	color: #3a3a3a;
	text-decoration: none;
	padding-left: 15px;
	font-size: 1.1em;
}

.inhaltStartseite .content01Startseite a:hover,
.inhaltStartseite .content02Startseite a:hover,
.inhaltStartseite .content03Startseite a:hover,
.inhaltStartseite .content04Startseite a:hover,
.inhaltStartseite .content05Startseite a:hover,
.inhaltStartseite .content06Startseite a:hover {
	color: maroon;
	background-image: url(../bilder/button/list_hover_maroon_balken.png);
	background-repeat: no-repeat;
	background-position: 0px;
	text-decoration: none;
	text-align: left;
	padding-left: px;
}

.inhaltArbeitsbereich a { padding: 3px 0px; text-decoration: none; }

.inhaltArbeitsbereich table { background-color: #edeeee; width: 1030px; border: 1px solid #bfc6c6; padding-left: 5px;}

.tabelle3 { text-align: center; margin: 20px auto; }

input { font-size: 10px; padding: 2px; }

table .a100 input { width: 35px; text-align: right; }
table .a400 input { width: 600px; }
table .a500 input { width: 135px; }

table span { visibility: hidden; }


.clearing {
	clear: both;
	}


/* ------------------ margenverwaltung.php  -------------------------- */

.inhaltArbeitsbereich {
         color: #545454;
         width: 100%;
		 min-height: 650px;
		 padding-top: 130px;
         font-style: italic;
         font-size: 1em;
         font-family: verdana, arial, sans-serif;
}

.content01Startseite li,
.content02Startseite li,
.content03Startseite li,
.content04Startseite li,
.content05Startseite li,
.content06Startseite li,
.content07Startseite li {
	font-size: 1.1em;
	margin-top: 15px;
	list-style-type: none;
	max-width: 150px;
}

.inhaltStartseite .content01Startseite a,
.inhaltStartseite .content02Startseite a,
.inhaltStartseite .content03Startseite a,
.inhaltStartseite .content04Startseite a,
.inhaltStartseite .content05Startseite a,
.inhaltStartseite .content06Startseite a {	
	//color: #3a3a3a;
//	text-decoration: none;
//	padding-left: 15px;
//	font-size: 1.1em;
}

.inhaltStartseite .content01Startseite a:hover,
.inhaltStartseite .content02Startseite a:hover,
.inhaltStartseite .content03Startseite a:hover,
.inhaltStartseite .content04Startseite a:hover,
.inhaltStartseite .content05Startseite a:hover,
.inhaltStartseite .content06Startseite a:hover {
	color: maroon;
	background-image: url(../bilder/button/list_hover_maroon_balken.png);
	background-repeat: no-repeat;
	background-position: 0px;
	text-decoration: none;
	text-align: left;
	padding-left: px;
}

.inhaltArbeitsbereich a { padding: 3px 0px; text-decoration: none; }

.inhaltArbeitsbereich table { background-color: #edeeee; width: 1030px; border: 1px solid #bfc6c6; padding-left: 5px;}

.tabelle3 { text-align: center; margin: 20px auto; }

input { font-size: 10px; padding: 2px; }

table .a100 input { width: 35px; text-align: right; }
table .a400 input { width: 600px; }
table .a500 input { width: 135px; }

table span { visibility: hidden; }


.clearing {
	clear: both;
	}






/* ------------------ fuss.php  -------------------------- */

.footer {
	text-align: center;
	width: 45em;
	height: 1.5em;
	margin: 6em auto 0 auto;
	font-size: 1.1em;
}

.footer li {
	float: left;
	width: 33%;
}



/*================ Ende Index Stylesheet =================*/