/* CSS Reset created by Eric Meyer - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: black;
  background: white;
  overflow-y:scroll;
}
ol, ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}


/* CSS Reset */

html, body, div, p{
  margin: 0;
  padding: 0;
  border: 0;
  }
  
/* CSS Grid */

/*

for centered layout
body or wrapper div add class of .main
.main {  margin:0 auto; width:85%;}

*/

.dp20,
.dp25,
.dp33,
.dp50,
.dp100{float:left; display: inline; *margin-left:-0.04em; } /* IE margin hack */

/* dp = div percet */

.dp20{width:20%;}
.dp25{width:25%;}
.dp33{width:33.33%;}
.dp50{width:50%;}
.dp100{width:100%;}
.clear{ clear:both;}

/* begin layout */

body{
  background:url("images/wrapper2.png") repeat-y scroll 50% 0 #FFFFFF;
  }

#wrapper{
  /*background:url("images/wrapper2.png") repeat-y scroll 50% 0 #FFFFFF;*/
  width:990px;
  position:absolute;
  left:50%;
  margin-left:-495px;
  min-height:102.75%;
  text-align:left;
  height:auto !important;
  }

#header{
  background:url(images/header_bg2.png) no-repeat right;
  height:112px;
  }

#main {
  margin-left:30px;
  padding-bottom:80px;
}
#navibar form a {
  color:#fff;
  background-color:#4f8ebf;
  font-family:Verdana;
  font-size:10px;
  padding:2px 4px;
  text-decoration:none;
}



#main h1 {
  font-family:Verdana;
  font-size:16px;
  color:#191919;
  font-weight:bold;
  margin-bottom:20px;
}

#main h2 {
  font-size:18px;
  color:#20569a;
  font-weight:bold;
  margin-bottom: 20px;
}

#main h3 {
  font-size:15px;
  color:#474747;
  font-weight:bold;
}

/*#main h1 {
  font-family:Verdana;
  font-size:15px;
  color:#191919;
  font-weight:bold;
  margin-bottom:20px;
}

#main h2 {
  font-size:22px;
  color:#006bab;
}

#main h3 {
  color:#333232;
  font-size:13.5px;
}

*/

#main p {
  line-height:1.2em;
}


#main .righttoplink {
  float:right;
  background-color:#4F8EBF;
}



#main_right {
  float:right;
  width:230px;
  position:relative;
  margin-right:42px;
  padding-top:8px;
  font-family:Verdana;
  font-size:13px;
  line-height:1.3em;
  display:none;
}

#main_left {
  position:relative;
  /*width:840px;*/
  font-family:Verdana;
  font-size:13px;
  line-height:1.3em;
}

#main_left dd {
 font-family:Verdana;
 color:#1e92d8;
 font-size:10px;
 letter-spacing:-0.8px;
 line-height:1.2em;
}



#main #navibar {
  font-family: Verdana;
  font-size:13px;
  margin-bottom:-5px;
  list-style:none;
  padding-top:4px;
  background:#fff;
}

#main #navibar a {
  text-decoration:none;
  color:#2f3031;
}

#main #navibar ul li {
  float:left;
  border-right:1px solid #2f3031;
  padding:5px 20px;
      
}

#main #navibar ul li:hover {
  background:#eef8fb;
}

#main #accordion {
  width:638px;
  margin:20px 0 20px 0;
}

#main #accordion div {
  background:#f6f5f5;
  margin-top:-3px;
  padding:20px 5px 20px 25px;
  font-family:Verdana;
  font-size:14px;
  color:#333232;
  line-height:1.3em;
}



#main #accordion div img{
  max-width:200px;
}

#main #accordion .bild_rechts{
  float:right;
  padding-right:0;
  right:0;
  background:transparent;
  max-width:200px;
  width:200px;
  font-size:10px !important;
  color:#797979;
}

#main #accordion .bild_rechts a{
  background:none;
  color:#797979;
}

#main #accordion .nopic {
  padding-right:0;
}
#main #accordion h3 {
  background:url(images/accordion_normal.png) no-repeat;
  width:638px;
  height:26px;
  cursor:pointer;
  color:white;
  font-size:15px;
  padding:5px 0 0 25px;
  
  font-family:Verdana;
  display:block;
}

#main #accordion .ui-accordion-header-active{
  background:url(images/accordion_active.png) no-repeat !important;
}


#main #accordion .ui-state-hover {
  background:url(images/accordion_hover.png) no-repeat;
} 

#tufwflogos {
  position:absolute;
  bottom:90px;
  right:150px;
}

.news-latest-container {
  width:97%;
}

#main #accordion .first {
  font-size:13.5px;
  color:#8a8a8a;
}

#main_right .news-latest-item {
  font-family:Verdana;
  font-size:13px;
  margin-top:8px;
  margin-bottom:8px;
  line-height:1.3em;
  color:#407bb5;
}

#main_right .news-latest-item a{
  color:#407bb5;
  background-color:transparent;
  font-size:12px;
}

.news-latest-date {
  background:#E0EEFB;
  display:block;
}



#main_right .news-latest-item h2 {
  background-color:#e0eefb;
  color:#4293d8;
  font-weight:bold;
}


.news-latest-gotoarchive {
  background-color:white;
}


#navibar form {
  text-align:right;
  padding-right:45px;
  margin-bottom:5px;
}

#kesearch_submit {
  right:-5px !important;
  width:56px !important;
}

#kesearch_submit[type=image] {
 width:30px !important;
}

#navibar ul ul {
 background:#E0EEFB !important;
 display:none;
 position:absolute;
  top:137px;
  z-index:8;
  
 
}

#navibar ul ul li {
  border-right:0 none !important;
  padding:4px 42px 4px 7px !important;
  float:none !important;
  font-family:Verdana;
  color:#333;
  font-size:13px;
}

#sub1 {
  left:28px;
  width: 154px;
  
}

#sub2 {
  left:203px;
}

#sub3 {
  left:304px;
}

#sub4 {
  left:389px;
}

#sub5{
  left:508px;
}

#sub6{
  left:587px;
}

dt a {
  background:0 none !important;
}

DIV.csc-textpic-clear {
  clear:left !important;
}
#main_left a, #main_right a {
  background:0 none;
  color:#1e92d8;
  text-decoration:none;
      font-family:Verdana;
}
#footer{
  font-size:10px;
  color:#a7a7a7;
  text-align:right;
  padding:10px 50px 0 0;
  margin:0 0 50px 6px;
  font-family:Verdana, Geneva, sans-serif;
}


/* for updated version 9.5.13 */

.ce-gallery figcaption {
 font-family:Verdana;
 color:#1e92d8;
 font-size:10px;
 letter-spacing:-0.8px;
 line-height:1.2em;
}
