/***********************************************/
/* CSS - www.zfm-bonn.de                       */
/* Copyright by kitz.kommunikation             */
/* www.kitz-kommunikation.de                   */
/***********************************************/

/***********************************************/
/* BASIC styles                                */
/***********************************************/ 

html, body, form, h1, h2, h3 {
margin:0;
padding:0;
padding-left:0px;
}

html	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #000;
}


body	{
	background-color: #7D8089;
	background-image:url(/bilder/seite/bg_website_stuehle.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
}


a:link { color:#7185B9; text-decoration:underline;  }
a:visited { color:#7185B9; text-decoration:underline; }
a:active { color:#7185B9; text-decoration:underline; }
a:hover { color:#666; text-decoration: underline; }


/***********************************************/
/* Generic Formats                             */
/***********************************************/

h1 { 
font-size: 16px; 
font-weight:bold;
color:#D20003; 
margin-bottom:3px;
}

h2 { 
padding: 10px 0px 3px 0px;
font-size: 12px; 
color:#D20003; 
}

h3 {
padding: 0px 0px 7px 0px;
font-size: 12px; 
color:#001964;
margin-bottom:2px;
}

h4 {
margin: 0px 0px 3px 0px;
font-weight: bold; 
font-size: 12px; 
color:#001964;
}

h5 {
margin: 5px 0px 3px 0px;
font-size: 12px; 
color: #7185B9;
font-weight:bold;
}

h6 { /* Headline für rechte Spalte */
margin: 0px 0px 5px 0px;
font-size:11px;
font-weight: bold; 
color:#D20003;
}

p
{
padding: 0px;
margin: 0px 0px 12px 0px;
}

th, td
{
text-align:		left;
vertical-align:	top;
}

img
{
border:	0px;
padding:0px;
margin:	0px;
}


/***********************************************/
/* Seitengerüst                                */
/***********************************************/

#top {
	height:55px;
	width:867px;
}

#main {
	width:867px;
	padding:0;
	margin:0;
	padding-left:42px;
/*	background-color:#FFFF00;
*/	}

#container-alles {
padding:0px;
margin:0px;
	}

#container {
	border-left:0px solid #fff;
	float:left;
    position: relative;
    min-height: 100%;
    height: 100%;
   	width:825px;
	voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
	width:825px;
	padding-top:0px;
	background-color:#FFF;
	margin-left:0px;
	
}
html>body #container {
	width:825px;
}
	
	
#links {
	float:left;
	padding: 4px 11px 0px 0px;
	width:188px; 			/* für IE5/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:188px; 			/* für die anderen und... */
	min-height: 100%;
	background-color:#FFF;
}
html>body #links {
	width:188px; 			/* ...für Opera */
	height: 100%;
}

#mitte {
float:left;
width:408px;
padding:0px 10px 40px 0px;
margin:0;
background-color:#FFF;
background-image:url(/bilder/seite/bg_mitte.gif);
background-repeat:no-repeat;
}

#rechts {
float:left;
font-size:11px;
width:167px;
padding-left:41px;
/*background-color:#CC0000;
*/background-image:url(/bilder/seite/bg_rechte_spalte.gif);
background-repeat:no-repeat;
color:#000;
font-weight:normal;
line-height:15px;
}

#rechts a:link, #rechts a:visited, #rechts a:active { text-decoration:none; font-weight:normal;  }
#rechts a:hover { text-decoration: underline; font-weight:normal; }

#rechts ul {
margin: 0px;
padding: 0px 0px 8px 0px;
list-style-type: none;
color:#000;
line-height:14px;
}

#rechts ul li {
padding: 0px 0px 0px 15px;
background: url(/bilder/nav/pfeil_hellblau.gif) no-repeat  0px 4px; 
list-style-type: none;  
}

#footer {
    position: absolute;
    bottom: 0;
	}

#brotnav {
padding:10px 0px 16px 0px;
color:#899FB4;
font-size:11px;
}
#brotnav a:link, #brotnav a:visited { text-decoration:none; color:#899FB4;}
#brotnav a:hover { text-decoration:none; color:#eee; background-color:#ADBDDD; }


#fuss {
clear:both;
margin-left:0px;
font-size:10px;
height:75px;
}
A.fusslink:link, A.fusslink:visited { text-decoration:none; color:#FFF}
A.fusslink:hover { text-decoration:underline; color:#FFF}

#deckel-rechte-spalte {
float:left; padding-top:76px;
}

/***********************************************/
/* Navigation                                  */
/***********************************************/

#navigation  {
/*background-color: #FF9900;
*/padding-bottom:0px;
width:617px;
float:left;
}

#navigation img {
/*margin-right:3px;
*/border-right:3px solid #FFFFFF;
}

.sub-navigation {
	padding: 41px 0px 0px 0px;
	margin:0;
}
	
.sub-navigation ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0;
	border-top:#D6DEEE 1px solid;

}

.sub-navigation li {
	padding: 0px 0px 0px 0px;
	}

.sub-navigation li a {
	padding: 3px 0px 3px 19px;
	display: block;
	background-color:#FFF;
	color:#003E95;
	border-bottom:#D6DEEE 1px solid;
}

.sub-navigation li a:link, .sub-navigation li a:visited {
	text-decoration: none;
	color: #7185B9;
	font-weight:normal;
	text-align:left;

}

.sub-navigation li a:hover {
	text-decoration: none;
	color:#002069;
	font-weight:bold;
	text-align:left;
	background-image:url(/bilder/nav/bg_subnav.gif);
	background-repeat:no-repeat;
}



/* Aktives UNTERKAPITEL 1 der Navigation */


.sub-navigation li.aktiv a:link, .sub-navigation li.aktiv a:visited {
	text-decoration: none;
	color:#002069;
	font-weight:bold;
	text-align:left;
	background-image:url(/bilder/nav/bg_subnav.gif);
	background-repeat:no-repeat;
}


/**********************************************************************************************/
/* Components                            ******************************************************/
/**********************************************************************************************/

.bild-ansprechpartner {
margin-top:4px;
margin-right:10px;
text-align:left;
}

.bild-kasten {
margin: 0px 0px 0px 0px;
height: 190px;
}

.bild-einspaltig {
float:left;
width:199px;
margin-bottom:0px;
padding-bottom:0px;
margin-top:0px;
}

.bild-zweispaltig {
float:left;
width:400px;
margin-top:10px;
}

.zitat-einspaltig {
float:left;
width:189px;
padding-top:13px;
}

.zitat {
margin: 5px 0px 15px 0px;
font-style:italic;
color:#00276E;
padding:0px 0px 6px 0px;
font-weight:normal;
}

.zitat-name {
color:#000;
font-weight:normal;
font-style:normal;
}

.clear-both {
clear:both;
line-height: 0px;
margin:0px;
padding:0px;
}

.bild-katalog {
float: left;
margin: 3px 10px 0px 0px;
width: 60px;
border: 1px solid gray;
}

.bild-katalog_big {
float: left;
margin: 3px 10px 8px 0px;
border: 1px solid gray;
display:block;
}

.abstand  {
width:auto;
padding:10px 15px;
}

#mitte ul {
margin: 0px;
padding: 6px 0px 4px 0px;
list-style-type: none;
color:#000;
}

#mitte ul li {
padding: 0px 0px 6px 15px;
background: url(/bilder/nav/pfeil_hellblau.gif) no-repeat  1px 5px; 
list-style-type: none;  
}

#mitte ol {
margin:15px 0px 10px 0px;
padding: 7px 7px 7px 35px;
list-style-type: decimal;
background-color:#F5FBFF;
}

#mitte ol li {
padding: 0px 0px 10px 0px;
list-style-type: decimal;
background: none; 
}

#mitte li.weiter{
margin: 8px 0px 0px 0px;
padding: 0px 0px 5px 15px;
line-height: 17px;
background: url(/bilder/nav/pfeil_hellblau.gif) no-repeat 0px 5px;
}

#mitte li.zurueck{
padding: 0px 0px 5px 15px;
line-height: 17px;
background: url(/bilder/nav/pfeil_hellblau_links.gif) no-repeat 0px 6px;
}

#mitte li.pdf{
/*margin: 0px 0px 10px 0px;*/
padding: 0px 0px 5px 24px;
line-height: 17px;
background: url(/bilder/nav/pdf.gif) no-repeat 0px 2px;
}

#mitte li.word{
/*margin: 0px 0px 10px 0px;*/
padding: 0px 0px 5px 24px;
line-height: 17px;
background: url(/bilder/nav/winword.gif) no-repeat 0px 0px;
}

#mitte li.extern_link{
/*margin: 0px 0px 10px 0px;*/
padding: 0px 0px 5px 24px;
line-height: 17px;
background: url(/bilder/nav/newwindow.gif) no-repeat 0px 4px;
}

#mitte li.erste-zeile-einfachkasten {
padding:0px 0px 6px 0px;
margin:0px 0px 0px 0px;
background-image:none;
}

#mitte ul.einfachkasten, ol.einfachkasten, div.einfachkasten  {
list-style-type: none;
margin:0px 0px 10px 0px; 
padding: 10px 10px 5px 10px; 
background-color:#F4F9FD;
width:381px;
 
}
#mitte li.einfachkasten{
padding: 8px 0px 5px 15px;
line-height: 17px;
background: url(/bilder/nav/square_blau_small.gif) no-repeat 4px 6px;
}


/*######## SONSTIGES ########*/

.formular		{
border: #E87701 1px solid; 
padding-left: 3px;
margin-bottom: 6px;
font-size:12px;
}

.rubrikbild		{
margin-top:0px;
margin-bottom:6px;
}

.checkbox {
margin-right:5px;
}

.bild-tag {
margin-top:3px;
margin-right:10px;
}

.bildkasten {
border-top: 2px solid #9BB3CB;
width:381px;
}

.team-bilder {
margin: 9px 0px 0px 0px;
}

.fehlt {	/* NUR FÜR LAYOUTPHASE */
font-weight:bold;
background-color:#FFAED7;
}


#fuss_job {
width:506px;
padding:14px 0px 10px 49px;
background-image:url(/bilder/jobboerse_hg_unten.gif);
background-repeat:no-repeat;
height:50px;
background-color:#FFFFFF;
}

#fuss_job ul {
margin: 0px 0px 0px 19px;
padding: 2px 0px 8px 0px;
list-style-type: none;
color:#000;
line-height:14px;
}

#fuss_job ul li {
padding: 0px 0px 0px 35px;
background: url(/bilder/nav/pfeil_hellblau.gif) no-repeat  20px 4px; 
list-style-type: none;
display:inline;
}