/*
Stylesheet: o-synce.com
Theme URI: http://www.o-synce.com
Description: 
Version: 1.0
Author: Lennart Quecke
*/

/*   -------------------------------------------------------------
     Global
     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

* {
	padding:0;
	margin:0;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #F90;
	font-style: normal;
	margin-bottom: 8px;
}

p {
	margin-bottom: 8px;
}

p.size11 {
	margin-bottom: 8px;
	font-size: 11px;
}

a {
	color : #F90;
	text-decoration : underline;
}

a:hover {
    text-decoration : none;
}



span.orange {
	color:#f90;
}

html, body {
	background : #31363c none;
	color : #aaa;
	height: 100%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.95em;
	line-height: 1.2em;
}

#wrapper {
	width: 100%;
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */
}

#header {
	width: 100%;
	height: 50px;
	background:#141414;
	background-image: url(img/world-languages.gif);
	background-position: right;
	background-repeat:no-repeat;
	text-align:right;
}

#lang {
	padding: 15px 80px 0px 0px;
}

#lang a {
	font-size: 12px;
	text-decoration: none;
}

#lang a:hover {
	color: #ffffff;
}


#content {
	min-height: 430px;
	width: 900px;
	margin: 0 auto;
}	

#sidebar{
	width:150px;
	float:left; 
		}
		
#logo {
	margin-top:10px;
	width: 146px;
	height: 110px;
}

#main {
	width: 750px;
	background: url(img/frame.gif) no-repeat bottom #000;

	float:left;
}	

#text_frame {
	width: 670px;
	margin: 140px 25px 25px 45px;
	height:auto;
	padding-bottom: 30px;
	font-size: 0.9em;
}	

#productbar {
	background: url(img/product_world.gif);
	position:relative;
	width:437px;
	height:98px;
	float: right;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}


#footer {
	margin-top: 20px;
	width: 100%;
	height: 40px;
	background: #141414;
}

#imprint {
	padding: 10px;
	color: #F90;
	text-align: left;
	font-size: 0.7em;
}



.clear {
	clear:both;
}

div.float-l {
	float: left;
	padding-right: 15px;
}


/*   -------------------------------------------------------------
    Productworld menu - top
     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */


ul#productworld {
    display:block;
	width: 437px;
	height:98px;
	margin:0;
	position:absolute;
}

ul#productworld li {
    border:none;
    display:block;
    float:left;
    text-decoration:none;
}

ul#productworld li a {
 	border:none;
    display:block;
    float:left;
    height:98px;
	width:148px;
	text-decoration:none;
}

ul#productworld li a.li-fitness {
    margin:0;
    position:absolute;
    
}

ul#productworld li a.li-fitness:hover {   
	background:transparent url(img/product_world_h.gif) no-repeat scroll 0px 0;
}

ul#productworld li a.li-bike {
    margin:0 0 0 143px;
    position:absolute;
	width:143px;
}

ul#productworld li a.li-bike:hover {
    background:transparent url(img/product_world_h.gif) no-repeat scroll -148px 0;
	margin:0 0 0 148px;
	width:143px;
}

ul#productworld li a.li-outdoor {
    margin:0 0 0 291px;
    position:absolute;
}

ul#productworld li a.li-outdoor:hover {
    background:transparent url(img/product_world_h.gif) no-repeat scroll -291px 0;
}

span.alt {
	display: none;
}

/*   -------------------------------------------------------------
    Navigation menu - left
     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

ul#mainmenu {
    display:block;
	width: 127px;
	margin: 20px 10px;
	position:absolute;
}

ul#mainmenu li {
    border:none;
	width: 127px;
    display:block;
    text-decoration:none;
	text-align:left;
}

ul#mainmenu li a {
    border:none;
    display:block;
    height:27px;
    width:124px;
    text-decoration:none;
	padding-top: 6px;
	padding-left: 22px;
}

ul#mainmenu li a.li-top {
    background: url(img/menu/menu_top.gif) no-repeat;
	color: #f9f9f9;
}

ul#mainmenu li a.li-top-ak {
    background: url(img/menu/menu_top_h.gif) no-repeat;
	color: #f9f9f9;
}

ul#mainmenu li a.li-top:hover {   
	background: url(img/menu/menu_top_h.gif) no-repeat;
}

ul#mainmenu li a.li-center {
    background: url(img/menu/menu_center.gif) no-repeat;
	color: #f9f9f9;
	margin-top: 1px;
}

ul#mainmenu li a.li-center-ak {
    background: url(img/menu/menu_center_h.gif) no-repeat;
	color: #f9f9f9;
	margin-top: 1px;
}

ul#mainmenu li a.li-center:hover {
    background: url(img/menu/menu_center_h.gif) no-repeat;
	margin-top: 1px;
}

ul#mainmenu li a.li-bottom {
    background: url(img/menu/menu_bottom.gif) no-repeat;
	color: #f9f9f9;
	margin-top: 1px;
}

ul#mainmenu li a.li-bottom-ak {
    background: url(img/menu/menu_bottom_h.gif) no-repeat;
	color: #f9f9f9;
	margin-top: 1px;
}

ul#mainmenu li a.li-bottom:hover {
    background: url(img/menu/menu_bottom_h.gif) no-repeat;
}


ul.submenu {
	 margin-top:1px;
	 background: url(img/menu/menu_umenu_in.gif) repeat-y;
	 padding:6px 0px 13px 0px;
}
 
ul#mainmenu li a.inactive {
    border:none;
    display:block;
    height:14px;
    width:124px;
    text-decoration:none;
	padding: 0px 0px 0px 12px;
	font-size: 11px;
	color: #f9f9f9;
}

ul#mainmenu li a.inactive:hover {
	background: url(img/menu/menu_umenu_ak.gif) repeat-y; 
	color: #f90;
}

ul#mainmenu li a.active {
    border:none;
    display:block;
    height:14px;
    width:124px;
    text-decoration:none;
	padding: 0px 0px 0px 12px;
	font-size: 11px;
	background: url(img/menu/menu_umenu_ak.gif) repeat-y;
	color: #f90;
}

ul#mainmenu li a.sub2 {
    border:none;
    display:block;
    height:14px;
    width:110px;
    text-decoration:none;
	padding: 0px 0px 0px 22px;
	font-size: 11px;
	color: #f90;
}

/*   -------------------------------------------------------------
     products
     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

#product-pic {
	float: left;
	width: 200px;
	overflow:visible;
}

#product-menu {
	float: left;
	padding-top: 30px;
}

ul#summary {
	list-style-type: circle;
	color:#f90;
}

.normal {
	color:#aaa;
}

ul.products {
	list-style: none;
}

ul.products a {
	text-decoration: none;
}

ul.products a:hover {
	color: #f9f9f9;
}

#descr ul {
	margin-left: 13px;
}

h2.products {
	font-size: 13px;
	color: #f90;
	margin-bottom: 9px;
}

h2.products_u {
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	color: #f90;
	margin-bottom: 9px;
}

table.spec {
}

tr.row1 {
	background: #1b1b1b;
}

table.spec td {
	padding: 1px 4px 1px 6px;
}

td.col1 {
	width:380px;
}

td.col2 {
	width:200px;
}

td.col3 {
	width:590px;
}

td.white {
	width: 1px;
	background: url('img/block_white.png');
	background-repeat: no-repeat;
}

td.red {
	width: 1px;
	background: url('img/block_red.png');
	background-repeat: no-repeat;
}

td.orange {
	width: 1px;
	background: url('img/block_orange.png');
	background-repeat: no-repeat;
}

td.green {
	width: 1px;
	background: url('img/block_green.png');
	background-repeat: no-repeat;
}

td.blue {
	width: 1px;
	background: url('img/block_blue.png');
	background-repeat: no-repeat;
}

td.yellow {
	width: 1px;
	background: url('img/block_yellow.png');
	background-repeat: no-repeat;
}
	
div.acc_img {
	float: left;
	padding-top: 10px; 
	width:200px;
}

div.acc_txt {
	float: left;
	padding-top: 10px;
	width: 360px;
}

div.img {
	float: left;
	padding-top: 10px;
	padding-right: 15px;
}

p.orange {
	color: #f90;
	margin-bottom: 4px;
}

/*   -------------------------------------------------------------
    Language selection index
     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

#container {
	position: absolute;
	background:	#31363c;
	height:400px;
	width:900px;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -450px;
}

#container a {
	color : #FFF;
	text-decoration : none;
}
#container a:hover {
	color : #FFF;
	text-decoration : underline;
}

#indexlogo {
	float:left;
	width:640px;
}

#productpic {
	width:100%;
	text-align:center;
}

#header_index {
	width: 100%;
	height: 70px;
	background-image:url(img/bar.jpg);
	background-repeat:repeat-x;
}


ul#navigation {
	display:block;
	width:250px;
	float:left;
	margin-top: 90px;
	text-decoration:none;
}

ul#navigation li {
    border:none;
    display:block;
    text-decoration:none;
}

ul#navigation li a {
    border:none;
    display:block;
    height:20px;
    text-decoration:none;
}

ul#navigation li a:hover {
    border:none;
    display:block;
    height:20px;
    text-decoration:none;
	color : #F90;
}


#footer_index {
	position: relative;
	margin-top: -70px;
	width: 100%;
	height: 70px;
	background-image:url(img/bar.jpg);
	background-repeat:repeat-x;
}

/*-----------------------------------------------------
Formulare
------------------------------------------------------*/

form label {
   cursor: pointer; /* Mauszeiger wird zur Hand */
}

input#email, #pwd, #full_name, #email, #pass1, #pass2, #select8, #code, #emailx, #country, textarea,#plz {
   width: 155px;
   padding-right: 6px;
   background-color:transparent;
   border: solid 0px #000000;
   color: #FFF;
}


#form td {
	font-size: 12px;
	padding: 3px 10px 3px 0px;
}


div.formularfeld {
	background-image:url(img/formularfeld.gif);
	background-repeat: no-repeat;
	padding-left:7px;
	padding:right: 11x;
	height:19px;
}

/*----------------------------------------------------
------------   home
-------------------------------------------------------*/
div.reiter {
	float: left;
	width:215px;
	margin-right: 15px;
}

div.reiter_img {
	background-image:url('img/menu_back_start.jpg');
	background-repeat: no-repeat;
	padding: 10px;
}

/*----------------------------------------------------
------------   Kompatibilitätslist
-------------------------------------------------------*/

ul#comp {
	display:block;
	margin-left: 30px;
}

/*----------------------------------------------------
------------  Seocificationlist
-------------------------------------------------------*/
#list {
background-image:url(img/list2.png); 
height:39px;
line-height:39px;
width:600px; 
color:#333;
}

#list a{
color:#333;
}

#row1 {
height:20px; 
line-height:20px;
}

#row2 {
background-image:url(img/orange_list2.png);
width:600px; 
height:20px; 
line-height:20px;
}

#row3 {
width:380px; 
float:left; 
margin-left:10px;
}