/*
	Dokumentation gibnster-bremen.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 	|
			
			
		
		
	
	1. Standart Content
		1.1 body
		1.2 headlines
		
		1.3 weitere html tags
		1.4 Standart Links
		1.5.Standart listen
		1.6.das usermenu mit liste und links und der zugeührogen box
			
	2. ID's
		2.1.seiten container
		2.2. von der einzelnen show ansicht
	
	3. 	Listen
		3.1. listen von der register archiv seite
		3.2. alles von ul bis li für das aukklappbare Archiv
	
	4. weitere Klassen
		4.1. Zeige den ersten Buchstaben größer bei Register Archiv 
		4.3. linke box beim form
		4.4. rechte box beim form
		4.5. klasse zum eirnücken eines textes
		4.6. einrucken eines textes
		
	5. Bilder
		5.1. Bilder aus dem Archiv
		
	6. weitere Links
		6.1. schnell zum Archiv
		
		
	7. Formulare
		
*/


/* 1 ------------------------------------------------------------------------------------------*/

/*1.1.*/
html, body
{
height: 100%;
margin: 0;
padding: 0;
}
body{
	background-color:#cccccc;/*body*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:100.01%;
	margin:0;
	background-color:#ffffff;
	background-image: url(../wand.jpg);
	background-repeat: no-repeat;
	
	text-align: center; /* needed to center the container in IE5.x because it doesn't like 'margin: 0 auto' */
}

/* 1.2 */
h1,h2,h6,legend{
	clear:left;
	margin-top:0;
	font-size:1em;
	text-align:left;
	line-height:1.2em;
	
	
}
h2{
	font-size:0.8em;
	font-weight:bolder;
	
}
h6{
	font-weight:lighter;
	font-size:0.8em;
	
}
/* 1.3 */
p{
	clear:both;
	font-size:0.75em;
	padding-right: 5em;
	text-align: justify;
}

/*1.4.*/
a:link,a:visited{
	text-decoration:underline;
	color:#000000;
	
}
a:hover,a.active:link,a.active:visited{
	color:#999999;
	text-decoration:none;
}
a.active:hover{
	text-decoration:underline;
	color:#000000;
	
}
/*1.6.*/
ul#navigation{
	list-style:none;
	padding:0;
	margin:0;
	white-space: nowrap;
}
#navigation li{
	
	display:inline;
	text-decoration:none;
	font-size:0.75em;
	padding-right: 1em;
	
}

#navigation  a:link, #navigation  a:visited {
	color:#000000;
	text-decoration: underline;
	
}
#navigation a:hover {
	text-decoration: none;
	color:#999999;
	
	
}
/* 2 --------------------------------------------------------------------------------------------*/


#navibox{
	/*
		Dieses ist die linke Seitenbox
	*/
	display:block;
	float:left;
	height:1208px;
	width: 400px;
	margin:0;
	padding-top:1em;
	background-color:#ffffff;
	text-align:left;
	padding-left:2.5em;
	left:0;
}

#seitencontentaussen{
	/* 
		Die gr rechte Seitenbox
	*/
	
	float:right;
	height:1200px;
	width: 500px;
	left:420px;	
	margin-top:1em;
	padding-top:8px;
	
	background-color:#e1e1e1;
	
	
}


#seitencontent{
	/* 
		Die rechte Seitenbox
	position: absolute;
	*/
	
	height:1150px;
	margin-left:auto;
	margin-right:auto;
	width:449px;
	padding:18px;
	
	border:1px solid #a7a7a7;

	background-color:#e1e1e1;
	
	
}
#ganzeseite{
	position:relative;
	width:950px;
	margin:0 auto;
	
	overflow: hidden;
	
}
/* 3 --------------------------------------------------------------------------------------------*/

/*3.1*/
ul.archivlist{
	float:left;
	
	
	
}
.archivlist li{
	list-style:none;
	text-align:justify;
	
}
.archivlist a:link,.archivlist a:visited {
	font-size:0.75em;
	text-decoration:none;
	color:#333333;
}

.archivlist a:hover {
	font-size:0.75em;
	
	color:#999999;
}
/*3.2*/
/* für das schnelle archi */
ul.schnellmenu { 
		
		padding: 0;
		list-style: none;
		width : 3em;
		font-size:0.7em;
		margin-bottom:4em;
		
	}
	
li.schnellmenulist { 	
		position : relative;
		line-height : 1.25em;
		
		width: 3em;
		margin:0;
				
}
	
li ul { 
		display: block;
		position : absolute;
		left: -999em;		
		margin-left : 2.05em;
		margin-top : -1.55em;
		list-style:none;
}
	
li.schnellmenulist a {
		
		display : block;
		padding : 0.2em;
		width: 3em;
		w\idth : 2em;
		color : #000000;
		
		
}

li ul a{
	width:10em !important;
	background-color: #E1E1E1;
	border-bottom:1px solid #FFFFFF;
	
}

li.schnellmenulist a:hover {
		color:#666666;
	}
	
li.schnellmenulist:hover ul, li.sfhover ul,li.hover ul { 
		left: auto;
		
	}
/* 4 --------------------------------------------------------------------------------------------*/

/*4.1. */
.archivfirstletter{
	/* ZEige den ersten Buchstaben größer bei Register Archiv */
	font-size:x-large;
	
}


/*4.5.*/
.einrueckclass{
	padding-left:8em;
	padding-right:8em;
}
/*4.6.*/
.archivbig{
	font-family:"Helvetica neue light";
	font-size: 4em;
	color: #A7A7A7;
	font-weight:lighter;
	padding-left:0.45em;
	margin-top:-0.5em;
	
	
}

.whereyouare{
	font-family: "Helvetica neue light";
	color: #a7a7a7;
	font-size:1.4em;
	font-weight:lighter;
	padding-left: 26px;
}



/*4.7.*/
.texteinruecken{
	padding-left: 2em;
	font-size: 0.8em;
	font-weight: bold;
	margin-bottom: 2em;		
}

.impressum{
	padding-left: 4.4em;		
}


.textnachueberschrift{
	margin-top: 6em;	
}

.persoenlichkeit{
	font-weight:bold;
	
	font-size:0.75em;	
	margin-bottom:2.5em;
}
.persoenlichkeitberuf{
	
	margin-bottom:1.5em;
}

/*5 --------------------------------------------------------------------------------------------*/

/*5.1*/
.bilderarchiv{
	border:1px solid #A7A7A7;
	
	
}

/*6 --------------------------------------------------------------------------------------------*/
a#logo:link,a#logo:visited{
	display:block;
	font-family: Arial Black;
	font-size: 3em;
	color:#000000;
	background-color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
	margin-left:0.5em;
	margin-top:0.6em;
	margin-bottom:1.5em;
	
	
}
a#logo:hover{

}

/*6.1*/
a.archiv:link,a.archiv:visited{
	display:block;
	font-size: 2em;
	color:#A7A7A7;
	padding-left: 1em;
	margin-top:1em;
	
}
a.archiv:hover{
	
	color:#cccccc;
}

/* 7 -------------------------------------------------------------------------------------------*/
/* Die Schriftgrße ist auch schon bei p definiert, also das form ist dort ebenfalls schon vorhanden*/


#archivsuche{
	background-image:url(../pics/website/thumb/find.gif);
	background-position:right;
	background-repeat:no-repeat;
	width:15em;
}


input.error, select.error,.errorform {
	border: 1px solid red;
 	background-color: #FFFCE2;
  	
	color:#000000;
}

.loginform{
	/* Die login felder*/
	padding:5px;
	width:10em;
	background-color:#ffffff;/*forminput*/
	border:1px solid #a4a4a4;/*forminput*/
	color:#000000;
}
.loginbutton{
/* der login button */
	background-color:#ebebe5;/*forminput*/
	border:1px solid #a4a4a4;/*forminput*/
	color:#000000;
	padding:5px;
	margin-bottom:2em;
	margin-left:0em;
}


fieldset{
	border:0;
	margin:0;
	padding:0;
	font-size:0.75em;
}

fieldset p{
	clear:left;
	float:left;
	text-align:left;
	width:100%;
	
	font-size:1em;
	
}


label.left{
	width:5em;
		padding:5px;
	float:left;
	font-weight:normal;
	
}



label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
	cursor: pointer;
	
}


input{
	border:none;
	font-size: 0.8em;
	background-color:#ffffff;/*forminput*/
	padding:3px;
	color:#000000;
	border:1px solid #a4a4a4;/*forminput*/
	
}
input:focus, input:hover,textarea:focus,textarea:hover,select:focus,select:hover,textarea:focus,textarea:hover,
input.sfhover:focus,input.sfhover:hover{
	

	background-color:#e1e1e1;
}


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


button{
}

checkbox{
	border:#000000 1px solid;
	margin:5px 5em 5px 5em;
	padding:5px;

}

.textfield,.selectmenu,.textfieldwaehrung{
	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;
}


textarea{
	/* die textarea beim kontaktfeld */
	clear:both;
	float:left;
	border:1px solid #a4a4a4;/*forminput*/
	color:#000000;
	margin:0;
	background-color:transparent;/*standardli*/
}