@charset "utf-8";
/*
Theme Name: VSF Fahrradmanufaktur
Theme URI: http://www.alchemisten.de
Description:
Version: 1.0
Author: Die Alchemisten GmbH
Author URI: http://www.alchemisten.de
Tags: 
*/

  
/* =General
--------------------------------------------------------------------------------------------------------*/

/* Removing margin/padding */
div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4 { 
  margin: 0;
  padding: 0;
}

/* Class for clearing floats */
.clear {
  clear: both;
  font-size:0;
  line-height:0;
}

/* Removing border on linked images */
img {
	border: 0;
}

/* End General
--------------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------------*/

/* Setting up the fonts, color, bg */
body {
  height:100%;
  font: 62.5%/1.6 Arial, "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
  color:#4d4d4d;
  background:#fff url(images/body.gif) repeat-x;
}

/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
.header {
  position:relative;
  z-index:2;
  height:395px;
  background:url(images/header.jpg) no-repeat;
}
.header #flags{
	position: absolute;
	top: 10px;
	right: 50%;
	margin-right: -440px;
}
.header #flags img{
	margin-left: 5px;
}
.header .logo {
  position:absolute;
  top:53px;
  left:15px;
}
.header .top_right_text {
  font-size:1.1em;
  color:#fff;
  position:absolute;
  top:60px;
  right:13px;
}
.header .top_right_text a, .header .top_right_text a:visited {
  color:#fff;
}
.header .slider {
  position:absolute;
  top:126px;
  left:14px;
  z-index:2;
}
.header .slider li {
  font-size:0;
  line-height:0;
}

/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Links
--------------------------------------------------------------------------------------------------------*/
a, a:active, a:visited {
  text-decoration:none;
  color:#000;
} 
a:hover {
  text-decoration:none;
  color:#000;
}
h4 a, h4 a:active, h4 a:visited {
  color:#fff;
}
h4 a:hover {
  color:#fff;
}


/* End Links
--------------------------------------------------------------------------------------------------------*/


/* =Main Nav
--------------------------------------------------------------------------------------------------------*/
.menu {height:36px;width:855px;position:absolute;top:358px;left:39px;z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;float:left;height:29px;padding:7px 10px 0px 7px; text-align:center; color:#fff; line-height:24px; font-size:11px; overflow:hidden;}
.menu ul li li a, .menu ul li li a:visited {float:none;text-align:left;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#fff; background:#000;}
.menu ul li:hover ul {display:block; position:absolute; top:36px; left:0; width:170px;}
.menu ul li:hover ul li {width:170px;}
.menu ul li:hover ul li a.hide {background:#000; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#212121;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block;}
.menu ul li:hover ul li a:hover {background:#a11f29;}
.menu ul li:hover ul li li a:hover {background:#a11f29;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:170px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-170px;}
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/
.content_block {
  background:#cacaca;
  padding:31px 0 56px 43px;
  width:857px;
}
.main_info_list li {
  float:left;
  font-size:0;
  line-height:0;
  width:264px;
  margin:0 13px 35px 0;
}
.main_info_list li h4 {
  font:16px Arial;
  font-weight:normal;
  color:#fff;
  background:#818181;
  padding:6px 5px 6px 10px;
}
.main_info_list li .text {
  background:#e1e1e1;
  font:12px Arial;
  padding:9px 9px 20px 9px;
  text-align:justify;
  line-height: 20px;
}
.double_info_list li {
  width:816px;
  margin:0 0 35px 0;
  float:left;
  background:#e1e1e1;
}
.double_info_list li h4 {
  font:16px Arial;
  font-weight:normal;
  color:#fff;
  background:#848484 url(images/h4_bg.gif) repeat-x;
  padding:6px 5px 6px 10px;
}
.double_info_list li .text {
  font:12px Arial;
  text-align:normal;
}
.double_info_list li li {
  width:248px;
  margin:0;
  float:left;
  padding:12px;
}
.double_info_list li img {
  border:1px solid #c1c1c1;
}
.normal_info_list li {
  float:left;
  width:264px;
  margin:0 13px 35px 0;
  position:relative;
}
.normal_info_list li h4 {
  font:16px Arial;
  font-weight:normal;
  color:#fff;
  background:#818181;
  padding:6px 50px 6px 10px;
}
.normal_info_list li .text {
  background:#e1e1e1;
  font:12px Arial;
  padding:9px 9px 7px 9px;
  text-align:normal;
 line-height: 20px;
}
.normal_info_list li .text p {
  padding-bottom:13px;
}
.normal_info_list li .date {
  position:absolute;
  top:3px;
  right:3px;
  background:#000;
  text-align:center;
  font-weight:bold;
  color:#fff;
  text-transform:uppercase;
  line-height:12px;
  width:45px;
  padding-bottom:2px;
}
.normal_info_list li .date span {
  font-size:18px;
  color:#949494;
}
.normal_info_list li img.float_left {
  float:left;
  margin:0 14px 2px 0;
}
.normal_info_list li img {
  border:1px solid #9e9e9e;  
}
.normal_info_list .text .index_news_more {
    padding-bottom: 0;
    margin-top: -2em;
}
.download_banner {
  float:left;
  font-size:0;
  line-height:0;
}
.right_text_ad {
  float:left;
  margin-bottom:16px;
  width:264px;
  background:#e1e1e1 url(images/right_text_ad.jpg) 14px 9px no-repeat;
}
.right_text_ad p {
  padding:0 25px 13px 25px;
  font-size:1.2em;
  line-height:1.2em;
  text-align:justify;
}
.right_text_ad h4 {
  font:2.2em 'Myriad Pro';
  padding:14px 13px 14px 80px;
}

.posts_block {
  float:left;
  width:541px;
  margin:0 13px 0 0;
}
.posts_list li {
  width:541px;
  margin:0 0 5px 0;
  position:relative;
}
.posts_list li h4 {
  font:16px Arial;
  font-weight:normal;
  color:#fff;
  background:#818181;
  padding:6px 50px 6px 10px;
}
.posts_list li .categ_comment {
  background:#d6d6d6;
  font:12px Arial;
  margin-top:4px;
  padding:5px 190px 7px 9px;
  text-align:justify;
  position:relative;
}
.posts_list li .categ_comment span {
  position:absolute;
  right:15px;
  color:#828282;
}
.posts_list li .categ_comment span a, .posts_list li .categ_comment span a:visited {
  color:#828282;
}
.posts_list li .text {
  background:#e1e1e1;
  font:12px Arial;
  line-height: 20px;
  padding:9px 9px 7px 9px;
  text-align:normal;
}
.posts_list li .text p {
  padding-bottom:13px;
}
.posts_list li .date {
  position:absolute;
  top:3px;
  right:3px;
  background:#b41e27;
  text-align:center;
  font-weight:bold;
  color:#fff;
  text-transform:uppercase;
  line-height:11px;
  width:45px;
  padding-bottom:2px;
}
.posts_list li .date span {
  font-size:18px;
  color:#eaeaea;
}
.product_table tr { line-height: 23px; }

#sidebar {margin-left: 554px;}
.sidebar_widget {
  width:264px;
  /*float:left;*/
  margin-bottom:16px;
}
.sidebar_widget p {
  background:#e1e1e1;
  font:12px Arial;
  padding:9px 16px;
  text-align:justify;
}
.sidebar_widget div {
  background:#e1e1e1;
  font:12px Arial;
  padding:9px 16px;
  text-align:justify;
}
.sidebar_widget ul {
  background:#e1e1e1;
  font:12px Arial;
  padding:9px 16px;
  text-align:justify;
}
.sidebar_widget h4 {
  font:16px Arial;
  font-weight:normal;
  color:#fff;
  background:#474747;
  padding:6px 5px 6px 10px;
}
.sidebar_cloud {
  /*width:264px;
  float:left;
  margin-bottom:16px;*/
}
.sidebar_cloud p {
  background:#e1e1e1;
  font:12px Arial;
  padding:9px 16px;
  text-align:justify;
}
.sidebar_cloud p a.big {
  font-size:1.4em;
}
.sidebar_cloud p a.biger {
  font-size:1.6em;
}
.sidebar_cloud h4 {
  font:16px Arial;
  font-weight:normal;
  color:#fff;
  background:#474747;
  padding:6px 5px 6px 10px;
}
.product_block {
  float:left;
  width:554px;
  margin:0 0 0 0;
}
.product_block li {
  float:left;
  font-size:0;
  line-height:0;
  width:264px;
  margin:0 13px 16px 0;
}
.product_block li.last {
  margin-right:0;
}
.product_block li a {
  text-decoration:underline;
}
.product_block li h4 {
  font:16px Arial;
  font-weight:normal;
  color:#fff;
  background:#818181;
  padding:6px 5px 6px 10px;
}
.product_block li .text {
  background:#e1e1e1;
  font:12px Arial;
  padding:9px 9px 20px 9px;
  text-align:justify;
}

/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
.footer {
  
  background:#000;
  padding:9px 0;
  color:#e1e1e1;
  text-align:center;
  font-size:1.2em;
}
.footer a, .footer a:visited {
  color:#e1e1e1;
}

/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Forms
--------------------------------------------------------------------------------------------------------*/

/* Removing fieldset borders */
fieldset {
  border: 1px solid transparent;
}

textarea#comment {
    width: 535px;
}

/* End Forms
--------------------------------------------------------------------------------------------------------*/

/* =Tables
--------------------------------------------------------------------------------------------------------*/

/* Making tables collapse and removing spacing */
table { 
  border-spacing: 0;
  border-collapse: collapse;
}

/* Preparing table columns */
td {
  text-align: left;
  font-weight: normal;
}

/* End Tables
--------------------------------------------------------------------------------------------------------*/


/* =Misc 1
--------------------------------------------------------------------------------------------------------*/
ul, li {
  list-style:none;
} 
.nofont {
  font-size:0;
  line-height:0;
}
.wraper {
  width:900px;
  margin:0 auto;
} 
.top_bg {
  background:url(images/top_bg.jpg) center top no-repeat;
} 

#slider1{
		position:absolute;
		top:125px;
		left:175px;
		z-index:1;
}	
#slider2 {
		display:none;
		position:absolute;
		top:125px;
		left:175px;
		z-index:1;		
}	
#slider3 { 
		display:none;
		position:absolute;
		top:125px;
		left:175px;
		z-index:1;					
}
#slider4 {
        display:none;
		position:absolute;
		top:125px;
		left:175px;
		z-index:1;
}
#slider5 {
        display:none;
		position:absolute;
		top:125px;
		left:175px;
		z-index:1;
}
/* End Misc 1
--------------------------------------------------------------------------------------------------------*/

/* Twitter Tools
--------------------------------------------------------------------------------------------------------*/
.aktt_tweets ul li{
   background: url(images/Twitter.jpg) no-repeat top left;
   padding-top: 25px;
   padding-bottom: 8px;
}
.aktt_tweets ul li.aktt_more_updates{
   padding-top: 0px;
   background: none;
}