@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic);

html {
  background: url(media/h01.jpg) repeat fixed;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  font: 100% 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 110%;/* 101 */
  background: url(media/header-h02.png) repeat-x;
}

h1, h2, h3, h4, h5, h6, p, blockquote, a,
em, font, img, strong, ol,
ul, li, form, label, table, tbody, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  text-align: left!important;
}

:focus {
  outline: 0;
}

#cleaner {
  clear: both;
  height: 1px;
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}

img {
  border: none;
}

#wrapper {
  position: relative;
  top: 0;
  left: 0;
  text-align: left;
  margin: 0 auto;
  width: 1170px;
  padding: 0;
  overflow: visible;
}

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

header

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

#header {
  top: 0;
  left: 0;
  width: 1170px;
  height: 210px;
  float: left;
}

#topnav {
  width: 270px;
  height:19px;
  padding: 0 0 0 910px;
  float: left;
}

#topnav a:link,
#topnav a:visited {
  color: #fff;
  padding: 0 10px 0 17px;
  background: url(media/nav-star-03.gif) no-repeat 0px 4px;
  text-decoration: none;
}

#topnav a:focus,
#topnav a:hover,
#topnav a:active {
  color: #F07D00;
  transition: all  500ms;
  }

#topnav p {
  font: normal 12px/19px 'Open Sans', sans-serif;
}

.topshadow {
  width: 1170px;
  height: 21px;
  background: url(media/header-h01.png) no-repeat;
  float: left;
}

#logo{
  width: 240px;
  height: 75px;
  padding: 17px 910px 45px 20px;
  float: left;
  background: url(media/sign.png) no-repeat 1030px 17px;
}

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

Menü
----------------------------------------------------
----------------------------------------------------*/

#nav {
  width: 238px;
  float: left;
  min-height: 450px;
  background: #FFF;
  border: 1px solid #bbbbbb;
  margin: 0 0 0 20px;
  padding: 10px 0;
}

#navigationMenu ul {
  list-style: none;
  }

#navigationMenu li {
  font: bold 15px/20px 'Open Sans', sans-serif;
  }

#navigationMenu li a:link,
#navigationMenu li a:visited {
  padding: 5px 15px 5px 15px;
  text-decoration: none;
  display: block;
  color: #575656;
  transition: all  1s;
  }

#navigationMenu li a:focus,
#navigationMenu li a:hover,
#navigationMenu li a:active {
  padding: 5px 15px 5px 35px;
  display: block;
  color: #F07D00;
  text-decoration: none;
  }

#navigationMenuOut ul {
  list-style: none;
  }


#navigationMenuOut li {
  font: bold 15px/20px 'Open Sans', sans-serif;
  }

#navigationMenuOut li a:link,
#navigationMenuOut li a:visited  {
  padding: 5px 15px 5px 35px;
  display: block;
  background: url(media/nav-arrow-02.gif) no-repeat 15px 9px;
  color: #F07D00;
  text-decoration: none;
  }

#navigationMenuOut li a:hover {
}


/* Submenue 1 */

#navigationSubmenu  {
  }


#navigationSubmenu ul {
  list-style: url(none) none;
  }

#navigationSubmenu li {
  font: 14px/15px 'Open Sans', sans-serif;
  }

#navigationSubmenu li a:link,
#navigationSubmenu li a:visited {
  color: #575656;
  text-decoration: none;
  padding: 5px 15px 5px 15px;
  display: block;
  background: #F3F3F3;
  transition: all  500ms;
  }

#navigationSubmenu li a:focus,
#navigationSubmenu li a:hover,
#navigationSubmenu li a:active {
  color: #000;
  background: #EAEAEA;
  padding: 5px 15px 5px 25px;
  }


#navigationSubmenuOut ul {
  list-style: none;
  }

#navigationSubmenuOut li {
  }

#navigationSubmenuOut li a:link,
#navigationSubmenuOut li a:visited {
  font: 14px/15px 'Open Sans', sans-serif;
  color: #000;
  text-decoration: none;
  padding: 5px 15px 5px 15px;
  display: block;
  background: #EAEAEA;
  }

#navigationSubmenuOut li a:focus,
#navigationSubmenuOut li a:hover,
#navigationSubmenuOut li a:active {
  }

/* Submenue 2 */

#navigationSubmenu2 ul {
  list-style: url(none) none;
  }

#navigationSubmenu2 li {
  font: 13px/15px 'Open Sans', sans-serif;
  }

#navigationSubmenu2 li a:link,
#navigationSubmenu2 li a:visited {
  color: #FFF;
  text-decoration: none;
  padding: 5px 15px;
  display: block;
  background: #575656;
  transition: all  500ms;
}

#navigationSubmenu2 li a:focus,
#navigationSubmenu2 li a:hover,
#navigationSubmenu2 li a:active {
  color: #F07D00;
  padding: 5px 15px 5px 25px;
  }

#navigationSubmenu2Out ul {
  list-style: none;
  }

#navigationSubmenu2Out li {
  font: 13px/15px 'Open Sans', sans-serif;
  }

#navigationSubmenu2Out li a:link,
#navigationSubmenu2Out li a:visited {
  color: #F07D00;
  text-decoration: none;
  padding: 5px 15px;
  display: block;
  background: #575656;
  transition: all  500ms;
  }

#navstar {
  height: 44px;
  background: url(media/nav-star-02.gif) no-repeat 15px 10px;
}

#navigationSubmenu2Out li a:focus,
#navigationSubmenu2Out li a:hover,
#navigationSubmenu2Out li a:active {
  }

/* menueitems */
#menuitem12 a:link, #menuitem12 a:visited,
#menuitem7 a:link, #menuitem7 a:visited,
#menuitem9 a:link, #menuitem9 a:visited,
#menuitem5 a:link, #menuitem5 a:visited {
  background: url(media/nav-star-04.gif) no-repeat 15px 10px!important;
  padding-top: 35px!important;
}

#menuitem12 img, #menuitem12 img,
#menuitem7 img, #menuitem7 img,
#menuitem9 img, #menuitem9 img,
#menuitem5 img, #menuitem5 img {

}


#menuitem12 a:focus, #menuitem12 a:hover, #menuitem12 a:active,
#menuitem7 a:focus, #menuitem7 a:hover, #menuitem7 a:active,
#menuitem9 a:focus, #menuitem9 a:hover, #menuitem9 a:active,
#menuitem5 a:focus, #menuitem5 a:hover, #menuitem5 a:active {
  }


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

Content

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

#content {
  margin: 0 35px ;
  width: 548px;
  float:left;
  min-height: 400px;
  background: #FFF;
  border: 1px solid #bbbbbb;
  padding:15px;
 }

#bkpfad {
  float:left;
  width:548px;
  height:30px;
  margin: 0;
}

#bkpfad p {
  font: normal 12px/15px 'Open Sans', sans-serif!important;
  text-decoration: none;
}

#bkpfad a:link,
#bkpfad a:visited {
  text-decoration: none;
  color: #575656;
  background: url(media/foo-star-02.png) no-repeat 0px 4px;
  padding: 0 10px 5px 15px;
  }

#bkpfad a:focus,
#bkpfad a:hover,
#bkpfad a:active {
  color: #F07D00;
  }

/* Typografie */

#content a:link,
#content a:visited {
  color: #575656;
}

#content a:focus,
#content a:hover,
#content a:active {
  color: #F07D00;
  transition: all  500ms;
  }

#content p {
  font: normal 15px/20px 'Open Sans', sans-serif;
  color: #000;
  padding: 5px 0;
}

#content h1 {
  font: bold 22px/30px 'Open Sans', sans-serif;
  display: inline-block;
  color: #F07D00;
  padding: 0px 6px;
  background: #575656;
  margin: 10px 0px!important;
}

#content h2 {
  font: bold 20px/25px 'Open Sans', sans-serif;
  color: #575656;
  padding: 10px 0;
}

#content h3 {
  font: bold 15px/20px 'Open Sans', sans-serif;
  padding: 5px 0;
}

#content blockquote {
  font: 15px/20px 'Open Sans', sans-serif;
  color: #575656!important;
  padding: 10px 20px 10px 30px;
}

#content ul {
  list-style: none;
  padding: 0px 0px 0px 5px;
}

#content ul li {
  padding: 6px 0px 6px 25px;
  font: normal 15px/20px 'Open Sans', sans-serif;
  background: url(media/nav-star-01.gif) no-repeat 0px 10px;
}

#content ol {
  padding: 0px 0px 0px 5px;
  margin: 0 0 0 25px;
}

#content ol li {
  padding: 6px 0px 6px 10px;
  font: normal 15px/20px 'Open Sans', sans-serif;
}


#content hr {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-image: none;
  margin: 20px 0;
  color: #EAEAEA;
  border-top: 0 none -moz-use-text-color;
  border-right: 0 none -moz-use-text-color;
  border-bottom: 4px solid #EAEAEA;
  border-left: 0 none -moz-use-text-color;
}


#contstar {
  height: 50px;
  background: url(media/nav-star-02.gif) no-repeat 15px 19px;
}


.news-list-browse {
    margin-bottom: 0;
}


/* Bilder */

#content img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

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

Rechte Spalte

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

#rightcolumn {
  width: 208px;
  float: right;
  background: #575656;
  border: 1px solid #bbbbbb;
  margin: 0 20px 0 0;
  padding: 10px 15px 35px;

}

#rightcolumn a:link,
#rightcolumn a:visited {
  color: #fff;
  transition: all  500ms;
}

#rightcolumn a:focus,
#rightcolumn a:hover,
#rightcolumn a:active {
  color: #F07D00;
  }

#rightcolumn p {
  font: normal 15px/18px 'Open Sans', sans-serif;
  color: #fff;
  padding: 5px 0;
}

#rightcolumn h1 {
  font: bold 24px/30px 'Open Sans', sans-serif;
  color: #F07D00;
  padding: 10px 0;
}

#rightcolumn h2 {
  font: bold 18px/25px 'Open Sans', sans-serif;
  color: #F07D00;
  padding: 10px 0;
}

#rightcolumn h3 {
  font: bold 15px/20px 'Open Sans', sans-serif;
  padding: 5px 0;
}

#rightcolumn ul {
  list-style: none;
}

#rightcolumn ul li {
  padding: 6px 0px 6px 20px;
  font: normal 15px/18px 'Open Sans', sans-serif;
  background: url(media/nav-star-03.gif) no-repeat 0px 10px;
  color: #fff;
}

#rightcolumn hr {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-image: none;
  margin: 20px 0;
  color: #e3e5ef;
  border-top: 0 none -moz-use-text-color;
  border-right: 0 none -moz-use-text-color;
  border-bottom: 4px solid #e3e5ef;
  border-left: 0 none -moz-use-text-color;
}

/* Bilder */

#rightcolumn img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#rcstar {
  height: 35px;
  background: url(media/rc-star-01.png) no-repeat 0px 10px;
}



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

Footer

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

#footer {
  height: 128px;
  width: 100%;
  background: url(media/footer-h01.png) repeat-x;
  margin: 50px 0;
  position: relative;
  overflow: visible;
}

#footwrapper {
  margin: 0 auto;
  width: 1100px;
  height: 128px;
  background: url(media/header-h01.png) no-repeat 0px 111px;
  padding: 20px 35px;
}


#footer p {
  font: bold 14px/22px 'Open Sans', sans-serif;
  color: #575656;
  padding: 0;
}

.foostars {
  padding: 7px 0px;
}

.fooarrow {
  padding: 0px 5px;
}

.typohigh {
  color: #F07D00;
}



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

Spezielle Links

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

#content p a[href ^="mailto:"] {
    background: url("media/mail-icon.gif") center right no-repeat;
    padding-right: 20px;
}


#content .mail {
    background: url("media/mail-icon.gif") center right no-repeat;
    padding-right: 20px;
}

#content p a[href ^="http://"] {
  background: url("media/extern-icon.gif") center right no-repeat;
  padding-right: 20px;
  }

#content p a[href ^="https://"] {
  background: url("media/extern-icon.gif") center right no-repeat;
  padding-right: 20px;
  }
  
#content p a[href $=".pdf"], p a[href $=".PDF"],
p a[href *=".pdf#"], p a[href *=".PDF#"],
p a[href *=".pdf?"], p a[href *=".PDF?"] {
    color: #D40300!important;
    background: url("media/pdf-icon.gif") center right no-repeat;
    padding-right: 20px;
}