/*
	Dokumentation taxi-check.de für den Msie
	
	Benutzte Farben zum schnellen ersetzen :
	
	um eine farbe zu erstetzen die gewünschte farbe auswählen inklusive den angegebenen Kürzel
	so ist sichergestellt dass er nur die bestimmte farbe übernimmt der kürzel muß immer mit 
	den kommentar anfang und ende eigegeben werde !!!
		
		|	Wo						|	Background	|	Schrift	| rahmen |	kürzel 	|
			body						#ffffff			#000000				body
			Links						transparent		#666666				standardli
			Links - hover								#000000				standardhover
			Link im Text				transparent		#999999				linkintxt
			Link im Text - hover						#000000				linkintxt
			
		
	1. Standart Content
		1.1 body
		1.2 headlines
		1.3 Links
		1.4 Layer
		1.5.listen
			
	2. ID's
		2.1. navigation inklusive nav liste (li)
		2.2. mittlere Container
		
	3. Formulare
		3.1. Fehler bei Formularen
		3.2. Alles zum Login
		3.3. Fieldset angaben
		3.4. label angaben
		3.5. html id angaben die übergreifend sind
		3.6. input angaben
		3.7. submit angaben
		3.7.1. button
		3.8. weitere allgeimeine Formklassen
		3.9. speziell vergebe ID'S
		
	4. Listen
	
	5. Klassen
	
	6. Boxen
	6.1. boxes die bei forms genutzt werden
	6.3. box links und box rechts auf einer linie mit strich
	6.4. die fehler box
	
	7.Sonstiges
		7.1. Bilder
		7.2. schriften
		7.3. blättern
	
	
*/


/*-- 1.---------------------------------------------------------------------- */
/* 1.1 */
body { 
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial,sans-serif;
	font-size:100.01%;
	background-color:#FFFFFF;/*body*/
	color:#000000;/*body*/
}

/* 1.2. */
h1,h2,h3,h5,h6 { 
	font-weight:inherit;
	font-size:1.8em;
	padding:0 0 0.2em 0;
	margin:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:-2px;
}
h2{
	margin-top:1em;
	font-size:1.5em;
	clear:both;
	letter-spacing:0px;
}
h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	clear:both;
	letter-spacing:0px;
}
h5 {
	font-size:1.1em;
	clear:both;
	letter-spacing:0px;
}
h6{
	font-size:1em;
	margin:0;
	letter-spacing:0px;
}
p {
	font-size:0.85em;
	line-height:1.5em;
	margin:0.5em 0 0 0;
	text-align:justify;
}
/* 1.3. */

a:link,a:visited{
	text-decoration:underline;
	color:#666666;/*standardli*/
	font-weight:bolder;
	background-color:transparent;/*standardli*/
}
a:hover{
	color:#000000;/*standardhover*/
	font-weight:bolder;
	background-color:transparent;/*standardli*/
}

a.linkintxt:link,a.linkintxt:visited{
	text-decoration:underline;
	color:#999999;/*linkintxt*/
	background-color:transparent;
}
a.linkintxt:hover{
	color:#000000;/*linkintxt*/
	background-color:transparent;/*standardli*/
} 
a.loginboxlink:link,a.loginboxlink:visited{
	text-decoration:none;
	color:black;/*standardli*/
	font-weight:normal;
	display:inline;
	background-color:transparent;/*standardli*/
}
a.loginboxlink:hover{
	color:#666666;/*standardhover*/
}


a.register:link,a.register:visited{
	width:100%;
	background-color:#ffffBf;/*logincon*/
	color:#000000;/*standardhover*/
	font-weight:bolder;
	line-height:2.75em;
	letter-spacing:0.1em;
	text-decoration:none;
	padding: 5px 0 5px 1em;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}
a.register:hover{
	color:#666666;/*standardli*/
	font-weight:bolder;
	width:100%;
	text-align:right;
	background-color:#ffffBf;/*logincon*/
}
/*1.4 */
#layerfototaxi {
	position:absolute;
	width:260px;
	height:186px;
	z-index:1;
	right: 25px;
	top: 10px;
	background-color:transparent;
	
}

/* 1.5 */
ul *{
	

	
	
}
li{
	font-size:0.85em;
}
/*-- 2.---------------------------------------------------------------------- */
/* 2.1 */


#navlist {
     /* Allgemeine Einstellung der navigationsliste */
	padding-left: 0;
	border-bottom: 1px solid gray;/*navmenusee*/
	width: 100%;
	background-color:#F6F6DD;/*navmenusee*/
	line-height:1.5em;
	margin:0.3em 0 0 0;
	color:#000000;
        
}
#navlist li{
	list-style: none;
	margin: 0;
	padding: 0.25em;
	border-top: 1px solid gray;
	
}
#navlist a{
	width:100%;
	border-left:3px solid #F6F6DD;/*navmenusee*/
}
#navlist a:link, #navlist a:visited {
	text-decoration: none;
	font-weight:normal;
	color: #000000;/*navmenusee*/
	background-color:transparent;/*standardli*/
}
	
#navlist a:hover {
	background-color:transparent;/*standardli*/
	color: #708491;/*navmenuhover*/
	border-left:3px solid gray;/*navmenusee*/
}



/* 2.2 */
#topcon{
	/* die ganze box ganz oben mit dem schwarz weißen hintergrund */
	width: 100%;
	margin: 0 0 0 0;
	background-color:#F6F6DD;/*topcon*/
	background-image:url(../pics/module/website/thumb/bgoben.gif);
	background-repeat:repeat;
	height:32px;
}
#middlecon{
	background-color:#f6f6dd;/*middelcon*/
	width:100%;
	height:130px;
	
}
#logincon{
	width:100%;
	min-height:25px;
	background-color:#ffffBf;/*logincon*/
	padding-top:1em;
	padding-bottom:1em;
	overflow:visible;
}
#loginconleft{
	/* zeigt die loginbox an, mit einer max. breite, damit das lopgin nicht unter
	dem Layer1 verschwindet */
	width:70%;
	
}
/*2.3 */
#boxleft{
	/*Wird im default bisher benutzt */
	float:left;
	width:45%;
	padding:0 0.3em 0 0.3em;
}
#boxright{
	/*Wird im default bisher benutzt */
	float:right;
	text-align:justify;
	width:50%;
}
#contentleft{
	/* hierbei handelt es sich um die contentaufteilung ... hierdrin das adminmenu */
	float:left;
	width:8em;
	padding:0;
	
}
#contentright{
	float:right;
	width:75%;
	padding-top:2.5em;
	padding-right:2.5em;
	
}
/*-- 3. FORMULARE---------------------------------------------------------------------- */
/* Die Schriftgrße ist auch schon bei p definiert, also das form ist dort ebenfalls schon vorhanden*/
/* 3.1 */
input.error, select.error,.errorform {
	border: 1px solid red;
 	background-color: #FFFCE2;
  	background-image: url(images/warning_obj.gif);
   	background-position: right;
	background-repeat: no-repeat;
	padding:5px;
	margin:5px 0 5px 5em;
	width:10em;
	color:#000000;
}

/* 3.2. */
.loginform{
	/* Die login felder*/
	padding:5px;
	width:10em;
	background-color:#ffffff;/*forminput*/
	border:1px solid black;/*forminput*/
	color:#000000;
}
.loginbutton{
/* der login button */
	background-color:#ffffff;/*forminput*/
	border:1px solid black;/*forminput*/
	color:#000000;
	padding:5px;
}

/* 3.3. */
fieldset{
	border:0;
	margin:0;
	padding:0;
}

fieldset p{
	clear:left;
	float:left;
	text-align:left;
	width:100%;
	border-bottom:1px solid #F6F6DD;/*contentforms*/
	font-size:1em;
}

/*3.4. */
label.left{
	width:17em;
	margin:5px;
	padding:5px;
	float:left;
	font-weight:normal;
	
}


/* 3.5. */
	/* gemeinsamkeiten html ID's*/
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
	cursor: pointer;
	
}

/* 3.6. */
input{
	border:none;
	background-color:#ffffff;/*forminput*/
	padding:5px;
	color:#000000;
	background-color:transparent;/*standardli*/
	border:#000000 1px solid;
}
input:focus, input:hover,textarea:focus,textarea:hover,select:focus,select:hover{
	background-color:#f6f6dd;
}

/* 3.7.*/
.buttonsubmit{
	clear:both;
	float:left;
	margin-top: 1em;
	color:#000000;
	background-color:#FFFFFF;
	
}

/*3.7.1. */
button{
}
/*3.7.2.*/
textarea{
	border:#000000 1px solid;
}
/*3.7.3*/
checkbox{
	border:#000000 1px solid;
	margin:5px 5em 5px 5em;
	padding:5px;

}
/* 3.8 */
.textfield,.selectmenu,.textfieldwaehrung,#contactMessage{
	display:block;
	float:left;
	width:10em;
	margin:5px 5em 5px 5em;
	padding:5px;
}
.selectmenu{
	border:#000000 1px solid;
	
}
.checkbox{
	/* IE6 Hack vorhanden*/
	border:#000000 1px solid;
	margin:5px 5em 5px 5em;
	padding:5px
}
.radioinput{
	border:0px;/*forminput*/
}

.textsmaller{
	/* Diese Klasse beinhaltet die weitere Desc2 inhalte */
	
	padding-top:1em;
	height:15px;
	text-align:right;
	font-size:smaller;
}
.textfieldwaehrung{
	width:auto;
}

/* 3.9. */
#contactMessage{
	/* die textarea beim kontaktfeld */
	border:1px solid black;/*forminput*/
	color:#000000;
	width:30em;
	margin:0;
	background-color:transparent;/*standardli*/
}

#euro,#edithour,#editdayfirst{
	/* Dieses sind die ersten Felder brauchen mehr abstand */	
	margin-left:5em;
	padding:5px;
	width:2em;
	margin-right:0;
}
#editmin,#editday,#editmonth,#cent{
	margin-left:0em;
	width:2em;
	margin-right:0;
}
#edityear{
	margin-left:0em;
	width:4em;
	margin-right:0;
}
/* 4 weitere listen ------------------------------------------------------------------------*/
ul.adminmenuhead{
	list-style-type: none;	
	font-size:1em;
}
ul.adminmenusub{
	list-style-type: square; 
	
	margin:0.2em 0 0 0;
}

ul.nolist{
	list-style-type: none;	
	margin-bottom:20px;
	
}
.horizontallist li {
	/* Diese klasse wird beim ul angefügt werden ul class="" */
	display: inline;
	list-style-type: none;
	padding-right: 1em;
}

li.leftliste{
	/* Eine zweipspaltige liste mit untersrich */
	clear:both;
	float:left;
	width:40%;
	padding:0.81em 0 0.81em 0;
	border-bottom:1px solid #F6F6DD;/*contentforms*/
}
li.rightliste{
	/* Eine zweipspaltige liste mit untersrich */
	float:left;
	padding:0.81em 0 0.81em 0;
	width:40%;
	border-bottom:1px solid #F6F6DD;/*contentforms*/
}

/*4.1. * Hier sind definitionslisten */
dd{
	line-height:20px;
	font-size:0.75em;
}



/* 5 weitre Klassen ------------------------------------------------------------------------*/

.adminmenuhead{
	padding-left: 0.9em;
	padding-top:0.4em;
	padding-bottom:0.4em;
	margin: 0;
	border-bottom: 1px solid gray;/*menuadmin*/
	background-color:#F6F6DD;/*menuadmin*/
	font-size:smaller;
	color:#000000;
	
	
}
.adminmenusub {
	/* wenn das admin menu ausgefahren ist */
	padding:0 0 0 0.5em;
	
}

.einruecken {
	text-indent:3em;
}
/* 6 ----------------------------------------------------------------------------------------*/
/* 6.1. */
.menuheadline{
	clear:both;
	float:left;
}
.content2colsleft,.content2colsleftheight75{
	/* wird bei den z.b. formularen immer gerne genommen :) */
	clear:both;
	float:left;
	padding:0.6em;
	width:50%;
	min-height:1.4em;
	border-bottom:1px solid #F6F6DD;/*contentforms*/
}
.content2colsrightheight75{
	height:8em;
	width:65%;
	
}
.content2colsleftheight75{
	height:8em;
	width:30%;
	
}
.content2colsright,.content2colsrightheight75{
	/* wird bei den z.b. formularen immer gerne genommen :) */
	float:left;
	padding:0.6em;
	width:40%;
	min-height:1.4em;
	border-bottom:1px solid #F6F6DD;/*contentforms*/
}
.samewidthform,.maincontentall{
	/* erstellt eine box die die gleiche grße wie content2colsleft + content2colsright hat*/
	width:93%;
	clear:both;
	padding:0.6em;
	min-height:1.4em;
}

.samewidthformunderline{
	/* erstellt eine box die die gleiche grße wie content2colsleft + content2colsright hat*/
	width:93%;
	clear:both;
	padding:0.6em;
	border-bottom:1px solid #F6F6DD;/*contentforms*/
}
/*6.2*/
.boxleftall{
	/* box die den inhalt left floatet und 100 %breit ist*/
	clear:left;
	float:left;
	width:100%;
	margin-bottom:10px;
}

.underline{
	border-bottom:1px solid #F6F6DD;/*contentforms*/
	padding:0.85em 0 0.85em 0;
}
/* 6.3 */
.contenterror{
	border:3px #FF0000 solid;/*contenterror*/
	width:80%;
	padding:1em;
	text-align:justify;
	margin-bottom:3em;
}
/* 7 ----------------------------------------------------------------------------------------*/
/* 7.1. */
.websitepic{
	border:0;
}
#taxichecklogo{
	border:0;
	padding-top:25px;
	padding-left:20px;
}

/* 7.2. */
.fontbig{
	font-size:large;
}

/*7.3. */
.blaettern{
	width:100%;
	margin-top:0.5em;
	margin-bottom:0.5em;
	text-align:center;
}