/*************** askari.css ***************/

@import url( "askari_navi.css" );
@import url( "askari_ie.css" );
@import url( "thickbox.css" );
@import url( "carousel.css" );

/*************** Allgemeines ***************/
* {
	padding: 0px;
	margin: 0px;
}

#flashcontent {
	float: left;
	margin-right: 10px;
}

body {
    background-color: #eee;
	font-family: Arial,Helvetica,Verdana,Geneva,sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #36393d;
	text-align: center; /* Damit die Seite im IE zentriert dargestellt wird! */
}

table {
	font-family: Arial,Helvetica,Verdana,Geneva,sans-serif;
	font-size: 11px;
	line-height: 17px;
    border-spacing: 0px;
}

label {
	font-family: Arial,Helvetica,Verdana,Geneva,sans-serif;
	font-size: 11px;
	cursor: pointer;
}

p {margin-bottom: 10px;}

input, select, textarea {
	font-family: Arial,Helvetica,Verdana,Geneva,sans-serif;
	font-size: 11px;
	border: 1px solid #bdbdbd;
	padding: 1px;
}

option {margin-right: 5px;}

input.no {border: 0px !important;}

img {border: 0px;}

#site {
	margin: 0px auto;
	width: 980px;
	background-color: #fff;
	text-align: left;
	position: relative;
	padding-bottom: 10px;
}

.header {
	height: 80px;
	width: 980px;
	padding-top: 5px;
}

.logo {margin: 20px 0px 0px 5px;}

.theme-image {
	height: 185px;
	width: 980px;
}

.login {
	height: 150px;
	width: 175px;
	float: right;
	text-align: right;
	color: #fff;
	padding: 20px 15px 0px 0px;
	/*background: url(img/global/trans.png);*/
}

.login p, .search p {
	margin-bottom: 5px;
}

.teaser {margin-bottom: 10px;}

#stage {padding: 0px 10px;}

#content {
	float: left;
	width: 580px;
}

#content p, #content h3 {padding: 0px 15px;}

.content-list, .content-list-alpha {margin: 0px 0px 10px 15px;}

.content-list-alpha li {
	list-style-type: lower-alpha;
	margin-left: 30px;
    padding: 2px 0px 2px 2px;
}

.content-list li {
	list-style: none;
	background: url(img/global/square.gif) no-repeat 0px 8px;
    padding: 2px 0px 2px 8px;
}

.content-list li ul li {
	list-style: none;
	background: url(img/global/square.gif) no-repeat 0px 8px;
    padding: 2px 0px 2px 10px;
}

#left {
	float: left;
	width: 180px;
	margin: 0px 10px 10px 0px;
}

#right {
	float: right;
	width: 180px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.sizing {
	position: absolute;
	right: 10px;
	top: 65px;
}

.breadcrumb {padding: 10px 10px;}

.breadcrumb ul { list-style: none }

.clear {clear: both;}

.left {float: left;}

.right {float: right;}

.separation {margin-bottom: 10px;}

.spacing-to-bottom {margin-bottom: 10px;}

.separation {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding-box;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(img/global/line.gif);
	background-position: left top;
	background-repeat: repeat-x;
	height: 1px;
	margin: 20px 0px;
	padding: 0px;
	width: 100%;
}

.letitbe {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
}


/*************** Formulare ***************/
fieldset {
	border: none;
	padding: 10px 10px 0px 10px;
	background-color: #eff2f5;
	margin-bottom: 5px;
}

.special {width: 560px;}

fieldset label {
	float: left;
	margin-top: 1px;
	width: 150px;
}

fieldset input {
	float: left;
	margin-right: 3px;
	width: 245px;
}

fieldset textarea {
	float: left;
	margin-right: 3px;
	width: 245px;
	height: 110px;
}

fieldset p {float: left;}

.checkboxes {
	clear: both;
	padding-bottom: 5px;
}
.checkboxes input, .checkboxes label {
	display: inline;
	float: none;
	width: auto;
}
.checkboxes input {
	padding: 0;
	border: none;
}

#street, #city, #street2, #city2 {width: 180px;}

#streetnumber, #zipcode, #streetnumber2, #zipcode2 {width: 58px;}

#birth_day, #birth_month {width: 30px;}

#birth_year {width: 50px;}

input.streetname, input.town {width: 180px;}

input.streetnumber, input.postalcode {width: 58px;}

input.birth_day, input.birth_month {width: 30px;}

input.birth_year {width: 50px;}

.data-table {
	width: 100%;
	border-collapse: collapse;
}

.data-table td, .data-table th {padding: 5px;}

.data-table td.first-column {width: 150px;}

.data-table td.alt, .data-table tr.alt {background-color: #ebebeb;}

.data-table td.dotted, .data-table tr.dotted {border-top: 1px dotted #000;}

/*.contact {width: 220px;}*/


/*************** Schriften ***************/
h1 {
	font-size: 16px;
	font-weight: normal;
}

h2 {
	font-size: 14px;
	font-weight: normal;
}

h3 {
	font-size: 16px;
	font-weight: normal;
	margin: 15px 0px 10px 0px;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	background-color: #e6eef7;
	padding: 5px 0px 5px 15px;
	margin: 15px 0px 5px 0px;
	clear: both;
}

.subheadline {
	font-size: 17px;
	font-weight: bold;
	color: #b60000;
	margin: 10px 0px;
}

.starlet {color: #ba1f25;}

.hint {color: #888;}

.hint2 {color: #ba1f25;}

.error {}

.userMessagesCmp {
	color: #ae0000;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #ae0000;
}

.old-price {
	color: #ba1f25;
	font-size: 16px;
	text-decoration: line-through;
}

.old-price-list {
	color: #ba1f25;
	text-decoration: line-through;
}

.old-price-order-add {
	color: #ba1f25;
	font-size: 12px;
	text-decoration: line-through;
}

.price {font-size: 20px;}

.price-order-add {font-size: 16px;}

.price-hint {font-size: 10px;}


/*************** Linke Seite / Rechte Seite ***************/
.search {
	background-color: #e6e6e6;
	padding: 10px;
	margin-bottom: 10px;
	text-align: right;
}

.directorder {
	background-color: #e6e6e6;
	margin-bottom: 10px;
}

.directorder table {border-spacing: 5px;}

.mini-cart {
	background-color: #e0eaaf;
	margin-bottom: 10px;
	color: #036;
}

.mini-cart table {
	padding: 5px;
	border-spacing: 5px;
}

.mini-cart-open table td {padding: 2px;}

.visited-products {
	background-color: #d6dee6;
	padding: 10px;
    margin-bottom: 10px;
    position: relative;
}


/*************** Content ***************/
.content-header {
	background-color: #d6dee6;
	font-size: 12px;
	color: #036;
	font-weight: bold;
	padding: 6px 15px;
	margin-bottom: 10px;
}

.added-info {
	text-align: right;
	font-weight: normal !important;
}

.interesting-products {background-color: #eff2f5;}

.searchterm {margin: 5px 0px;}

.catalog-list img {padding: 2px 2px 20px 2px;}

.logo-table {width: 100%;}

.logo-table tr td {
    padding: 2px 2px 20px 2px;
    text-align: center;
}


/*************** Warenkorb ***************/
.content-header-cart {
	background-color: #e0eaaf;
	font-size: 12px;
	color: #036;
	font-weight: bold;
	padding: 6px 15px;
	margin-bottom: 10px;
}

.ckeckout-steps {margin-bottom: 10px;}

.navigation-buttons {
	margin: 10px 0px;
	padding-top: 10px;
	border-top: 1px solid #036;
}

.cart-table {
    border-collapse: collapse;
    width: 100%;
}

.cart-table tr th {
	background-color: #fff;
	border-bottom: none;
}

.cart-table tr {background-color: #eff4e4;}

.cart-table tr.alt {background-color: #e0eaaf;}

.cart-table th {
	background-color: #e6eef7 !important;
	border-bottom: 3px solid #fff !important;
}

.cart-table th, .cart-table td {
	padding: 10px;
	border-bottom: 3px solid #fff;
}

.cart-table td.none {border-bottom: 0px solid #fff !important;}

.cart-img {border: 1px solid #a5c500;}

.cart-product-functions {vertical-align: bottom;}


/*************** Produktliste / Produkte ***************/
.product {
	float: left;
	margin-bottom: 10px;
}

.product-element {
	border: 1px solid #a5c500;
	width: 180px;
	margin: 5px;
	font-size: 12px;
}

.product-thumb {
	width: 180px;
	height: 180px;
	text-align: center;
    position: relative;
}

.product-id {
	height: 70px;
	padding: 5px 5px 0px 5px;
	text-align: center;
	background-color: #fff;
}

.product-functions {
	width: 180px;
	margin: 5px;
}

.productdetail {
	background-color: #eff2f5;
	padding: 5px;
	margin-bottom: 10px;
}

.productdetail-functions {
	width: 570px;
	clear: both;
}

.productdetail-functions div {float: left;}

.productdetail-functions ul {
	text-align: right;
	float: right;
 }
 
.productdetail-functions ul li {
	padding: 3px 0px;
	list-style: none;
}

.main-image {
	width: 325px;
	height: 325px;
	border: 5px solid #a5c500;
	position: relative;
	margin-bottom: 10px;
}

.main-image-rute {
	width: 560px;
	height: 200px;
	border: 5px solid #a5c500;
	position: relative;
	margin-bottom: 10px;
}

.image-zoom {
	position: absolute;
	left: 5px;
	bottom: 5px;
}

.info-box {
    background: #e0eaaf;
    border: 1px solid #a5c500;
    margin-top: 1em;
    padding: 3px;
}

.product-text {
	background-color: #fff;
	float: left;
	width: 205px;
	margin: 0px 0px 10px 10px;
	padding: 10px;
}

.product-text-ruten {
	background-color: #fff;
	float: left;
	width: 550px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
}

.product-text h1, .product-text-ruten h1 {margin-bottom: 10px;}

.product-text ul, .product-text-ruten ul {
	list-style-position: inside;
	margin-bottom: 10px;
}

.product-logo {margin-bottom: 10px;}

.product-price {
	margin-top: 40px;
	text-align: right;
	font-size: 16px;
}

.countlist table {
	width: 0px;
	float: right;
}

.countlist td {padding: 2px;}

.modellist, .countlist {
	clear: both;
	padding-top: 10px;
}

.modellist table {width: 570px;}

.modellist td, .modellist th {padding: 2px;}

.modellist td{
    background-color: #fff;
    border-top: 1px solid #000;
}

.modellist td.alt{
	background-color: #ebebeb;
	padding: 2px;
}

.status-V, .status-G, .status-Z, .status-A, .status-S {padding-left: 14px;}

.status-V {background: url(img/global/status_1.gif) no-repeat;}

.status-G {background: url(img/global/status_2.gif) no-repeat;}

.status-Z {background: url(img/global/status_3.gif) no-repeat;}

.status-A {background: url(img/global/status_4.gif) no-repeat;}

.status-S {background: url(img/global/status_3.gif) no-repeat;}

.order-add {margin-bottom: 10px;}

.order-add img {
	border: 1px solid #a5c500;
	margin-left: 10px;
	padding: 5px;
}


/*************** Pager ***************/
.pager {
	overflow: hidden;
	padding: 5px;
	color: #036;
}

.pager-info {
	float: left;
	margin-right: 10px;
}

.pager-sortby {
	float: left;
	font-size: 1em;
	text-transform: none;
	white-space: nowrap;
}

.pager-sortby select {margin-right: 2px;}

.pager-count {float: right;}

.pagination {text-align: left;}

.pagination li {
	list-style-type: none;
	float: left;
	padding: 0px 2px;
}

.pagination li a {
	color: #036 !important;
	padding: 2px;
	text-decoration: none;
	text-align: center;
}

.pagination li a:hover, .pagination li a.selected {
	background-color: #036;
	padding: 2px;
	color: #fff !important;
}

.pagination li.previouspage a {background: url(img/navi/arrow_black.gif) no-repeat 3px 10px;}

.pagination li.nextpage a {background: url(img/navi/arrow_black.gif) no-repeat 3px 10px;}

.pagination li.currentpage a {
	font-weight: bold;
	color: #ba1f25 !important;
}


/*************** Links ***************/
a:link, a:visited {
	color: #036;
	font-weight: normal;
	text-decoration: none;
}

a:hover, a:active {
	color: #036;
	font-weight: normal;
	text-decoration: underline;
}

a.white:link, a.white:visited {
	color: #fff;
	text-decoration: none;
}

a.white:hover, a.white:active {
	color: #fff;
	text-decoration: underline;
}

a.dark:link, a.dark:visited {
	color: #36393d;
	text-decoration: none;
}

a.blue:link, a.blue:visited {
	color: #036;
	text-decoration: none;
}

a.blue:hover, a.blue:active {
	color: #000;
	text-decoration: none;
}

a.dark:hover, a.dark:active {
	color: #36393d;
	text-decoration: underline;
}

a.white-arrow:link, a.white-arrow:visited, a.white-arrow:hover, a.white-arrow:active {
	text-decoration: none;
	background: url(img/navi/arrow_white.gif) no-repeat right 4px;
	font-size: 14px;
	color: #fff;
	padding-right: 12px;
}

a.dark-arrow:link, a.dark-arrow:visited, a.dark-arrow:hover, a.dark-arrow:active {
	text-decoration: none;
	background: url(img/navi/arrow_black.gif) no-repeat right 4px;
	font-size: 14px;
	color: #36393d;
	padding-right: 12px;
}

a.blue-arrow:link, a.blue-arrow:visited, a.blue-arrow:hover, a.blue-arrow:active {
	text-decoration: none;
	background: url(img/navi/arrow_blue.gif) no-repeat right 3px;
	font-size: 11px;
	color: #036;
	padding-right: 12px;
}

blue-arrow-i {
	text-decoration: none;
	background: url(img/navi/arrow_blue_i.gif) no-repeat right 3px;
	font-size: 11px;
	color: #7f99b2;
	padding-right: 12px;
}


/*************** Gewinnspiel ***************/
.sweepstake-prizes {
	border: 1px dashed #036;
	padding: 20px;
	margin-bottom: 10px;
	background-color: #f2f5f7;
	font-weight: bold;
}

.sweepstake-prizes strong {
	font-style: italic;
	font-size: 14px;
	color: #036;
	line-height: 20px;;
}

.category-title a{
	text-transform: uppercase;
	background-color: #036;
	color: #fff;
	font-size: 12px;
	padding: 6px 0px 6px 15px;
	margin-bottom: 10px;
    display: block;
}
.captchaImage img{
    width:170px;
    height:60px;
}