/*
	Style Sheet fuer www.bielefeld.de
	24.02.03		rkn
*/


body, td, th	{
	color: 			#324B5A;
	font-family: 	Geneva, Arial, Helvetica, sans-serif;
	font-size: 		12px;
/* 	font-size: 		1em; */
	margin:			0px 0px 0px 0px;
}

body {
/*	font-size:		75%; */
	background: 	#FFFFFF;
}

th	{
	font-weight : 	bold;
}


/* ---------- Ueberschriften ---------- */
/* Kapitelueberschrift in Texten */
h1 {
	font-family:		Geneva, Arial, Helvetica, sans-serif;
	color: 				#F73429;
	font-size:			1.1em;
	font-weight : 		bold;
	padding-top:		10px;
	padding-bottom:	0px;
	margin-top:			10px;
	margin-bottom: 	2px;
	margin-left:		10px;
}

/* Absatzueberschrift in Texten */
h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: 				#F73429;
	font-size:			1em;
	font-weight : 		bold;
	margin-bottom: 	0px;
	padding-bottom:	0px;
	padding-top:		15px;
	margin-left:		10px;
}

/* andere Ueberschrift */
/*
h3 {}

/* Absatzkennzeichen (akz) - Ueberschrift */
h4 {
	color: 				#324B5A;
	font-size:			1em;
	font-weight:		bold;
	text-indent:		10px;
	padding-top:		0px;
	padding-bottom:	0px;
	margin-bottom:		0px;
	margin-top:			0px;
}



/* ---------- Textbloecke im Content ---------- */

/* Einleitung fuer Textblock */
.einleitung {
	font-weight : 	bold;
	margin-top: 	1px;
}

/* Text (normal) im Textblock */
.text {
	text-align: 		justify;
}

.textlinks {
	text-align:			left;
}

.textmitte {
	text-align:			center;
}

.textrechts {
	text-align:			right;
}

.textblockbild {
	text-align:			justify;
	display: 			block;
	width:				270px;
	margin-left:		165px;
}
.textblockbildrechts {
	text-align:			justify;
	display: 			block;
	width:				260px;
	margin-right:		175px;
}

.textfettgrau {
	background-color:	#C9DEE4;
	padding:				2px;
	margin:				0px;
	font-weight:		bold;
}

.textgrau {
	background-color:	#C9DEE4;
}

.texteinzug {
	text-align: 		left;
	margin-left:		30px;
}

.texthinweis {
	text-align: 		left;
	border-width:		0px 20px 0px 20px;
	border-color:		#C9DEE4;
	border-style:		solid;
	margin:				0px;
	padding: 			0px 10px 0px 10px;
}

.textkasten {
/*	display:				inline; */
	border-width:		2px;
	border-color:		#C9DEE4;
	border-style:		solid;
	padding:				2px;
	margin-right:		4px;
	margin-bottom:		4px;
}

.textspalte12 {
	width:				47%;
	min-width:			47%;
	max-width:			47%;
	float:				left;
	border-width:		0px;
	border-color:		#C9DEE4;
	border-style:		solid;
	text-align: 		justify;
}

.textspalte22 {
	width:				47%;
	min-width:			47%;
	max-width:			47%;
	float:				right;
	padding-right:		0px;
	border-width:		0px;
	border-color:		#C9DEE4;
	border-style:		solid;
	text-align: 		justify;
}

.textspalte13 {
	display: 			block;
	width:				31%;
	min-width:			31%;
	max-width:			31%;
	padding-right:		1%;
	float:				left;
	text-align: 		justify;
/*	border-width:		0px;
	border-color:		#C9DEE4;
	border-style:		solid; */
}

.textspalte23 {
	display: 			block;
	width:				31%;
	min-width:			31%;
	max-width:			31%;
	padding-left:		2%;
	padding-right:		2%;
	float:				left;
	text-align: 		justify;
}

.textspalte33 {
	display: 			block;
	width:				31%;
	min-width:			31%;
	max-width:			31%;
	padding-left:		1%;
	float:				right;
	text-align: 		justify;
}

/* Absatztrenner mit wenig Abstand */
p.kompakt {
	margin-top:		3px;
	margin-bottom:	3px;
}

/* Untertitel fuer Bilder */
.bilduntertitel {
	font-size:		0.9em;
	margin-left: 	10px;
	margin-right: 	5px;
	margin-bottom:	5px;
}
.bilduntertitelrechts {
	font-size:		0.9em;
	margin-right: 	10px;
	margin-bottom:	5px;
}

/* Bild (img) im Textblock */
.bild {
	margin-top:		3px;
	margin-right: 	5px;
}
.bildrechts {
	margin-top:		3px;
	margin-left: 	5px;
}
.bildmitte {
	display: 		block;
	margin-top: 	0px;
	margin-left:	0px;
	margin-right: 	0px;
}

/* Tabulatoren mittels div simulieren */
div.tab1, div.tab2, div.tab3, div.tab4 {
	float:			left;
}
div.tab1 {width:	20%; }
div.tab2 {width:	40%; }
div.tab3 {width:	60%; }
div.tab4 {width:	80%; }


/* kleiner Text (z. B. im Wetter oder Minikalender) */
.klein {
	font-size:		0.85em;
}

/* roter Text (z. B. um aktiven Menuepunkt einzufaerben) */
.rot {
	color: 			#F73429;
}


/* weisser Text (z. B. fuer Bielefeld.de Link im Kopf) */
.weiss {
	color: 			#FFFFFF;
}

/* Abkuerzungen (acronym) */
acronym {
  border-bottom: 	1px dotted #324B5A;
  cursor:			help;
}

/* Trennlinien fuer Ueberschriften im Inhalt */
hr {
	text-align:		left;
	margin-top:		1px;
	margin-bottom:	1px;
	border:			0px;
}

/* Hoch- u. tiefgestellte Zeichen */
sub, sup {
	font-size:		0.85em;
}

/* Listenaufzaehlung enger setzen */
ul {
	margin-top:		10px;
	margin-bottom:	15px;
}


/* ---------- Links ---------- */

a {
	color:			#365367;
	font-weight : 	bold;
}

/* Navigation Hauptmenuepunkte (Ebene 1) */
a.menue1 {
	font-size:			1.05em;
	font-weight:   	bold;
	letter-spacing:	0.3pt;
	text-decoration: 	none;
	white-space:		nowrap;
}

/* Navigation Untermenue (Ebene 2) */
a.menue2 {
	font-size:			1em;
	font-weight:   	normal;
	text-decoration: 	none;
}

/* Navigation Unter-Untermenue (Ebene 3) */
a.menue3, a.menue4, a.menue5 {
	font-size:			0.9em;
	font-weight:   	normal;
	text-decoration: 	none;
}


/* Links in der Servicenaviation (weiss auf rot) */
a.smenue {
	color:				#FFFFFF;
	font-size:			0.9em;
	text-decoration: 	none;
	font-weight:		normal;
}

/* Links mit kleiner Schrift (z. B. Fuss oder Minikalender) */
a.klein {
	font-weight:		normal;
	font-size:			0.85em;
}

/* Newslink mit kleiner Schrift (z. B. News auf der Startseite) */
a.kapitellink {
	text-decoration:	underline;
	font-weight:		bold;
	font-size:			0.9em;
}
a.kapitellink:hover {
	text-decoration: 	underline;
}

/* Hinweis zur Barrierefreiheit (links oben) */
a.waihinweis {
	color: 				#FFFFFF;
	text-decoration:	none;
	text-shadow:		black;
	font-weight:		normal;
}

/* Link ohne fett (z. B. fuer Branchenbuch) */
a.normal {
	font-weight:		normal;
}


/* ---------- Tabellen ---------- */
table.content {
	border: 			0;
	width: 			100%;
}

/* Ueberschrift in Tabellen die ueber den Editor angegt wurden */
tr.ueberschrift {
  font-weight:		bold;
  text-align:		center;
}

/* Einrueckungen fur Menuezellen Navigation */
td.menue1 {
	padding-left:	2px;
}
td.menue2 {
	padding-left:	7px;
}
td.menue3 {
	padding-left:	12px;
}
td.menue4 {
	padding-left:	17px;
}
td.menue5 {
	padding-left:	22px;
}


/* ---------- Minikalender Veranstaltungen ---------- */
table.minikalender {
	border:			1px solid #000000;
}
.mklegende {
	color:				#FFFFFF;
	font-size:			0.9em;
}
.mklink {
	font-size: 			0.9em;
	font-weight:		normal;
}
.mkkopf {
	font-size: 			0.9em;
	font-weight:		bold;
}


/* ---------- Formulare ---------- */

/* Abstand nach einem Formular verringern */
form {
  margin-bottom: 0px;
  margin-top: 0px;
}

/* Eingabefelder allgemein */
INPUT, SELECT, TEXTAREA {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 1em;
}

/* Lange Eingabefelder in Formularen (z. B. Name)*/
INPUT.lang, TEXTAREA.lang {
	width:280px;
}
SELECT.lang {
	width:285px;
}

/* Mittlere Laenge von Formularfeldern (z. B. Telefon)*/
INPUT.mittel, TEXTAREA.mittel, SELECT.mittel{
	width:130px;
}
/* Kurze Formularfelder (z. B. PLZ) */
INPUT.kurz, SELECT.kurz {
	width:60px;
}
/* Suchfeld im Kopf der Seite */
INPUT.suche {
	width : 85px;
	height: 13px;
	border: 0px solid #365367;
	color:  #365367;
	margin-left: 1px;
}
/* Suchen-Knopf im Kopf der Seite */
INPUT.suchebtn {
	background:			#E2EEF3;
	width : 				62px;
	height: 				15px;
	border: 				0px solid #E2EEF3;
	color:  				#F73429;
	margin-left: 		0px;
	font-size:			1em;
	letter-spacing:	1px;
	font-weight:		bold;
	text-align:			center;
	vertical-align: 	top;
}

/* Formularkonopf */
INPUT.knopf {
	background:			#E2EEF3;
	border: 				0px solid #E2EEF3;
	color:  				#F73429;
	margin-left: 		0px;
	font-size:			1em;
	letter-spacing:	1px;
	font-weight:		bold;
	text-align:			center;
	vertical-align: 	top;
}



/* Quickfinder */
.quickfinder {
	position:absolute;
/*	display:none; */
	width:160px;
	z-index:2;
/*	left:200px; */
/*	top:130px; */
	border-width:1px;
	border-color:#32455A;
	border-style:solid;
	margin-left:29px;
	margin-top:-13px;
	background-color:#FFFFFF;
}


/* Problem Zeilenhoehe von 1x1-gifs in TD bei mozilla */
/* (siehe http://www.hut.fi/u/hsivonen/standards.html#lineboxmodel) */
img.imgcell {
	display: block;
   margin: 0;
   border: 0;
   padding: 0;
}


/* Formatierungen fuer Bi Marketing Navigationskasten auf bielefeld.de */
/* gesamter Navigationskasten */
#bimnavigation {
  position: 		absolute;
  top:				130px;
  width:				136px;
  background-color:	#E2EEF3;
  padding:			1px 1px 1px 1px;
  z-index:			3;
}
/*	position: 		absolute;
	top:				145px;
	width:			137px;
  margin-top:		2px;
  margin-left:		12px;
*/

/* Ueberschrift fuer BiM */
.bimfettweis {
	font-family: 	Tahoma, Arial, Helvetica, sans-serif;
	font-size: 		11px;
	color:			#ffffff;
	font-weight:	bold;
}
/* Text von BiM */
.bimtext {
	font-family: 	Tahoma, Arial, Helvetica, sans-serif;
	line-height:	16px;
	font-size: 		11px;
	padding:			2px 2px 2px 5px;
}
/* Links von BiM */
a.bimlink {
	color:				#144372;
	font-weight:		normal;
}
a.bimlink:hover {
	color:				#ed2125;
}