/* Cascading Stylesheet fuer Staatsbibliothek zu Berlin */
/* Css fuer Struktur- und Layoutangaben */
/* Css fuer das Hauptmenue liegt im style_menue.css */
/* 3-point concepts: msalz - 26.02.2008 */


html {min-height:100%;}
body {font-family:verdana,helvetica, arial,sans-serif; font-size:70%; line-height:13px; margin:0; padding:10px; text-align:left;}

.udl {background:url(../pix/icon_haus_unter_den_linden.gif) 0 0 no-repeat; heigth:27px; width:39px; padding:27px 0 0 0;}
.potsdamer {background:url(../pix/icon_haus_potsdamer_strasse.gif) 0 0 no-repeat; heigth:27px; width:39px; padding:27px 0 0 0;}
.westhafen {background:url(../pix/icon_haus_westhafen.gif) 0 0 no-repeat; heigth:27px; width:39px; padding:27px 0 0 0;}


/* ------------------------------
	allgemeine Definitionen 
-------------------------------*/
table, tr, td, div, form, input, select, span, img, ol, ul, li, a, hr, h1, h2, h3, h5, h6 {border:0; margin:0; padding:0;}
div.clear {clear:both; font-size:0; line-height:0; margin:0; padding:0;}
a {text-decoration:none;}
.display_none {display:none;}
.links {float:left;}
.rechts {float:right;}
img.links {margin:3px 15px 12px 0;}
img.rechts {margin:3px 0 12px 15px;}

/* ------------------------------
	Layout - Positionierung 
-------------------------------*/
#layout {margin:0; padding:0; position:absolute; width:954px; z-index:2;}

/* ------------------------------
	Kopf
-------------------------------*/
#metamenue {background:url(../pix/bg_metamenue.gif) 0 0 no-repeat; height:15px; padding:3px 18px 0px 0; text-align:right;}
#metamenue a {text-decoration:none;}
#metamenue a.back {padding:0 0 0 13px;}

#kopf .logoleiste {height:72px;}
#kopf .logoleiste .logo_links {height:72px; float:left; width:450px;}
#kopf .logoleiste .logo_rechts {height:72px; float:right; width:504px;}
#kopf .bildleiste {display:block; clear:both; height:71px; margin:0 0 45px 0;}
#kopf .bildleiste img {float:left;}
#kopf .breadcrump {color:#333; display:block; height:45px;  margin:5px 0 20px 18px;}
#kopf .breadcrump a {color:#333;}

/* ------------------------------
	Suche
-------------------------------*/
#kopf .quicksearch {float:right; padding:13px 18px 0 0;}
#kopf .quicksearch input {font-size:11px; height:14px;}
#kopf .quicksearch input.phrase {width:162px; padding: 1px 5px 0px 5px;}
#kopf .quicksearch input.submit {cursor:pointer; height:19px; width:20px;}
#kopf .quicksearch #tpc_dd_selected {position:relative; z-index:1;}
#kopf .quicksearch #tpc_dd_selected input {border-right:0; cursor:pointer; padding:1px 30px 0 5px; width:100px;}
#kopf .quicksearch input.submit {border:0;}
#kopf .tpc_dd_list {list-style:none; position:absolute; top:14px; left:0; width:135px; z-index:1}
#kopf .tpc_dd_list a {display:block; padding:2px 2px 2px 5px; white-space:nowrap;}
* html #kopf .tpc_dd_list {top:21px; width:128px;}
* html #kopf .tpc_dd_list a {width:100%;}

/* ------------------------------
	Submenue 
-------------------------------*/
#submenue {float:left; margin:0px 18px 0 0; padding:5px 0 0 0; width:180px;}
#submenue hr {background:none; height:1px; margin:0px 0px 0px 18px;}
#submenue div a {color:#333351; display:block;}

#submenue div.e1 {padding:0px 2px 0px 2px;}
#submenue div.e1 a:link, #submenue div.e1 a:visited, #submenue div.e1 a:hover, #submenue div.e1 a:focus {background:none; font-weight:bold;}

#submenue div.e2 {padding:0 0 0 2px;}
#submenue div.e3 {padding:0 0 0 15px;}
#submenue div.e4 {padding:0 0 0 28px;}
#submenue div.e5 {padding:0 0 0 41px;}
#submenue div.e6 {padding:0 0 0 54px;}

* html #submenue div.e1 {margin:0 0 7px 0;}
* html #submenue div.e2, * html #submenue div.e3, * html #submenue div.e4, * html #submenue div.e5, * html #submenue div.e6 {margin:-7px 0 -7px 0;}
*+html #submenue div.e1 {margin:0 0 7px 0;}
*+html #submenue div.e2, *+html #submenue div.e3, *+html #submenue div.e4, *+html #submenue div.e5, *+html #submenue div.e6 {margin:-7px 0 -7px 0;}

#submenue a:link, #submenue a:visited, #submenue a:hover, #submenue a:focus {background:url(../pix/pfeil_menue.gif) 0 4px no-repeat; padding:2px 0 3px 16px;}
#submenue a.on:link, #submenue a.on:visited, #submenue a.on:hover, #submenue a.on:focus {background:url(../pix/pfeil_menue_on.gif) 0 4px no-repeat; font-weight:bold; padding:2px 0 3px 16px;}
#submenue a.down:link, #submenue a.down:visited, #submenue a.down:hover, #submenue a.down:focus {background:url(../pix/pfeil_menue_down.gif) 0 4px no-repeat; padding:2px 0 3px 16px;}
#submenue a.on_down:link, #submenue a.on_down:visited, #submenue a.on_down:hover, #submenue a.on_down:focus {font-weight:bold; padding:2px 0 3px 16px;}
#submenue a.intern:link, #submenue a.intern:visited, #submenue a.intern:hover, #submenue a.intern:focus {background:url(../pix/pfeil_menue_intern.gif) 0 5px no-repeat; padding:2px 0 3px 16px;}
#submenue a.extern:link, #submenue a.extern:visited, #submenue a.extern:hover, #submenue a.extern:focus {background:url(../pix/pfeil_menue_extern.gif) 0 5px no-repeat; padding:2px 0 3px 16px;}

#submenue a.back:link, #submenue a.back:visited, #submenue a.back:hover, #submenue a.back:focus {background:url(../pix/pfeil_menue_back.gif) 0 5px no-repeat; padding:2px 0 3px 16px;}
#submenue div.e1 a.back:link, #submenue div.e1 a.back:visited, #submenue div.e1 a.back:hover, #submenue div.e1 a.back:focus {background:url(../pix/pfeil_menue_back.gif) 0 5px no-repeat; padding:2px 0 3px 16px;}

#submenue a.sprachwechsel:link, #submenue a.sprachwechsel:visited ,#submenue a.sprachwechsel:hover ,#submenue a.sprachwechsel:focus {background:url(../pix/icon_sprachwechsel.gif) 3px 4px no-repeat; padding:2px 0 3px 16px;}
#submenue a.drucken:link, #submenue a.drucken:visited ,#submenue a.drucken:hover ,#submenue a.drucken:focus {background:url(../pix/icon_drucken.gif) 4px 4px no-repeat; padding:2px 0 3px 16px;}

#submenue .specialmenue a.pdfdruck:link, #submenue .specialmenue a.pdfdruck:visited, #submenue .specialmenue a.pdfdruck:link, #submenue .specialmenue a.pdfdruck:link {background:url(../pix/icon_pdfdruck.gif) 3px 4px no-repeat; padding:2px 0 3px 16px;}
#submenue .specialmenue a.send_a_friend:link, #submenue .specialmenue a.send_a_friend:visited, #submenue .specialmenue a.send_a_friend:link, #submenue .specialmenue a.send_a_friend:link {background:url(../pix/icon_tip_a_friend.gif) 3px 5px no-repeat; padding:2px 0 3px 16px;}
#submenue .specialmenue a.bookmarks:link, #submenue .specialmenue a.bookmarks:visited, #submenue .specialmenue a.bookmarks:link, #submenue .specialmenue a.bookmarks:link {background:url(../pix/icon_social_bookmarks.gif) 3px 4px no-repeat; padding:2px 0 3px 16px;}



#submenue .specialmenue {margin:15px 0 0 0;}
* html #submenue .specialmenue div.e2 {margin:-7px 0 -7px 0;}
*+html #submenue .specialmenue div.e2 {margin:-7px 0 -7px 0;}

.startseite #submenue .specialmenue {margin:100px 0 0 0;}

/* ------------------------------
	Inhalt
-------------------------------*/
#inhalt {color:#333; float:left; font-family:verdana, arial, helvetica, sans serif; font-size:1.2em; line-height:16px; margin:25px 18px 0 0; width:738px;}

.spalte_mitte {float:left; margin:0px 18px 0 0; width:487px;}
.spalte_mitte p, .spalte_rechts p {margin-top:0; padding-top:0;}
.spalte_rechts {float:left; margin:0; width:233px;}
.zweispalter_links {float:left; margin:0 18px 0 0; width:234px;}
.zweispalter_rechts {float:left; margin:0; width:235px;}

#inhalt .box {margin:0 0 10px 0;}
#inhalt .box .content h2 {margin:12px 0 1px 0;}
#inhalt .box .content img {margin:0 0 9px 0;}

/* ------------------------------
	Fuss
-------------------------------*/
#footer {background:#797574; height:35px; margin:30px 0 0 0; width:954px;}
#footer .footer_top {height:15px; margin:0; padding:2px 0 0 198px;}
#footer .footer_top .letzte_aenderung {color:#666; float:left; width:500px;}
#footer .footer_top .top {float:right; width:252px;}
#footer .footer_top .top a {background:url(../pix/pfeil_link_top.gif) 0 5px no-repeat; color:#666; padding:2px 0px 3px 13px;}
#footer .footer_bottom {background:url(../pix/bg_footer.gif) 0 0 no-repeat; color:#FFF; padding:2px 0 0 198px;}
#footer .footer_bottom a {color:#FFF;}

/* ------------------------------
	Headlines
-------------------------------*/
h1 {font-family:garamond, times new roman; font-size:2.3em; font-weight:normal; line-height:1em; letter-spacing:0.1em; margin:-3px 0 25px 0;}
h2 {font-family:georgia, times new roman; font-size:1.2em; line-height:1.15em; font-weight:bold; margin:1px 0 17px 0; padding:0;}
h3 {font-family:verdana, arial, helvetica, sans serif; font-size:1em; line-height:1.1em; margin:0 0 2px 0;}
h4 {font-family:verdana, arial, helvetica, sans serif; font-size:1em; line-height:1.1em; margin:0 0 5px 0; padding:0 0 3px 0;}

/* ------------------------------
	Links
-------------------------------*/
#inhalt a.intern:link, #inhalt a.intern:visited, #inhalt a.intern:link, #inhalt a.intern:link {padding:2px 12px 3px 0px;}
#inhalt a.extern:link, #inhalt a.extern:visited, #inhalt a.extern:link, #inhalt a.extern:link {padding:2px 15px 3px 0px;}

#inhalt a.archiv:link, #inhalt a.archiv:visited, #inhalt a.archiv:link, #inhalt a.archiv:link {padding:0 0 0 20px;}
#inhalt a.audio:link, #inhalt a.audio:visited, #inhalt a.audio:link, #inhalt a.audio:link {padding:0 0 0 20px;}
#inhalt a.dokumente:link, #inhalt a.dokumente:visited, #inhalt a.dokumente:link, #inhalt a.dokumente:link {padding:0 0 0 20px;}
#inhalt a.mail:link, #inhalt a.mail:visited, #inhalt a.mail:link, #inhalt a.mail:link {padding:0 0 0 20px;}
#inhalt a.newsletter:link, #inhalt a.newsletter:visited, #inhalt a.newsletter:link, #inhalt a.newsletter:link {padding:0 0 0 20px;}
#inhalt a.pdf:link, #inhalt a.pdf:visited, #inhalt a.pdf:link, #inhalt a.pdf:link {padding:0 0 0 20px;}
#inhalt a.video:link, #inhalt a.video:visited, #inhalt a.video:link, #inhalt a.videor:link {padding:0 0 0 20px;}
#inhalt a.word:link, #inhalt a.word:visited, #inhalt a.word:link, #inhalt a.word:link {padding:0 0 0 20px;}

/* ------------------------------
	Listen
-------------------------------*/
#inhalt ul {list-style:none; margin:0; padding:17px 0 17px 25px;}
#inhalt ul li {margin:0; padding:0 0 0 15px;}
#inhalt ul li ul {margin:0; padding:0;}
#inhalt ul li ul li {padding:0 0 0 15px;}

/* ------------------------------
	Formulare
-------------------------------*/
form {margin:0 0 20px 0;}
input, textarea {background:#FFF; border:1px solid #797979; font-family:verdana, arial, helvetica, sans-serif; font-size:11px; margin:3px 0 0 0; padding:2px;}
select {border:1px solid #797979; font-family:verdana, arial, helvetica, sans-serif; font-size:11px; margin:3px 0 0 0;}

.csc-mailform-field input, .csc-mailform-field textarea {width:200px;}
.csc-mailform-field label {display:block; padding:0 10px 0 0; width:280px;}
.csc-mailform-field input.csc-mailform-radio, .csc-mailform-field input.csc-mailform-check {width:20px;}
.csc-mailform-field span.csc-mailform-radio label {display:inline;}


/* ------------------------------
	Extrafenster
-------------------------------*/
#extrafenster {background:#FFF; width:100%;}
#extrafenster #kopf {background:#666; height:40px; margin:0; padding:0; width:100%;}
#extrafenster #kopf .logoleiste {padding:5px 0 0 38px;}
#extrafenster #inhalt {float:none; margin:0; padding:0; width:100%;}
#extrafenster #inhalt .content {margin:0; padding:10px;}
#extrafenster .bildleiste {background-color:#CCCCCC;}
#extrafenster #footer {background:#666; border:0; height:16px; margin:0; padding:2px 0 0 0; text-align:right; width:100%;}
#extrafenster #footer .left {float:left;  text-align:left; padding:0 0 0 10px; width:40%;}
#extrafenster #footer .right {float:right; text-align:right; width:50%;}
#extrafenster #footer a.schliessen {background:url(../pix/icon_fenster_schliessen_ffffff.gif) 0 3px no-repeat; color:#FFF; padding:0 17px 0 17px;}
#extrafenster #footer a.drucken {background:url(../pix/icon_drucken_ffffff.gif) 0 3px no-repeat; color:#FFF; padding:0 17px 0 12px;}