.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 */

body { color: #666; font-size: 11px; background-color: #ccc; margin: 0; padding: 0 }
body *  { font-family: Verdana, Arial, Helvetica, sans-serif }
img, a img   { border-style: none }
a { color: #225068; text-decoration: none }
a:hover { text-decoration: underline; }
p, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; padding-top: 0.6em; padding-bottom: 0.3em }
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 { font-size: 11px }
form { margin: 0; padding: 0; }
p, table, td, th, caption, li { font-size: 11px }
p small { font-size: 9px }

h1,
h2,
h3 { color: #225068; font-size: 15px }
h4,
h5, 
h6  { color: #225068; font-size: 13px }
h1 small,
h2 small, 
h3 small,
h4 small,
h5 small,
h6 small { font-weight: normal; font-size: 11px }

hr { display: none; }
hr.Break { display: block; visibility: hidden; } 
.Break { float: none; clear: both; }
.Left { float: left }
.Right { float: right }

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

.Italic  { font-style: italic }
.Bold  { font-weight: bold }
.Normal  { font-style: normal; font-weight: normal }










#MainWrap { background-color: #fff; margin: 10px 0 0; padding: 0 0 1em; width: 960px }

#MainHeader  { background-image: url("images/BG_HeaderMuster.gif"); background-repeat: repeat-x; background-position: 0 100%; margin: 0 5px 5px; padding: 0; position: relative; width: 950px; height: 430px; float: none; clear: both; overflow: hidden }

#Logo  { background-color: #a50003; background-image: url("images/BG_LogoVerlauf.gif"); background-repeat: repeat-y; background-position: 0 0; margin: 0; padding: 0; position: absolute; z-index: 1; width: 950px; height: 68px; overflow: visible }
#Logo a { background-color: #fff; display: block; position: absolute; top: 0; left: 0; width: 950px; height: 63px; overflow: visible }
#Logo a:hover {}
#Logo br {}
#Logo small {}
#Logo span { background-image: url("images/LogoMatec_Nachbau.gif"); display: block; position: absolute; z-index: 3; top: 0; left: 0; width: 234px; height: 95px }

#TopNavi { font-weight: bold; line-height: 126px; text-align: right; margin: 0; padding: 0; position: absolute; z-index: 2; top: 0; right: 0; width: 720px; height: 63px; overflow: hidden }
#TopNavi li { list-style-type: none; display: inline; margin: 0; padding: 0 }
#TopNavi a { color: #c60108; margin: 0; padding: 0 10px; position: relative; top: -1em; border-left: 2px solid #c60108 }
#TopNavi a:hover { color: #b63436 }

#CartInfo { color: #bdccd3; line-height: 22px; background-color: #225068; background-image: url("images/BG_CartInfoVerlauf.gif"); background-repeat: repeat-y; background-position: 0 0; text-align: right; margin: 0; padding: 0; position: absolute; top: 73px; left: 0; width: 950px; height: 22px; overflow: hidden }
#CartInfo strong { font-weight: normal; padding-right: 10px }
#CartInfo a { color: #e9eef1 }

#ShemaHeader   {
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 2;
	bottom: 5px;
	left: 5px;
	visibility: visible;
}

#MainNavi   { font-variant: small-caps; background-image: url("images/HeaderImage.jpg"); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; position: absolute; z-index: 3; top: 100px; left: 225px; width: 100%; height: 330px; overflow: hidden; border-left: 5px solid #fff }
#MainNavi li   { background-color: #fff; list-style-type: none; margin: 270px 0 0; padding: 0; position: absolute; width: 103px; height: 60px; }
#MainNavi a        { color: #bdccd3; font-size: 15px; line-height: 75px; background-color: #225068; background-image: url("images/BG_HeaderMuster.gif"); background-position: 0 100%; text-indent: 0.5em; display: block; margin: 5px 0 0; padding: 0; position: absolute; bottom: 0; left: 0; width: 102px; height: 55px; float: left; overflow: hidden }
#MainNavi sup       { color: #557b8f; font-size: 19px; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; line-height: normal; text-align: right; display: block; position: absolute; top: 2px; left: 0; width: 100px; vertical-align: baseline }
#MainNavi li a.Current,
#MainNavi a:hover { color: #fff; text-decoration: none; background-color: #0f7f8b; background-position: 0 -100px;  }
#MainNavi a:hover {  }
#MainNavi li a.Current sup,
#MainNavi a:hover sup    { color: #aec9d0 }
#Main1 { bottom: 0; left: 0 }
#Main2 { bottom: 0; left: 103px }
#Main3 { bottom: 0; left: 206px }
#Main4 { bottom: 0; left: 309px }
#Main5 { bottom: 0; left: 412px }
#Main6 { bottom: 0; left: 515px }
#Main7 { bottom: 0; left: 618px }
#Main7 a { width: 102px}
#Main7 a sup { width: 99px}


#FlashHeader    { background-image: url("images/HeaderImage.jpg"); background-position: 0 232; text-align: left; visibility: visible; margin: 0; padding: 0; position: absolute; z-index: 10; top: 100px; left: 230px; width: 720px; height: 270px; overflow: hidden; vertical-align: top }

#BreadCrumb     { font-weight: bold; }

#MainContent   { background-repeat: repeat-y; background-position: 0 0; margin: 0 5px 5px; padding: 0; width: 950px }

#LeftCol  { color: #fff; margin: 0; padding: 0; width: 225px; float: left }
#LeftCol p  { padding-right: 20px; padding-left: 20px }
#MainCol  { margin: 0; padding: 0; position: relative; right: 10px; width: 700px; float: right }

.WebShop { background-image: url("images/BG_LeftColShop.gif") }
.WebShop #LeftCol  { background-color: #a50003; background-image: url("images/BG_LeftColShop.gif") }

#CatNavi  { margin-right: 0; margin-bottom: 3em; margin-left: 0; padding-right: 0; padding-left: 0 }
#CatNavi ul  { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0 }
#CatNavi li  { list-style-type: none; display: inline; margin-right: 0; margin-left: 0; padding: 0 }
#CatNavi a { display: block; color: #dfa7a8; font-size: 13px; font-variant: normal; margin-top: 0.2em; padding-left: 35px; border-style: none; border-style: none }
#CatNavi a.Current,
#CatNavi a:hover { color: #fff }
#CatNavi .CatLevel1 a { font-size: 16px; font-variant: small-caps; margin-top: 2em; padding: 0.6em 20px 0.3em; border-bottom: 1px solid; }
#CatNavi .CatLevel2 a { font-size: 13px; font-variant: normal; margin-top: 0.2em; padding-left: 35px; border-style: none; border-style: none }

.WebSite { background-image: url("images/BG_LeftColSite.gif") }
.WebSite #LeftCol { background-color: #000e43; background-image: url("images/BG_LeftColSite.gif") }

#SiteNavi { margin-right: 0; margin-bottom: 3em; margin-left: 0; padding-right: 0; padding-left: 0 }
#SiteNavi a  { color: #aec9d0; font-size:13px; font-variant: normal; display: block; margin-top: 0.2em; padding: 0.6em 20px 0.3em 35px; border-style: none }
#SiteNavi a:hover, 
#SiteNavi a.Current { color: #fff; }
#SiteNavi li  { list-style-type: none; display: inline; margin-right: 0; margin-left: 0; padding: 0 }
#SiteNavi li.SiteMain a {  font-size: 16px; font-variant: small-caps; margin-top: 2em; padding: 0.6em 20px 0.3em; border-bottom: 1px solid; }

/*
#FlashLayer    { color: #00135f; background-color: #225068; margin: 0; padding: 0; position: absolute; z-index: 50; top: 445px; left: 5px; width: 955px; height: 650px }
#FlashLayer #FlashContent       { background-color: #dee6e9; background-image: url("images/ShemaContent_Raster.gif"); margin: 0; padding: 0; width: 955px; height: 650px }
*/
#FlashLayer    { margin: 0; padding: 0; position: absolute; z-index: 50; top: 445px; left: 5px; width: 955px; height: 650px }


#MainFooter  { color: #bdccd3; line-height: 2.3em; background-color: #225068; margin: 0 5px; padding: 0; width: 950px; height: 2.3em }
#MainFooter span { padding-right: 10px; padding-left: 10px }
#MainFooter a { color: #bdccd3; }
#MainFooter a:hover {}

#SubFooter  { width: 950px }

.ContentBox  { border: solid 1px #ccc }
.ContentBox .BoxHeading { margin-right: 10px; margin-left: 10px }
.ContentBox .BoxHeading a { }
.ContentBox .BoxHeading a:hover {}
.ContentBox .BoxHeading span {}
.ContentBox .Inner   { margin: 10px; position: relative; overflow: hidden }
.ButtonSet   { margin-top: 0.5em; padding-bottom: 0.5em; border-top: 1px solid #225068 }

.Full { }
.Full .Inner { width: 680px }
.Full .BoxHeading { }
.Half { }
.Half .Inner { width: 320px }
.Half .BoxHeading  { width: 320px }
.Third { width: 230px }
.Third .Inner { width: 210px }
.Third .BoxHeading { }

.ContentBox .Half, 
.ContentBox .Third { margin: 0; position: relative; overflow: visible }
.ContentBox .Half { width: 330px }
.ContentBox .Third { width: 220px }

.CheckOutOptions { padding-right: 20px; border-top: 1px solid #aec9d0; border-right: 1px solid #aec9d0 }
.CheckOutOptions .Payment { padding-top: 0; padding-left: 20px }

.Product { }
.Product .Inner { width: 320px; height: 300px }

.Product .ThumbImage { text-align: right; position: absolute; bottom: 0; left: 0; width: 320px; height: 150px }

.Product .Details { line-height: 1.4em; background-color: #dee6e9; margin: 0; padding: 0 5px; position: absolute; bottom: 0; left: 0; height: 1.4em; float: left }
.Product .Details a { }
.Product .Details a:hover { }
.Product .Order { display: none }
.Product .Order a { }
.Product .Order a:hover { }

.Product .Pricing { display: none; margin: 0; padding: 0; position: absolute; bottom: 2em; left: 0; float: none; clear: both }
.Product .Pricing em { color: #054e99; font-size: 20pt; line-height: 90px; background-image: url("images/Prozent_Red.gif"); background-repeat: no-repeat; background-position: 0 0; text-align: center; display: block; margin-right: 10px; position: relative; top: -1em; width: 100px; height: 100px; float: left; overflow: hidden }
.Product .Pricing em small { color: #054e99; line-height: 0; text-align: center; padding-top: 2em; position: relative; top: -45px }
.Product .Pricing a { color: #b63436 }
.Product .Pricing a:hover { }
.Product .Pricing br { display: none }
.Product .Pricing del { color: #abb0b3; font-size: 12pt; display: block }
.Product .Pricing strong { color: #a50004; font-size: 16pt; font-weight: normal; display: block }
.Product .Pricing strong a { }
.Product .Pricing strong a:hover { }
.Product .Pricing small { color: #b63436; display: block }
.Product .Pricing small a { }
.Product .Pricing small a:hover { }
.Product .Pricing .VPE { color: #aec9d0 }

.Category    { width: 225px; height: 250px; float: left; overflow: hidden }
div.P1 { margin-right: 10px; }
div.P2 { margin-right: 0px; }
div.P3 { float: right; }
.Category .BoxHeading { width: 205px; }
.Category .Inner  { width: 205px; height: 190px }

.Category .CatImage { text-align: center }

.Category .Details { color: #0590c6; font-weight: bold; position: absolute; bottom: 0; left: 0 }
.Category .Details a { color: #0590c6; text-decoration: underline }
.Category .Details a:hover { text-decoration: none }

.UpComing .Third {} 
.UpComing .Third h4 { padding-top: 0 } 
.UpComing .BorderLeft {border-left: 1px solid #ff8e01 }
.UpComing .BorderLeft, 
.UpComing .BorderLeft h4, 
.UpComing .BorderLeft p { margin-left: 10px; }

.ProductInfo {}
.ProductInfo .BoxHeading { position: relative }
.ProductInfo .BoxHeading .Right { position: absolute; top: 0.8em; right: 10px }
.ProductInfo .Inner { margin: 10px }

.ProductInfo .ProdImage { color: #666; text-align: center; margin: 0; padding: 0; width: 250px; height: 250px; float: right; clear: left }
.ProductInfo .Shipping { color: #abb0b3 }
.ProductInfo .When { padding-bottom: 0; }

.ProductInfo .Pricing { }
.ProductInfo .Pricing em { color: #054e99; font-size: 20pt; line-height: 90px; background-image: url("images/Prozent_Red.gif"); background-repeat: no-repeat; background-position: 0 0; text-align: center; display: block; margin-right: 10px; width: 100px; height: 100px; float: left; overflow: hidden }
.ProductInfo .Pricing em small { color: #054e99; line-height: 0; text-align: center; padding-top: 2em; position: relative; top: -45px }
.ProductInfo .Pricing a { color: #b63436 }
.ProductInfo .Pricing a:hover { }
.ProductInfo .Pricing br { display: none }
.ProductInfo .Pricing del { color: #abb0b3; font-size: 12pt; display: block }
.ProductInfo .Pricing strong {
	color: #a50004;
	font-size: 12px;
	font-weight: bold;
	display: block
}
.ProductInfo .Pricing strong a { }
.ProductInfo .Pricing strong a:hover { }
.ProductInfo .Pricing small { color: #b63436; display: block }
.ProductInfo .Pricing small a { }
.ProductInfo .Pricing small a:hover { }
.ProductInfo .Pricing .VPE { color: #aec9d0 }

.ProductInfo .Order,
.ProductInfo .Order * { color: #666; font-weight: bold }
.ProductInfo .Order .Quantity { text-align: right; padding-right: 0.2em; padding-left: 0.2em; border: solid 1px #666 }
.ProductInfo .Order .Bestellen { color: #225068; text-decoration: underline; background-color: transparent; cursor: pointer; border-style: none }
.ProductInfo .Order .Bestellen:hover { text-decoration: none; border-bottom: #fff }

.ProductInfo .Options,
.ProductInfo .Options * { color: #666 }
.ProductInfo .Options select { padding-right: 0.2em; padding-left: 0.2em; border: solid 1px #666 }

.SpecialHeading { color: #b63436; font-size: 16px; line-height: 2em; background-color: #bdccd3; padding: 0; height: 2em; float: none; clear: both }
.SpecialHeading span { margin-right: 10px; margin-left: 10px }

.Navigator { color: #666; line-height: 2em; height: 2em }
.Navigator span {}
.Navigator a { color: #424a51; text-decoration: none }
.Navigator a:hover { text-decoration: underline }

.Review {  border-top: 1px solid #ccc }
.Review small   { text-transform: uppercase; display: block; }
div.Review p {  width: 495px; float: right }
div.Review p.ProdImage { display: block; width: 185px; float: left; overflow: hidden; }
div.Review p.ProdImage a { text-align: center; display: block; width: 175px }
div.Review p.ProdImage img { display: block; }
div.Review p.ReviewLeft { display: block; width: 175px; float: left }

/*p.SingleReview  { border-top: 1px solid #ccc }
p.SingleReview .ProdImage   { text-align: center; display: block; margin-right: 10px; width: 175px; float: left; overflow: hidden }
p.SingleReview .ProdImage br { display: none; }
p.SingleReview small { text-transform: uppercase; display: block; padding-top: 0.6em; padding-bottom: 1em }

.ContentBox .ReviewsList  { }
.ReviewsList p.ProdImage   { display: block; width: 185px; float: left; overflow: hidden; border-top: 1px solid #ccc }
.ReviewsList p.ProdImage a  { text-align: center; display: block; width: 175px }
.ReviewsList p.ProdImage br { display: none; } 
.ReviewsList p.ProdImage small {  text-transform: uppercase; display: block; padding-top: 0.6em; padding-bottom: 1em }
.ReviewsList p.SingleReview    { width: 495px; float: right }
*/
.Formular { margin: 0; padding: 0 }
.Formular li { line-height: 2em; list-style-type: none; padding: 0; position: relative; height: 2em; border-bottom: 1px solid #aec9d0 }
.Formular label { padding: 0 }
.Formular p { padding: 0; position: absolute; top: 0; left: 210px; height: 2em; vertical-align: middle }
.Formular input { line-height: 1.1em; width: 250px; vertical-align: middle }
.Formular select { line-height: 1.1em; width: 250px }
.Formular li.Gender input { width: auto; }
.Formular li.Standard input { width: auto; }
.Formular li.TextArea  { height: 15em }
.Formular li.TextArea textarea { width: 250px; height: 14em; line-height: auto; }
.Formular li.TextArea p { height: auto; line-height: auto; }

.Half ul.Formular { width: 330px }
.Half ul.Formular li { line-height: 2em; list-style-type: none; height: 2em; border-bottom: 1px solid #aec9d0 }
.Half ul.Formular p { left: 120px }
.Half ul.Formular input { width: 120px }
.Half ul.Formular select { width: 120px }
.Half ul.Formular li.Gender input { width: auto; }
.Half ul.Formular li.Standard input { width: auto; }

.inputRequirement { color: #225068 }
.inputRequirement a { color: #0f7f8b; text-decoration: underline }
.inputRequirement a:hover { text-decoration: none }

.OptionTable, 
#ShoppingCart { color: #666; text-align: left; width: 100%; border-collapse: collapse; border-spacing: 0 }
.OptionTable tr,
#ShoppingCart tr {}
.OptionTable th,
#ShoppingCart th { background-color: #bdccd3; padding: 2px 4px 4px; border: solid 1px #fff }
.OptionTable strong, 
#ShoppingCart strong { color: #333 }
.OptionTable td,
#ShoppingCart td { background-color: #e9eef1; padding: 2px 4px 4px; border: solid 1px #fff }
.OptionTable .Alt td,
#ShoppingCart .Alt td { background-color: #dee6e9 }

table.EventInfo  { margin-top: 0.6em; width: 100%; border: solid 1px #bdccd3 }
table.EventInfo td  { vertical-align: top }

h3  { margin-top: 1em; border-bottom: 1px solid }
h4  { margin-top: 1em; border-bottom: 1px solid #bdccd3 }

input.TextSubmit   { color: #a50004; background-color: transparent; cursor: pointer; margin: 0; padding: 0; overflow: visible; border-style: none none solid; border-width: medium medium 1px; border-color:   #a50004 }

#LeftCol .Box {}
#LeftCol .Box h4  { font-size: 16px; font-variant: small-caps; font-weight: normal; margin-top: 2em; padding: 0.6em 20px 0.3em }
#LeftCol .Box p   { margin: 0; padding-right: 20px; padding-left: 20px; border-bottom: 1px solid }
#LeftCol .Box p a  { color: #fff }
#LeftCol .Box p a:hover {}

#BoxAdmin p.Buttons    { margin: 0 }
#BoxAdmin p.Buttons br  { display: none }
#BoxAdmin p.Buttons a   { display: block; margin-bottom: 0.3em }

.WebSite #LeftCol .Box  { color: #aec9d0 }
.WebSite #LeftCol .Box h4  { color: #aec9d0; border-bottom: #aec9d0 }
.WebSite #LeftCol .Box p {}
.WebSite #LeftCol .Box p a  {}
.WebSite #LeftCol .Box p a:hover  { color: #aec9d0 }


.WebShop #LeftCol .Box  { color: #dfa7a8 }
.WebShop #LeftCol .Box h4  { color: #dfa7a8; border-bottom: #dfa7a8 }
.WebShop #LeftCol .Box p {}
.WebShop #LeftCol .Box p a  {}
.WebShop #LeftCol .Box p a:hover  { color: #dfa7a8 }


#LeftCol #ShopSearch   { margin: 0; padding: 0; position: relative }
#LeftCol #ShopSearch p   { margin: 0; padding: 0 0 0 0; height: 50px; border-bottom: 1px solid }
#LeftCol #ShopSearch .TextFeld    { font-size: 13px; text-align: center; margin: 0; padding-top: 1px; padding-bottom: 2px; position: absolute; top: 13px; left: 20px; width: 150px }
#LeftCol #ShopSearch .Abschicken    { margin: 0; position: absolute; top: 13px; right: 20px }

.WebShop #ShopSearch .TextFeld  { color: #a50003; border: solid 1px #dfa7a8 }
.WebSite #ShopSearch .TextFeld  { color: #000e43; border: solid 1px #aec9d0 }
#kontaktdiv {
	width:670px;
	min-height:780px;
}
#bilderdiv {
	width:172px;
	float:left;
}
#bilderdiv img {
	border:1px solid #21516b;
}
.bildkontakt {
	border:1px solid #21516b;
}
#textdiv {
	width:460px;
	padding:0;
	float:right;
}