* {margin:0; padding:0;}

img {border: 0;}

body {
height:100%;
max-height:100%;
overflow-y:auto;
background: #f90 url(img/bg.gif) repeat-x top right fixed;
font-size:80%; 
font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif;
}

div#pagewrapper {
width:960px;
margin: 0 auto;
height: 100%;
}

#content {
background:#e8eef7;
padding:0 5px 0 20px;
display:block;
word-wrap:break-word;
}

/* **********HEADER************** */
.head_pad {display:block; height:180px;} /* Regelt den Abstand vom Content-Div */

* html #header {position:absolute;}

#header {
z-index: 3;
top:0px;
width:960px;
height:150px;
position:fixed;
background: transparent url(img/bg_header.gif) no-repeat top right;
}

.header_text {
z-index: 3;
top:0px;
width:960px;
height:150px;
position:fixed;
display:block;
}

.header_text h1 {
padding:25px 0 0 20px;
font-size:16pt;
color:#000;
}

/* ***********NAVIGATION************* */
#nav {
padding-top:100px;
margin-left:20px;
font-size:10pt;
}

#nav li {
padding:0px;
margin: 0;
list-style: none;
display: block;
height:20px;
float:left;
width:125px;
}

#clearleft {clear:left;}

* html #nav li a { height: 1%; } /* fix stupid ie bug with display:block; */

div#nav a {
text-decoration:none;
font-weight:bold;
display: block;
padding: 2px 7px 0 25px;
color: #fff;
background:transparent url(img/nav_passive.gif) no-repeat;
}

div#nav a:hover {
font-weight:bold;
background:transparent url(img/nav_active.gif) no-repeat;
}

div#nav li span {
text-decoration:none;
font-weight:bold;
display: block;
padding: 2px 7px 0 25px;
color: #fff;
min-height:1em;
background:transparent url(img/nav_active.gif) no-repeat;
}

div#nav li.nav_lernmodul a {
text-decoration:none;
font-weight:bold;
display: block;
padding: 2px 7px 0 25px;
color: #fff;
background:transparent url(img/nav_active.gif) no-repeat;
}

/* **********BREADCRUMB + LANGUAGE ************** */
.breadcrumb {
width:940px;
padding:15px 0 0 20px;
height:30px;
font-size:9pt;
background:#FFEFC0;
}

.language img {
position:absolute;
left:890px;
top:96px;
padding-left:15px;
}

/* **********FOOTER ************** */

.foot_pad {display:block; height:30px;}

* html #footer {position:absolute;}
#footer {
position:fixed;
bottom:-1px;
display:block;
width:100%;
height:20px;
background:#f90;
}

/* ********* Weitere Container Spezifikationen *************** */
#startseite {
background:#007EBC;
padding:140px 5px 0 20px;
display:block;
word-wrap:break-word;
color:#fff;
}

#startseite p {font-size:10pt;}

div#rahmen {
height:60px;
border:1px solid;
border-color:#0065a6; 
margin:10px;
width:400px;
background-color:#fce4bb;
}

div#rahmen img {
padding-bottom:6px;
}

div#float_right {
padding-top:6px;
padding-right:5px;
float: right;
}

.floatleft {
  float:left;
}

.module {
font-size:10pt;
margin:0px;
padding-top:6px;
padding-bottom:1px;
padding-right:4px;
padding-left:4px;
color:#fff;
background:#0065a6;
}

.module_text {
padding-left:25px;
}

.modules td {
border:0px solid;
}

.impressum {
   padding-left:140px;
   margin-bottom:0px
}

.underline {
text-decoration: underline;
white-space: nowrap;
}

.red {color:red; font-style:italic;}

.no_leerraum {
margin-top:0px;
padding-top:0px;
margin-bottom:0px;
padding-bottom:0px;
}


/* Externe Links & Outside Gif, E-Mail, PDF - Anfang */
a[href^="http://"] {
background: transparent url("img/icon_outside.gif") 100% 50% no-repeat;
padding-right: 15px;
}

a[href^="mailto"] {
background: transparent url("img/icon_mail.gif") 100% 50% no-repeat;
padding-right: 25px;
}

a[href$=".pdf"] {
background: transparent url("img/icon_pdf.gif") 100% 50% no-repeat;
padding-right: 25px;
}

a[href$=".ppt"] {
background: transparent url("img/icon_ppt.gif") 100% 50% no-repeat;
padding-right: 25px;
}

a[href$=".doc"] {
background: transparent url("img/icon_doc.gif") 100% 50% no-repeat;
padding-right: 25px;
}

a[href$=".xls"] {
background: transparent url("img/icon_xls.gif") 100% 50% no-repeat;
padding-right: 25px;
}

/* Typography & Colors - Anfang */

div#content ul {
padding-left: 30px;
}
div#content ul li ul li  {
padding-top:2px;
padding-left: 4px;
font-size:10pt;
list-style-type:circle;
list-style-position: outside;
}

div#content ul li {
padding-top:4px;
padding-left: 6px;
font-size:10pt;
list-style-type:square;
list-style-position: outside;
}

.synopsen ul li {
padding-top:4px;
padding-left: 6px;
font-size:10pt;
list-style-type:square;
list-style-position: outside;
}

div#content ol {
padding-left: 30px;
}
div#content ol li {
padding-top:4px;
padding-left: 6px;
font-size:10pt;
list-style-position: outside;
}

p {
margin-top:6px;
margin-bottom:3px;
font-size:10pt;
}

h1, h2, h3, h4, h5, h6 {
font-family: arial, verdana, sans-serif;
color:#3399CC;
}

h1 {
font-size:14pt;
margin-top:12pt;
margin-bottom:8pt;
}

h2 {
font-size:13pt;
margin-top:12pt;
margin-bottom:8pt;
}

h3 {
font-size:11pt;
margin-top:8pt;
margin-bottom:8pt;
}

h4 {
font-size:10pt;
/*padding-left:3px;*/
margin-top:16pt;
margin-bottom:6pt;
}

h6 {
font-size:11pt;
margin-top:8pt;
margin-bottom:8pt;
}

th {
font-size:10pt;
text-align:left;
vertical-align:top;
font-weight:bold;
border:1px solid white;
}

td {
font-size:10pt;
border:1px solid white;
vertical-align:top;
}

/* Typography & Colors - Ende*/  
