/* ----------------------------------------------- Allgemeine Definitionen ----------------------------------------------- */
@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; border:0;} 
.clearfix { display:inline-table; }
/* Hides from IE-mac \*/ 
* html .clearfix { height:1%; }
.clearfix { display:block; }

*{ padding:0; margin:0; border:0;}

body, html{ height: 100%; text-align:center; font-size:12px;  color:#333; background-color:#fff; font-family: Tahoma, Geneva, sans-serif;}

#horizontal{ margin-right: auto; margin-left: auto; text-align: left;  position: relative; width: 600px; height:100%;  }

#main { height:auto; border-left:1px solid #ddd;  border-right:1px solid #ddd; border-bottom:1px solid #ddd; position:relative; float:left; background-image:url(Basics/main_bg.jpg); margin-bottom:20px;}

#meta { width:770px; height:30px; background-color:#090; position:relative; float:left;  background-image:url(Basics/meta_bg.jpg); border-bottom:1px solid #ddd;}
#meta ul { float:right; width:auto; text-decoration:none; list-style-type:none; height:30px;}
#meta ul li { width:auto; height:3px; padding:6px 25px 12px 25px; float:right;}
#meta ul li a { text-decoration: none; color:#733d76;}
#meta ul li a:hover { text-decoration: none; color:#333;}

#header { width:770px; height:220px; float:left; background-image:url(Basics/header_bg.jpg); border-bottom:1px solid #ddd; }
#body { width:770px; height:auto; float:left; position:relative;}

#menu {  width:189px; height: 100%;  min-height:512px; float:left; border-right:1px solid #ddd;}
#menu ul { width:190px; height:auto; float:left; text-decoration:none; list-style-type:none;}
#menu ul li { width:190px; height:35px; float:left; border-bottom:1px solid #fff; border-top:1px solid #fff; margin-bottom:5px;}
#menu ul li a { text-decoration:none; color:#fff; height:20px; padding:10px 0 5px 10px;  display:block; }
#menu ul li a.active { text-decoration:none; color:#fff; height:20px; padding:10px 0 5px 10px;  display:block; background-color:#a358a9;}
#menu ul li a:hover { text-decoration:none; color:#fff;  background-image:url(Basics/menuli_bg_hover.png);}


#content { width:580px; height:auto; float:left; min-height:512px; background-repeat:no-repeat; background-position:top; background-image:url(Basics/content_bg.jpg); padding-top:40px; padding-bottom:20px;}
#content a{ text-decoration:none;  color:#a358a9;}
#content a:hover{ text-decoration:none;  color:#333;}
#container { margin:20px 0 0 20px; width:540px; height:auto; float:left;}

#submenu { width:540px; height:50px; float:left;}
#submenu ul { width:540px; float:left; height:auto; list-style-type:none; font-size:12px; font-weight:bold; margin-bottom:10px;}
#submenu ul li { width:auto; float:left; height:auto;  margin:5px; text-align:center; }
#submenu ul li a{ width:auto; float:left; height:auto; text-decoration:none; color:#a358a9;}
#submenu ul li a.active{ width:auto; float:left; height:auto; text-decoration:none; color:#333;}
#submenu ul li a:hover{ text-decoration:none; color:#333;}

#produktbox {height: 180px; margin: 10px 0px; padding: 10px 10px; display: block; border:1px dashed #CCC;}

#liste { width:450px; margin:10px 50px 10px 30px; height:auto; float:left; border:1px dashed #CCC; display:block;}
#liste ul { width:450px;  margin-left:20px; height:auto; list-style-image: url(Basics/menudot.png);}
#liste ul li { width:420px; height:auto; float:left; margin:5px;}
#liste ul li a{ color:#a358a9; text-decoration: none;}
#liste ul li a:hover{ color:#333; text-decoration: none;}
.head { width:440px; height:auto; float:left; margin-left:-20px; padding:5px; background-color:#a358a9; list-style-type:none; font-size:16px; color:#FFF; font-weight:bold;}
#liste ul li ul{ width:470px; height:auto; float:left; margin:5px 5px 5px 25px;}
#liste ul li ul li{ width:300px; height:auto; float:left; margin:5px 5px 5px 25px;}

.floatleft { float:left; margin:0 10px 10px 0; border:1px solid #CCC;}
.floatright { float:right; margin:0 0 10px 10px; border:1px solid #CCC;}
.border {  border:1px solid #CCC;}
#rahmen { height:auto; width:100%; text-align:center; float:left; }

hr { width:100%; height:1px; background-color:#ddd; clear:both; margin-bottom:10px;}
h1 { color:#a358a9; font-size:20px; margin-bottom:10px;}
h2 { color:#a358a9; font-size:16px; margin-bottom:10px;}
h3 { color:#000; font-size:14px; margin-bottom:10px; margin-top:10px;}
.highlighted { font-weight:bold;}