/*
###########################################
## MGFFI Ghana-Portal                    ##
## Standard-Styles fuer alle Frames      ##
## (c) 2009 Webworker GmbH, Koeln        ##
## GC21 Customising: Michael Wiese 2009    last: 19.01.2010    ##
###########################################
*/

/*
###########################################
## Grundeinstellungen                    ##
###########################################
*/


/*
+++++++++++++++++++++++++++++++++++++++++++
Seiteneigenschaften
+++++++++++++++++++++++++++++++++++++++++++
*/

html
{
background-image: url("../images/chrome/bg_navi.gif");
background-position: left top;
background-repeat: repeat-y;
background-color: transparent
}

body
{
height: 100%;
font-family: arial,helvetica,sans-serif;
font-size: 71%;
background-image: url("../images/chrome/bg_relcont.gif");
background-position: right top;
background-repeat: repeat-y;
background-color: transparent;
}


/*
+++++++++++++++++++++++++++++++++++++++++++
Alle margins, paddings, borders ausschalten 
+++++++++++++++++++++++++++++++++++++++++++
*/

*
{
margin: 0;
padding: 0;
border: 0;
}

/*
+++++++++++++++++++++++++++++++++++++++++++
Linkmerkmale fuer Bilder ausschalten 
+++++++++++++++++++++++++++++++++++++++++++
*/

img a,
msgimg a,
img a:link,
img a:visited,
img a:hover,
img a:active,
img a:focus
{
border: 0;
text-decoration: none;
background: transparent;
}

/*
+++++++++++++++++++++++++++++++++++++++++++
Cursorform fuer Formularbuttons 
(ggf. hier Buttonklassen nachtragen)
+++++++++++++++++++++++++++++++++++++++++++
*/

@media screen
{
	.button,
	.formbutton
	{
	cursor: pointer;
	}
}

/*
+++++++++++++++++++++++++++++++++++++++++++
Horizontale Linie
+++++++++++++++++++++++++++++++++++++++++++
*/

hr
{
height: 1px;
margin: 5px 0;
border: 0;
background-color: #b9babb;
}



/*
###########################################
## Kopfleiste mit Servicenavigation      ##
###########################################
*/


/*
+++++++++++++++++++++++++++++++++++++++++++
Absenderkennung (Wappen) und Bildleiste
+++++++++++++++++++++++++++++++++++++++++++
*/

#absenderkennung
{
height: 63px;
padding-top: 15px;
padding-right: 29px;
text-align: right;
background-color: #ffffff;
border-bottom: 1px solid #262626;
}

#bildleiste
{
height: 113px;
background-color: #ffffff;
background-image: url("../images/chrome/kopfbild_startseite.jpg");
background-position: 200px 0;
background-repeat: no-repeat;
border-bottom: 1px solid #c4c7c9;
}

#bildleiste #logoghana
{
float: left;
height: 113px;
width: 199px;
text-align: center;
background-color: #ffffff;
border-right: 1px solid #c4c7c9;
}

#bildleiste #logoghana img
{
padding-top: 17%;
}

#bildleiste #blrechts
{
float: right;
height: 113px;
width: 199px;
background-color: #ffffff;
border-left: 1px solid #c4c7c9;
}

/*
+++++++++++++++++++++++++++++++++++++++++++
Servicenavigation
+++++++++++++++++++++++++++++++++++++++++++
*/

#servicenavi
{
clear: both;
height: 28px;
background-color: #54584f;
border-bottom: 1px solid #c4c7c9;
}

/* Linke Seite */

#servicenavi #snleft
{
float: left;
width: 178px;
height: 28px;
padding-right: 3px;
text-align: right;
background-color: #54584f;
border-left: 18px solid #0099e5;
border-right: 1px solid #c4c7c9;
}

#servicenavi #snleft img
{
padding-top: 5%;
padding-right: 13px;
}

/* Rechte Seite */

#servicenavi #snright
{
float: right;
width: 187px;
padding-left: 12px;
height: 28px;
background-color: #54584f;
border-left: 1px solid #c4c7c9;
}

#servicenavi #snprint
{
float: right;
height: 28px;
background-color: #54584f;
}

/* Mitte */

#servicenavi #sncenter
{
float: left;
height: 28px;
background-color: #54584f;
}

#sncenter ol
{
float: left;
margin-left: 34px;
list-style: none;
}

#sncenter ol li,
#snright p,
#snprint p
{
font-size: 11px;
padding-right: 24px;
padding-top: 6px;
font-weight: bold;
color: #ffffff;
}

#sncenter ol li
{
float: left;
}

#sncenter ol li a,
#sncenter ol li a:link,
#sncenter ol li a:visited,
#snprint p a,
#snprint p a:link,
#snprint p a:visited,
#snright p a,
#snright p a:link,
#snright p a:visited
{
text-decoration: none;
color: #ffffff;
}

#sncenter ol li a:hover,
#sncenter ol li a:focus,
#snprint p a:hover,
#snprint p a:focus,
#snright p a:hover,
#snright p a:focus
{
text-decoration: underline;
}


/*
+++++++++++++++++++++++++++++++++++++++++++
Container fuer Inhaltsbereich
+++++++++++++++++++++++++++++++++++++++++++
*/

#wrapper
{
clear: both;
background-color: transparent;
padding-bottom: 96px;
}




/*
###########################################
## Hauptnavigation                       ##
###########################################
*/


/*
+++++++++++++++++++++++++++++++++++++++++++
Navigation Hintergrund und Begrenzung
+++++++++++++++++++++++++++++++++++++++++++
*/

#subnavi .navi
{
float: left;
padding-top: 36px;
width: 200px;
background-color: transparent;
}

/*
+++++++++++++++++++++++++++++++++++++++++++
Navigationshierarchie
+++++++++++++++++++++++++++++++++++++++++++
*/

#sitemap .navi ol ol li a /* Blendet den linken Pfeil in der Sitemap auf Ebene 2 aus. */
{
margin-left: 1px;
margin-right: 6px;
padding-left: 10px;
background-image: none;
background-position: 0 6px;
background-repeat: no-repeat;
}

#sitemap .navi ol li a /* Blendet den linken Pfeil in der Sitemap auf Ebene 1 aus. */
{
margin-left: 1px;
margin-right: 6px;
padding-left: 10px;
background-image: none;
background-position: 	0 6px;
background-repeat: no-repeat;
}

.navi ol
{
list-style: none;
}

/* Trennlinie innerhalb der Liste */

#subnavi .navi ol div
{
height: 2px;
margin: 8px 0;
background-color: #262628;
background-image: url("../images/chrome/bg_navi_hr.gif");
background-repeat: no-repeat;
}


/* Erste Ebene */

#subnavi .navi ol li /* Ebene geschlossen */
{
margin-left: 6px;
padding-left: 12px;
background-image: url("../images/chrome/li1_0.gif");
background-position: 0 4px;
background-repeat: no-repeat; 
}

#sitemap .navi ol li /* Ebene geschlossen */
{
padding-left: 5px; 
background-image: url("../images/chrome/li1_0.gif");
background-position: 0 6px;
background-repeat: no-repeat; 
}

.navi ol li.fokus /* Ebene geoeffnet */
{
background-image: url("../images/chrome/li1_1.gif"); 
}

.navi ol li.fokus a /* Linkfarbe bei geoeffneter Ebene */
{
color: #54584f;
}

.navi ol li a /* Linkeigenschaften */
{
display: block;
padding: 2px 0px;
color: #262628;
font-weight: bold;
}

.navi ol li a:link,
.navi ol li a:visited
{
text-decoration: none;
}

.navi ol li a:hover,
.navi ol li a:active,
.navi ol li a:focus
{
text-decoration: underline;
}

/* Zweite Ebene */

#wrapper .navi ol ol li /* Ebene geschlossen */
{
margin-left: 1px;
margin-right: 6px;
padding-left: 10px;
background-image: url("../images/chrome/li2_0.gif")  !important;
background-position: 0 6px;
background-repeat: no-repeat;
}

/*#sitemap a,
#sitemap a:link,
#sitemap a:visited,
#sitemap a.files
 {
	background-image: none;
}*/


#sitemap .navi ol ol li  /* Ebene geschlossen */
{
margin-left: 1px ;
margin-right: 6px ;
padding-left: 0px ;
background-image: url("../images/chrome/li2_0.gif") ;
background-position: 0 8px ;
background-repeat: no-repeat ;
}


.navi ol ol li.fokus /* Ebene geoeffnet */
{
background-image: url("../images/chrome/li2_1.gif"); 
}

.navi ol ol li.fokus a /* Linkfarbe bei geoeffneter Ebene */
{
color: #54584f;
}

.navi ol ol li a /* Linkeigenschaften */
{
display: block;
padding: 2px 0px;
color: #54584f;
font-weight: normal;
}

.navi ol ol li a:link,
.navi ol ol li a:visited
{
text-decoration: none;
}

.navi ol ol li a:hover,
.navi ol ol li a:active,
.navi ol ol li a:focus
{
text-decoration: underline;
}



/*
###########################################
## Marginalspalte (Related Content)      ##
###########################################
*/

/*
+++++++++++++++++++++++++++++++++++++++++++
Spalte
+++++++++++++++++++++++++++++++++++++++++++
*/

#relcont
{
float: right;
width: 168px;
padding: 40px 16px 16px 16px;
background-color: transparent;
}

/*
+++++++++++++++++++++++++++++++++++++++++++
Einzelboxen
+++++++++++++++++++++++++++++++++++++++++++
*/

#relcont .box
{
padding: 0 4px 2px 4px;
background-color: #f5f3ef;
border: 1px solid #cdcfce;
margin-bottom: 16px;
}

/* Ueberschriftbalken */

#relcont .box h1, #relcont .box .subject
{
margin: 0 -4px 4px -4px;
padding-left: 4px;
font-size: 1.1em;
font-weight: bold;
min-height: 15px;
border-bottom: 1px solid #cdcfce;
background-color: #e9e5de;
}

/* Text */

#relcont .box p
{
margin-bottom: 12px;
}

/* Listen */

#relcont .box ul,
#relcont .box ol
{
margin-bottom: 12px;
}

#relcont .box ul
{
list-style: none;
margin-left: 0px;
}

#relcont .box ul li
{
padding-left: 12px;
background-image: url("../images/chrome/li_content.gif");
background-position: 0 5px;
background-repeat: no-repeat;
}

#relcont .box ol
{
margin-left: 20px;
}

#relcont .box ol li
{
padding-left: 0;
}

/* Formularfelder */

#relcont .box p.textfeld
{
line-height: normal;
margin-bottom: 4px;
}

#relcont .box p.textfeld input
{
font-size: 98%;
display: inline;
width: 154px;
padding-left: 4px;
min-height: 16px;
border-top: 1px solid #cdcfce;
border-bottom: 1px solid #cdcfce;
background-color: #e9e5de;
}

#relcont .box p.textfeld input.kurz
{
width: 134px;
}

#relcont .box p.textfeld input.but
{
display: inline;
width: auto;
vertical-align: bottom;
}

#relcont .box p.linkleiste
{
text-align: left;
padding-left: 4px;
margin: 16px 0 12px 0px;
min-height: 16px;
border-top: 1px solid #cdcfce;
border-bottom: 1px solid #cdcfce;
background-color: #e9e5de;
}


#relcont .box a img,
#relcont .box a:link,
#relcont .box a:visited
{
color: #000000;
text-decoration: none;
font-weight: normal;
/*padding-left: 13px; auskommentiert am 29.3.2010*/
margin-left: 0;
background-image: none;
background-position: 0 2px;
background-repeat: no-repeat;
}

#relcont .box a:hover,
#relcont .box a:active,
#relcont .box a:focus
{
color: #000000;
text-decoration: underline;
font-weight: normal;
}

#relcont .box div
{
text-align: center;
margin-bottom: 4px;
}


/*
###########################################
## Contentbereich                        ##
###########################################
*/


/*
+++++++++++++++++++++++++++++++++++++++++++
Blauer Balken
+++++++++++++++++++++++++++++++++++++++++++
*/

#bluebar
{
height: 16px;
background-color: #0099e5;
margin: 0 -16px 0 -32px;
}

/*
+++++++++++++++++++++++++++++++++++++++++++
Hauptinhalt
+++++++++++++++++++++++++++++++++++++++++++
*/

#content
{
position: relative;
left: 0;
top: 0;
margin: 0px 216px 0px 232px;
background-color: #ffffff;
}

/* Ueberschriftbalken */

#content h1,
#content .msgSet .subject
{
margin: 24px 0 18px -16px;
font-size: 1.1em;
font-weight: bold;
min-height: 15px;
border-top: 1px solid #cdcfce;
border-bottom: 1px solid #cdcfce;
background-color: #f5f3ef;
background-image: url("../images/chrome/li_h1.gif");
background-position: top left;
background-repeat: no-repeat;
padding-left: 24px;
}

/* Zeilenabstand */

#content p,
#content ul,
#content ol,
.msgpopup,
.message
{
line-height: 160%;
}

/*
+++++++++++++++++++++++++++++++++++++++++++
Listen im Fliesstext
+++++++++++++++++++++++++++++++++++++++++++
*/

#content ul,
#content ol
{
margin-bottom: 16px;
}

#content ul
{
list-style: none;
margin-left: 0px;
}

/* Fuehrungszeichen */

#content ul li
{
padding-left: 12px;
background-image: url("../images/chrome/li_content.gif");
background-position: 0 7px;
background-repeat: no-repeat;
}

#content ol
{
margin-left: 20px;
}

#content ol li
{
padding-left: 0;
}

/*
+++++++++++++++++++++++++++++++++++++++++++
Bilder im Fliesstext
+++++++++++++++++++++++++++++++++++++++++++
*/

#content img,
#content .msgimg
{
float: right;
margin: 3px 12px 0 0;
}

/*
+++++++++++++++++++++++++++++++++++++++++++
Links
+++++++++++++++++++++++++++++++++++++++++++
*/

#content a,
#content a:link,
#content a:visited,
#content a.files
{
color: #000000;
text-decoration: none;
font-weight: normal;
padding-left: 15px;
background-image: url("../images/chrome/link.gif");
background-position: 0 2px;
background-repeat: no-repeat;
}

#content a.teaser
{
color: #000000;
text-decoration: none;
font-weight: normal;
padding-left: 15px;
background-image: url("../images/chrome/link.gif");
background-position:  0 ;
background-repeat: no-repeat;
}

#content a.mehr
{
background-image: url("../images/chrome/down.gif") !important;
}

#content a:hover,
#content a:active,
#content a:focus
{
color: #000000;
text-decoration: underline;
font-weight: normal;
}

p.linkleiste
{
text-align: right;
padding-right: 16px;
margin: 24px 0 18px -16px;
min-height: 15px;
border-top: 1px solid #cdcfce;
border-bottom: 1px solid #cdcfce;
background-color: #f5f3ef;
}


/*Klassen Flexipads GC21*/

.msgSet {margin: 0; padding: 0}
.msgRow {margin: 0; padding: 0}




#content .msgimg a
{ background-image: none !important;
}

.subjectpopup {
background-color: white;
background-image: url(../images/chrome/kopfbild_startseite.jpg);
background-position-x: 200px;
background-position-y: 0px;
background-repeat: no-repeat;
border-bottom: 1px solid rgb(196, 199, 201);
height: 113px;

}
.msgpopup {margin: 0px 205px 0px 205px;}
.msgimgpopup {text-align: center; margin: 20px 200px 0px 205px;}
/*Kontakt*/

#fb .formLabel {border: 0px solid #4a4a4a; }
#fb {padding: 0; } 
#fb input, #fb select, #fb textarea {
border: 1px solid #cdcfce;
background-color: #f5f3ef; color: #2a2a2a;
min-height: 20px; height: auto;
}
#Nachname, #Vorname {float: left; width: 49%} 
#fb td {padding: 5px;}
#PLZ {width: 20%;}
#Ort {width: 78%}
#comment, #Email, #Email2, #Firma, #Strasse, #Land, #Telefon, #Fax  {width: 98%}

/*Navi Highligting*/

/* Ebene geoeffnet */
#nrwghana .nrwghana, 
#partnerschaft .partnerschaft,
#themen .themen,
#buero .buero,
#auschreibungen .auschreibungen,
#foerder .foerder,
#kalender .kalender,
#links .links, 
#interaktiv .interaktiv,
#seite10 .seite10,
#seite11 .seite11,
#seite12 .seite12,
#seite13 .seite13,
#seite14 .seite14,
#seite15 .seite15,
#seite16 .seite16,
#seite17 .seite17,
#seite18 .seite18,
#seite19 .seite19
{
background-image: url("../images/chrome/li1_1.gif");
}

/* Linkfarbe bei geoeffneter Ebene */
#nrwghana .nrwghana a,
#nrwghana .nrwghana a, 
#partnerschaft .partnerschaft a,
#themen .themen a,
#buero .buero a,
#auschreibungen .auschreibungen a,
#foerder .foerder a,
#kalender .kalender a,
#links .links a, 
#interaktiv .interaktiv a,
#wirtschaft .wirtschaft a, 
#energie .energie a,
#kultur .kultur a,
#agrarwirtschaft .agrarwirtschaft a,
#pharmazie .pharmazie a,
#hochschulkooperationen .hochschulkooperationen a,
#schulpartnerschaften .schulpartnerschaften a,
#migration .migration a,
#austauschprogramme .austauschprogramme a,
#bildung .bildung a,
#gendermainstreaming .gendermainstreaming a,
#staedtepartnerschaften .staedtepartnerschaften a,
#seite10 .seite10 a,
#seite11 .seite11 a,
#seite12 .seite12 a,
#seite13 .seite13 a,
#seite14 .seite14 a,
#seite15 .seite15 a,
#seite16 .seite16 a,
#seite17 .seite17 a,
#seite18 .seite18 a,
#seite19 .seite19 a
 
{
color: #54584f;
}

/*Zweite Ebene*/


 /* Ebene geoeffnet */
#wirtschaft .wirtschaft, 
#energie .energie,
#kultur .kultur,
#agrarwirtschaft .agrarwirtschaft,
#pharmazie .pharmazie,
#hochschulkooperationen .hochschulkooperationen,
#schulpartnerschaften .schulpartnerschaften,
#migration .migration,
#austauschprogramme .austauschprogramme,
#bildung .bildung,
#gendermainstreaming .gendermainstreaming,
#staedtepartnerschaften .staedtepartnerschaften,
#seite10 .seite10,
#seite11 .seite11,
#seite12 .seite12,
#seite13 .seite13,
#seite14 .seite14,
#seite15 .seite15,
#seite16 .seite16,
#seite17 .seite17,
#seite18 .seite18,
#seite19 .seite19
{
background-image: url("../images/chrome/li2_1.gif");
}

.navi ol ol li.fokus a /* Linkfarbe bei geoeffneter Ebene */
{
color: #54584f;
}

#sitemap .navi {width: auto} /*setzt die in der Sitemap integrierte navi auf Autobreite*/
.clear {clear: both} 


/*.subject span {display: none}*/

.leerebox_mittel {height: 10em}

.teaser {display: block; margin: 10px 0 10px 0; }



.url a {display: block; height:  16px; }