/***************************************
Grundeinstellungen
****************************************/

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, em, strong, th {font-size: 1em; font-weight: normal; font-style: normal;}
ul, ol {list-style: none}
img {border: none}
table {border-collapse: collapse; border-spacing: 0;}

/**************************************
Zeichen- und Absatzformatierung
***************************************/

body {font: 12px/18px  "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Arial, Verdana, sans-serif; color: #333; background: url('pics/background_shade.jpg') repeat-x #ECECEC}

a {color: #009}
a:link, a:visited, a:active {text-decoration: none}
a:hover {text-decoration: underline}
a.mehr {padding-right: 15px; background: url('pics/icons/pfeil_mehr.jpg') no-repeat 100% 50%; zoom:1}
a.ext {padding-right: 15px; background: url('pics/icons/pfeil_ext.jpg') no-repeat 100% 50%; zoom:1}
a.pdf {padding-left: 22px; background: url('pics/icons/icon_pdf.jpg') no-repeat 0% 50%;}

strong, b {font-weight: bold}
em, i {font-style: italic}

p, ul {margin-bottom: 18px}
p.intro {font-weigth: bold}

h1 {color: #006; font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 14px;}
h2 {color: #006; font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 14px;}
h3 {color: #006; font-weight: bold; font-size: 1em; line-height: 18px;}
h4 {color: #006; font-weight: bold; font-size: 10px; line-height: 18px;}

img.left {float:left; margin: 2px 20px 16px 0;}
img.right {float:right; margin: 2px 0 16px 20px;}
img.breit { margin: 2px 0 16px 0; }

.left {float:left;}
.right {float:right;}

.clear {clear:both;}

.hellblau {background: url('pics/shade_hellblau.png') no-repeat 2px 2px #e6eff7;}
.literatur {margin-left: 40px; text-indent: -40px;}


/**************************************
Layout: Div-Container
***************************************/

div#seite {width: 900px; margin:auto;}
div#header {width: 880px; height: 105px; padding: 10px;}
div#footer {clear: both; width: 900px; height: 20px; margin: 10px 0px 30px 0px; font-size: 11px; color: #666; text-align: center;}
div#footer a {font-size: 11px; color: #666; text-decoration: none;}

/**************************************
Hauptmenü
***************************************/

div#main_navi {width: 900px; height: 30px;}

#main_navi #hauptmenu {margin: 0 0 0 277px;}

#main_navi #hauptmenu li {display: inline;}

#main_navi #hauptmenu li a {background: url('pics/hauptmenu.jpg') no-repeat; float: left; width: 89px; height: 0px; padding-top: 30px; overflow: hidden;}

#main_navi #hauptmenu li#hm-team a {background-position: 0 0;}
#main_navi #hauptmenu li#hm-lehre a {background-position: -89px 0;}
#main_navi #hauptmenu li#hm-forschung a {background-position: -178px 0;}
#main_navi #hauptmenu li#hm-kooperation a {background-position: -267px 0;}
#main_navi #hauptmenu li#hm-interaktiv a {background-position: -356px 0;}
#main_navi #hauptmenu li#hm-download a {background-position: -445px 0;}
#main_navi #hauptmenu li#hm-links a {background-position: -534px 0;}

#main_navi #hauptmenu li#hm-team a:hover {background-position: 0 -30px;}
#main_navi #hauptmenu li#hm-lehre a:hover {background-position: -89px -30px;}
#main_navi #hauptmenu li#hm-forschung a:hover {background-position: -178px -30px;}
#main_navi #hauptmenu li#hm-kooperation a:hover {background-position: -267px -30px;}
#main_navi #hauptmenu li#hm-interaktiv a:hover {background-position: -356px -30px;}
#main_navi #hauptmenu li#hm-download a:hover {background-position: -445px -30px;}
#main_navi #hauptmenu li#hm-links a:hover {background-position: -534px -30px;}

#main_navi #hauptmenu li ul{display:none; position: absolute; margin-top:30px; background: url('pics/background_submenu_shade.png'); z-index:1;}

#main_navi #hauptmenu li#hm-team:hover ul{display:block; margin-left:0px}
#main_navi #hauptmenu li#hm-lehre:hover ul{display:block; margin-left:89px}
#main_navi #hauptmenu li#hm-forschung:hover ul{display:block; margin-left:178px}
#main_navi #hauptmenu li#hm-kooperation:hover ul{display:block; margin-left:267px}
#main_navi #hauptmenu li#hm-interaktiv:hover ul{display:block; margin-left:356px}
#main_navi #hauptmenu li#hm-download:hover ul{display:block; margin-left:445px}
#main_navi #hauptmenu li#hm-links:hover ul{display:block; margin-left:534px}

*+ html #main_navi #hauptmenu li#hm-team:hover ul{display:block; margin-left:-623px}
*+ html #main_navi #hauptmenu li#hm-lehre:hover ul{display:block; margin-left:-534px}
*+ html #main_navi #hauptmenu li#hm-forschung:hover ul{display:block; margin-left:-445px}
*+ html #main_navi #hauptmenu li#hm-kooperation:hover ul{display:block; margin-left:-356px}
*+ html #main_navi #hauptmenu li#hm-interaktiv:hover ul{display:block; margin-left:-267px}
*+ html #main_navi #hauptmenu li#hm-download:hover ul{display:block; margin-left:-178px}
*+ html #main_navi #hauptmenu li#hm-links:hover ul{display:block; margin-left:-89px}


#main_navi #hauptmenu li ul li {display:block; padding: 5px; border-bottom: 1px solid #B2B2B2;}

#main_navi #hauptmenu li ul li:hover {background: #000066;}

#main_navi #hauptmenu li ul li a {background: none; padding: 0; float: none; color: #FFFFFF; text-decoration:none;}

/**************************************
Layout: Content
***************************************/

/*2-spaltiges Layout*/
div#inhalt_spalte_links {width:640px; height: auto; background: #fff; margin: 15px 0px; padding: 15px; float: left;}
div#inhalt_spalte_links ul {list-style:square; margin-left: 15px;}
div#inhalt_spalte_links ul ul {padding: 20px;}
div#inhalt_spalte_links ol {list-style-type:decimal; margin-left: 15px;}

div.inhalt_spalte_rechts {width:230px; background: url('pics/boxright_bgtexture.gif') no-repeat #2A2A69; background-size:100%; margin:15px 0px; float: right; color: #fff;}
div.inhalt_spalte_rechts p {margin: 10px;}
div.inhalt_spalte_rechts h1, div.inhalt_spalte_rechts h2{color: #fff; margin: 10px;}
div.inhalt_spalte_rechts a {color: #fff;}

/*Layout aus 3 Boxen*/
div#topbox {width: 900px; height: 250px; margin: 15px 0px 20px 0px;}
div#leftbox {width: 500px; height: auto;  margin: 0px 0px 15px 0px; background: #fff; float: left;}
div#rightbox {width: 384px; height: auto;  margin: 0px 0px 15px 515px; background: #fff;}
div.whitebox {background: url('pics/bg_divwhitebox.png'); padding: 10px;}
div.whitebox h1 {color: #666; margin-bottom: 10px;}
div.whitebox p {color: #666;}
div.whitebox a {background: url('pics/bg_button.jpg') repeat-x; padding: 2px 10px; color: #fff;}

/*Team-Seite*/
div#team div#leftbox {width: 480px; height: auto;  padding: 10px;}
div#team div#rightbox {width: 364px; height: auto;  padding: 10px;}


/**************************************
Layout: Glider
***************************************/

div.scroller, div.scroller div.section {width: 900px; height: 250px; overflow: hidden; border:0px; float: left;}
div.scroller div.content {width: 10000px;}
div.controls {float: right; background: #006; width: 20px; height: 250px; text-align: center; position: absolute; margin: 0px 0px 0px 880px;}
*+ html div.controls {position: absolute; margin: 0px 0px 0px -20px;}
* html div.controls {position: relative; margin: -320px 0px 0px 0px;}  /*muss geändert werden*/
div.controls a {display: block; color: #fff; border-bottom: 1px solid #fff; line-height: 26px;}
div#topbox {background: url('pics/team_bg_jpg') no-repeat}

/*Team-Seite*/
div#team div.controls {width:400px; margin: 15px 0px 0px 500px; text-align: left; background:none;}
*+ html div#team div.controls {width:400px; margin: 15px 0px 0px -400px;}
div#team div.controls a {padding-left: 50px;}

/*Warum Steuerlehre-Seite*/
div#warum div#leftbox {width: 480px; height: 225px; padding: 10px;}
div#warum div.controls {width:20px; margin: 15px 0px 0px 880px; text-align: left; background:#006; text-align: center;}
*+ html div#warum div.controls {width:20px; background:#006; margin: 15px 0px 0px -20px; text-align: center;}


/**************************************
Tabellen
***************************************/

table.design_one td {padding: 3px; border: 1px solid #999;}
table.design_one th {padding: 5px; background: #006; color: #fff; text-align: center; font-weight: bold;}

table.news td {padding: 3px;}
table.news th {padding: 3px; background: #e6eff7; color: #006; text-align: left; font-weight: bold;}
table.news td p {margin-bottom: 3px;}

table.team td {padding: 5px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; vertical-align: top}
table.team td.first {background: #e6eff7;}

/**************************************
Quicklinks Startseite
***************************************/

ul.quicklink {margin:0;}
.quicklink li {line-height: 34px; font-size: 14px; color: #333; border-bottom: 1px solid #ccc;}
.quicklink a {color: #333; margin-left: 20px; padding-left: 25px; background: url('pics/icons/pfeil_mehr.jpg') no-repeat 0% 50%;}

/**************************************
Links
***************************************/

a.ausklappen {display: block; background: url('pics/bt_ausklappen.png') no-repeat 98% 50% #e6eff7; width: 505px; height: 40px; color: #333; padding: 0 85px 0 10px; font-weight: bold;}