/* !!! stylesheet für berlinerkreis.de , erstellt von medienlounge.de !!! */

/* Farben:
hellgrau (bg oben): #ececed
dunkelgrau (bg unten): #939596
dunkelgrau (schrift p): #6F6F71
dunkelblau (headerleiste, navi): #12445d
grün (navi, listenpunkte): #84b81a
*/


html, body {
  font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
  background-color: #939596;
  background-image: url(../images/top_bg.gif);
  background-repeat: repeat-x;
  font-size: 100.01%;
  padding: 0;
  margin: 0;
  text-align: center; /* für IE Zentrierung*/
}

* {
margin: 0;
padding: 0; 
}


/* ##### Definition der div-container ##### */
/* ######################################## */
#rahmen {
width: 800px;
margin: 0px auto;
text-align: left; /* Zentrierung rückgängig */
}
#oben {
margin-left: 30px;
width: 740px;
height: 225px; /* hier inkl. margin-top (Seitenabstand 15px) in #head_spacer1 */
background-color: transparent;
}
#head_spacer1 {
width: 740px;
height: 15px;
line-height: 15px;
overflow: hidden; /* fuer line-height im IE6 */
background-color: #ececed;
}
#head_navi {
width: 740px;
height: 20px;
line-height: 20px;
background-color: #12445d;
}
#head_spacer2 {
width: 740px;
height: 10px;
line-height: 10px;
overflow: hidden; /* fuer line-height im IE6 */
background-color: #ececed;
}
#head {
width: 740px;
height: 180px;
background-color: white;
}
#head_logo {
width: 180px; 
height: 80px;
background-image: url(../images/logo_bg.gif);
background-repeat: no-repeat;
}
#head_sublogo {
width: 180px; 
height: 100px;
background-image: url(../images/head_sublogo_bg.gif);
background-repeat: repeat-x;
}
#head_bild {
float:right;
width: 550px; 
height: 180px;
padding-top: 10px;
}
#unten {
width: 800px;
height:auto !important;
background-image: url(../images/content_bg.jpg);
background-repeat: repeat-y;
background-color: white;
/* background-color durch Grafik content_bg_gif vorgegeben (mittig weiß) */
}
#navi {
float: left;
margin-left: 30px;
margin-top: 0;
padding-top: 0;
width: 180px; 
min-height:330px;
height:auto !important;
height:330px;
background-color: transparent;
}
*html #navi {
margin-left: 15px;
}
#contentleiste {
width: 530px; 
height: 30px;
margin-left: 220px; 
padding: 10px 10px 0 10px;
background-color: white;
}
/* IE6 */
*html #contentleiste {
margin-left: 217px; 
}
#suche {
float: left;
}
#sprache {
float: right;
}
#content {
width: 530px; 
margin-left: 220px; 
padding: 10px 10px 10px 10px;
height:auto;
background-color: white;
}
/* IE6 */
*html #content {
margin-left: 217px; 
}
#footer {
width: 800px;
height: 45px;
background-image: url(../images/footer_bg.gif);
background-repeat: no-repeat;
}
.clearer {
clear: both;
}

/* ##### ab hier Formatierungen der einzelnen div-Inhalte ##### */
/* ############################################################ */

/* ##### HEAD ##### */
/* sublogo H2 */
#head_sublogo h2{
font-size: 11px;
color: white;
line-height: 14px;
text-align: center;
padding-top: 9px;
}
#head_navi ul  {
list-style-type: none;
font-size: 70%;
text-align: right;
}
#head_navi ul li {
display: inline;
}
#head_navi a {
color: white;
text-decoration: none;
padding-right: 10px;
}

/* ##### SUCHE ##### */
.suchknopf {
height: 20px;
line-height: 20px;
vertical-align: middle;
color: #12445d;
}
* html .suchknopf {
height: 22px;
line-height: 22px: 
}
/* Suchergebnisse markieren */
.csc-sword {
font-style: italic;
color: red;
}

/* ##### SPRACHE ##### */
.langmenu {
font-size: 70%;
color: #12445d;
}
.langmenu ul{
list-style-type: none;
}
.langmenu li {
display: inline;
margin-left: 5px;
}
.langmenu a {
color: #84b81a;
}

/* ##### CONTENT ##### */
h1 {
font-size: 100%;
font-weight: normal;
color: #12445d;
padding-top: 0px;
margin-top: 0px;
}
h2 {
font-size: 80%;
font-weight: normal;
color: #12445d;
padding-top: 10px;
}
h3 {
color: #12445d;
font-size: 70%;
padding-top: 10px;
}
p {
font-size: 70%;
color: #6F6F71;
line-height: 150%;
padding-top: 10px;
}
#content ul {
font-size: 70%;
color: #6F6F71;
line-height: 150%;
padding-top: 10px;
padding-bottom: 10px;
}
#content ul li{
list-style-position: inside;
}
#content a {
color: #84b81a;
}

/* ##### NAVI - erste Ebene ##### */
#navi ul  {
list-style-type: none;
font-size: 70%;
text-transform: uppercase;
text-align: right;
}
#navi ul li a {
display: block;
padding-right: 25px;
color: white;
line-height: 24px;
height: 24px;
background-color: #12445d;
background-image: url(../images/navi1_norm_bg.gif);
background-position: right top;
background-repeat: no-repeat;
text-decoration: none;
}
#navi ul li a:hover {
background-image: url(../images/navi1_high_bg.gif);
background-color: white;
color: #12445d;
}
#navi ul li a:active {
background-image: url(../images/navi1_high_bg.gif);
background-color: white;
color: #12445d;
}
#navi ul li a:focus {
background-image: url(../images/navi1_high_bg.gif);
background-color: white;
color: #12445d;
}
.aktiv_main {
display: block;
color: #12445d;
padding-right: 25px;
line-height: 24px;
background-image: url(../images/navi1_high_bg.gif);
background-position: right top;
background-color: white;
background-repeat: no-repeat;
text-decoration: none;
}
.aktiv_main ul{
margin-right: -25px;
}

/* ##### NAVI - zweite Ebene ##### */
#navi ul ul  {
list-style-type: none;
font-size: 90%;
text-align: right;
text-transform: none;
}
#navi ul ul li a {
display: block;
padding-right: 35px;
color: white;
line-height: 24px;
height: 24px;
background-color: #12445d;
background-image: url(../images/navi2_norm_bg.gif);
background-position: right top;
background-repeat: no-repeat;
text-decoration: none;
}
#navi ul ul li a:hover {
background-image: url(../images/navi2_high_bg.gif);
background-color: #9a9fb3;
color: white;
}
#navi ul ul li a:active {
background-image: url(../images/navi2_high_bg.gif);
background-color: #9a9fb3;
color: white;
}
#navi ul ul li a:focus {
background-image: url(../images/navi2_high_bg.gif);
background-color: #9a9fb3;
color: white;
}
.aktiv_sub {
display: block;
padding-right: 35px;
color: white;
line-height: 24px;
background-image: url(../images/navi2_high_bg.gif);
background-position: right top;
background-repeat: no-repeat;
text-decoration: none;
background-color: #9a9fb3;
}
.aktiv_sub ul{
margin-right: -35px;
}

/* ##### FOOTER ##### */
#footer p {
color: white;
font-size: 60%;
text-align: right;
padding-right: 30px;
padding-top: 15px;
}

/* ##### Login ##### */
/* Schrift Login generell */
.tx-felogin-pi1 {
font-size: 70%;
color: #6F6F71;
line-height: 150%;
padding-top: 10px;
border: 0;	
}
.tx-felogin-pi1 h3 {
color: #12445d;
font-size: 100%;
padding-top: 10px;
}
/* Anmelden */
.tx-felogin-pi1 legend {
color: #12445d;
font-size: 120%;
padding-top: 10px;
padding-left: 0;
margin-left: 0;
}
/* labels generell */
.tx-felogin-pi1 label {
display: block;
padding-top: 5px;
}
/* ohne Rand */
.tx-felogin-pi1 fieldset {
border: 0;
}

/* ##### Dateien Pressebereich ##### */
.csc-uploads-fileSize {
padding-left: 10px;
}

/* ##### SUCHE ##### */
.tx-indexedsearch-title {
font-size: 70%;
font-weight: bold;
}
.tx-indexedsearch-percent {
font-size: 70%;
color: #6F6F71;
}
.tx-indexedsearch-descr {
font-size: 70%;
color: #6F6F71;
font-style: normal !important;
}
.tx-indexedsearch-redMarkup {
color: #12445d !important;
}
.tx-indexedsearch-whatis {
color: #12445d;
font-size: 80%;
}