@import url(/css/news.css);
@import url(/css/reset.css);
@import url(/css/colors.css);
@import url(/css/elements.css);
@import url(/common/popup.css);
@import url(/css/formular.css);

body	{font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #e7e6e6 url(/files/allgemein/body-bg-1.jpg) repeat-x top left;}

h1	{font-size: 14px; margin-bottom: 15px;}
h1#siteName { margin-bottom: 0px; padding-left: 20px; line-height: 26px; }
h2	{ font-size: 12px; margin-bottom: 5px; }

ul li {
    background: url(/files/allgemein/li_icon.jpg) no-repeat 0px 3px;
    padding-left: 15px;
    margin-bottom: 5px;
}
p { margin-bottom: 10px; line-height: 16px; }
a {text-decoration: none;}
a.back { display: block; }
div#content a:hover { text-decoration: underline; }

/* breite = xx px */
div.page, div#site-head, div#footer {width: 820px; margin: 0px auto; }
div.page {
    position: relative;
    min-height: 600px;
    height: auto !important;
    height: 600px;
    padding-bottom: 20px;
}

div#pool { position: relative; height: 200px; }
div#pool img { position: absolute; }

div#site-head {	position: relative; margin-bottom: 20px; }

div#site-head img#logo { float: left; width: 462px; height: 100px; }
div#site-head img#header {float: right; width: 358px; height: 100px; z-index: 0;}

ul#mainMenu {
    height: 31px;
    clear: both;
    background: url(/files/allgemein/main-menu-bg.jpg) repeat-x;
	font-weight: bold;
}
ul#mainMenu li {
    float: left;
    line-height: 31px;
    padding-left: 10px; padding-right: 10px;
    margin-bottom: 0px;
    background-image: none;
}

ul#subMenu { float: left; width: 220px; }
ul#subMenu li {
    line-height: 24px;
    padding-left: 20px; margin-bottom: 0px;
    background-image: none;
}
ul#subMenu li a { display: block; width: auto; }
ul#subMenu li.active a { font-weight: bold; }
ul#subMenu li.active ul#subSubMenu { margin-left: -20px; }
ul#subMenu li.active ul#subSubMenu li { padding-left: 30px; }

ul#subMenu li.active ul#subSubMenu li.active ul { margin-left: -30px;}
ul#subMenu li.active ul#subSubMenu li.active ul li { padding-left: 50px; background-image: none;}

ul#subMenu li.active ul#subSubMenu li a,
ul#subMenu li.active ul#subSubMenu li.active ul li a { font-weight: normal; }
ul#subMenu li.active ul#subSubMenu li.active a,
ul#subMenu li.active ul#subSubMenu li.active ul li.active a,
ul#subMenu li.active ul#subSubMenu li ul#subSubSubMenu li.active a,
ul#subMenu li.active ul#subSubMenu li.active ul#subSubSubMenu li.active ul#subSubSubSubMenu li.active a {font-weight: bold; }

ul#subMenu li.active ul#subSubMenu li ul#subSubSubMenu li a,
ul#subMenu li.active ul#subSubMenu li.active ul#subSubSubMenu li.active ul#subSubSubSubMenu li a { font-weight: normal; }

div#content { float: right; padding-right: 20px; width: 570px;}

div.element, div#footer, div.clear {clear: both;}
div.element ul { margin-bottom: 15px; margin-left: 20px; list-style-type: none; }
div.element ul li {
    background: url(/files/allgemein/li_icon.jpg) no-repeat 0px 3px;
    padding-left: 15px;
    margin-bottom: 5px;
}

div#footer {
    padding-top: 12px;
    position:relative;
    height: 24px;
    background: url(/files/allgemein/footer-bg-1.jpg) repeat-x;
}
div#footer p { float: left; margin-left: 15px; }
div#footer ul#bottomMenu { float: right; margin-right: 15px; }
div#footer ul#bottomMenu li { float: left; background: none; }
div#footer ul#bottomMenu li span { padding-left: 5px; padding-right: 10px; }

div.clear { clear: both; }
div#content img.plus { position: absolute; bottom: 6px; right: 3px; border: none; padding: 0px;}

.subMenuAuswahl div.teaser { position: relative; margin-bottom: 20px; padding-bottom: 20px; }
.subMenuAuswahl div.teaser img { float: left; margin-right: 10px; }
.subMenuAuswahl div.teaser div.text a.next {
    background: url(/files/allgemein/li_icon.jpg) no-repeat 0px 3px;
    padding-left: 15px;
    float: right;
    margin-right: 15px;
}
div.eltworows img { margin-bottom: 10px; }

.home div#content { width: 800px; padding-right: 0px; }
.home div#content div.element { margin-top: 20px; }

.home div#content ul.homeLinks {  }
.home div#content ul.homeLinks li {
    line-height: 24px; font-weight: bold; 
    padding-left: 20px;
    margin-bottom: 0px;
    margin-right: 20px;
    background-image: none;
    float: left;
    width: 224px; 
}
.home div#content ul.homeLinks li a { font-weight: normal; }
.home div#content ul.homeLinks li ul { margin-left: -20px; }
.home div#content ul.homeLinks li ul li { margin-right: 0px; }
.home div#content div.news {
    min-height: 160px;
    height: auto !important;
    height: 160px;
}
.home div#content div.news a {
    display: block;
    margin-right: 20px;
}
.home  div#content div.news a.more { float: right; padding-top: 10px; }

div#content div.news {
    width: 360px;
    float: left;
    margin-top: 20px; margin-right: 20px;
}
div#content div.news.left { padding-right: 40px; }
div#content div.news.right { float: right; padding-right: 20px;}
div#content div.news { margin-right: 0px; }
div#content div.news img { float: left; margin-right: 10px;}
div#content div.news div.text a {
    display: block;
    float: right;
    padding-top: 10px;
    margin-right: 20px;
}

.productauswahl div.productAuswahl {
    float: left;
    margin-right: 60px;
}
.productauswahl div.productAuswahl.last { margin-right: 0px; }

div.text u {text-decoration: none; color: red;}