@import url(boxes.css);
@import url(thickbox.css);

/*<agl.folder "Allgemein">*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

hr { display: none }
hr.Break { display: block; visibility: hidden; }

.Break { float: none; clear: both; }
.Left { float: left }
.Right { float: Right }

.lAlign { text-align: left; }
.rAlign { text-align: right; }
.cAlign { text-align: center; }

body { 
background-color:#fcc911;
background-image: url(img/bg.gif);
background-position:top left;
background-repeat:repeat-x;
margin-top: 0px;
margin-bottom:15px;
font-size:10px;
color:#023f72;
}
body * { font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:10px; }

div#center {
position:absolute;
background-image:url(img/content.gif);
background-repeat:repeat-y;
background-position:top center;
left: 50%;
width:980px;
margin-left: -490px;
padding-bottom:15px;
}

div#header {
width:980px;
height:273px;
background-image:url(img/header.gif);
background-repeat:no-repeat;
background-position:top left;
}

div#zeichnungen {
float:right;
text-align:center;
width:360px;
height:263px;
}

/*MENUE TOP*/
#menstart {
float:left;
width:97px;
height:80px;
margin-left:165px;
margin-top:160px;
padding-top:20px;
padding-left:7px;
}
#menmusik {
float:left;
width:80px;
height:98px;
margin-left:10px;
margin-top:122px;
padding-left:20px;
}
#menbilder {
float:left;
width:92px;
height:95px;
margin-left:10px;
margin-top:85px;
padding-left:5px;
padding-top:32px;
}
#menshop {
float:left;
width:92px;
height:110px;
margin-left:20px;
margin-top:85px;
padding-top:5px;
padding-left:1px;
}

/*Content*/
.div_boxes_top {
position:relative;
float:left;
width:456px;
background-color:#b9ddff;
color:#000;
border-bottom:1px #FFFFFF dashed;
padding:5px;
margin-bottom:0px;
}

.div_boxes_main {
position:relative;
float:left;
width:452px;
height:auto;
background-image:url(img/verlauf_blau.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
border:2px #b9ddff solid;
padding:5px;
padding-top:18px;
color:#023f72;
}

img, a img { border: none; }
a { color: #fe5513; text-decoration: none }
a:hover { text-decoration: underline }
h1, h2, h3, h4, h5, h6 { padding:0px; margin:0px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {}
p, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; }
ul, ol { margin-top: 0; margin-bottom: 0; padding-top: 0.3em; padding-bottom: 0.3em }
li { margin-top: 0; margin-bottom: 0 }
form, input, textarea, select { font-size: 12px }
form { margin: 0; padding: 0; }
p, table, td, th, caption, li { }
p small { font-size: 10px }
h1 { color: #023f72; font-size: 13px; font-weight: bold }
h2 { color: #023f72; font-size: 12px; font-weight: normal }
h3 { color: #023f72; font-size: 11px; font-weight: normal }
h4 { color: #023f72; font-size: 10px; font-weight: bold }
h5 { color: #023f72; font-size: 10px; font-weight: normal }
h6 { color: #023f72; font-size: 10px; font-weight: normal }

p, ul, ol, table, form, input, textarea, select, h1, h2, h3, h4, h5, h6 { line-height: 124% }
/*</agl.folder>*/

.productOldPrice {
	font-size:11px;
	color:#C00;
	text-decoration:line-through;
}
.PriceNewSpecial2 {
	font-size:11px;
}

.Label {
	font-weight:bold;
	vertical-align:top;
}

#message_body {
	width:235px;
	height:150px;
}

#review {
	width:450px;
	height:150px;
}

/*<agl.folder "MainCols & MainWrap">*/
#MainWrap { text-align: left; margin: 10px auto 0; position: relative; width: 905px; float: none; clear: both; overflow: hidden }

#MidCol,
#LeftCol,
#RightCol { margin-top: 60px; position: relative; overflow: hidden; }

#LeftCol,
#RightCol { width: 170px }

#MidCol { position: relative; left: 230px; width: 465px; float: left; }
#LeftCol { left: -425px; float: left }
#RightCol { right: 15px; float: right }
/*</agl.folder>*/

/*<agl.folder "MidCol">*/
.MainHeading { color: #023f72; font-size: 16px; font-weight: normal }
#ShopContent { margin-top: 40px; padding-bottom: 10px; position: relative; border-top: 2px solid #dee7cd }
#BreadCrumb  { margin: 0; margin-bottom:20px; padding: 5px; padding-bottom: 0; position: absolute; top: -40px; left: 0; height: 20px; width:456px; background-color:#b9ddff; }
.ButtonSet { margin-top: 10px; }
.ErrorMessage { margin-top: 10px; margin-bottom: 10px; padding-right: 10px; padding-left: 10px; border: solid 2px #c00 }
.Half { width: 275px; }
.CheckOutFunction { padding-right: 10px; border-top: 1px solid #eee; border-right: 1px solid #eee }
.CheckOutFunction p {}
.CheckOutFunction .Half { width: 265px }
.OrderItem { padding-right: 10px; border-top: 1px solid #eee; border-right: 1px solid #eee }
#ProgressBar { float: none; clear: both; }
#ProgressBar span { background-color: #ddd; float: left; text-align: center; width: 25% }
#ProgressBar span.Current { color: #c13; }

/*</agl.folder>*/

/*<agl.folder "CatInfo">*/
.CatInfo { background-color: #f7f9f3; padding: 10px }
.CatInfo .Image { background-color: #d6e1c1; width: 200px; height: 200px; float: left }
.CatInfo .Text { background-color: #aab39a; width: 330px; float: right }
/*</agl.folder>*/

/*<agl.folder "CatListing">*/
.CatListing { width: 570px }
.CatListing .Item { background-color: #f7f9f3; text-align: center; margin-right: 10px; width: 180px; float: left }
.CatListing .Image { position:relative; float:left; width:260px; }
/*</agl.folder>*/


/*<agl.folder "ProdListing">*/
.ProdListing1,
.ProdListing2,
.ProdListing3 { width: 470px; }

.ProdListing1 .Item,
.ProdListing2 .Item,
.ProdListing3 .Item {}

.ProdListing1 .Image,
.ProdListing2 .Image,
.ProdListing3 .Image { position:relative; float:left; width:150px; padding-left:5px; }

.ProdListing1 .Text,
.ProdListing2 .Text,
.ProdListing3 .Text { position:relative; float:left; width:290px; text-align:right; vertical-align:bottom; }

.ProdListing1 .Item {}
.ProdListing2 .Item { width: 275px; float: left; margin-right: 10px; }
.ProdListing3 .Item { width: 180px; float: left; margin-right: 10px; }
/*</agl.folder>*/

/*<agl.folder "LeftCol">*/
/* K�mmt noch */
/*</agl.folder>*/

/*<agl.folder "RightCol">*/
/* K�mmt noch */
/*</agl.folder>*/

/*<agl.folder "MainHeader">*/
#MainHeader { margin-right: 0px; margin-left: 10px; position:absolute; top: 0px; left: 0; width: 880px; }
#ShopLogo { }
#ShopLogo a { }
#ShopFunctions { width:865px; background-color: #b9ddff; margin-top: 0px; margin-left:14px; padding-left: 10px; padding-right:10px; height: 40px; float: left; clear: both }
#ShopFunctions p { color: #fe5513; /*font-size: 16px;*/ line-height: 40px; margin: 0; padding: 0; height: 0px }
#ShopFunctions form * { vertical-align: middle; }
#ShopFunctions input { text-align: center }
/*</agl.folder>*/

/*<agl.folder "MainFooter">*/
#MainFooter { color: #023f72; font-size: 9px; background-color: #b9ddff; margin-left:24px; padding-right: 10px; padding-left: 10px; float: left; clear: both; width: 880px; }
#MainFooter p { line-height: 30px; padding: 0; height: 30px }
#MainFooter a { color: #79806e }
/*</agl.folder>*/

.copyright { color: #023f72; font-size: 8px; margin-left:34px; padding-right: 10px; padding-left: 38px; float: left; clear: both; width: 852px; }

.errorBox {
	background-color: #FFA646;
	z-index: 10000;
	width: 100%;
	text-align: left;
}

/* Spamschutz im Kontaktformular */
.contact2 {
	border: 0px none;
	background: #FFF;
}

/* debug-Ausgaben */
pre {
	text-align: left;
	background-color: #fff;
	font-family: courier;
}

.flat_text {
	vertical-align:top;
}

/*Warenkrob*/
.wahrenkorb {
}

.wahrenkorb .captions {
	clear: both;
}

.wahrenkorb .captions p {
	background-color: #fef6e0;
	height: 18px;
	line-height: 18px;
	color: #023f72;
	text-align: center;
	float: left;
}

.wahrenkorb .captions .col_image {
	width: 60px;
}

.wahrenkorb .captions .col_qty {
	width: 46px;
}

.wahrenkorb .captions .col_product {
	width: 135px;
	padding: 0 8px;
	text-align: left;
}

.wahrenkorb .captions .col_price {
	width: 64px;
}

.wahrenkorb .captions .col_remove {
	width: 55px;
}

.wahrenkorb .captions .col_qty ,
.wahrenkorb .captions .col_product ,
.wahrenkorb .captions .col_price ,
.wahrenkorb .captions .col_remove {
	border-left: 1px solid #FFF;
}

.wahrenkorb .row_order {
	position: relative;
	left: 0;
	top: 0;
	height: 62px;
	margin: 0;
	padding: 0;
	clear: both;
	background-color: #FFF;
}

.wahrenkorb .row_order .col_image {
	position: absolute;
	left: 0;
	top: 3px;
	width: 60px;
	height: 59px;
}

.wahrenkorb .row_order .col_image a {
	display: block;
	width: 58px;
	height: 57px;
	border: 1px solid #D7D7D7;
}

.wahrenkorb .row_order .col_image a:hover {
	border: 1px solid #6699CC;
}

.wahrenkorb .row_order .col_qty {
	position: absolute;
	left: 59px;
	top: 3px;
	width: 44px;
	height: 59px;
	background: url(img/background_gray_1x20.gif) bottom repeat-x;
	border-left: 2px solid #FFF;
}

.wahrenkorb .row_order .col_qty input {
	width: 20px;
	height: 15px;
	line-height: 15px;
	padding: 2px 16px 17px 8px;
	border: 1px solid #D7D7D7;
	text-align: right;
}


.wahrenkorb .row_order .col_product {
	position: absolute;
	left: 107px;
	top: 3px;
	width: 158px;
	height: 59px;
	border-left: 1px solid #FFF;
}

.wahrenkorb .row_order .col_product .name {
	width: 135px;
	height: 30px;
	padding: 2px 6px;
	margin-left: 1px;
	border: 1px solid #D7D7D7;
}

.wahrenkorb .row_order .col_product .name a {
	display: block;
	line-height: 15px;
	font-weight: bold;
	height: 30px;
}

.wahrenkorb .row_order .col_product .shipping_info {
	position: absolute;
	left: 0;
	top: 39px;
	width: 135px;
	padding: 0 8px;
	line-height: 20px;
	background-color: #fef6e0;
}

.wahrenkorb .row_order .col_price_single {
	position: absolute;
	left: 260px;
	top: 3px;
	width: 55px;
	height: 30px;
	border: 1px solid #D7D7D7;
	padding: 2px 4px;
	line-height: 15px;
	text-align: right;
}



.wahrenkorb .row_order .col_price_total {
	position: absolute;
	left: 327px;
	top: 3px;
	width: 52px;
	height: 30px;
	border: 1px solid #D7D7D7;
	padding: 2px 4px;
	line-height: 15px;
	text-align: right;
}

.wahrenkorb .row_order .col_remove {
	position: absolute;
	left: 391px;
	top: 3px;
	width: 44px;
	height: 30px;
	border: 1px solid #D7D7D7;
	padding: 2px 4px;
	line-height: 15px;
	text-align: right;
}

.wahrenkorb .row_order .tax_info {
	position: absolute;
	left: 260px;
	top: 42px;
	width: 175px;
	height: 20px;
	padding: 0 5px;
	background-color: #fef6e0;
	line-height: 20px;
	text-align: right;
}