@import url("color.css");
@import url("type.css");

/*
*********************************************************************
* The following styles handle every global defaults					*
* --> all styles arranged by clearly comments						*
* --> mukutu GmbH / werk01 21.07.2008								*
*********************************************************************
*/

/* +++++++++++++++++++ NORMALIZE DEFAULT STYLES +++++++++++++++++++ */


/* NORMALISIERT MARGIN, PADDING */
body, div, dl, dt, dd, dul, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{	
	margin: 0;
	padding: 0;
}

/* NORMALISIERT font-size für Überschriften */
h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
}

/* ENTFERNT LIST-STYLES AUS LISTEN */
ol, ul
{
	list-style: none;
}

/* ENTFERNT BORDER AUS FIELDSET UND IMG */
fieldset, img {
	border: 0;
}

/* NORMALISIERT FONT-STYLE UND FONT-WEIGHT AUF NORMAL */
address, caption, cite, code, dfn, em, strong, th, var, h1, h2, h3 {
	font-style: normal;
	font-weight: normal;
}


/* NORMALISIERT TABLES */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* RICHTET TEXT IN CAPTION UND TH LINKS AUS */
caption, th {
	text-align: left;
}

/* ENTFERNT ANFÜHRUNGSZEICHEN AUS Q */
q:before, q:after {
	content: '';	
}

/* +++++++++++++++++++ DEFAULT STYLES CONTENT HOME +++++++++++++++++++ */


body {
	margin: 0 auto;
	padding: 0px;
	position: relative;
	text-align: left;
	width: 960px;
}

.wrapper {
	float: left;
	width: 960px;
}

#branding {
	height: 77px;
	position: absolute;
	text-decoration: none;
	top: 0px;
	width: 100%;
}

#branding h1, blockquote, cite {
	text-indent: -9999px;
}

#branding h1 {
	height: 42px;
	left: 8px;
	position: absolute;
	top: 22px;
	width: 223px;
	z-index: 200;
}

#branding a {
	display: block;
	height: 42px;
	width: 223px;
}

#img_gallery {
	position: absolute;
	height: 159px;
	top: 84px;
	width: 100%;
}

#flags {
	position: absolute;
	top: 15px;
	right: 10px;
	z-index: 600;
}

#flags a.de, #flags a.en {
	float: left;
	height: 18px;
	width: 38;
}

#flags a.en {
	margin: 0  10px 0 0;
}


		/* +++++ NAVIGATION +++++ */


#navigation {
	position: relative;
	z-index: 100;
}

/*

#navigation p {
	position: absolute;
	right: 10px;
	top: 255px;
	z-index: 200;
}
*/


a {
	text-decoration: underline;
}

.cart_nav {
	padding: 0 0 0 22px;
}

#main_nav {
	height: 77px;
	left: 240px;
	position: absolute;
	top: 4px;
	width: 720px;
	z-index: 20;
}

#main_nav ul {
	float: left;
}

#main_nav li {
	float: left;
	padding: 55px 0 0 0;
	text-align: center;
	width: 100px;
}

#main_nav li.active {
	height: 76px;
}

#main_nav a, #product_nav a {
	text-decoration: none;
}

#sub_nav {
	position: absolute;
	width: 300px;
	top: 250px;
	text-align: right;
	left: 652px;
	z-index: 400;
}

#account_nav {
	left: 240px;
	position: absolute;
	top: 254px;
}

#account_nav ul {
	float: left;
}

#account_nav li {
	float: left;
	margin: 0 30px 0 0;
}

#product_nav {
	float: left;
	padding: 283px 0 0 10px;
	width: 180px;
	z-index: 30;
}

#product_nav li {
	padding: 7px 0px 7px 0px;
}

#product_nav li.active {
	padding: 7px 0px 7px 25px;
}

/* *********************** NAVIGATION HIERACHY ONE *********************** */

#product_nav li.hierarchy1 a {
	padding-left: 16px;
}
/*
#product_nav li a:hover {
	padding: 0px 0px 0px 16px;
}
*/
#product_nav li.hierarchy1Active {
	padding: 7px 0px 7px 16px;
}

#product_nav li.hierarchy1Active a, #product_nav li.hierarchy1Active a:hover {
	padding: 0px;
}


/* *********************** NAVIGATION HIERACHY TWO *********************** */


#product_nav li.hierarchy2 a:hover {
	padding: 0px 0px 0px 25px;
}

#product_nav li.hierarchy2 a {
	padding-left: 25px;
}

#product_nav li.hierarchy2Active {
	padding: 7px 0px 7px 25px;
	
}


/* *********************** NAVIGATION HIERACHY THREE *********************** */


#product_nav li.hierarchy3 a:hover {
	padding: 0px 0px 0px 40px;
}

#product_nav li.hierarchy3 a {
	padding-left: 40px;
}

#product_nav li.hierarchy3Active {
	padding: 7px 0px 7px 40px;
	
}


/* +++++ CONTENT +++++ */

#content {
	float: left;
	margin: 273px 0 0 50px;
	width: 720px;
}

#content_main {
	float: left;
	margin: 0;
	width: 600px;
}

#content_main h1, #content h1, #content_main h2, #content h2 {
	margin: 15px 0 3px 0;
}

#content_main p {
	margin-top: 10px;
}

#content_main p.insetboth, #content p.insetboth {
	margin: 10px 0 10px 0;
}

#content_main ul.default {
	margin: 5px 0 0 0;
	list-style: disc;
	list-style-position: inside;
}

#content_main ul.clearlist {
	margin: 10px 0 0 0;
}

#content_main ul.clear_flleft, #content_main ul.clear_flleft li {
	float: left;
}

#content_main ul.clear_flleft {
	margin: 10px 0 10px 0;
	width: 100%;
}

#content_main ul.clear_flleft li {
	margin: 0 10px 0 0;
}

/*
#content_main img.product_det {
	float: left;
	margin: 33px 40px 0 0;
}
*/

a.prod_det {
	display: block;
	float: left;
	margin: 33px 20px 0 0;
	overflow: hidden;
	width: 220px;
}

#content_main div.description {
	float: left;
	width: 600px;
}

#content_main div.sub_description {
	float: left;
	margin-top: 15px;
}

.desc_img {
	float: left;
	height: 100%;
	margin: 0;
	overflow: hidden;
	width: 245px;
}

.txt {
	float: right;
	height: 100%;
	margin: 55px 0 0 0;
	width: 355px;
}


div.description ul {
	float: right;
	list-style: disc;
	list-style-position: inside;
	margin: 10px 0 5px 0;
	width: 355px;
}

div.description li {
	margin: 0 0 5px 0;
}

#content_main div.description h1 {
	margin: 15px 0 0 0;
/* 	width: 195px; */
}

/*
#content_main div.description p {
	border: 1px solid black;
	float: right;
	margin: 0 116px 0px 0px;
	width: 240px;
}
*/


/* *********************** PRODUCTS AND CART *********************** */

p.breadcrump {
	float: left;
	left: 240px;
	position: absolute;
	top: 252px;
}

.purchase li {
	float: left;
	margin: 0 0 20px 0;
}

.purchase li img {
	float: left;
}

.purchase li p {
	margin: 0 0 0 150px;
	width: 200px;
}

table.product_overview, table.cart_view {
	float: left;
	margin: 20px 0 0 0;
	width: 710px;
}


table.product_overview td, table.product_overview th {
	padding: 0 0 20px 0;
	vertical-align: top;
}

table.product_overview td.prod_txt {
	padding: 0 0 20px 10px;
	text-align: left;
	width: 200px;
}	

table.product_overview td, table.product_overview th {
	text-align: right;
	width: 116px;
}

table.cart_view td, table.cart_view th {
	padding: 0 0 20px 20px;
}


table.product_overview td.small, table.product_overview th.small, table.cart_view td.img, table.cart_view th.img {
	width: 110px;
}

table.product_overview td.spacer, table.product_overview th.spacer {
	width: 20px;
}

table.cart_view th.img, table.cart_view td.img {
	padding: 0;
}

table.product_overview td.img {
	text-align: left;
	text-decoration: none;
	width: 100px;
}

table.product_overview th.left, table.product_overview td.left {
	text-align: left;
}


/*
table.cart_view a {
	display: block;
	margin: 10px 0 0 0;
}

table.product_overview em, table.cart_view em {
	display: block;
}




table.product_overview td.img a {
	margin: 0;
}
*/

.lens {
	height: 15px;
	margin: 0 0px 0 33px;
	padding: 0 0px 0 22px;
}

.btn_bo {
	float: left;
	margin: 30px 0px 0 0;
	width: 228px;
}


p.link a {
	float: left;
	margin: 40px 0 0 0;
}

.cart {
	float: right;
	font-size: 85%;
	margin: 0 0 0 20px;
	padding: 35px 0pt 0px 0px;
	text-align: center;
	text-decoration: none;
	width: 90px;
}


/* *********************** CART *********************** */

table.cart_view td, table.cart_view th {
	text-align: left;
}

/*
table.cart_view td {
	padding: 20px 0 0 0;
}
*/

table.cart_view td.right {
	text-align: right;
}

table.cart_view td.delete {
	padding: 20px 0px 0 13px;
}

.cart_buttons {
	float: right;
	margin: 50px 10px 0 0;
}

table.cart_attributes td, table.cart_attributes th {
	text-align: left;
	padding: 5px 5px 0 0;
}


.confirmationEdit {
	text-decoration: none;
}

/* *********************** CONTACT AND IMPRINT *********************** */


#content_main ol.contact p {
	margin: 0px 0 10px 0;
}

#content_main ol.contact h2 {
	margin: 0 0 10px 0;
}


/* *********************** ACCOUNT / LOGIN *********************** */

.dott_head {
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 2px;
	width: 704px;
}

.dott_head_left {
	float: left;
/* 	padding: 2px; */
	width: 345px;
}

.dott_head_right {
	float: left;
	padding: 2px;
	text-align: right;
	width: 351px;
}

.data {
	float: left;
/* 	margin: 20px 0 0 0; */
	width: 704px;
}

.data ol {
	margin: 0 0 20px 0;
}

.account ol, .donation ol {
	float: left;
	margin: 0 0 20px 0;
	width: 100%;
}

.account li, .donation li {
	float: left;
	padding: 0px 20px 2px 0px;
}

.account li.inset, .data_right li.inset {
	float: right;
	padding: 0 0px 0 45px;
}

.account li.inset_bottom {
	margin: 0 0 10px 0;
	width: 600px;
}

.account em {
	margin: 0 10px 0 0;
}

.buttonFloats {
	float: right;
	margin: 0px;
}

.buttonFloats input, .buttonFloats a, .address_buttons a, .cart_buttons a {
	float: left;
}

.address_buttons {
	float: right;
	margin: 50px 0 0 0;
}

.address_leftall {
	float: left;
	width: 704px;
}

.data_left {
	clear: left;
	float: left;
	padding: 0 0 0 2px;
	width: 349px;
}

.data_left li.shipping_type {
	width: 209px;
}

.data_left li.shipping_title {
	width: 300px;
}

.data_left li.bo, .data_right li.bo, .address_leftall li.bo {
	margin: 20px 0 0 0;
}

.data_right {
	float: left;
	width: 351px;
}

.data_singleright {
	float: right;
	width: 351px;
}

.data_singleright li {
	float: right;
}

.data_singleright li.inset {
	float: right;
	margin: 20px 0 0 0;
}

.data h2 {
	float: left;
	margin: 20px 0 10px 0;
	width: 704px;
}

ul.sans_inset {
	border-bottom: 1px solid #a2a2a2;
	margin: 0 0 10px 0;
}

ul.sans_inset li.last {
	margin: 5px 0 5px 0;
}

/* *********************** FORM AND FORMELEMENTS *********************** */


.textfield, select {
	height: 17px;
}

input.medium_smallheight {
	height: 15px;
	padding: 2px;
	width: 126px;
}

input.medium {
	width: 126px;
}

input.search_btn {
	height: 14px;
	width: 13px;
}

input.small {
	width: 53px;
}

input.long {
	width: 184px;
}

input.radiobutton, input.check {
	border: none;
	vertical-align: middle;
}

select.medium {
	height: 20px;
	width: 62px;
}

.btn, input.btn, .btn_inset {
	height: 15px;
	padding: 2px;
	text-align: center;
	text-decoration: none;
	width: 95px;
}

input.btn {
	height: 20px;
}

.btn_inset {
	margin: 0 0 0 10px;
}

.btn.product {
	float: left;
	margin: 31px 0 0 0;
}

.btn {
	display: block;
	float: left;
}

fieldset.search {
	left: 10px;
	position: absolute;
	top: 253px;
	z-index: 999;
}

fieldset.size_quantity {
	float: right;
	margin: 10px 0 0 0;
	width: 100%;
}

fieldset.size_quantity input, fieldset.size_quantity select {
	margin: 0 0 5px 0;
}

/*
fieldset.size_quantity select.medium {
	margin-right: 10px;
}
*/

fieldset.account, fieldset.donation {
	float: left;
	width: 704px;
}

fieldset.account {
	margin: 20px 0 0 0;
}

label.block {
	display: block;
	margin: 4px 0px 0px 10px;
}


label.prod {
	float: left;
	width: 50px;
}

	/* +++++ SITE INFO +++++ */
		

#site_info {
	clear: left;
	float: left;
	padding: 30px 0 10px 10px;
	width: 930px;
}

.smallbranding {
	float: left;
	width: 141px;
}

#site_info h5 {
	height: 26px;
	text-indent: -9999px;
}

#site_info ul {
	width:700px
}

#site_info ul, #site_info li {
	float: left;
}

#site_info li {
	padding: 0 10px 0 0px;
}

#site_info li.xtc {
	float: right;
	padding: 24px 0 0 0;
}

#site_info ul {
	margin: 0 0 0 89px;
}

.smallbranding em {
	display: block;
	margin: 5px 0 0 0;
	text-align: right;
}

.copyright {
	display: none;
}