@charset "UTF-8";
/* CSS Document */

/* ***** Body und HTML Tags ***** */
body {
background: #191919 url(html.jpg) repeat-x top;
font-family: Arial;
font-size: 12px;
color: #bbb;
margin: 0;
padding: 0;
text-align:center;
}

img {border: 0px;}
ul {margin: 0;padding: 0;}

a:link {color: #ffa12d;text-decoration: none;}
a:visited {color: #ffa12d;text-decoration: none;}
a:hover {color: #fff;text-decoration: none;}
a:active {color: #ffa12d;}
/* Firefox Linkrahmen */
a:focus {-moz-outline-style: none;}

.clear {clear: both;}
/* ***** CONTAINER ***** */
div#main {width: 1000px;margin: 0 auto;text-align:left;}

h1,h2,h3,h4,h5 {
color: #ffa12d;
margin: 0 0 5px 0;
padding: 0 0 0 0;
}

h1 {
font-size: 18px;
font-weight: normal;
}

h2 {
font-size: 14px;
}

h3 {
font-size: 12px;
}

/* ***** TOP ***** */
img.headlogo {
float: left;
margin: 0;
padding-left: 11px;
padding-right: 26px;
}

#head {
width: 1000px;
}

.content li {
list-style-image: url(arrow.jpg);
margin-bottom: 3px;
color: white;
}

.top ul {list-style: none;padding-right: 10px;}
.top li {display: inline;}

/* ***** MENU ***** */
#nav {
height: 46px;
background-image: url(navbar.jpg);
background-repeat: no-repeat;
margin: 12px 0 0 11px;
}

#nav ul {list-style: none;padding: 0 0 0 20px;height: 42px;}
.navbar li {float: left;padding: 13px 40px 3px 35px;}
.navbar li a {padding-bottom: 3px;}
.navbar li a:link, .navbar li a:visited, .navbar li a:active {text-decoration: none;color: #9e9e9e;text-transform: uppercase;}
.navbar li a:hover {text-decoration: none;color: white;background: url(mainshine.jpg) no-repeat bottom;text-transform: uppercase;}
.navbar a.max:hover { background: url(mainshine-max.jpg) no-repeat bottom; }
#active {background: url(mainshine.jpg) no-repeat bottom; text-transform:uppercase;}

/* ***** SUBMENU ***** */
#submenu {
position: absolute;
top: 275px;
margin-left:30px;
}

#submenu ul {height: 30px;list-style:none;background:url(subbar.jpg);float:left;}
#submenu span {width: 10px;height: 30px;background: url(subbar-left.jpg) no-repeat; float:left;}
#submenu span.close {width: 15px;background: url(subbar-right.jpg) no-repeat;}

.subbar li {float:left;padding: 4px 15px 3px 15px;}
.subbar li a {padding-bottom: 3px;}
.subbar li a:link, .subbar li a:visited, .subbar li a:active {text-decoration: none;color: #000;text-transform: uppercase;}
.subbar li a:hover {text-decoration: none;color: #fff;background: url(subshine.jpg) no-repeat bottom;text-transform: uppercase;}
.subbar a.max:hover { background: url(subshine-max.jpg) no-repeat bottom; }
#sub-active {background: url(subshine.jpg) no-repeat bottom; color: #fff; font-weight: bold; text-transform:uppercase;}

/* ***** CONTENT ***** */

#wrapper {
margin-left: 10px;
float:left;
width: 655px;
background: url(cont.jpg) repeat-y;
}
    
.content {width: 600px; text-align:justify;padding-left: 28px; padding-top: 20px;}
h1.contentintro {background: url(cont-top.jpg) no-repeat; padding: 10px 0 0 20px; margin:0; font-size: 16px; font-weight: normal;}
.contentend { background: url(cont-bottom.jpg); height:24px;}

/* ***** SIDEBAR ***** */

#sidebar{
margin-left: 668px;
background: url(sidebar.jpg) no-repeat;
width: 295px;
}

#featured_release{
margin-left: 668px;
background: url(sidebar.jpg) no-repeat;
width: 295px;
}
#featured_release a img{
border: 1px #ee8416 solid;
}

.sidetext {width: 250px;text-align: justify;padding-top: 20px;padding-left: 22px;}
.sideend {background: url(sidebar-bottom.jpg); height: 32px;}

/* EDIT: 6.5.2009 Florian */

#memberlogin{
  font-family: arial;
  background-image: url(sidebar.jpg);
  margin-left: 668px;
  width: 295px;
}

#memberlogin form {
  padding: 0px 0 0 0px;
  margin: 0 0 0px 0;  
  height: 20px;
}

#memberlogin form input{
  width: 90px;
  height: 17px;
  background-image: url(input.jpg);
  border:none;
  color: #777777;
  font-size: 10px;
  padding: 3px 5px 0 5px;
  margin-right: 8px;  
  float: left;
}

#memberlogin form input.submit{
  background: url(submit.gif) ;
  width: 20px;
  height: 20px; 
  float: left;
 
}

#memberlogin form label{
  font-size: 10px;
  font-family: arial;
  color:#9e9e9e;
  margin-left: 5px;
  margin-right: 67px;
}

#sitesearch{
  font-family: arial;
  background-image: url(sidebar.jpg);
  margin-left: 668px; 
  width: 295px;
}

#sitesearch form {
  padding: 0px 0 0 0px;
  margin: 0 0 0px 0;  
  height: 20px;
}

#sitesearch form input{
  width: 190px;
  height: 17px;
  background-image: url(input_long.jpg);
  border:none;
  color: #777777;
  font-size: 10px;
  padding: 3px 5px 0 5px;
  margin-right: 8px;  
  float: left;
}

#sitesearch form input.submit{
  background: url(submit.gif) ;
  width: 20px;
  height: 20px; 
  float: left;
}

.team ul{float: left;}
.team ul li{color: inherit;list-style: none;}

.perspic{margin: 0px;overflow:hidden;float:left;}

li.persdata{width: 130px;margin: 0 15px 0 15px;float: left;}
li.persdata h3{margin: 0;}
li.persdescription{width: 320px;text-align: justify;float: left;}
li.skills1{width: 130px;margin: 0px 0 0 15px;float:left;}
li.skills2{margin: 0px 0 0 15px;float: left;}
li.clearer{clear: left;}

br.teamend{clear: left;background: red url(line.jpg);}

.line{margin-bottom:20px;height:2px;background: url(line.jpg) no-repeat;}

/* EDIT END */

/* Datum */
.news-entry p {
margin-top: 0;
}

.content .news-meta  {
    color: #000000;
    font-family: "Arial", Verdana, Helvetica, sans-serif;
    font-size: 85%;
	  line-height:1.2em;
    background: #F8FF9F;
    text-align: center;
    margin: 0 10px 10px 0;
    padding: 4px 1px 2px 4px;
    width: 3.1em;
    float: left;
    border-top: 6px solid brown;
    border-right: 1px solid brown;
    border-bottom: 1px solid brown; }

	.content .news-meta:first-line {
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	font-size: 130%;
  font-weight: bold;
  color: brown;
	}

.inputlong {
    height: 34px;
    width: 210px;
    background: url('inp-long.jpg') no-repeat top left;
    padding: 10px 0 0 10px;
    border:0;
    color: #979797;
    font-size:12px;
}

.inputlong:hover {
    height: 34px;
    width: 210px;
    background: url('inp-long.jpg') no-repeat top left;
    border:0;
    color: #fff;
}


.input {
    height: 34px;
    width: 114px;
    background: url('inp.jpg') no-repeat top left;
    padding: 10px 0 0 10px;
    border:0;
    color: #979797;
    font-size:12px;
}

.input:hover {
    height: 34px;
    width: 114px;
    background: url('inp.jpg') no-repeat top left;
    border:0;
    color: #fff;
}


.submit {
    height: 33px;
    width: 64px;
    font-size:12px;
    border: none;
    color: #fff;
    background: url('btn.jpg') no-repeat top left;
}

  input.submit:hover {
    background: url('btn-hover.jpg') no-repeat top left;
    cursor:pointer;
   }