/*  CSS-Reset -------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:medium none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}

form {
background-color:transparent;
}

optgroup {
font-style:normal;
font-weight:normal;
}

optgroup option {
padding-left:1px;
}

abbr {
border-bottom:1px dotted #333333;
cursor:help;
}

ins {
text-decoration:none;
}

cite {
font-style:normal;
}
/*Reset Ende */


/* Allgemeine Styles ----------------------------------- */

body {
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
height:101%;
margin:0 0 0 30px;
padding:0;
}

#pagewrapper {
margin:auto;
padding:0;
width:1101px;
}

h1 {
color:#005E72;
font-size:18px;
font-weight:bold;
margin:5px 0 15px;
}

h2 {
color:#595959;
font-size:14px;
font-weight:bold;
line-height:18px;
margin:0 0 16px;
}

h3 {
color:#595959;
font-size:13px;
font-weight:bold;
line-height:18px;
margin:0;
}

p {
color:#595959;
font-size:13px;
line-height:18px;
margin:0 0 16px;
}

#marginal p {
font-size:11px;
line-height:14px;
margin:0;
}

#marginal p.dbox {
margin-bottom:6px;
}

p.abstract {
font-weight:bold;
}

a {
color:#005E72;
text-decoration:none;
}

a:hover {
color:#333333;
}

a.intern {
color:#808080;
font-weight:bold;
text-decoration:none;
}

a.intern:hover {
color:#005E72;
}

a.extern {
color:#005E72;
font-weight:bold;
text-decoration:none;
}

a.extern:hover {
color:#808080;
}

#wrapper {
float:left;
width:866px;
}

.clearfix {
clear:both;
}

#fancy_wrap div#fancy_inner {
border:medium none;
}

/* Header -----------------------------------------------*/

#header {
border-bottom:1px solid #80AEB9;
height:102px;
width:866px;
}

#header img {
float:left;
}

/* Metanavi TOP */

/* Metanvai TOP ----------------------------------------------*/

#metanavitop {
float:right;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
margin:55px 0 0;
text-transform:uppercase;
}

#metanavitop ul {
list-style-type:none;
margin:0;
padding:0;
}

#metanavitop ul li {
display:inline;
}

#metanavitop ul li a {
color:#808080;
margin:0;
padding:0 0 0 20px;
text-decoration:none;
}

#metanavitop ul li a:hover {
color:#005E72;
}


/* Hauptmenu - Flyout ----------------------------------------*/

.menu {
color:#005E72;
font-size:16px;
font-weight:bold;
line-height:20px;
margin:0;
padding:0;
}

ul.menu a {
color:#005E72;
display:block;
margin:0;
padding:0 58px 0 0;
text-decoration:none;
}

ul.menu a:hover {
color:#333333;
}

ul.menu li {
float:left;
}

ul.menu li a.active {
color:#333333;
}

ul.menu, ul.menu ul {
height:245px;
list-style-type:none;
margin:0;
padding:0;
}

/* Für Unterpunkte keine Float-Eigenschaft */


ul.menu ul li {
display:inline;
}

/* Unterpunkte Textfarbe */

ul.menu ul li a {
color:#333333;
float:none;
font-size:12px;
font-weight:normal;
margin:0;
padding:5px 0 0 5px;
width:164px;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */

ul.menu ul li.hover, ul.menu ul li a:hover {
color:#005E72;
}


/* Zweite Ebene */

ul.menu ul {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/common/trans_menu.png) repeat scroll 0 0;
border-bottom:medium none;
border-left:medium none;
border-top:medium none;
display:none;
height:246px;
margin:0;
padding:0;
position:absolute;
width:174px;
}

* html ul.menu ul {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
}

/* Zweite Ebene anzeigen */
ul.menu li.hover ul, ul.menu li:hover ul {
display:block;
margin:0;
padding:15px 0 0;
}
/* Zweite Ebene anzeigen */
ul.menu li.hover ul.menuright, ul.menu li:hover ul.menuright {
display:block;
margin:0;
padding:15px 0 0;
}
/* Dritte Ebene */
ul.menu li.hover ul ul, ul.menu li:hover ul ul {
display:none;
margin-left:174px;/* Breite eines Listenelements - Überlagerung */
margin-top:0;/* Höhe eines Listenelements */
position:absolute;
top:0;
}
/* Dritte Ebene links*/
ul.menu li.hover #menuright ul ul, ul.menu li:hover #menuright ul ul {
display:none;
margin-left:-174px;/* Breite eines Listenelements - Überlagerung */
margin-top:0;/* Höhe eines Listenelements */
position:absolute;
top:0;
}
 /* Dritte Ebene anzeigen */
ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
display:block;
}

/* Vierte Ebene */
ul.menu li.hover #menuright ul li.hover ul, ul.menu li:hover #menuright ul li:hover ul {
display:block;
}
ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {
display:none;
position:absolute;
top:0;
}
ul.menu li.hover ul li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul li:hover ul {
display:block;
}
ul.menu li.hover #menuright ul li.hover ul ul, ul.menu li:hover #menuright ul li:hover ul ul {
display:none;
position:absolute;
top:0;
}
ul.menu li.hover #menuright ul li.hover ul li.hover ul, ul.menu li:hover #menuright ul li:hover ul li:hover ul {
display:block;
}

/* Hauptmenu ENDE --------------------------------------------*/


/* Listenmenü ---------------------------------------------------*/

#listmenu {
float:left;
font-size:12px;
width:180px;
}
#listmenu a {
color:#808080;
}
#listmenu a.active {
color:#005E72;
}
#listmenu ul {
list-style-type:none;
margin:0;
padding:0;
}
#listmenu ul li {
padding:0 0 15px;
}
#listmenu ul li a {
margin:0;
text-decoration:none;
}
#listmenu ul li a:hover {
color:#005E72;
}

/*2 Ebene */
#listmenu ul li ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/common/menu_arrow.gif) no-repeat scroll 15px 9px;
padding:5px 0 0 25px;
}
#listmenu ul li ul li a {
margin:0;
text-decoration:none;
}
#listmenu ul li ul li a:hover {
color:#005E72;
}


/* Breadcrumb ---------------------------------------------------*/
#breadcrumb {
border-bottom:1px solid #D2D2D2;
float:left;
font-size:11px;
margin-bottom:15px;
padding-bottom:10px;
width:646px;
}
#breadcrumb .active a {
color:#333333;
}
#breadcrumb ul {
list-style-type:none;
margin:0;
padding:0;
}
#breadcrumb ul li.first {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
margin:0;
padding:0;
}
#breadcrumb ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/common/breadcrump_arrow.gif) no-repeat scroll 10px 5px;
display:inline;
padding:0 0 0 30px;
}

#breadcrumb ul li:first-child {
background:none;
padding:0;
}

#breadcrumb ul li a {
color:#808080;
margin:0;
text-decoration:none;
}
#breadcrumb ul li a:hover {
color:#005E72;
}

/* Content ---------------------------------------------------*/
#content-small {
float:left;
margin-left:20px;
width:446px;
}
#content-big {
float:left;
width:646px;
}

#content-small ul, #content-big ul {
list-style-type: square;
margin: -8px 0px 0px 40px;
padding: 0;
}

#content-small ul li, #content-big ul li {
margin-bottom:5px;
}

#content-small ul, #content-big ul {
font-size: 13px;
color: #595959;
}


#content-small #slider #slider_nav ul, #content-big #slider #slider_nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}

/* Marginal Boxen ---------------------------------------------*/

#small #marginal {
color:#595959;
float:right;
font-size:11px;
margin:-15px 0 0 20px;
width:200px;
}
#marginal {
color:#595959;
float:left;
font-size:11px;
margin:0 0 0 20px;
width:200px;
}

#marginal h1 {
color:#005E72;
font-size:12px;
font-weight:bold;
margin:15px 0 10px;
text-transform:uppercase;
}


#marginal h3 {
color:#005E72;
font-size:12px;
font-weight:bold;
margin:15px 0 10px;
text-transform:uppercase;
}
#marginal a {
color:#005E72;
font-weight:bold;
text-decoration:none;
}
#marginal a:hover {
color:#333333;
}


#marginal .infobox, #marginal .kontaktbox, #marginal .imageelement, #marginal .textpicelement, #marginal .filelinks {
border-bottom: 1px solid #D3D3D3;
padding:0 0 20px;
}

#marginal .filelinks .pdf, #marginal .filelinks .zip, #marginal .filelinks .ppt, #marginal .filelinks .doc, #marginal .filelinks .xsl {
margin-bottom:5px;
}

#marginal .filelinks div span img, #content-big .filelinks div span img, #content-small .filelinks div span img {
vertical-align:middle;
margin:0px 2px 0px 0px;
}

#content-big .filelinks, #content-small .filelinks {
font-size:13px;
line-height:18px;
}

.cloudbox {
border-bottom:1px solid #D3D3D3;
font-family:Georgia,"Times New Roman",Times,serif;
padding:0 0 20px;
}
#cloud {
text-align:center;
}

/* Tag Cloud -------------*/
#marginal .cloudbox a {
font-weight:normal;
}
#marginal .cloudbox h3 {
font-family:Arial,Helvetica,sans-serif;
}
.cloudbox a.tag1 {
font-size:0.7em;
font-weight:100;
}
.cloudbox a.tag2 {
font-size:0.8em;
font-weight:200;
}
.cloudbox a.tag3 {
font-size:0.9em;
font-weight:300;
}
.cloudbox a.tag4 {
font-size:1em;
font-weight:400;
}
.cloudbox a.tag5 {
font-size:1.2em;
font-weight:500;
}
.cloudbox a.tag6 {
font-size:1.4em;
font-weight:600;
}
.cloudbox a.tag7 {
font-size:1.6em;
font-weight:700;
}
.cloudbox a.tag8 {
font-size:1.8em;
font-weight:800;
}
.cloudbox a.tag9 {
font-size:2.2em;
font-weight:900;
}
.cloudbox a.tag10 {
font-size:2.5em;
font-weight:900;
}

/* -----Sidebar ------------------------------------------------*/
#sidebar {
float:left;
font-size:11px;
margin:45px 0 0 35px;
width:200px;
}
#sidebar p {
font-size:11px;
line-height:14px;
margin:0;
}
#sidebar a {
color:#005E72;
font-weight:bold;
text-decoration:none;
}
#sidebar a:hover {
color:#333333;
}
.suchbox {
border-bottom:1px solid #D3D3D3;
margin:0 0 25px;
padding:0 0 25px;
}
.newletterlink {
border-bottom:1px solid #D3D3D3;
margin:0 0 25px;
padding:0 0 25px;
}
.feedbox {
border-bottom:1px solid #D3D3D3;
margin:0 0 25px;
padding:0 0 10px;
}
#sidebar .suchbox input {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#D9D9D9 none repeat scroll 0 0;
border:medium none;
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin:0;
padding:3px;
width:194px;
}
#content-big .csc-searchform {
/*display: none;*/
}

#sidebar .newletterlink {
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}

#sidebar h1 {
font-size:16px;
}

#sidebar h3 {
color:#005E72;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}

#sidebar .rss-btn {
margin:0 0 0 15px;
}

/* Footer ------------------------------------------------------*/
#footer {
border-top:1px solid #80AEB9;
font-size:10px;
margin:15px 0 20px;
padding:25px 0 0;
width:866px;
}
#footer ul {
list-style-type:none;
margin:0;
padding:0;
}
#footer ul li {
display:inline;
}
#footer ul li a {
color:#808080;
margin:0;
padding:0 20px 0 0;
text-decoration:none;
}
#footer ul li a:hover {
color:#005E72;
}
#mailform {
margin-top:30px;
}
#wrapper .csc-mailform-field {
margin:5px 0 5px 0px;
}
#wrapper .csc-mailform-field label {
color:#595959;
float:left;
font-size:13px;
margin-right:10px;
width:150px;
}
#wrapper .csc-mailform-field input, #wrapper .csc-mailform-field textarea, #wrapper .csc-mailform-field input.mf-file {
border:1px solid #909090;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
padding:2px;
width:210px;
}
.csc-mailform-field .mf-select {
border:1px solid #909090;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
padding:2px;
width:216px;
}
#wrapper .csc-mailform-field input.mf-check {
border:medium none;
width:15px;
}
#wrapper .csc-mailform-field .mf-file {
border:medium none;
}
#wrapper .csc-mailform-field .mf-submit {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/common/absenden.gif) no-repeat scroll 0 0;
border:medium none;
font-size:14px;
height:40px;
margin:20px 0 0;
width:123px;
}
#wrapper .csc-mailform-label {
font-size:13px;
font-weight:bold;
margin:15px 0 0;
text-align:left;
width:160px;
}
.mailformH3 {
color:#005E72;
font-size:13px;
font-weight:bold;
margin:0 0 10px 0px;
}
.accessible_mailform {
color:#005E72;
font-size:13px;
margin:0 0 0 0px;
}
.accessible_mailform ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/common/Delete.png) no-repeat scroll left bottom;
list-style-type:none;
margin:0;
padding:2px 0 0 20px;
}
