/* IDs */
body{
background: #45484d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0NTQ4NGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxNiUiIHN0b3AtY29sb3I9IiM0NTQ4NGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #45484d 0%, #45484d 16%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#45484d), color-stop(16%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #45484d 0%,#45484d 16%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #45484d 0%,#45484d 16%,#000000 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #45484d 0%,#45484d 16%,#000000 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #45484d 0%,#45484d 16%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}

#middleshit{
margin-left: auto;
margin-right: auto;
width: 980px;
background-color: #000;
}

#header{
margin-top: 10px;
background-image:url(./img/header.png);
height: 180px;
text-align: right;
}


#ueberschrift{
font-family: 'arial';
color: #FFF;
text-shadow:3px 3px 10px #000000;
font-size: 55px;
margin-right: 10px;
}

#ueberschrift_sub{
font-size: 20px;
font-family: 'Roboto Condensed', sans-serif;
color: #FFF;
margin-right: 16px;
text-shadow:3px 3px 10px #000000;
}

#ueberschrift_abstand{
  padding-top: 60px;
}

#inhalt{
background-color: #FFF;
padding-top: 5px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 5px;
}

#autor{
  text-align: right;
}

#news_kategorie {
		padding-left:20px;
		font-size:15px;
		width:500px;
		height:25px;
		font-family: 'arial';
		color:#FF8000;
		border-bottom-style:solid;
		border-bottom-color:#000;
		border-bottom-width:thin;
		margin-left:20px;
	}
	
#news_titel {
		padding-left:20px;
		font-size:15px;
		width:500px;
		height:25px;
		font-family: 'arial';
		margin-top:5px;
		border-bottom-style:solid;
		border-bottom-color:#000;
		border-bottom-width:thin;
		margin-left:20px;
	}
	
#news_inhalt {
		height:160px;
		width:500px;
		font-family:'arial';
		font-size:15px;
		padding-left:20px;
		padding-top:10px;
		padding-bottom:10px;
		padding-right:20px;
		margin-left:20px;
	}

#link_decoration_news {
	color:#00F;
	}
/* Klassen */

.shadow {
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}

/* CSS Menü */

#menu {
  padding: 0;
  margin: 0;
  border: 0;
  font-family: 'Capriola';
  font-style: normal;
  font-weight: 400;
  src: local('Capriola Regular'), local('Capriola-Regular'), url(http://themes.googleusercontent.com/static/fonts/capriola/v1/uuDFYyWaIr7gMYVZu_PK5fesZW2xOQ-xsNqO47m55DA.woff) format('woff');}

#menu ul, #menu li {
  list-style: none;
  margin: 0;
  padding: 0; }

#menu ul {
  position: relative;
  z-index: 597; }

#menu ul li {
  float: left;
  min-height: 1px;
  vertical-align: middle; }

#menu ul li.hover,
#menu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default; }

#menu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%; }

#menu ul ul li {
  float: none; }

#menu ul ul ul {
  top: 0;
  left: auto;
  right: -99.5%; }

#menu ul li:hover > ul {
  visibility: visible; }

#menu ul ul {
  bottom: 0;
  left: 0; }

#menu ul ul {
  margin-top: 0; }

#menu ul ul li {
  font-weight: normal; }

#menu a {
  display: block;
  line-height: 1em;
  text-decoration: none; }

#menu {
  background: #000;
  border-bottom: 4px solid #FF8000;
  font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
  font-size: 12px; }
  #menu > ul {
    *display: inline-block; }
  #menu:after, #menu ul:after {
    content: '';
    display: block;
    clear: both; }
  #menu ul {
    text-transform: uppercase; }
    #menu ul ul {
      border-top: 4px solid #FF8000;
      text-transform: none;
      min-width: 190px; }
      #menu ul ul a {
        background: #FF8000;
        color: #FFF;
        border: 1px solid #000;
        border-top: 0 none;
        line-height: 150%;
        padding: 16px 20px; }
      #menu ul ul ul {
        border-top: 0 none; }
      #menu ul ul li {
        position: relative; }
        #menu ul ul li:first-child > a {
          border-top: 1px solid #000; }
        #menu ul ul li:hover > a {
          background: #FF8000; }
        #menu ul ul li:last-child > a {
          -moz-border-radius: 0 0 3px 3px;
          -webkit-border-radius: 0 0 3px 3px;
          border-radius: 0 0 3px 3px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          -moz-box-shadow: 0 1px 0 #000;
          -webkit-box-shadow: 0 1px 0 #000;
          box-shadow: 0 1px 0 #000; }
        #menu ul ul li:last-child:hover > a {
          -moz-border-radius: 0 0 0 3px;
          -webkit-border-radius: 0 0 0 3px;
          border-radius: 0 0 0 3px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box; }
        #menu ul ul li.has-sub > a:after {
          content: '+';
          position: absolute;
          top: 50%;
          right: 15px;
          margin-top: -8px; }
    #menu ul li:hover > a, #menu ul li.active > a {
      background: #FF8000;
      color: #FFF; }
    #menu ul li.has-sub > a:after {
      content: '+';
      margin-left: 5px; }
    #menu ul li.last ul {
      left: auto;
      right: 0; }
      #menu ul li.last ul ul {
        left: auto;
        right: 99.5%; }
  #menu a {
    background: #000;
    color: #FF8000;
    padding: 0 20px; }
  #menu > ul > li > a {
    line-height: 48px; }