@charset "utf-8";
/*
Theme Name: Kreidler Mot 2010
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:#CCC;
  background:#525252 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 .logo {
  position:absolute;
  top:16px;
  left:46px;
}
.header .top_right_text {
  font-size:1.1em;
  color:#fff;
  position:absolute;
  top:40px;
  right:13px;
}
.header .top_right_text a, .header .top_right_text a:visited {
  color:#fff;
}
.header .facebook_icon{
  position: absolute;
  top: 10px;
  right: 45px;
}
.header .twitter_icon{
  position: absolute;
  top: 10px;
  right: 13px;
}
.header .slider {
  position:absolute;
  top:126px;
  left:14px;
  z-index:2;
}
.header .slider li {
  font-size:0;
  line-height:0;
}
.header .language_switcher{
  position: absolute;
  top: 364px;
  right: 4px;
  z-index: 1000px;
}

/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Links
--------------------------------------------------------------------------------------------------------*/
a, a:active, a:visited {
  text-decoration:none;
  color:#aaaaaa;
} 
a:hover {
  text-decoration:none;
  color:#aaaaaa;
}
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:98;}
.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:url(images/lihover.gif) repeat-x;}
.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:url(images/lihover.gif) repeat-x;}
.menu ul li:hover ul li li a:hover {background:url(images/lihover.gif) repeat-x;}
.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:#212121;
  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:url(images/h4_bg.gif) repeat-x;
  padding:6px 5px 6px 10px;
}
.main_info_list li .text {
  background:#2d2d2d;
  color: #c8c8c8;
  font:12px Arial;
  padding:9px 9px 20px 9px;
  text-align:justify;
}
.double_info_list li {
  width:816px;
  margin:0 0 35px 0;
  float:left;
  background:#1f252b url(images/double_bg.gif) repeat-x;
}
.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:justify;
  color: #c8c8c8;
  padding: 10px 20px 10px 10px;
}
.double_info_list li li {
  width:273px;
  margin:0;
  float:left;
}
.double_info_list li img {
  padding: 0px 22px 0px 0px;
  float:left;
  background:#1f252b url(images/double_bg.gif) repeat-x;
}
.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:#000000 url(images/h4_bg.gif) repeat-x;
  padding:6px 50px 6px 10px;
}
.normal_info_list li .text {
  background:#676767;
  font:12px Arial;
  padding:9px 9px 7px 9px;
  text-align:justify;
}
.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;
  height: 161px;
  background:#676767 url(images/right_text_ad.jpg) no-repeat;
}
.right_text_ad p {
  padding:18px 25px 13px 25px;
  color: #ffffff;
  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:#000000 url(images/h4_bg.gif) repeat-x;
  padding:6px 50px 6px 10px;
}
.posts_list li .categ_comment {
  background:#2d2d2d;
  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:#000000;
}
.posts_list li .categ_comment span a, .posts_list li .categ_comment span a:visited {
  color:#000000;
}
.posts_list li .text {
  background:#2d2d2d;
  font:12px Arial;
  padding:9px 9px 7px 9px;
  text-align:justify;
}
.posts_list li .text p {
  padding-bottom:13px;
}
.posts_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;
}
.posts_list li .date span {
  font-size:16px;
  color:#949494;
}
.product_table tr{ line-height: 23px; }

#sidebar {margin-left: 554px;}
.sidebar_widget {
  width:264px;
  /*float:left;*/
  margin-bottom:16px;
}
.sidebar_widget p {
  background:#2d2d2d;
  font:12px Arial;
  padding:0px 0px;
  text-align:justify;
}
.sidebar_widget div {
  background:#212121;
  font:12px Arial;
  padding:0px 0px;
  text-align:justify;
}
.sidebar_widget ul {
  background:#2d2d2d;
  font:12px Arial;
  padding:0px 0px;
  text-align:justify;
}
.sidebar_widget h4 {
  font:12px Arial;
  font-weight:normal;
  color:#fff;
  background:#000000 url(images/h4_bg.gif) repeat-x top left;
  padding:6px 5px 6px 10px;
}
.sidebar_cloud {
  /*width:264px;
  float:left;
  margin-bottom:16px;*/
}
.sidebar_cloud p {
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-top: 0px;
  background:#2d2d2d;
  font:12px Arial;
  text-align:justify;
}
.sidebar_cloud p a.big {
  font-size:1.4em;
}
.sidebar_cloud p a.biger {
  font-size:1.6em;
}
.sidebar_cloud h4 {
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-top: 0px;
  font:18px Arial;
  font-weight:normal;
  color:#fff;
  background:#000000;
}
.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:#000000 url(images/h4_bg.gif) repeat-x;
  padding:6px 5px 6px 10px;
}
.product_block li .text {
  background:#3e3e3e;
  font:12px Arial;
  padding:9px 9px 20px 9px;
  text-align:justify;
}

/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
.footer {
  
  background:#000;
  padding:9px 0;
  color:#cacaca;
  text-align:center;
  font-size:1.2em;
}
.footer a, .footer a:visited {
  color:#cacaca;
}

/* 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 {
  /* Nothing needed here */ 
} 

#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;					
}
.suchbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #C00;
        background:#000000 url(images/searchbutton.gif) repeat-x;
	color: #FFF;
	font-weight: bold;
        border: 0px;
	width: 100px;
	height: 25px;
}
/* Needed for twitter tools plugin because sidebar doesn't have regular formating */
#sidebar #twitter-tools .aktt_tweets{
        padding: 9px 16px;
        background: #2d2d2d;
}
/* End Misc 1
--------------------------------------------------------------------------------------------------------*/



/* Twitter Tools
--------------------------------------------------------------------------------------------------------*/
.aktt_tweets ul li{
   background: url(images/Twitter_mot.jpg) no-repeat top left;
   padding-top: 25px;
   padding-bottom: 8px;
}
.aktt_tweets ul li.aktt_more_updates{
   padding-top: 0px;
   background: none;
}



/* =Share Links
--------------------------------------------------------------------------------------------------------*/
ul.posts_list li .shareLinks, ul.posts_list .shareLinks{
        display: none;
}

ul.posts_list li .text .shareLinks{
        display: block;
}

.shareLinks span{
        color: #CCC;
}

/* End Share Links
--------------------------------------------------------------------------------------------------------*/
