/* ALLGEMEIN
------------------------------------------------------------------------------*/

*{
  font-family: helvetica, arial, sans serif;
  font-size:12px;
  color:#FFF;
  line-height:1.6em;
  outline:none;
}

body{
  margin:0;
  padding:0;
  text-align:center;
  background:#000;
}

img{
  border:0;
}

form,
fieldset{
  margin:0;
  padding:0;
}

.clear{
  clear:both;
}


/* CONTENT
------------------------------------------------------------------------------*/

#content a{
  color:#ffed00;
  text-decoration:none;
}
#content a:hover{
  color:#FFF;
}


#content .content hr{
  border:0;
  border-bottom:3px solid #FFF;
  line-height:1px;
  margin:20px 0;
}

#content .content{
  width:550px;
  float:left;
  margin-right:30px;
}

#content .content ul{
  margin:10px 0;
  padding:0;
  list-style-type:none;
}

#content .content ul li{
  background: transparent url(../images/layout/dot_black.gif) no-repeat 0px 6px;
  padding-left:12px;
}


#content .content h1{
  margin:0 0 10px 0;
  padding:0;
  font-size:16px;
  text-transform:uppercase;
  color:#ffed00;
}

#content .content h2{
  margin:0;
  padding:0;
  font-size:13px;
  text-transform:uppercase;
  color:#FFF;
}


#content .sidebar img{
  margin:0 0 0 0;
}

#content .sidebar .box{
  background:#111;
  padding:10px;
  margin:40px 0 10px 0;
}

#content .sidebar h1{
  margin:0 0 10px 0;
  padding:0;
  font-size:13px;
  text-transform:uppercase;
  color:#ffed00;
}

#content a.last{
  margin-right:0;
}


#content a.tn{
  display:block;
  float:left;
  margin: 0 20px 20px 0;
}


/* SIDEBAR
------------------------------------------------------------------------------*/

#content .sidebar{
  width:300px;
  float:right;
}


/* HEADER > LOGO, MENU
------------------------------------------------------------------------------*/

#header .logo{
  width:300px;
  height:150px;
  float:left;
}

#header .logo a{
  text-decoration:none;
  background:transparent url(../images/layout/logo.gif) no-repeat;
  width:270px;
  height:76px;
  display:block;
  margin-top:35px;
}


#header .menu{
  width:500px;
  float:right;
}


#header .menu ul{
  margin:98px 0 0 0;
  padding:0;
  list-style-type:none;
  float:right;
}

#header .menu ul li{
  float:left;
  padding-left:10px;
}

#header .menu ul li a{
  height:14px;
  display:block;
  text-decoration:none;
}


#header .menu ul li a.news{
  width:40px;
  background:transparent url(../images/layout/menu.gif) no-repeat 0px top;
}
#header .menu ul li a.studio{
  width:52px;
  background:transparent url(../images/layout/menu.gif) no-repeat -51px top;
}
#header .menu ul li a.technik{
  width:61px;
  background:transparent url(../images/layout/menu.gif) no-repeat -114px top;
}
#header .menu ul li a.produzent{
  width:84px;
  background:transparent url(../images/layout/menu.gif) no-repeat -187px top;
}
#header .menu ul li a.service{
  width:60px;
  background:transparent url(../images/layout/menu.gif) no-repeat -281px top;
}
#header .menu ul li a.kontakt{
  width:63px;
  background:transparent url(../images/layout/menu.gif) no-repeat -353px top;
}


#header .menu ul li a:hover.news,
#header .menu ul li a.news_act{
  width:40px;
  background:transparent url(../images/layout/menu.gif) no-repeat 0px bottom;
}
#header .menu ul li a:hover.studio,
#header .menu ul li a.studio_act{
  width:52px;
  background:transparent url(../images/layout/menu.gif) no-repeat -51px bottom;
}
#header .menu ul li a:hover.technik,
#header .menu ul li a.technik_act{
  width:61px;
  background:transparent url(../images/layout/menu.gif) no-repeat -114px bottom;
}
#header .menu ul li a:hover.produzent,
#header .menu ul li a.produzent_act{
  width:84px;
  background:transparent url(../images/layout/menu.gif) no-repeat -187px bottom;
}
#header .menu ul li a:hover.service,
#header .menu ul li a.service_act{
  width:60px;
  background:transparent url(../images/layout/menu.gif) no-repeat -281px bottom;
}
#header .menu ul li a:hover.kontakt,
#header .menu ul li a.kontakt_act{
  width:63px;
  background:transparent url(../images/layout/menu.gif) no-repeat -353px bottom;
}


/* CONTAINER
------------------------------------------------------------------------------*/

#container{
  width:900px;
  margin:0 auto;
  text-align:left;
}

#header{
  height:130px;
  border-bottom:3px solid #FFF;
}

#content{
  width:900px;
  clear:both;
}

#footer{
  border-top:3px solid #FFF;
  padding:20px 0;
  color:#999;
}

#footer a{
  color:#999;
  text-decoration:none;
}

#footer a:hover{
  color:#FFF;
}


/* PAGINATION
------------------------------------------------------------------------------*/

.pagination{
  width:100%;
  padding:10px 0 0 0 ;
	margin:20px 0 0 0;
}

.pagination span{
	color:#777;
	float:left;


}

.pagination i{
	color:#666;
	font-style:normal;
}

.pagination a,
.pagination b{
  display:block;
	float:left;
	padding:2px 5px;
  background:#111;
  margin:0 2px;
}

.pagination .disabled,
.pagination .current{
	padding:2px 5px;
  background:#111;
  margin:0 2px;
  color:#555;
}
.pagination .current{
  color:#FFF;
}