/*@import url(http://fonts.googleapis.com/css?family=Anton);*/
html, body, table, td, form, button, select, input, textarea, p, h1, h2, h3, h4, h5, h6, cite, quote {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Tahoma, Helvetica, Geneva, Sans-serif;
	font-size: 11px;
	line-height: 120%;
}
/*---------------------------------------------
Set vertical align to top, this helps if the
text flys in the middle of a table (td).
---------------------------------------------*/
td {
	vertical-align: top;
}
/*---------------------------------------------
Set no border for tables and images, the images
border comes if you link any image <a href=""><img></a>
and this sheet does make the border invisible 
---------------------------------------------*/
img, table {
	border: 0px none;
}
/*Blockelemente */
form, h1, h2, h3, h4, h5, h6, p, div, hr {
	display: block;
}
/*---------------------------------------------
Set font bold inside of this elements.
---------------------------------------------*/
strong, caption, optgroup, .strong {
	font-weight: bold;
	font-style: normal;
}
/*---------------------------------------------
Set a margin for pharagraph-TAG
---------------------------------------------*/
p {
	margin: 0;
	padding: 0;
}
/*---------------------------------------------
Set a cursor for the label-TAG
---------------------------------------------*/
label {
	cursor: pointer;
}
/*---------------------------------------------
Set global style of the horizontal line
---------------------------------------------*/
hr {
	color : #000;
	height : 1px;
	padding : 0;
	border-color : #adadad;
	border-width : 1px 0 0 0;
	border-style : solid;
	margin: 3px 0 8px 0;
}
/*---------------------------------------------
Set general link style
---------------------------------------------*/
a:link, a:visited, a:hover, a:active {
	color: #bb0000;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color: #000;
}
a:focus {
	outline: 0
}
/*---------------------------------------------
Default Table
---------------------------------------------*/
table.hperc {
	position: relative;
	width: 598px;
	padding: 0;
	margin: 0;
	background: #c7c7c7;
	z-index: 2;
}
/*####################################
  CLANDESIGNS STYLES
####################################*/
html, body {
	color: #333;
	background-color: rgb(249, 248, 247);
	text-align: center;
	cursor: default;
}
div#page {
	position: relative;
	width: 990px;
	margin: 0 auto;
	text-align: left;
	min-height:3030px;
}
/* LoginForm */
input.login_name, input.login_pass {
	background: rgb(240, 240, 240) url("./images/icons/login_name.gif") no-repeat scroll left center;
    border: 5px solid rgb(201, 201, 201);
    margin: 1px 0;
    padding: 6px 6px 5px 27px;
    transition: border 0.3s ease 0s;
    width: 140px; 	
}

input.login_pass {
	background-image: url(./images/icons/login_pass.gif)
}
input.login_name:hover, input.login_pass:hover, input.login_name:focus, input.login_pass:focus {
	border: solid 5px rgb(213, 45, 45);
	background: rgb(255, 255, 255)url("./images/icons/login_name.gif") no-repeat scroll left center;
}

input.login_pass:hover, input.login_pass:focus {
	border: solid 5px rgb(213, 45, 45);
	background: rgb(255, 255, 255)url("./images/icons/login_pass.gif") no-repeat scroll left center;
}
/*
  NAVIGATION
*/
div#navigation {
	float: left;
	width: 200px;
	padding-bottom: 30px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
div#navigation ul, div#navigation li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#navigation li.kat {
	height: 13px;
	padding: 4px 6px;
	background: url(./images/bg_kat.gif) no-repeat;
	color: rgb(255,255,255);
	font-weight: bold;
	text-shadow: 0 0 1px rgb(0,0,0);
	background: rgb(213, 45, 45);
}
div#navigation div.right {
	padding-right: 11px;
	margin-top: 1px;
	margin-bottom: 7px;
}
div#navigation li a:link, div#navigation li a:visited, div#navigation li p {
	position: relative;
	display: block;
	height: 13px;
	width: 188px;
	padding: 4px 6px;
	background: url(./images/navi.gif) no-repeat;
	color: #333;
	font-weight: bold;
	transition: 0.5s;
}
div#navigation ul li ul {
	display: none;
}
div#navigation ul.active {
	display: block
}
div#navigation li.subkat a:link, div#navigation li.subkat a:visited {
	width: 170px;
	padding-left: 24px;
	background: url(./images/navi_sub.gif) no-repeat;
	color: #5e5e5e;
}
div#navigation li a:hover, div#navigation li a:active, div#navigation li.subkat a:hover, div#navigation li.subkat a:active, div#navigation li.subkat a.a, div#navigation li a.a, div#navigation li a.as {
	background-image: url(./images/navi_hover.gif);
	color: #b00000;
	transform: translateX(5px);
}
div#navigation li a b {
	color: #000
}
/*
div#navigation p,
div#navigation li.rate
*/

div#navigation a.free:link, div#navigation a.free:visited {
	color: green
}
div#navigation i {
	position: absolute;
	right: 6px;
	top: 3px;
	font-style: normal;
	font-weight: normal;
	color: #000;
}
div#navigation li.rate {
	cursor: pointer;
	text-align: left;
}
div#navigation li.rate strong {
	display: block;
	font-size: 12px;
	margin-bottom: 3px;
}
div#navigation li.rate:hover {
	background-color: #DDD
}
div#navigation li.rate div {
	position: relative;
	text-align: left;
}
div#navigation li.rate div b {
	margin-left: 0;
}
div#navigation li.rate div.rating {
}
div#navigation li.rate p {
}
div#navigation li.rate a:link, div#navigation li.rate a:visited {
}
/*
  SUBNAVIGATION
*/
ul.navi {
	border-left: none;
	border-top: none;
	height: 20px;
	line-height: 20px;
	padding: 0;
	clear: both;
}
ul.navi, ul.navi li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}
ul.navi li a:link, ul.navi li a:visited {
	background-color: rgb(255, 255, 255);
	padding: 2px 8px;
	border-bottom: none;
	border-top: none;
	border-left: none;
}
/*
  CONTENT
*/
div#content {
	position: relative;
	float: left;
	margin-left: 12px;
	padding-bottom: 30px;
	width: 598px;
	line-height: 140%;
}
div.contentPadding {
	padding: 6px 12px;
	padding-bottom: 8px;
	background: rgb(255, 255, 255);
}
div#content h1, div#header h1 {
	position: relative;
	background-color: rgb(213, 45, 45);
	color: rgb(255, 255, 255);
	padding: 4px 6px;
	margin: 0;
}
div#content h1 b {
	display: block;
	color: rgb(255, 255, 255);
	font-weight: normal;
}
div#content h1.icon {
	padding-left: 6px;
	font-size: 10px;
}
div#content h1.icon img {
	position: relative;
	float: left;
	margin-right: 5px;
}
div#content h1.newest_products {
	background-image: url(./images/icons/newest_products.png)
}
div#content h1.newest_mods {
	background-image: url(./images/icons/newest_mods.png)
}
div#content h1.newest_news {
	background-image: url(./images/icons/newest_news.png)
}
div#content h1 span {
	position: absolute;
	right: 5px;
	top: 4px;
	font-weight: normal;
}
div#content h1 i {
	font-style: normal
}
div#content h1.t {
	margin-top: 2px;
}
div#content h1 a:link, div#content h1 a:visited {
	font-weight: bold
}
div#content h1.infoHead, div#header h1.infoHead {
	background-color: transparent;
	margin: 0;
	padding: 2px;
	border: none;
}
/*
  SYSTEM MESSAGE
*/
div#system, div#system_error, div#system_error_js, div#system_error_agb {
	padding: 6px 5px;
	margin: 1px;
	margin-bottom: 2px;
	background: rgb(47, 219, 4); /*green*/
	color: rgb(0, 0, 0); /*black*/
	border: 1px solid rgb(47, 219, 4); /*green*/
	text-decoration: blink;
	text-align: center;
	font-weight: bold;
}
 div#system_error, div#system_error_agb {
 background: green;
 color: rgb(255, 255, 255); /*white*/
 border: 1px solid red;
 font-weight:bold;
}
div#system_error a, div#system_error_agb a:link, div#system_error_agb a:visited {
	color: rgb(255, 255, 255); /*white*/
	font-weight: bold;
}
div#system_error, div#system_error_js {
	color: rgb(0, 0, 0); /*balck*/
	border: 3px solid red;
}
/*
  BEWERTUNGEN
*/
b.starsbg {
	display: block;
	width: 80px;
	height: 21px;
	margin-bottom: 6px;
	background: url(./images/icons/star_inactive.png) repeat-x;
}
b.stars {
	display: block;
	height: 20px;
	background: url(./images/icons/star.png) repeat-x;
}
b.starsbg_small {
	display: block;
	width: 65px;
	height: 9px;
	text-align: left;
	margin-top: 2px;
	background: url(./images/icons/star_small_inactive.png) repeat-x;
}
b.stars_small {
	display: block;
	height: 9px;
	background: url(./images/icons/star_small.png) repeat-x;
}
.produkt_star {
	background: url(images/icons/produkt_star.png) top center no-repeat;
	width: 89px;
	height: 21px;
	line-height: 20px;
	position: absolute;
	overflow: hidden;
	margin: 69px 0 0 33px;
	padding: 2px 0 0 10px;
}
.previewBoxContent span {
	padding: 0;
	margin: 0;
}
/*
  Product Overview
*/
div#overviewOptions {
	margin-left: 2px;
}
div#overviewOptions fieldset div strong {
	width: 200px;
	margin-right: 30px;
	text-align: right;
	display: block;
	float: left;
	margin-top: 2px;
	color: rgb(68, 68, 68);
	font-weight: normal;
}
div#overviewOptions fieldset select {
	margin: 1px;
	width: 300px;
}
div#overview, div.overview {
	padding-bottom: 11px;
}
* html div#overview, * html div.overview { margin-left: 0; }

div.previewBoxContent,
div.previewBoxContentLarge,
div.previewBoxContentTop,
div.previewBoxContentLargeTop {
  position: relative;
  width: 220px; 
  height: 200px;
  margin: 0; 
  padding: 2px;
  text-align: left;
  z-index: 1;
  border: 1px solid rgba(0, 0, 0,0.08);
  transition: box-shadow 150ms linear 0s;
}

div.previewBoxContent:hover,
div.previewBoxContentLarge:hover,
div.previewBoxContentTop:hover,
div.previewBoxContentLargeTop:hover{
	
	box-shadow: 0 2px 5px rgb(136, 136, 136);
}


div.previewBoxContent div.info1, div.previewBoxContent div.info2, div.previewBoxContent div.info3,
div.previewBoxContentTop div.info1, div.previewBoxContentTop div.info2, div.previewBoxContentTop div.info3 {
  position: absolute;
  top: 17px; right: 0;
  width: 38px; height: 25px;
  text-align: center; line-height: 23px;
  background: url(./images/produkte_info.jpg);
}

div.previewBoxContent div.info2, div.previewBoxContentTop div.info2 {
  top: 45px;
}
div.previewBoxContent div.info3, div.previewBoxContentTop div.info3 {
  top: 73px;
  font-weight: bold;
  color: rgb(0, 128, 0);
}

div.previewBoxContent div.info1 a, div.previewBoxContent div.info2 a,
div.previewBoxContentTop div.info1 a, div.previewBoxContentTop div.info2 a {
  font-size: 8px; text-transform: uppercase;
  color: #505050;
}
div.previewBoxContent div.info1 a:hover, div.previewBoxContent div.info2 a:hover,
div.previewBoxContentTop div.info1 a:hover, div.previewBoxContentTop div.info2 a:hover {
  color: #bb0000;
}

div.previewBoxContent div.price, div.previewBoxContentTop div.price {
  width: 169px; 
  height: 24px; 
  line-height: 20px;
  background: url(./images/produkte_price.jpg) top right;
  padding-left: 6px; 
  padding-right: 4px;
  float: right;
  font-weight: bold;
}

div.previewBoxContentLarge,
div.previewBoxContentLargeTop { background: transparent; width: 567px; height: auto; margin: 4px 0; margin-bottom: 11px; }

div.previewBoxContentLarge b.stars_small,
div.previewBoxContentLargeTop b.stars_small {

}

div.previewBoxContentLarge,
div.previewBoxContentLargeTop {
  background-color: #f4f4f4;
}
div.saler:hover,
div.previewBoxContentLarge:hover,
div.previewBoxContentLargeTop:hover {
  background-color: #e3e3e3;
}

div#content div.previewBoxContent h1.infoHead,
div#content div.previewBoxContentTop h1.infoHead,
div#content div.previewBoxContentLarge h1.infoHead,
div#content div.previewBoxContentLargeTop h1.infoHead { color: #bb0000 }

div#content div.previewBoxContent h1.infoHead,
div#content div.previewBoxContentTop h1.infoHead{ padding-left: 6px; padding-bottom:6px;}

div#content div.previewBox:hover h1.infoHead,
div#content div.previewBoxContent:hover h1,
div#content div.previewBoxContentTop:hover h1,
div#content div.previewBoxContentLarge:hover h1,
div#content div.previewBoxContentLargeTop:hover h1 { color: rgb(0, 0, 0); }
div.previewBoxContent a,
div.previewBoxContentLarge a,
div.previewBoxContentLargeTop a,
div.previewBoxContentTop a,
div.previewBoxContentTop:hover h1,
div.previewBoxContentLargeTop:hover h1 { color: rgb(0, 0, 0); }
div.previewBoxContent a:hover, div.previewBoxContent a:active,
div.previewBoxContentLarge a:hover, div.previewBoxContentLarge a:active,
div.previewBoxContentLargeTop a:hover, div.previewBoxContentLargeTop a:active,
div.previewBoxContentTop a:hover, div.previewBoxContentTop a:active { color: #bb0000; }
div.previewBoxContentLarge a,
div.previewBoxContentLargeTop a { text-align: left; }

div.previewBoxContent img,
div.previewBoxContentLarge img,
div.previewBoxContentTop img,
div.previewBoxContentLargeTop img { 
  
  margin: -2px 0 0 43px;
}

div.previewBoxContent .left,
div.previewBoxContentLarge .left,
div.previewBoxContentTop .left,
div.previewBoxContentLargeTop .left {
  width: 90px;  float: left;
  color: rgb(68, 68, 68);
}

div.previewBoxContent span,
div.previewBoxContentLarge span,
div.previewBoxContentTop span,
div.previewBoxContentLargeTop span {
  display: block;
  text-align: right;
  font-weight: bold;
}

i.hits {
  position: relative;
  font-weight: normal;
  font-size: 9px;
  font-style: normal;
  text-align: right;
}

div.previewBoxContent .free,
div.previewBoxContentLarge .free,
div.previewBoxContentTop .free,
div.previewBoxContentLargeTop .free {
  padding: 8px 4px; padding-bottom: 7px;
  color: rgb(0, 128, 0); font-weight: bold;
  text-align: center;
}

div.previewBoxContentTop,
div.previewBoxContentLargeTop {
  /*background-color: rgb(238, 238, 238);*/
}

div.previewBoxContentTop:hover,
div.previewBoxContentLargeTop:hover {
  background-color: rgb(255, 255, 255);
}/*
  PRODUKTANSICHT
*/
#product {
	float: left;
	width: 410px;
}
#produktInfos {
	width: 180px;
	float: left;
	border-right: none;
	border-top: none;
	padding: 3px;
	padding-top: 2px;
	margin-top: -1px;
	line-height: 20px;
	background: rgb(255, 255, 255);
}
#produktInfos_bestellung {
	width: 180px;
	float: left;
	border-right: none;
	border-top: none;
	padding: 3px;
	padding-top: 2px;
	line-height: 20px;
	background: rgb(255, 255, 255);
	margin: 0 0 0 410px;
	position: fixed;
	z-index: 1;
	box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.15);
}
#produktInfos .desc strong {
	display: block
}
#produktInfos .desc {
	line-height: 15px;
}
div#quickSwitch {
	position: relative;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 2px;
	width: 186px;
	height: 14px;
	line-height: 14px;
	background-image: url(./images/box_top.jpg);
	padding: 3px;
	color: rgb(255, 255, 255);
}
.leftInfo {
	float: left;
	color: #000;
	text-align: left;
}
.leftInfo img {
	float: left;
	margin: 3px;
	margin-bottom: 0;
}
.leftInfoBG {
	background-image: url(./images/icons/info_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}
span.right {
	color: #444;
	display: block;
	text-align: right;
}
div#produktInfos span a:link, div#produktInfos span a:visited, div#produktInfos span a:hover, div#produktInfos span a:active {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 8px;
}
div#produktInfos span a:hover, div#produktInfos span a:active {
	text-decoration: underline;
}
div#content h1.files, div#content h1.price, div#content h1.services, div#content h1.bzmk {
	display: block;
	margin-bottom: 3px;
	padding-bottom: 3px;
	padding-left: 4px;
	text-align: left;
	color: #000;
	font-weight: normal;
	border-bottom: 1px solid #555;
}
div#content h1.files {
	margin-bottom: 5px;
	background: transparent url(./images/icons/info_files.gif) no-repeat 2px center;
}
div#content h1.price {
	background: transparent url(./images/icons/info_price.gif) no-repeat 2px center;
}
div#content h1.services {
	background: transparent url(./images/icons/info_services.gif) no-repeat 2px center;
}
div#content h1.bzmk {
	background: transparent url(./images/icons/saled.gif) no-repeat 2px center;
}
div.fileTypes {
	position: relative;
	text-align: left;
	padding-left: 2px;
	width: 175px;
}
div.fileTypes img {
	float: left;
	margin-top: 2px;
	padding-right: 2px;
}
div.fileTypes span {
	color: #444;
	position: absolute;
	top: 0;
	right: 0;
	text-align: left;
	width: 27px;
}
/**************************/

.red, .red:link, .red:visited {
	color: #bb0000;
}
.bewwithe, .bewwithe:link, .bewwithe:visited {
	color: #ffffff;
}
.green {
	color: #5f9f3e;
}
.lightgreen {
	color: #33FF33;
}
.lightred {
	color: #ff0000;
}
/*Produkt Share Butons*/
ul.produkt_share-buttons {
	list-style: none;
	padding: 0 0 0 18px;
}
ul.produkt_share-buttons li {
	display: inline;
	margin: 0;
}
/*
  ToolTip
*/
div#toolTip {
	position: absolute;
	z-index: 999999;
	background-color: rgb(255, 255, 255);
	padding: 1px;
	border: 1px solid #555;
	display: none;
	text-align: left;
}
div#toolTip div#ttTitle {
	width: 510px;
	text-align: left;
	border: 1px solid #333;
	border-bottom: none;
	color: #EEE;
	margin-bottom: 6px;
	font-weight: bold;
	padding: 3px;
	margin-top: -24px;
	margin-left: -9px;
	background-color: #fdb002;
	background-image: url(./images/icons/submit.jpg);
}
div#toolTip div#ttTitle span {
	padding: 3px;
	color: rgb(255, 255, 255);
}
div#toolTip span.help {
	background-color: transparent;
	margin: 0;
	font-weight: normal;
}
/*
  No Script?
*/
div#noscript {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999999;
	background: url(./images/icons/trans.png);
}
div#noscript div {
	background-image: url(./images/icons/nojava.gif);
	background-repeat: no-repeat;
	background-position: 1px;
	padding: 12px;
	padding-left: 70px;
	margin: 280px auto;
	width: 300px;
	text-align: left;
	background-color: #000;
	color: rgb(255, 255, 255);
}
/*
  Formulare
*/
/*
  GLOBAL
*/
fieldset {
	position: relative;
	margin: 5px;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 11px;
	background: rgb(255, 255, 255);
	padding-top: 18px\9;
}
select {
	width: 145px;
	padding: 1px;
	margin: 1px 0;
	cursor: pointer;
}
fieldset.info {
	color: #777;
	line-height: 14px;
}
fieldset legend {
	padding: 0 13px;
	color: #b00000;
	font-weight: bold;
	font-size: 11px;
	margin-left: 10px;
}
fieldset input.i, fieldset select, fieldset textarea.field {
	width: 320px;
	margin: 1px 0;
}
fieldset textarea.pr {
	display: block;
	clear: both;
	width: 572px;
	height: 200px;
}
fieldset select {
	width: 324px;
}
fieldset br {
	clear: both;
}
fieldset label {
	width: 180px;
	text-align: right;
	display: block;
	float: left;
	margin-right: 10px;
}
fieldset.order label {
	width: 140px;
	margin-left: 15px;
}
fieldset.order input.i, fieldset.order select {
	width: 160px;
}
fieldset label.check {
	display: inline;
	float: none;
	margin-left: 1px;
}
select#land {
	margin-top: 2px;
	margin-left: 1px;
}
select#land option {
	background-color: rgb(255, 255, 255);
}
option.kat {
	border-bottom: 1px solid #222;
	padding-bottom: 1px;
}
option.hl {
	background-color: #DDD;
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
}
div.submit {
	text-align: center;
	padding: 4px;
}
fieldset div.left {
	width: 180px;
	text-align: right;
	float: left;
}
fieldset div.right {
	padding-left: 210px;
}
div.error {
	padding: 4px 2px;
	margin-bottom: 10px;
	color: red;
	border: 1px solid #222;
}
div.error b {
	display: block;
	color: #000;
}
fieldset i {
	font-weight: normal;
}
.checkbox {
	cursor: pointer;
	margin: 1px;
}
.radio {
	cursor: pointer;
	margin-bottom: -2px;
	margin-top: 1px;
}
.radio_rating {
	cursor: pointer;
	margin-top: 5px;
	color: #0F0;
}
div.gespreis {
	width: 260px;
	padding-left: 20px;
	text-align: right;
	clear: both;
	margin: 1px;
}
*+html div.gespreis {
	margin: 0;
}
div.gespreis span {
	font-weight: bold;
	width: 118px;
	display: block;
	float: left;
}
div.gespreis span.num {
	font-weight: normal;
}
div.summe, div.summe span.num {
	font-weight: bold;
}
div#hr {
	width: 300px;
	margin-left: 30px;
	height: 2px;
	line-height: 2px;
	border-bottom: 1px solid #444;
}
/*
  SUBMIT BUTTONS
*/
input.submit {
	cursor: pointer;
	margin: -1px;
	overflow: visible;
	padding: 0 6px;
}
button, input.paypal, input.direct, input.bank, input.pdf, input.send, input.yes, input.no, input.cart, input.contact, input.download, input.moneybookers, input.clickandbuy {
	padding: 3px;
	background: rgb(255, 255, 255) no-repeat 3px center;
}
input.moneybookers {
	background-image: url(./images/icons/moneybookers.jpg);
	padding-left: 45px;
}
input.clickandbuy {
	background-image: url(./images/icons/clickandbuy.gif)
}
input.bank {
	background-image: url(./images/icons/saled.gif)
}
/*button.direct {
	background-image: url(./images/icons/direct.png)
}*/
input.pdf {
	background-image: url(./images/icons/pdf.gif)
}
input.send {
	background-image: url(./images/icons/pdf.gif)
}
input.yes {
	background-image: url(./images/icons/yes.gif)
}
input.no {
	background-image: url(./images/icons/no.gif)
}
input.download {
	background-image: url(./images/icons/download.gif);
	color: rgb(0, 128, 0);
}
div.file {
	position: relative;
	width: 260px;
}
tr.second div.file input.i, tr.second div.file input.i:focus {
	color: #000;
	width: 212px;
	padding-right: 25px;
	background: url(./images/icons/folder_explore.gif) no-repeat 220px center;
	cursor: default;
}
div.file input.f {
	position: absolute;
	width: 200px;
	z-index: 999;
	height: 20px;
	top: 1px;
	right: 48px;
}
* html div.file input.f {
	right: 19px;
}
*+html div.file input.f {
	right: 19px;
}
/*
  USERPROFIL
*/
div#profile, div#team {
	position: relative;
	margin-left: 1px;
	height: 240px;
}
div#profile img, div#team img {
	float: left;
}
div#profile div.left, div#team div.left {
	display: block;
	width: 78px;
	float: left;
	padding: 2px;
	padding-left: 13px;
	font-weight: bold;
}
div#profile div.right, div#team div.right {
	padding: 2px;
	padding-left: 1px;
	width: 440px;
}
*+html div#team div.right {
	width: 200px;
}
* html div#team div.right {
	width: 200px;
}
*+html div#profile div.right {
	width: 200px;
}
* html div#profile div.right {
	width: 200px;
}


div#profile div.content {
	display: block;
    font-weight: normal;
    height: 90px;
    left: 0;
    overflow: scroll;
    padding-left: 230px;
    position: absolute;
    top: 140px;
    width: 362px;
}
div#profile div.about {
	position: relative;
	display: block;
	clear: right;
	width: 420px;
}
/*
  Switchbox
*/
div#switchPics {
	clear: both;
	text-align: center;
	margin-bottom: 11px;
}
div#switchPics img {
	width: 80px;
	height: 60px;
	margin: 1px;
	border: 2px solid #333;
}
div#switchPics img.selIMG {
	border: 2px solid #bb0000;
}
/*
  Usercenter
*/
div.head, tr.head {
	padding: 2px;
	font-weight: bold;
	background-color: #fdb002;
	background-image: url(./images/icons/submit.jpg);
	border-bottom: 1px solid #AAA;
	color: rgb(255, 255, 255);
}
tr.head i {
	font-weight: normal;
	font-size: 10px;
}
tr.kat {
	background-color: #ddd;
	font-weight: bold;
	border-bottom: 1px solid #AAA;
	vertical-align: middle;
}
tr.first {
	background-color: #f9f9f9;
}
tr.second, tr.bottom {
	background-color: rgb(255, 255, 255);
}
tr.admin {
	background-color: #FFDBDB;
}
tr.hover:hover {
	background-color: #e9e9e9;
}
tr.hover td {
	vertical-align: middle;
}
tr.head td, tr.kat td, tr.first td, tr.second td, tr.bottom td, tr.admin td {
	padding: 2px 3px;
}
tr.bottom td {
	text-align: center;
}
tr.legend td {
	padding: 4px;
	text-align: right;
	line-height: 24px;
	background: transparent;
}
tr.legend td img {
	vertical-align: middle;
}
tr.kat label {
	display: block;
}
a.t:link, a.t:visited {
	display: block;
	background: url(./images/icons/preview_arrow.gif) no-repeat left center;
	padding-left: 15px;
}
input.i, textarea {
	margin: 1px;
	background-color: rgb(255, 255, 255);
	border: 1px solid #888;
	border-top: 1px solid #AAA;
	border-right: 1px solid #AAA;
	padding: 1px;
	width: 90%;
	color: #666;
}
textarea {
	height: 100px;
}
input.i:focus, input.i:hover, textarea:focus, textarea:hover {
	color: #000;
	border: 1px solid #555;
}
input.read {
	color: #333;
	cursor: default;
	border: 1px solid transparent;
	margin: 1px;
}
label.error, input.error, input.error:hover, input.error:focus {
	color: red;
	font-size: 12px;
}
tr.second input.color {
	width: 55px;
	padding-left: 5px;
	padding-right: 5px;
}
tr.second textarea {
	height: 100px;
}
tr.second.check {
	width: 14px;
}
/*
  DISABLED FIELDS
*/
.disabled label, .disabled label .red {
	color: #888;
}
.disabled input.i, .disabled input.i:hover, .disabled input.i:active, .disabled input.i:focus, input.disabled, input.disabled:hover, input.disabled:active, input.disabled:focus {
	background-color: #DDD;
	border: 1px solid #888;
	border-top: 1px solid #AAA;
	border-right: 1px solid #AAA;
	color: #DDD;
	cursor: default;
}
/*
  ORDER
*/
input#e1, input#e2, input#e3, input#e4 {
	margin: 1px;
	margin-bottom: 3px;
}
*+html input#e1, *+html input#e2, *+html input#e3, *+html input#e4 {
	margin-left: -3px;
}
* html input#e1, * html input#e2, * html input#e3, * html input#e4 {
	margin-left: -3px;
}
/* Help */
fieldset.help {
	color: #333;
	padding-left: 15px;
	padding-right: 15px;
	text-align: justify;
}
fieldset.help span {
	color: #000;
}
fieldset.help legend {
	color: #bb0000;
	font-weight: bold;
}
span.help {
/* border-bottom: 1px dashed #E29F98; */
}
a.help {
	margin-left: -1px;
	display: block;
	font-weight: bold;
}
ul.help, ul.help li {
	margin: 0;
	padding: 0;
	margin-left: 15px;
}
*+html ul.help {
	margin-left: 25px;
}
* html ul.help {
	margin-left: 25px;
}
ul.help li ul {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}
ul.help li {
	color: #000;
	list-style-type: upper-roman;
}
ul.help ul li {
	list-style-type: circle;
}
ul.square, ul.square li {
	margin: 0;
	padding: 0;
	margin-left: 10px;
	list-style-type: square;
}
ul.square {
	margin-top: 10px;
}
*+html ul.square {
	margin-left: 20px;
}
* html ul.square {
	margin-left: 20px;
}
/*
  Lightbox
*/
#lightbox {
	border: 1px solid #333;
	background-color: #fff;
	padding-top: 4px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
}
#lightboxDetails {
	text-align: left;
	padding-bottom: 5px;
}
#lightboxCaption {
	text-align: left;
	font-weight: bold;
	font-size: 13px;
	padding-left: 10px;
	color: #BB0000;
}
#lightboxCaption span {
	color: #000;
	font-size: 13px;
}
#lightboxCaption i {
	position: absolute;
	right: 10px;
	top: 5px;
	color: #777;
	font-weight: normal;
	font-size: 11px;
}
#keyboardMsg {
	font-weight: bold;
}
#lightbox img {
	border: none;
	border-top: 1px solid #AAA;
	clear: left;
}
#overlay img {
	border: none;
}
#overlay {
	background-color: #000;
}
#loadingImage {
	border: 1px solid #000;
}
#loadingDiv {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	background-color: #000;
}
#loadingImg {
	position: absolute;
	left: 50%;
	top: 45%;
	z-index: 999999;
	margin-left: -95px;
	margin-top: -40px;
}
/*
  Upload
*/
img#upload {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -164px;
	margin-top: -120px;
	border: 1px solid #000;
}
/*
  AGBs
*/
fieldset#agbs {
	margin-top: 10px;
}
fieldset#agbs div.scroll {
	height: 220px;
	overflow: auto;
	padding-right: 10px;
}
fieldset#agbs h1 {
	position: static;
}
/* Misc*/
div#quality {
	position: absolute;
	margin: 1px;
	text-align: right;
	width: 570px;
	margin-top: 0px;
	color: #999;
	font-size: 9px;
}
/*
  FAQ
*/
div.faq_highlight {
	background-color: #f8f8f8;
	border: 1px solid #AAA;
	padding: 3px;
}
/*
  MISC
*/
a#usercenter {
	position: absolute;
	top: 2px;
	right: 0;
	z-index: 1;
}
div#kleinunternehmer {
	position: absolute;
	top: 0;
	left: 290px;
	font-size: 9px;
	color: #777;
	white-space: nowrap;
}
div#inhalt {
	display: none;
}
/*
  TOOLS
*/
.clear {
	position: relative;
	visibility: hidden;
	display: block;
	clear: both;
	height: 0;
	min-height: 0;
	line-height: 0;
	font-size: 0;
	content: ".";
}
.pointer {
	cursor: pointer;
}
.default {
	cursor: default;
}
.help {
	cursor: help;
}
.block {
	display: block;
}
.tiny {
	width: 1%;
}
*+html .tiny {
	width: 0%;
}
* html .tiny {
	width: 0%;
}
.nowrap {
	white-space: nowrap;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.middle {
	vertical-align: middle;
}
.normal {
	font-weight: normal;
	font-style: normal;
}
.hidden {
	display: none;
}
.icon {
	vertical-align: middle;
}
.bold:link, .bold:visited, .bold, .bold * {
	font-weight: bold;
}
small, .small {
	font-size: 10px;
	font-weight: normal;
}
a.underline:hover, a.underline:active {
	text-decoration: underline;
}
/*
  NAVIGATION
*/

div#siteNavi {
	position: relative;
	text-align: center;
	margin-top: -5px;
	padding-left: 7px;
	padding-bottom: 30px;
}
div#siteNavi a.n:link, div#siteNavi a.n:visited, div#siteNavi a.nr:link, div#siteNavi a.nr:visited, div#siteNavi a.nl:link, div#siteNavi a.nl:visited, div#siteNavi a.siteNow:link, div#siteNavi a.siteNow:visited, div#siteNavi a.siteNowR:link, div#siteNavi a.siteNowR:visited {
	display: block;
	width: 15px;
	float: left;
	border-right-width: 0;
	border-top: none;
	padding: 1px;
	padding-left: 4px;
	padding-right: 4px;
	color: #555;
}
div#siteNavi a.nr:link, div#siteNavi a.nr:visited, div#siteNavi a.nl:link, div#siteNavi a.nl:visited {
	background-color: #e3e3e3;
	color: #555;
	font-size: 14px;
	font-weight: bold;
}
div#siteNavi a.siteNowR:link, div#siteNavi a.siteNowR:visited, div#siteNavi a.nr:link, div#siteNavi a.nr:visited {
	border-right-width: 1px;
}
div#siteNavi a.nr:hover, div#siteNavi a.nr:active, div#siteNavi a.nl:hover, div#siteNavi a.nl:active {
	color: rgb(255, 255, 255);
	background-color: #b00000;
	text-decoration: none;
}
div#siteNavi a.n:hover, div#siteNavi a.n:active, div#siteNavi a.siteNow:link, div#siteNavi a.siteNow:visited, div#siteNavi a.siteNowR:link, div#siteNavi a.siteNowR:visited {
	color: rgb(255, 255, 255);
	background-color: #b00000;
	text-decoration: none;
}
div.tlNavi {
	position: absolute;
	margin-top: -7px;
	margin-left: -16px;
}
div.tlNavi div#siteNavi a:link, div.tlNavi div#siteNavi a:visited {
	border-top: 1px solid #CCC;
	border-bottom: none;
}
/*
  USER ACCOUNT
*/
div.premium {
	text-align: right;
	margin-top: -7px;
	padding-bottom: 7px;
	padding-right: 5px;
}
div#ueberweisung {
	position: relative;
	margin: 0 auto;
	width: 560px;
	height: 448px;
	background: url(./images/eu_ueberweisung.jpg) no-repeat center;
}
div#ueberweisung span {
	position: absolute;
	left: 32px;
	font-family: Verdana;
	text-transform: uppercase;
	letter-spacing: 1.0em;
	cursor: text;
	font-weight: bold;
}
div#ueberweisung span.name {
	top: 110px;
}
div#ueberweisung span.knr {
	top: 141px;
}
div#ueberweisung span.iban {
	top: 141px;
}
div#ueberweisung span.blz {
	top: 141px;
	left: 385px;
}
div#ueberweisung span.bank {
	top: 171px;
}
div#ueberweisung span.bic {
	top: 171px;
}
div#ueberweisung span.eur {
	top: 202px;
	left: 235px;
}
div#ueberweisung span.betrag {
	top: 202px;
	left: 315px;
}
div#ueberweisung span.vwz1 {
	top: 234px;
}
div#ueberweisung span.vwz2 {
	top: 264px;
}
div#iban {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
/*
  TOGGLES
*/
tr.toggleTable td {
	background: rgb(255, 255, 255);
	text-align: right;
	padding: 4px 6px;
}
tr.toggleTable a:link, tr.toggleTable a:visited {
	background: url(./images/icons/expand.gif) no-repeat left center;
	padding-left: 18px;
}
.border {
	border: 1px solid #c0c0c0;
}
.redborder {
	border: 1px solid #bb0000;
}
/*
  PREVIEW MOUSEOVER
*/
div.preview {
	background: url(./images/icons/loading.gif) no-repeat 210px 110px;
	line-height: 15px;
}
div.preview div.info1, div.preview div.info2, div.preview div.info3, div.preview h1 {
	display: none;
}
div.preview img {
	width: 450px;
	height: 250px;
}
div.preview div.left {
	clear: left;
	margin: 1px 3px;
}
div.preview span {
	margin: 1px 3px;
	clear: right;
}
div.preview .hidden {
	display: block;
}
div.preview h2 {
	margin: 2px 0;
	clear: both;
}
div.preview div.price {
	background: transparent;
	float: none;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	line-height: 15px;
}
/*
  IE 6 FIXES
*/
* html div#footer img {
	display: none;
}
/*
  MISC
*/
#codeInfo {
	margin-top: 4px;
}
#discount {
	display: none;
}
#discount i#dcv {
	font-style: normal
}
#togglePrice {
	position: relative;
}
#ratio {
	position: absolute;
	left: 290px;
	top: 89px;
}
.trenner {
	border-bottom: 1px solid #CCC;
	margin: 4px 0;
}
/*
  FLASHPREVIEW
*/
div#flashpreview {
	position: relative;
	overflow: hidden;
	text-align: center;
	background: rgb(255, 255, 255);
}
div#flashpreview div#click {
	position: absolute;
	z-index: 99;
	left: 0;
	top: 0;
	cursor: default;
	margin: 0 auto;
}
/*
  SUCHE
*/
div#searchForm {
	position: absolute;
	top: 163px;
	right: 5px;
	width: 195px;
	text-align: right;
	z-index: 1;
}
div#searchForm input.i {
	border: 1px solid rgb(204, 204, 204);
	color: rgb(34, 34, 34);
	float: left;
	margin-top: 4px;
	padding: 4px;
	width: 120px;
	transition: border 0.3s ease 0s;
}
div#searchForm input.i:hover, div#searchForm input.i:focus {
	border: solid 1px rgb(213, 45, 45);
}
div#searchForm input.submit {
	border: 0;
	padding: 0;
	width: 58px;
	height: 33px;
	margin-left: 6px;
	color: rgb(0, 0, 0);
	text-transform: capitalize;
	font-weight: bold;
	clear: right;
	transition: background 0.3s ease 0s;
}
div#searchForm input.submit:hover {
	color: #ffffff;
	background-color: rgb(213, 45, 45);
}
/*
  SALERS
*/
div.saler {
	float: left;
	width: 278px;
	margin: 1px;
	margin-top: 0;
	padding: 4px;
	cursor: pointer;
	background: rgb(255, 255, 255);
}
* html div.saler {
	width: 306px;
}
div.saler img.avatar {
	float: left;
	width: 60px;
	margin-right: 5px;
}
div.saler a:link, div.saler a:visited, div.saler a:hover, div.saler a:active {
	font-weight: bold
}
/*
  ORDERED LIST
*/
ul, ul li {
	margin: 0;
	padding: 0;
	margin-left: 12px;
	list-style-type: disc;
}
ul {
	margin-bottom: 10px;
}
.code {
	width: 580px;
	margin: 4px auto;
	background: rgb(255, 255, 255);
	cursor: text;
	padding: 2px;
	text-align: left;
}
.paypal_info {
	font-size: 9px;
	color: #889ea2;
}
div#mwst {
	width: 590px;
	padding: 3px;
	margin: 0 auto;
	margin-top: 20px;
	border-style: dashed;
	background-color: rgb(255, 255, 255);
}
/*####################################
  PROGRESS BAR
####################################*/
#progressbar {
	display: none;
	margin-top: 15px;
	background-color: rgb(255, 255, 255);
}
#progressbar .info, #progressbar #ptotal, #progressbar #ploaded, #progressbar #prate, #progressbar #pstatus {
	display: block;
	float: left;
	clear: left;
	overflow: hidden;
	margin-bottom: 2px;
}
#progressbar .info {
	width: 20%;
}
#progressbar #ptotal, #progressbar #ploaded, #progressbar #prate, #progressbar #pstatus {
	text-align: right;
	width: 80%;
	clear: right;
}
#progressbar #pstatus {
	font-style: italic
}
#progressbar #pfileName {
	font-size: 11px;
	font-weight: bold;
}
#progressbar #pbar {
	display: block;
	width: 0%;
	height: 16px;
	clear: left;
	background-color: #CCC;
	text-align: right;
}
span.imageButton {
	cursor: pointer
}
/*
  INPUT FILEDS
*/
input.inputField {
	width: 390px;
	background-color: #F1F1F1;
	border: 1px solid #CCC;
	padding: 2px;
	margin: 1px;
}
input.file {
	background-color: rgb(255, 255, 255);

	width: 200px;
	float: left;
	margin-top: 1px;
	margin-right: 5px;
}
div#content h1.news {
	background-color: rgb(255, 255, 255);
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 2px;
}
div.siteNaviTop {
	margin: 0 8px;
	border-right: none;
	border-left: none;
	border-bottom: none;
	padding-top: 5px;
}
div#choosecms {
	position: relative;
}
div#choosecms div {
	position: absolute;
	top: 0;
	left: 200px;
}
/*  LANGUAGES */
div#language {
	position: absolute;
	top: 4px;
	right: 5px;
	z-index: 2001;
	color: rgb(0,0,0);
}
/*********************************************
  NEW STYLE
*********************************************/
div#userpanel {
	height: 70px;
	color: rgb(0, 0, 0);
	padding-left: 10px;
}
div#top_navi {
	background: rgb(255, 255, 255) none repeat scroll 0 0;
	border-top: 1px solid rgb(255, 255, 255);
	box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.15);
	color: rgb(0, 0, 0);
	display: block;
	float: left;
	font-size: 14px;
	height: 65px;
	line-height: 50px;
	margin: 0 auto;
	opacity: 0.85;
	padding-left: 10px;
	position: fixed;
	width: 980px;
	z-index: 999;
}
div#top_navi a {
	color: rgb(0, 0, 0);
	padding: 1px 12px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
}
div#userpanel a {
	color: rgb(255, 255, 255);
	padding: 1px 12px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
}
div#top_navi a:hover, div#top_navi a:active, div#top_navi a.a {
	background-color: rgb(213, 45, 45);
	color: rgb(255, 255, 255);
}
div#top_navi ul, div#top_navi li {
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
}
div#top_navi li:hover, div#top_navi li:active {
	background-color: rgb(213, 45, 45);
}
div#top_navi ul {
	padding: 7px 0;
}
div#top_navi li.kat, div#top_navi li.kat:hover {
	font-weight: bold;
	padding-right: 16px;
}


/*Header*/



div.clandesign {
	font-family: 'Anton', sans-serif;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	height: 60px;
	padding: 28px 0px 0px 0px;
}
.letter {
	display: inline-block;
	font-weight: 900;
	font-size: 6.9em;
	margin: 0.2em; /* Bannemod  */
	position: relative;
	color: rgb(255, 255, 255);
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	perspective: 400;
	-moz-perspective: 400;
	-o-perspective: 400;
	-webkit-perspective: 400;
	z-index: 1;
}
.letter:before, .letter:after {
	position: absolute;
	content: attr(data-letter);
	transform-origin: top left;
	-o-transform-origin: top left;
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	top: 0;
	left: 0;
}
.letter, .letter:before, .letter:after {
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.letter:before {
	color: rgb(213, 45, 45);
	text-shadow: -1px 0px 1px rgba(255,255,255,.8),  1px 0px 1px rgba(0,0,0,.8);
	z-index: 3;
	-moz-transform: rotateX(15deg)  rotateY(-15deg)  rotateZ(0deg);
	-o-transform: rotateX(15deg)  rotateY(-15deg)  rotateZ(0deg);
	-webkit-transform: rotateX(15deg)  rotateY(-15deg)  rotateZ(0deg);
	transform: rotateX(15deg)  rotateY(-15deg)  rotateZ(0deg);
}
.letter:after {
	color: rgba(213,45,45,.11);
	z-index: 2;
	-moz-transform: scale(1.08, 1)  rotateX(0deg)  rotateY(0deg)  rotateZ(0deg)  skew(0deg, 1deg);
	-o-transform: scale(1.08, 1)  rotateX(0deg)  rotateY(0deg)  rotateZ(0deg)  skew(0deg, 1deg);
	-webkit-transform: scale(1.08, 1)  rotateX(0deg)  rotateY(0deg)  rotateZ(0deg)  skew(0deg, 1deg);
	transform: scale(1.08, 1)  rotateX(0deg)  rotateY(0deg)  rotateZ(0deg)  skew(0deg, 1deg);
}
.letter:hover:before {
	color: #fafafa;
	-moz-transform: rotateX(0deg)  rotateY(-40deg)  rotateZ(0deg);
	-o-transform: rotateX(0deg)  rotateY(-40deg)  rotateZ(0deg);
	-webkit-transform: rotateX(0deg)  rotateY(-40deg)  rotateZ(0deg);
	transform: rotateX(0deg)  rotateY(-40deg)  rotateZ(0deg);
}
.letter:hover:after {
	-moz-transform: scale(1.08, 1)  rotateX(0deg)  rotateY(40deg)  rotateZ(0deg)  skew(0deg, 22deg);
	-o-transform: scale(1.08, 1)  rotateX(0deg)  rotateY(40deg)  rotateZ(0deg)  skew(0deg, 22deg);
	-webkit-transform: scale(1.08, 1)  rotateX(0deg)  rotateY(40deg)  rotateZ(0deg)  skew(0deg, 22deg);
	transform: scale(1.08, 1)  rotateX(0deg)  rotateY(40deg)  rotateZ(0deg)  skew(0deg, 22deg);
}
div#header {
	position: relative;
	width: 990px;
	height: 90px;
	margin: 0 auto;
	z-index: 0;
}
div#header a#logo {
	position: absolute;
	top: 18px;
	left: -13px;
	width: 460px;
	height: 85px;
	display: block;
}
div#header img.werbunglogo {
	position: absolute;
	top: 30px;
	right: 1px;
}
div#header img {
	position: absolute;
	top: 30px;
	right: 12px;
	border: 1px solid #333;
}
div#header img:hover {
	border: 1px solid #bb0000;
}
div#pbanner {
	width: 468px;
	height: 60px;
	margin-top: -98px;
	padding-left: 510px;
}
div#panel {
	height: 36px;
	background: rgb(255, 255, 255) none repeat scroll 0 0;
	border-top: 1px solid rgb(255, 255, 255);
	box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.15);
}
div#panel a {    
	border-right: 1px groove rgb(0, 0, 0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    color: rgb(0, 0, 0);
    display: inline-block;
    float: left;
    font-size: 13px;
    padding: 11px 8px 10px;
    transform: translateZ(0px);
    transition-duration: 0.5s;
    transition-property: transform;
}
 
@keyframes hover {
50% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
-o-transform: translateY(-6px);
}
}
div#panel a:hover, div#panel a.a, div#panel a:focus {
	color: #FFF;
	background-color: rgb(213, 45, 45);
	animation-delay: 0.3s;
	animation-direction: alternate;
	animation-duration: 1.0s;
	animation-iteration-count: infinite;
	animation-name: hover;
	animation-timing-function: linear;
	transform: translateY(-6px);
	-webkit-transform: translateY(-6px);
	-o-transform: translateY(-6px);
}
div#panel a:active {
	color: #FFF;
	background-color: rgb(213, 45, 45);
	border-radius: 1px 1px 0px 0px;
}
div#pageContent {
	width: 1010px;
	margin-left: -10px;
	min-height: 800px;
	padding-bottom: 50px;
}
div#pageContent div#contentTop {
	width: 990px;
	padding: 0 10px;
}
div#pageContent div#contentHead {
	height: 10px;
}
div#myLoginForm {
	font-weight: bold;
	padding-top: 13px;
}
div#myLoginForm form {
	padding: 0;
	margin: 0;
}
div#myLoginForm td {
	vertical-align: middle;
	white-space: nowrap;
	padding: 0 3px;
}
div#myLoginForm input.submit {
}
div#rightRow {
	position: relative;
	width: 167px;
	float: left;
	margin-left: 12px;
	padding-bottom: 30px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
	background: #ffffff;
	background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 95%, #dfdfdf 97%, #f3f3f3 97%, #dfdfdf 98%, #f3f3f3 99%);
	background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 95%, #dfdfdf 97%, #f3f3f3 97%, #dfdfdf 98%, #f3f3f3 99%);
	background: linear-gradient(to right, #ffffff 0%, #ffffff 95%, #dfdfdf 97%, #f3f3f3 97%, #dfdfdf 98%, #f3f3f3 99%);
}
div#rightRow div.kat {
	width: 157px;
	height: 13px;
	padding: 4px 5px;
	font-size: 12px;
	margin-left: 1px;
	background: rgb(213, 45, 45);
	color: rgb(255, 255, 255);
	font-weight: bold;
}
.partners {
	text-align: center;
	margin-top: 10px;
}
.partners img {
	margin: 10px auto;
}

/*
  NEWS BOX
*/
div.news_box_small {
	float: left;
	padding: 0 3px;
	margin-bottom: 20px;
}
div.news_box_small div.news {
	width: 277px;
	height: 274px;
	padding: 5px;
	padding-top: 8px;
	background: #FFF url(./images/box_bottom.gif) repeat-x bottom;
	border: 1px solid #c7c7c7;
	border-bottom: 2px solid #c7c7c7;
	border-top: none;
}
div.news_box_small b, div.news_box_small strong {
	color: #bb0000;
}
div.news_box_small, div.news_box_small * {
	line-height: 15px;
}
div.bg_mid {
	background: url(./images/bg_mid.gif) repeat-y;
}
/*
  BOXEN
*/
div.box {
	clear: both;
	padding: 0 3px;
	margin-bottom: 20px;
}
div.box h1 {
	line-height: 14px;
}
div.box div.boxContent {
	height: auto !important;
	height: 10px;
	padding: 5px;
	padding-top: 8px;
	background: #FFF url(./images/box_bottom.gif) repeat-x bottom;
	border: 1px solid #c7c7c7;
	border-bottom: 2px solid #c7c7c7;
	border-top: none;
}
div.box div.boxContent {
	position: relative;
}
div.reviewContainter {
	position: relative;
	height: 150px;
	margin-bottom: 15px;
}
div.reviewContainter div.review {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 268px;
	height: 100%;
	border: 1px solid #CCC;
	padding: 3px;
	overflow: hidden;
	overflow-y: auto;
}
div.topProducts {
	width: 163px;
	height: auto;
	margin-bottom: 15px;
	background: transparent;
	text-align: center;
	clear: both;
}
div.topProducts img {
	margin: 0 auto;
	margin-bottom: 2px;
}
div.topProducts:hover {
	background: transparent;
}
div.topProducts div.price {
	width: 150px;
	background-image: url(./images/produkte_price_small.jpg);
}
div.productOuter {
  float: left;
  margin: 8px 4px 10px 42px !important;
}
/*
  SPECIAL
*/
.siteAction {
	margin-top: -8px;
	margin-left: -13px;
}
.stats {
	display: none;
}
/* Affiliate Login */

.login-box-white {
	background: #ffffff;
	float: right;
	margin: 0 0 0 10px;
	position: relative;
}
.login-box {
	width: 226px;
	background: #fafafa;
	border: 1px dotted #979798;
	position: relative;
}
.login-box h2 {
	color: #919191;
	font: bold 14px tahoma;
	padding: 14px 0 0 17px;
	border: none;
}
.login-box a {
	font-size: 10px;
	text-decoration: underline;
	font-weight: bold;
	margin: 4px 0 15px 17px;
	float: left;
}
.button-join {
	width: 194px;
	height: 33px;
	background: url(images/button.jpg) no-repeat;
	color: #fff !important;
	text-decoration: none !important;
	text-align: center;
	padding-top: 12px;
}
#advertise1 {
	position: absolute;
	width: 160px;
	height: 600px;
	margin: 8px 0 0 -160px;
	text-align: center;
}
#advertise2 {
	position: absolute;
	width: 160px;
	height: 600px;
	margin: 8px 0 0 1010px;
}
#footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 30%;
	background: rgb(255, 255, 255) none repeat scroll 0 0;
	border-top: 1px solid rgb(255, 255, 255);
	box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.15);
	transition: all 1.0s;
	height: 180px;
}
#footer:hover {
	width: 82%;
	text-align: center;
}
#footer div.copyright {
	height: 57px;
    line-height: 20px;
    padding: 10px 20px 30px;
    position: relative;
}
#footer div#cdad {
	position: relative;
	padding: 10px 20px 30px;
}
#footer div#cdad a {
	height: 16px;
	padding: 1px 0 0 20px;
	color: #999;
	display: inline-block;
	line-height: 17px;
}
#footer div#social-media {
	position: relative;
	overflow: hidden;
}
#footer div#social-media a {
	height: 16px;
	padding: 1px 0 0 20px;
	color: #999;
	display: inline-block;
	line-height: 17px;
	transition: all 0.2s;
}
#footer div#social-media a.fb {
	margin-bottom: 3px;
}
#footer div#social-media a.fb:hover {
	color: rgb(65, 94, 155);	
}
#footer div#social-media a.tw:hover {
	color: rgb(85, 172, 238);
}

.fa-lg {
	font-size: 20px;
}
.top_10 {
	height: 470px;
}
.tg {
	text-transform: capitalize;
	text-decoration: underline;
	white-space: pre-line;
	margin: 5px;
}
.arrow {
	background: url(images/icons/arrow_down.gif) no-repeat;
	width: 15px;
	height: 10px;
	margin: 9px 0 0 10px;
	position: absolute;
}
.tooltip2 {
	border-bottom: 1px dotted #000000;
	color: #ffffff;
	outline: none;
	cursor: help;
	text-decoration: none;
	position: relative;
}
.tooltip2 span {
	margin-left: -999em;
	position: absolute;
	color: #888888;
	text-shadow: 0 1px 0 #000;
}
.tooltip2:hover span {
	border-radius: 3px 3px;
	border: 1px solid #000;
	box-shadow: 0 0 5px #666;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute;
	left: 0.5em;
	bottom: 2em;
	z-index: 99;
	margin-left: 0;
	width: 250px;
}
.tooltip2:hover img {
	border: 0;
	margin: -10px 0 0 -55px;
	float: left;
	position: absolute;
}
.tooltip2:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	font-style: italic;
	display: block;
	padding: 0.2em 0 0.6em 0;
	color: #ffffff;
}
.classic2 {
	padding: 0.8em 1em;
}
.custom2 {
	padding: 0.5em 0.8em 0.8em 2em;
}
* html2 a:hover {
	background: transparent;
}
.classic2 {
	background: #FFFFAA;
	border: 1px solid #FFAD33;
}
.critical2 {
	background: #FFCCAA;
	border: 1px solid #FF3334;
}
.help2 {
	background: #333333;
}
.info2 {
	background: #333333;
	color: #ffffff;
}
.warning2 {
	background: #FFFFAA;
	border: 1px solid #FFAD33;
}


.tooltip3 {
			border-bottom: 1px #000000; 
			color: rgb(255, 255, 255); 
			outline: none;
			cursor: help; 
			text-decoration: none;
			position: relative;
		}
.tooltip3 span {
			margin-left: -999em;
			position: absolute;
			color:rgba(232,199,200,1.00);
			text-shadow:0 1px 0 rgb(0, 0, 0);
		}
.tooltip3:hover span {
			border-radius: 3px 3px;
			border:1px solid rgb(0, 0, 0);
			box-shadow: 0 0 5px rgb(102, 102, 102);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; 
			left: 0.5em; 
			bottom:2em; 
			z-index: 99;
			margin-left: 0; 
			width: 250px;
			
		}

.tooltip3:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; 
			font-size: 1.5em; 
			font-weight: bold; 
			font-style:italic;
			display: block; 
			padding: 0.2em 0 0.6em 0; 
			color:rgb(255, 255, 255);
		} 
.classic3 { padding: 0.8em 1em; }
.custom3 { padding: 0.5em 0.8em 0.8em 2em; }
* html3 a:hover { background: transparent; }
.classic3 {background: rgb(255, 255, 170); border: 1px solid rgb(255, 173, 51); }
.critical3 { background: rgb(255, 204, 170); border: 1px solid rgb(255, 51, 52);	}
.help3 { background: rgb(35,16,16);}
.info3 { background: rgb(51, 51, 51); color:rgb(255, 255, 255);	}
.warning3 { background: rgb(255, 255, 170); border: 1px solid rgb(255, 173, 51); }

#popup_right {
	width: 169px;
	height: 250px;
	position: fixed;
	bottom: 20px;
	right: 30px;
	background: #ffffff;
	border-radius: 2px;
	border: 1px solid black;
	padding: 5px;
	font-size: 14pt;
	font-weight: bold;
	box-shadow: 0px 0px 5px 5px #CCC;
	display: none;
}
.check_rating {
	display: inline;
	float: none;
	margin-left: 1px;
	transition: all linear 0.3s;
}
.check_rating:hover {
	display: inline;
	float: none;
	margin-left: 1px;
	color: #090;
}

.fbtw
{
	top: 220px;
    height: 120px;
    overflow: hidden;
    position: fixed;
    right: 5px;
    visibility: visible;
    width: 90px;
	text-align: left;
	border: #666 solid 1px;
	border-color: #C7C7C7 #C7C7C7;
	padding: 10px 5px 5px 10px;
	box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.15);
}