/*------------------------------------------------------------------ 
Stylesheet f�r verschiedene Medientypen (all, print)

[Inhalt] 
  
0. Initialisierung
1. Body  / body #wrapper
2. Header / #header 
3. Navigation / #nav 
4. Content / #content 
5. Sidebar 1 / #sidebar1 
6. Sidebar 2 / #sidebar2 
7. Footer / #footer
8. Search / #search
9. Print Styles

alle properties sind jeweils alphabetisch sortiert 

[Farben]
anthrazit ------- #2D2D2D --- typo text
rot ------------- #C90119 --- typo headlines
oliv ------------ #646446 --- links
gelb hell ------- #FFFBE4 --- fond der hinweisbox, tabellen-headbereich-fond
grau mittel ----- #999 ------ gedimmter text (z.b. "advertisement")
grau hell ------- #CCC ------ trennlinien
grau sehr hell -- #F5F5F5 --- browserfond

[Typo]
Georgia ---- headlines
Verdana ---- text

 -------------------------------------------------------------------*/

@media all {
/*------------------------------------------------------------------ 
-0. Initialisierung
 -------------------------------------------------------------------*/
/* reset styles */
html, body {background-color: #F5F5F5; border: 0; color: #2D2D2D; margin: 0; padding: 0; vertical-align: baseline;}

/* hide from IE mac \*/
html {min-height: 100%; margin-bottom: 1px;}
/* end hiding from IE mac */

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, del, dfn, em, font, img, small, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0; margin: 0; padding: 0; vertical-align: baseline;}
	
/* skip navigation */
#skip {position: absolute; left: -1000px; overflow: hidden; top: -100px; width: 10em; z-index: 2;}
#skip a {}
#skip a:focus, #skip a:active {background: #FFF; color: #2D2D2D; text-decoration: underline; z-index: 99;}
#blah:active {}
	
#wrapper {background: url(../images/basics/bg-wrapper.gif) repeat-y #FFF; color: #2D2D2D; font: 62.5%/75% Verdana, Arial, Helvetica, sans-serif; /* ab jetzt ist 1 em = 10px */ margin-left: auto; margin-right: auto; text-align: left; width: 1040px;}


/*------------------------------------------------------------------ 
-1. Body
 -------------------------------------------------------------------*/
body {background: url(../images/basics/bg-browser.jpg) repeat-x #F5F5F5; text-align: center; /*  hack fuer zentrierung */}
	
h1, h2, h3, h4, h5, h6 {color: #36C; font-family: Georgia, "Times New Roman", Times, serif;} /* allgemeine ueberschriften-definition */

h1 {font-size: 2.2em; font-weight: normal; line-height: 1.2; margin-bottom: 20px;} /* seiten-ueberschrift */
h2 {font-size: 1.5em; font-weight: normal; margin-bottom: 5px; margin-top: 5px;} /* zwischen-ueberschrift */
h3 {font-size: 1.084em; margin-bottom: 0; margin-top: 5px;} /* ueberschrift 3. ordnung */
h1 + h3 {margin: -20px 0 20px;} /* ueberschrift 3. ordnung wenn sie direkt nach der h1 kommt (z.b. user-bezeichnung) */
h3.license { font-weight: normal; margin-bottom: 17px;} /* alt: ueberschrift 3. ordnung, klasse fuer "guest" oder eingeloggten user */
h3.pagetype {font-size: 1.2em; font-weight: normal; margin-bottom: 5px;} /* alt: ueberschrift 3. ordnung, klasse fuer "ueber der h1" */
h3.path {font-weight: normal; margin-bottom: 17px;} /* alt */

p {color: #2D2D2D; margin-bottom: 20px;}

strong {color: #36C; font-weight: bold;} /* fette hervorhebung */
em {font-style: italic;} /* kursive hervorhebung */

abbr[title] {border-bottom: 1px #777 dotted; cursor: help;} /* abkuerzungen */

/* fuer browser ohne bilddarstelllung */
img {font: 80%/100% Verdana, Arial, Helvetica, sans-serif;} 
a img {color: #999;}

 
/*------------------------------------------------------------------ 
-2. Header, Navigation
 -------------------------------------------------------------------*/
#header {background: url(../images/basics/lse-bg-header-2011.jpg) no-repeat #FFF; height: 140px; width: 1040px;}
#logo {position: relative; left: 45px; top: 40px; width: 375px; z-index: 99;}
#toolbar {background-color: transparent; color: #FFF; left: 255px; position: relative; top: 40px; text-align: right; width: 530px;}
#toolbar a {color: #FFF; margin: 0 7px; text-decoration: none;}
#toolbar a:visited {color: #FFF; margin: 0 7px; text-decoration: none;}
#toolbar a:hover {border-bottom: 1px dotted #FFF; text-decoration: none;}
#toolbar ul {list-style: none;}
#toolbar ul li {display: inline;}
#toolbar ul li:before {content: "| ";}
#toolbar ul li:first-child:before {content: "";}
.icon {margin-right: 5px; vertical-align: middle;} /* veraltet? */
 
 /* css-sprites2 */
ul.nav {list-style: none;}
.nav {background: url(../images/basics/bg-nav.gif) no-repeat; height: 160px; width: 180px;}
.nav li {display: block;}
.nav li a:link, .nav li a:visited {display: block; height: 32px; position: relative; text-indent: -9000px; overflow: hidden;}
#sidebar1 ul.nav li a {border-bottom: none;} /* die unterstreichungen der sidebar-link-formatierung los werden */

/* news */
.nav .news a:link, .nav .news a:visited {}
.nav .news a:hover {background: url(../images/basics/bg-nav.gif) -200px 0;}
.current-news .news a:link, .current-news .news a:visited {background: url(../images/basics/bg-nav.gif) no-repeat -400px 0;; cursor: default;}

/* people */
.nav .people a:link, .nav .people a:visited {}
.nav .people a:hover {background: url(../images/basics/bg-nav.gif) no-repeat -200px -32px;}
.current-people .people a:link, .current-people .people a:visited {background: url(../images/basics/bg-nav.gif) no-repeat -400px -32px; cursor: default;}

/* products */
.nav .products a:link, .nav .products a:visited {}
.nav .products a:hover {background: url(../images/basics/bg-nav.gif) no-repeat -200px -64px;}
.current-products .products a:link, .current-products .products a:visited {background: url(../images/basics/bg-nav.gif) no-repeat -400px -64px; cursor: default;}

/* deals */
.nav .deals a:link, .nav .deals a:visited {}
.nav .deals a:hover {background: url(../images/basics/bg-nav.gif) no-repeat -200px -96px;}
.current-deals .deals a:link, .current-deals .deals a:visited {background: url(../images/basics/bg-nav.gif) no-repeat -400px -96px; cursor: default;}

/* organisations */
.nav .organisations a:link, .nav .organisations a:visited {}
.nav .organisations a:hover {background: url(../images/basics/bg-nav.gif) no-repeat -200px -128px;}
.current-organisations .organisations a:link, .current-organisations .organisations a:visited {background: url(../images/basics/bg-nav.gif) no-repeat -400px -128px; cursor: default;}

/* css-sprites2 f�r nav-follow */
ul.nav-follow {list-style: none; margin-top: 10px;}
.nav-follow {background: url(../images/basics/bg-nav-follow.gif) no-repeat; height: 64px; width: 180px;}
.nav-follow li {display: block;}
.nav-follow li a:link, .nav-follow li a:visited {display: block; height: 32px; position: relative; text-indent: -9000px; overflow: hidden;}
#sidebar1 ul.nav-follow li a {border-bottom: none;} /* die unterstreichungen der sidebar-link-formatierung los werden */

/* twitter */
.nav-follow .twitter a:link, .nav-follow .twitter a:visited {}
.nav-follow .twitter a:hover {background: url(../images/basics/bg-nav-follow.gif) -200px 0;}
.current-twitter .twitter a:link, .current-twitter .twitter a:visited {background: url(../images/basics/bg-nav-follow.gif) no-repeat -200px 0; cursor: default;}

/* newsletter */
.nav-follow .newsletter a:link, .nav-follow .newsletter a:visited {}
.nav-follow .newsletter a:hover {background: url(../images/basics/bg-nav-follow.gif) -200px -32px;}
.current-newsletter .newsletter a:link, .current-newsletter .newsletter a:visited {background: url(../images/basics/bg-nav-follow.gif) no-repeat -200px -32px; cursor: default;}
 
 
/*------------------------------------------------------------------ 
-4. Content, Main
 -------------------------------------------------------------------*/
#content {float: left; font-size: 1.2em; line-height: 1.5em; width: 600px;}
#content .topbanner {display: block; float: none; margin-bottom: 20px;}

p.smalltext {font-size: 0.82em; line-height: 1; margin-bottom: 3px;} /* text "advertisement" */
p.dim {color: #999;} /* text "advertisement" */

#content a:link {color: #878461; text-decoration: none;}
#content a:visited {color: #666; text-decoration: none;}
#content a:hover {border-bottom: 1px dotted #878461; text-decoration: none;}
#content a:link.imglink {border-bottom: none;}

/* hinweisbox mit gelbem fond */
#content .message {background-color: #FFFBE4; border: 1px solid #999; margin-bottom: 20px; padding: 5px 10px;} 
#content .message p, #content .message h3, #content .message h4 {color: #2D2D2D;}
#content .message h3, #content .message h4 {font-family: Verdana, Arial, Helvetica, sans-serif;}

/* buttonreihe */
#content div.btnrow {overflow: auto; margin-bottom: 20px; margin-top: 10px;}
#content a:link.actionbtn, #content a:visited.actionbtn {background: url(../images/basics/btn-orange-sprite.png) no-repeat 0 0; border: none; color: #FFF; display: block; float: left; font: bold 12px/14px Verdana, Geneva, sans-serif; height: 20px; margin: 0 18px 10px 0; padding: 8px 0; text-align: center; width: 135px;}
#content a:hover.actionbtn, #content a:active.actionbtn {background: url(../images/basics/btn-orange-sprite.png) no-repeat 0 -40px;}
#content a:link.last, #content a:visited.last, #content a:hover.last, #content a:active.last {margin-right: 0;} /* der vierte button muss die klasse last haben, da er sonst in die n�chste reihe rutscht */

/* diverse formatierungen, z.t. veraltet */
#content .result {color: #C90119;}
#content img {float: left; margin-bottom: 10px;}
#content img.imgleft {float: left; margin-bottom: 5px; margin-right: 20px;}
#content img.imgright {float: right; margin-bottom: 5px; margin-left: 20px;}
#content img.icon {margin: 3px 5px 0 0;}
#content img.arrow {float: none; margin: 5px 2px 0 0;}
#content img.updown {float: none; margin: 0 2px 0 0; vertical-align: baseline;}
#content span.resultnavi {margin-right: 20px;}
#content p.iconlines {line-height: 2em;}
#content p.smallmarginbottom {margin-bottom: 10px;}
#content span.number {color: #BEBEBE; margin-right: 10px;}

#content .imgline {overflow: auto; min-height: 50px;}
#content .imgline img {margin-right: 20px;}

/* formatierung des blocks mit dem weblink unterhalb der ueberschrift */
#content .weblink {margin-bottom: 20px; padding: 5px 0px;}
#content .weblink p {line-height: 1.3; margin-bottom: 0;}
#content .weblink img {margin-left: 3px; margin-right: 15px;}
#content .weblink span.small {font-size: 1em;}

#content .spacer {height: 20px;}

#content .totop, #content .toprevious {font-size: 0.9em;}


/* ---------------- listenformatierungen ------------------- */
/* listenformatierung allgemein */
#content ul {margin-bottom: 10px;} 
#content ul li {list-style: none; padding-bottom: 5px;}
#content ul li img {float: none;}

/* listenformatierung logos mit linktext */
#content ul.logolist {margin: 10px 0 20px;}
#content ul.logolist li {margin-bottom: 5px;}
#content ul.logolist li a {display: block; overflow: auto;}
#content ul.logolist li a img {float: left; margin-right: 20px;}

/* listenformatierung normale text- oder linkliste mit bullets */
#content ul.bulletlist {margin: 10px 0 20px;}
#content ul.bulletlist li {list-style-image: url(../images/basics/bullet_grey.gif); line-height: 1.2; margin-left: 15px; padding: 0 0 3px 0;}

/* listenformatierung ergebnisliste */
#content ul.results {} 
#content ul.results li {border-top: 1px solid #CCC; list-style: none; padding: 3px 0 3px 0;}
#content ul.results li strong {font-weight: bold;}
#content ul.results li a {}
#content ul.results li:hover {background: #DDE6E7; background-image: none;}

#content ul.results2 {}
#content ul.results2 li {border-top: 1px solid #CCC; list-style: none; padding: 3px 0 3px 0;}
#content ul.results2 li strong {font-weight: normal;}
#content ul.results2 li a {}
#content ul.results2 li:hover {background: #DDE6E7; background-image: none;}

/* listenformatierung ergebnisliste mit icons */
#content ul.resultswithicons {}
#content ul.resultswithicons li {border-top: 1px solid #CCC; list-style: none; padding: 6px 0 6px 0;}
#content ul.resultswithicons li strong {font-weight: normal;}
#content ul.resultswithicons li a img.icon {margin-top: 0px;}
#content ul.resultswithicons li:hover {background: #DDE6E7; background-image: none;}

#content ul.resultswithicons2 {}
#content ul.resultswithicons2 li {border-top: 1px solid #CCC; list-style: none; padding: 6px 0 6px 0;}
#content ul.resultswithicons2 li strong {font-weight: normal;}
#content ul.resultswithicons2 li a img.icon {float: none; margin: -3px 0 0 10px;}
#content ul.resultswithicons2 li:hover {background: #DDE6E7; background-image: none;}

.level1 {font-weight: bold; margin-top: 20px;}
.level2 {margin-left: 30px;}
.level3 {margin-left: 60px;}
.level4 {margin-left: 90px;}

/* block mit der ergebnis-navigation (order by date, name, etc.) */
.resultnav {margin-bottom: 20px; padding: 5px 0;}
.resultnav h3 {font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 0;} /* ueberschrift */
.resultnav span.ascdesc {padding-right: 10px;} /* sortiereinheit (abstand) */
span.activepage {color: #C90119; font-weight: bold;}


/* ---------------- tabellen ------------------- */
/*  tabellenformatierungen allgemein */
table {border-collapse: separate; border-spacing: 5px 2px; width: 600px;}
table thead tr th {background-color: #FFFBE4;}
table thead tr th, table tbody tr td {border-top: 1px solid #CCC; color: #2D2D2D; font-weight: normal; line-height: 1.3; padding: 2px 0 10px; text-align: left; vertical-align: top;}
table tbody tr:hover {background: #DDE6E7; background-image: none;}
table tbody td.recordchanged {color: #2D2D2D; font-size: 0.9em; line-height: 1.2;}
table tbody tr td.label {color: #2D2D2D;}

#content form .submitsearch {width: 200px; background-color: #BEC9DA; color: #506699; font-size: 0.95em; border: 1px solid #BEC9DA;}

/*  tabellenformatierungen speziell (spaltenbreiten) */
/* die werte stehen fuer prozentanteile der einzelnen spalten */
/* news */
table.tab3sp-3-91-6 tbody tr td input {width: 18px;}
table.tab3sp-3-91-6 tbody tr td.col1 {width: 18px;}
table.tab3sp-3-91-6 tbody tr td.col2 {width: 546px;}
table.tab3sp-3-91-6 tbody tr td.col3 {width: 36px;}

/* people, products, organisations */
table.tab6sp-3-34-19-19-19-6 tbody tr td input {width: 18px;}
table.tab6sp-3-34-19-19-19-6 tbody tr td.col1 {width: 18px;}
table.tab6sp-3-34-19-19-19-6 tbody tr td.col2 {width: 204px;}
table.tab6sp-3-34-19-19-19-6 tbody tr td.col3 {width: 114px;}
table.tab6sp-3-34-19-19-19-6 tbody tr td.col4 {width: 114px;}
table.tab6sp-3-34-19-19-19-6 tbody tr td.col5 {width: 114px;}
table.tab6sp-3-34-19-19-19-6 tbody tr td.col6 {width: 36px;}

/* deals */
table.tab3sp-3-90-7 tbody tr td input {width: 18px;}
table.tab3sp-3-90-7 tbody tr td.col1 {width: 18px;}
table.tab3sp-3-90-7 tbody tr td.col2 {width: 540px;}
table.tab3sp-3-90-7 tbody tr td.col3 {width: 42px;}

/*  tabelle 2 spalten */
table.tab2sp-25-75 tbody tr td.col1 {width: 150px;}
table.tab2sp-25-75 tbody tr td.col2 {width: 450px;}

/*  tabelle 3 spalten */
table.tab3sp-50-25-25 tbody tr td.col1 {width: 300px;}
table.tab3sp-50-25-25 tbody tr td.col2 {width: 150px;}
table.tab3sp-50-25-25 tbody tr td.col3 {width: 150px;}

/*  tabelle 3 spalten */
table.tab3sp-60-20-20 tbody tr td.col1 {width: 350px;}
table.tab3sp-60-20-20 tbody tr td.col2 {width: 125px;}
table.tab3sp-60-20-20 tbody tr td.col3 {width: 125px;}

/*  tabelle 4 spalten */
table.tab4sp-25-25-25-25 tbody tr td.col1 {width: 150px;}
table.tab4sp-25-25-25-25 tbody tr td.col2 {width: 150px;}
table.tab4sp-25-25-25-25 tbody tr td.col3 {width: 150px;}
table.tab4sp-25-25-25-25 tbody tr td.col4 {width: 150px;}

/*  tabelle mit iconspalte */
table.tab3sp-5-20-75 tbody tr td.col1 img.icon {}
table.tab3sp-5-20-75 tbody tr th, table.tab3sp-5-20-75 tbody tr td {line-height: 1.3; padding: 1px 0 3px 0;}
table.tab3sp-5-20-75 tbody tr td.col1 {width: 30px;}
table.tab3sp-5-20-75 tbody tr td.col2 {width: 120px;}
table.tab3sp-5-20-75 tbody tr td.col3 {width: 450px;}
table.tab3sp-5-20-75 tbody tr td.noborder {border-top: none;}
table.tab3sp-5-20-75 tbody td.small {font-size: 0.91em; line-height: 1.2;}
table.tab3sp-5-20-75 tbody td.recordchanged {font-size: 0.82em; padding-top: 10px;}


/* ---------------- formulare ------------------- */
form label {display: block; margin-top: 20px; margin-bottom: -10px;}
textarea, input {background: #ECF3F9; width: 400px;}
textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}
input {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}
input#reset, input#submit {background: none; margin-right: 20px; margin-top: 20px; width: auto;}
input:focus, select:focus, textarea:focus {background: #D9E6F3;}


/*------------------------------------------------------------------ 
-5. Sidebar 1
 -------------------------------------------------------------------*/
#sidebar1 {background-color: transparent; color: #FFF; font-size: 1.2em; float: left; line-height: 1.2; margin: 12px 40px 0 30px; width: 180px;}
#sidebar1 .boxbottom {background: url(../images/basics/bg-box-bottom.jpg) no-repeat bottom left; height: 15px;}
#sidebar1 .box {background: url(../images/basics/bg-box-top.jpg) no-repeat top left; margin-top: 10px; padding: 15px 15px 0 15px;}
#sidebar1 h1, #sidebar1 h2, #sidebar1 h3, #sidebar1 h4, #sidebar1 h5, #sidebar1 h6 {background-color: transparent; color: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 5px;}
#sidebar1 h4 {font-size: 1.084em;}
#sidebar1 p {font-size: 1em; margin-bottom: 5px;}
#sidebar1 p.last {margin-bottom: 0; padding-bottom: 0;}
#sidebar1 a:link {color: #FFF; text-decoration: none;}
#sidebar1 a:visited {color:#FFF; text-decoration: none;}
#sidebar1 a:hover {border-bottom: 1px dotted #FFF; text-decoration: none;}
#sidebar1 a:link.imglink {border-bottom: none;}
 
#sidebar1 ul {list-style: none;}
#sidebar1 ul.newslist li {border-top: 1px solid #FFF; padding: 3px 0 5px 0;}
#sidebar1 ul.picturelist li {padding-bottom: 5px;}
#sidebar1 ul.picturelist li a:hover {border-bottom: none;}
#sidebar1 ul.standardlist li {padding: 2px 0;}

#sidebar1 h1, #sidebar1 h2, #sidebar1 h3 {text-shadow: 1px 1px 3px #87886a;}
#sidebar1 h4, #sidebar1 h5, #sidebar1 h6, #sidebar p, #sidebar1 ul li {text-shadow: 1px 1px 2px #87886a;}
 
/*------------------------------------------------------------------ 
-6. Sidebar 2
 -------------------------------------------------------------------*/
#sidebar2 {font-size: 1.1em; float: right; margin-right: 30px; width: 120px;}
#right-sidebar img {margin-bottom: 10px;}
 

/*------------------------------------------------------------------ 
-7. Footer
 -------------------------------------------------------------------*/
#footer {background: url(../images/basics/lse-bg-footer-2011.jpg) no-repeat #F5F5F5; clear: both; color: #FFF; font-size: 1em; height: 150px; padding-top: 6px; text-align: center; width: 1040px;}
#footer a:link, #footer a:visited {color: #FFF; text-decoration: none;}
#footer a:hover {border-bottom: 1px dotted #FFF; color: #FFF; text-decoration: none;}

#footerlogos {margin-top: 40px;}
#footerlogos img {padding: 0 25px;}
#footerlogos a:link, #footerlogos a:visited, #footerlogos a:hover {border-bottom: none;}
#footerline {margin-top: 20px;}

 
/*------------------------------------------------------------------ 
-8. Search
 -------------------------------------------------------------------*/
#topsearch {background: url(../images/basics/lse-bg-search-2011.png) no-repeat; height: 30px; left: 787px; position: relative; top: 22px; width: 215px;}
#topsearch form {background-color: transparent; float: left; margin-top: 0; margin-left: 6px; width: 215px;}
#topsearch form input.input {background-color: transparent; border: medium none; color: #2D2D2D; font-size: 1.1em; float: left; height: auto; margin: 5px 8px 0 5px; width: 160px;}
#topsearch form input.submitsearch {background-color: transparent; border: none; float: left; margin-top: 0; width: 35px;}


}

@media print { 
/*------------------------------------------------------------------ 
-9. Print Styles
 -------------------------------------------------------------------*/
 /*#sidebar1 ul.nav {display: none;}*/
p, h1, h2, h3, h4, h5, h6, strong, em, #content a:link, span.activepage, #content .message p, #content .message h3, #content .message h4 {color: #000;} 
 
}