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

* 						{ padding:0px; margin:0px; font-family: Arial,Helvetica,sans-serif;}
body					{ background:url(../media/head_bg.png) repeat-x top left; font-size:12px; position:relative;}

#wrapper				{ width:817px; position:relative; margin:0 auto;}


#header					{ position:relative; width:810px;}
#header #logo			{ display:block; margin-top:15px; width:310px; float:left;}
*html #header #logo			{ display:block; margin-bottom:40px; width:310px; float:left;}
#header #submenu		{ float:right; width:300px;}
#header #submenu a		{ color:#186384; text-decoration:none; display:block; float:right; margin:24px 10px;}
#header #submenu a:hover	{ color:#7cb024;}


#header #servicemenu	{ margin-top:27px;float:left; width:800px; margin-bottom:10px;}
#header #servicemenu a	{ display:block; color:#186384; text-decoration:none; float:left; padding:8px 15px; height:12px; margin:0px 5px 0px 0px; background:#FFF; border-top:#CCC solid 1px; border-left:#CCC solid 1px; border-right:#CCC solid 1px;-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
#header #servicemenu a:hover	{ color:#7cb024;}
#header #servicemenu .highlight { color:#7cb024; font-weight:bold;}

.jcarousel-skin-tango a			{color:#186384; text-decoration:none; }
.jcarousel-skin-tango a:hover	{color:#7cb024; }
.jcarousel-skin-tango .price	{ position:absolute; background:#186384; padding:8px; color:#FFF; font-weight:bold; font-size:10px; bottom:25px; right:10px; -webkit-border-top-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomleft: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px;}
.product {position:relative; width:140px; height:110px;} 
.product .iamimage { position:absolute; width:140px; height:110px; background-repeat:no-repeat; background-position:top; top:0px; left:0px; overflow:hidden; }
.product .iamimage:hover { background-position:bottom; }

#infomenu				{ text-align:right; margin-top:3px; margin-right:15px; margin-bottom:5px;}
#infomenu a				{ color:#186384; text-decoration:none;}
#infomenu a:hover		{ color:#7cb024; }

#content				{ position:relative; margin-right:15px; margin-top:30px;}
#content span			{ font-size:12px; color:#333; line-height:20px;}
#content span p			{ display:block; margin:25px 0px;}
#content span ul		{ display:block; margin:20px 0px;}
#content span li		{ list-style:inside square;}
#content span a			{ color:#186384; text-decoration:none;}
#content  a			{ color:#186384; text-decoration:none;}
#content span a:hover	{ color:#7cb024;}

#content h1				{ font-size: 36px; color:#186384; font-weight: bold;}
#content h1 span		{ font-size: 36px; color:#186384; font-weight: bold; display:block; margin-left:90px;}
#content h2				{ font-size: 20px; color:#186384; font-weight: bold;}
#content h3				{ font-size: 20px; color:#7cb024; font-weight: normal;}
#content h4				{ font-size: 17px; color:#7cb024; font-weight: normal;}
#content h5				{ font-size: 20px; color:#7cb024; font-weight: normal;}
#content h6				{ font-size: 13px; color:#7cb024; font-weight: bold;}

#msg_box { background-image:url(../media/delete.png); background-position: 5px 6px; background-repeat:no-repeat; padding-left:28px; padding-top:4px; background-color:#186384; width:775px; color:#FFF; font-weight:bold; margin-bottom:5px; padding-bottom:5px;}

#content #start			{ position:relative;border-bottom: 1px #CCC solid;margin:16px 0;}
#content #product_overview	{ padding-bottom:30px; margin-bottom:30px; border-bottom: 1px #CCC solid;}
#content #product_overview #product_overview_img { height:110px; overflow:hidden;}
#content #product_overview a	{ display:block; padding:10px; margin:37px 37px 0px 0px; float:left; text-align:center; border: 1px #CCC solid; color:#186384; text-decoration: none; background:#f3f3f3;}
#content #product_overview a:hover	{ background:#7cb024; color:#FFF;}
#content .overgroup		{ margin-bottom:35px; width:800px;  position:relative;}
#content .overgroup	.information { float:left; max-width:500px;}
#content .icon { position:relative; float:left; margin-right:20px;}

#content .left				{ float:left; width:400px;}
#content .right				{ float:right; width:370px;}

#content .button_blue		{ background:url(../media/button_blau.jpg) center right no-repeat; display:block; float:left; margin:10px 15px 10px 0px; color:#FFF; padding:2px 13px 2px 13px; height:19px; border:none; cursor:pointer;}
#content .button_blue:hover{ color:#FFF;}
#content .button_highlight		{ background:url(../media/button_gruen.jpg) top right no-repeat; display:block; float:left; margin:10px 0px;  color:#FFF; padding:5px 48px 5px 17px; height:22px; border:none; cursor:pointer;}
#content .button_highlight:hover{ color:#FFF;}

#content  #topbox_left_bottom		{ background:#f3f3f3; padding:10px; border:#e0e0e0 solid 1px; -moz-box-shadow: 3px 3px 5px #bdbdbd; -webkit-box-shadow: 3px 3px 5px #bdbdbd; box-shadow: 3px 3px 5px #bdbdbd;}
#content .select					{ padding:2px; margin:5px 0px; width:250px;}
#content .beschreibung				{ float:right; width:640px; margin:18px 0px;}

hr						{ border: 0px; /* Für Firefox und Opera */ border-top: solid 1px #CCC; border-bottom: transparent; margin:2px 0px;}

#footer					{ position:relative;background:#f3f3f3; padding:20px; margin-right:15px;}
#footer .block			{ position:relative; float:left; width:200px; margin-right:30px; margin-bottom:20px; color:#666; font-size:10px;}
#footer a				{ color:#666; font-size:10px; text-decoration:none;}
#footer a:hover			{ color:#7cb024;}
#footer #paypallogo		{ position:absolute; top:20px; right:10px; height:31px; width:102px;}
#footer #paypallogo img { margin:5px 0px 5px 0px; width:80%; display:block;}

#color { width:40px; height:20px; float:right; border:1px #CCC solid; margin:4px 50px 0px 0px;}



/*
by its js
modifications apart from original main.css
*/

/* inc.navigation.htm */
.content {
  border:solid 1px #000000;
}
.price {
  z-index:10;
}
.inc-nav-table-prod-descr {
  /* class added in html */
  z-index:20;
}
.product .iamimage {
  background-color:#7baf23;
}
.product_name {
  display:block;
  height:16px;
  overflow:hidden;
}

/* detail.htm */
.detail-img {
  /* class added in html */
  background-color:#7baf23;
}

/* category.htm */
#content img {
  /* class added in html */
  background-color:#7baf23;
}

.prod-info {
  margin:4px;
  padding:4px;
  float:left;
  text-align:left;
  vertical-align:top;
}