html, body {margin:0; padding:0; }
body {padding:3% 0 3% 0; font-size:101%; background-color:#222; font-family:arial,sans-serif; text-align:center;} 

hr {display:none;}
acronym:hover {cursor:help;}
.clear {clear:both;}
a img {border:0;}

#main {width:610px; margin:0 auto; background-color:#fff; border:1px solid #000; position:relative; text-align:left; }

#header {margin:0 5px; background:url(layout/header.jpg) no-repeat center #000; height:120px;} /* height:170px */
#header span {position:absolute; left:-10000px;}

#user_menu {text-align:right; margin:5px 5px 0px 5px; padding:0 10px 0 0; font-size:.7em; line-height:20px; background-color:#444; border-bottom:1px solid #fff; color:#444; height:20px; overflow:hidden; white-space:nowrap;}
#user_menu span {padding:0 1px;}
#user_menu a {text-decoration:none; text-transform:uppercase; color:#ccc; padding:0 5px;}
#user_menu a:hover {color:#fff;}
#user_menu #a_logoff {background-color:#600;}

#content {background-color:#eee; margin:5px; padding:20px 20px 10px 20px;}
#galerie #content {padding:0 0 0 0; margin-top:0px;} /* vorher unten 10px */
#content a {color:#693;}
#content a:visited {text-decoration:none;}
#content a:hover {text-decoration:none; color:#360;}

#content h1 { margin:1em 0 1em 0; font-size:1.2em; font-weight:lighter; color:#333; border-bottom:1px dotted #999; word-spacing:.1em; text-transform:uppercase;}
#content h2 { font-size:.95em; color:#333; margin:2em 0 .5em 0; color:#069; font-weight:normal; }
#content h3 { font-size:.9em;}
#content li, #content p, #content td {font-size:.8em; color:#555; line-height:1.3em; }
#content p {margin:5px 0 10px 0; }
#content li li {font-size:1em;}

img.float {float:left; border:1px solid #aaa; padding:2px; margin:0 10px 10px 0; background-color:#fff;}


/* MENU */
#menu {margin:0 5px; border-top:1px solid #fff;}
	#menu ul {margin:0; text-align:center; padding:5px 0; background-color:#444; color:#ccc; width:100%; line-height:18px; list-style-type:none;}
	#menu ul li {display:inline; padding:5px 0;}
	#menu ul li a {padding:5px 20px; color:#ccc; text-decoration: none; font-size:.7em; letter-spacing:1px; text-transform:uppercase;}
	#menu ul li a:hover {color:#fff; background-color:#555; font-weight:normal;} 
	#menu ul li strong a, #menu ul li strong a:hover {color: #fff; background-color:#222; font-weight:normal;}
	/* submenu */
	#menu ul ul, #kunden_login {position:absolute; left:-180px; top:350px; margin:0; padding:0; width:160px; background:none; text-align:right;}
	#menu ul ul li {display:block; padding:0;}
	#menu ul ul li a, #menu ul ul li a:hover {padding:0; background:none; }

#menu ul ul li span.products_in_category {font-family:monospace; font-size:.7em;}

/* KUNDEN_LOGIN */
#kunden_login h2 {border-bottom:0; color:#fff;}
#kunden_login input {border:1px solid #666; background-color:#333; color:#888; margin:2px 0;}
#kunden_login input:focus {border:1px solid #fff; color:#fff;}
#kunden_login #submit {background-color:#666; color:#000;}
#kunden_login #submit:hover {background-color:#600; color:#ccc; border-color:#600;}
#kunden_login small a:hover {color:#9c6;}







#admin { width:120px; padding:10px; font-size:.8em; position:absolute; left:-200px; top:0px; color:#555;}
#admin a {color:#555;}

#copyright {color:#555; font-size:.7em;}
#copyright a {color:#555; text-decoration:none;}
#copyright a:hover {cursor:default;}


/* ############################### Footer */

#footer {clear:both; font-size:.7em; color:#555; padding:5px 25px 20px 25px; text-align:right; text-transform:uppercase;} 
#footer a {color:#555; text-decoration:none;}
#footer a:hover {text-decoration:underline;}


/* ############################### FORMULAR */
#formular input, textarea {background-color:#fff; color:#333; border:1px solid #aaa;}
#senden {font-weight:bold;}
#formular .col1 {padding-right:10px; vertical-align:top; text-align:right; width:25%;}


#content #fehler {margin:20px 0; padding:10px; border-top:5px solid red; border-bottom:5px solid red; text-align:center;}
#content #danke {margin:20px 0; padding:10px; border-top:5px solid green; border-bottom:5px solid green; text-align:center;}
.hint {color:red;}


.center {text-align:center;}

.eintrag {margin:20px 0; padding:10px; background-color:#ddd; color:#000;}
#content span.zeit {font-size:.7em; padding-left:20px;}

.eintrag strong {color:#000;}
#content .eintrag a {color:#000;}

#anker {margin:0; font-size:1px; position:absolute; top:0; left:0;}

.no_mail {display:none;}



#product_listing_v2 a {text-decoration:none; color:#555; font-size:.7em; position:relative; display:block; width:150px; height:210px; padding:2px; margin:10px 8px; background:url(layout/hg_image.gif) no-repeat bottom left #fff; border:1px solid #aaa; float:left; text-align:center;}
#product_listing_v2 img {border:0; border-bottom:1px solid #fff;}
#product_listing_v2 span {position:absolute; right:5px; bottom:5px; background-color:#111; color:#fff; padding:0 5px; text-align:left; letter-spacing:.1em;}
#product_listing_v2 a:hover span {color:#9c6;}
#product_listing_v2 a:hover {}

#content #seiten_navigation {color:#ccc; background-color:#444; font-size:.8em; line-height:2em; margin:0; text-align:center; } 
#content #seiten_navigation a {color:#ccc; padding:.3em; text-decoration:none;}
#content #seiten_navigation a:hover {color:#fff; background-color:#555;}
#content #seiten_navigation span {color:#fff; padding:.3em; background-color:#222;}
#content #seiten_navigation a.a_next, #content #seiten_navigation a.a_prev {background-color:#222; color:#fff;}
#content #seiten_navigation a.a_next:hover , #content #seiten_navigation a.a_prev:hover {background-color:#111; color:#fff;}

#content p.error {background-color:#E5BFB2; color:#a00; padding:5px 20px;}
#content p.ok {background-color:#CAF297; color:#6b8747; padding:5px 20px;}

td.td_delete {background-color:#F1C3C3; text-align:center;}

h2 small {font-size:.7em; text-transform:none;}



/* PRODUCT_INFO */
/* #content #product_info_h1 { margin:1em 0 1em 0; font-size:1em; color:#f90; border-bottom:1px dotted #999; text-transform:none; word-spacing:0; font-weight:bold;} */
#picl {width:270px; float:left;}
#picl img {width:250px;}
#product_info {padding-left:270px;}
#cart_quantity input, #cart_quantity select {color:#555;}
#products_qty {width:1em;}
#content #detailbild {display:block; width:250px; background-color:#000; color:#eee; text-align:center; padding:2px 0; margin:5px 0 0 0; font-size:.8em;}
#content #detailbild:hover {background-color:#333;}
#content #zoom {display:block; width:250px; background-color:#111; color:#aaa; text-decoration:none; text-align:center; padding:.2em 0; letter-spacing:.1em;}
#content #zoom:hover {background-color:#000; color:#ddd;} 

/* SHOPPING_CART ORDER_DETAILS */
#order_details {width:100%; border-spacing:0; border-collapse:collapse; margin-top:20px;}
#order_details tr {border-bottom:3px solid #eee;}
#order_details tr, #order_details td {padding:0; margin:0; border-spacing:0; border-collapse:collapse;}
#order_details td {vertical-align:top;}
#order_details .td_delete {border-right:5px solid #eee; vertical-align:middle; width:4em;}
#order_details .td_thumb {width:150px;}
#order_details .td_thumb img {display:block; margin:0; padding:0; border:0; width:150px;}
#order_details .td_qty {text-align:center; width:60px;}
#order_details .td_qty input {width:2em;}
#order_details .td_summe, #order_details .a_total_price {width:100px; text-align:right; padding-right:20px; }
#content #total_price {text-align:right; }
#content #total_price #preis {background-color:green; color:#fff; font-weight:bold; padding:2px 20px;}
#content #total_price #ust {padding-right:20px;}
#content .buttons {text-align:center;}
#content .buttons input {border:0;}

/* CHECKOUT */
#shopping_cart_info span {padding:2px 4px; margin-right:4px; color:#bbb; text-transform:uppercase; font-weight:bold;}
#shopping_cart_info span.current {background-color:#fff; border:1px solid #ddd; color:#f90;}
#checkout_adresse {padding-left:20px;}
#content .float_right {float:right; width:50%; }
#content .float_left {float:left; width:50%; }
#content .abstandhalter {border-bottom:1px solid #bbb; margin:20px 0 20px 0; clear:both;}
#confirmation_cart {border-collapse:collapse; width:100%; margin:10px 0 10px 0; }
#confirmation_cart td { text-align:right; padding-right:15px;}
#confirmation_cart td.col_left {text-align:left; padding:0 15px;}
#content p.adresse {margin:5px 0 10px 30px;}
#total_block {text-align:right; width:100%;}
#total_block td {padding:0; padding-right:15px;}
.confirm_price {width:5em;}

/* create_account */
#content #create_account table {margin:0;}
#content #create_account td.col1 {text-align:right; padding:0 10px 0 0; width:150px;}
#content form td.legend {padding:0; font-size:1em;}

#content p.hinweis {background-color:#ffc; color:green; padding:10px;}

/* ACCOUNT_EDIT */
#content #account_edit_table {margin:0;}
#content #account_edit_table td.col1 {text-align:right; padding:0 10px 0 20px;}

#content form {margin:0; padding:0;}
#content h2.no_top_margin {margin-top:0; padding-top:0;}


/* account_password (passwort ändern) */
#content #account_passwort {margin:0 15px; border-collapse:collapse;}
#content .col1 {padding-right:10px; }

#content div.error {background-color:#ffc; color:#c03; padding:5px 15px;}

/* auswahl einer adresse aus dem adressbuch */
#adressen_liste {margin:10px 0;}
#adressen_liste td {padding-right:10px; vertical-align:top;}

/* adressen-formatierung */
#content div.address {margin:20px 0 20px 40px; border:1px solid #ddd; width:15em; background-color:#fafafa; padding:0 10px;}
#content div.address p {margin:10px 0; padding:0;}
#content div.address table {margin:10px 0; border-spacing:0; border-collapse:collapse;}
#content div.address td {padding-right:10px;}


#content #neue_adresse {margin:20px 0 10px 0;}
#content #neue_adresse td {vertical-align:middle;}
#content #neue_adresse .col1 {padding-left:20px; text-align:right;}


/* adressbuch */
#content #adressbuch {border-collapse:collapse; border-spacing:0px; margin:10px 0; width:100%;}
#content #adressbuch td {margin:0; padding:3px 15px; border-top:5px solid #eee; background-color:#fefefe; vertical-align:top; border-top:5px solid #eee;}
#content #adressbuch .col1 {vertical-align:middle;}
#content #adressbuch .col3 {vertical-align:middle;}


#content #bestell_history, #content #bestellte_artikel, #content #bestell_history_info {border-collapse:collapse; border-spacing:0px; margin:10px 0; width:100%; }
#content #bestell_history td, #content #bestell_history th, #content #bestellte_artikel td, #content #bestellte_artikel th, #bestell_history_info td {margin:0; padding:3px 15px; vertical-align:top; text-align:left;}
#content #bestell_history td, #content #bestellte_artikel td {border-top:5px solid #eee; background-color:#fefefe;}
#content #bestell_history b {font-weight:normal;}
#content #bestellte_artikel .text_right {text-align:right; white-space:nowrap;}
#content #bestellte_artikel #leerzeile {background:none; border-right:0; border-left:0;}
#content #bestell_history .col4 {vertical-align:middle;}
#content #bestell_history .col1, #content #bestellte_artikel .col1, #content #bestell_history_info .col1 {text-align:right;}




#content #zahlungs_block {border-collapse:collapse; margin:10px 0;}

#hint, #hint_ok, #greeting {margin:10px 0;}
#hint p, , #hint_ok p {margin:0; padding:0;}
#hint table {border-collapse:collapse; margin:0;}
#hint .messageStackSuccess td, #hint_ok p, #greeting {padding:2px 15px; background-color:#CAF297; color:#696;}
#hint .messageStackError td, #hint .messageStackWarning td, #hint p {padding:2px 15px; background-color:#fcc; color:#633;}
#greeting {text-align:center;}

/* #content #greeting {background-color:#CAF297; color:#6a8646; padding:5px 20px; text-align:center; margin-top:-1em;} */


/* FORMULAR */

#kontaktform {margin-top:2em;}
#kontaktform textarea {width:100%; height:200px; background:url(/templates/mikrokunst/layout/ihre_nachricht.gif) no-repeat center center #fff; border:1px solid #999;}
#name, #address {border:1px solid #999; width:220px; color:#555;}
#kontaktform textarea:focus, #name:focus, #address:focus {background-image:none; border:1px solid #333;}
#submit {margin-top:2em;}
#kontaktform span {display:none;}
#kontaktform .error {border:1px solid #B42E33;}
#kontaktform .error:focus {border:1px solid #600;}


/* Galerie !NEU */

#window {position:relative; padding:60px 0 20px 0; background-color:#000; border-bottom:1px solid #eee; border-top:1px solid #fff; margin:0; text-align:center; }
#content #window #image_name {margin:0; padding:0; position:absolute; font-size:1.2em; border:0; text-decoration:none; top:20px; left:39px;  background-color:#000; color:#444; }
#window img {border:1px solid #202020; display:block; margin:0 auto;}

#content #order_column { z-index:20; position:absolute; left:630px; top:200px; padding:0; margin:0; white-space:nowrap;}
#content #order_column h2 {font-size:1.1em; font-weight:normal; line-height:1.5em; color:#999;}
#content #order_column h2 strong {font-weight:normal; font-size:1.5em; color:#fff;}
#content #order_column h2 em {font-style:normal; font-size:1.2em; color:#fff;}
#content #order_column p { margin:3em 0 0 0; padding:0 0 0 28px; background:url(/templates/mikrokunst/layout/arrow_order.gif) no-repeat center left; font-size:1em; line-height:1em;}
#content #order_column a {white-space:nowrap; text-decoration:none; border:0;}
#content #order_column a:hover {color:#693;}
#content #order_column a:hover strong {color:#fff;}

#content .pagelinklist { margin:0; background-color:#000; padding:20px 39px; color:#333; text-align:center;}
#content .pagelinklist a { color:#888; text-decoration:none; }
#content .pagelinklist a:hover { color:#fff; }
#content .pagelinklist span {color:#ccc;}

#content .pagelinklist img {margin:2px; border:1px solid #222;}
#content img.panoramabild {width:120px; height:40px;}
#content img.fototapete {width:80px; height:80px;}
#content .pagelinklist strong img, #content .pagelinklist img:hover, #content .pagelinklist strong img:hover  {border:1px solid #099;}
#content .pagelinklist {border-top:1px solid #fff; }

/*
#content .pagelinklistneu {padding-top:0;}
#content .pagelinklistneu strong {color:#fc3;}
*/

/* ################ LIGHTBOX ############### */
#lightbox{	position: absolute;	left:0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 3px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA);  /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; background: url(../images/prevlabel.gif) left 15% no-repeat;}
#nextLink { right: 0; float: right; background: url(../images/nextlabel.gif) right 15% no-repeat;}
#prevLink { left: 0; float: left; background: url(layout/prevlabel.gif) left 15% no-repeat;}
#nextLink { right: 0; float: right; background: url(layout/nextlabel.gif) right 15% no-repeat;} 
#prevLink:hover, #prevLink:visited:hover { background: url(layout/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(layout/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: .8em Arial, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 20px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* ############## Quick Search ################### */
#quick_add input {font-size:.7em;}

#content img.left {float:left;}

/* galerie img-link für bild vergrößern */
a#enlarge {font-size:.8em; text-decoration:none; color:#777; text-transform:uppercase;}
a#enlarge:hover {color:#aaa;}

/* medien formate galerie */
#mfg {margin:1em auto; border-spacing:5px; }
#mfg td, #mfg th {font-size:.8em; font-family:monospace; padding:.2em .5em; text-align:center; width:150px;}
#mfg td {background-color:#fafafa; color:#777; border:1px solid #6c3; border-top:1px solid #9f6; border-left:1px solid #9f6;}
#mfg td.aA {background-color:#fafafa; color:#777; border:1px solid #f96; border-top:1px solid #fc9; border-left:1px solid #fc9;}
#mfg .col1 {text-align:right; width:auto;}
#mfg th, #mfg td.col1 {background-color:#fafafa; border-bottom:1px solid #aaa; border-right:1px solid #aaa; border-top:1px solid #ccc; border-left:1px solid #ccc; color:#777;}
#mfg th.col1 {background-color:#eee; border-color:#eee;}


h3#h3-left {position:absolute; left:-180px; width:160px; top:270px; text-align:right; font-weight:normal; font-size:1em; color:#eee;}
h3#h3-left em {font-size:1.4em; color:#fff; font-style:normal;}

#formate #content h2 {margin:1em 0 .5em 0; font-size:1.4em; font-weight:lighter; color:#333; word-spacing:.1em;}
#formate em {font-style:normal; color:#000; }
#formate #content strong {color:#000;}

#content address {font-style:normal; font-size:.8em; color:#777;}