body {

    margin: 0 0 20px 0;

    padding: 0;

    font-family: Verdana, Arial, sans-serif;

    font-size: small;

    background-color: #FFF;

}



/* global reset */

* {

    padding: 0;

    margin: 0;

}



/* float clearing */

div.clearboth,

br.clearboth {

    clear: both;

}



a,

a img {

    border: none;

}



/* link in general */

a:link {

    color: #000;

    text-decoration: underline;

}

a:visited {

    color: #000;

    text-decoration: underline;

}

a:hover {

    color: #39C;

    text-decoration: underline;

}

a:active {

    color: #263A8C;

    text-decoration: underline;

}



/* styles for external links */

a.external:link,

a.external:visited {

    background: url(../images/icon_link_external.gif) no-repeat 100% 1px;

    padding: 0 25px 0 0; 

}



a.elink {

    background: url(../images/icon_elink.jpg) no-repeat left 1px;

    padding: 0 0 0 25px; 

}



.box a.external:link,

.box a.external:visited,

body#search a.external:link,

body#search a.external:visited {

    background-image: none;

    padding: 0; 

}



.box ul.link-shop a:link,

.box ul.link-shop a:visited,

.box ul.link-asset a:link,

.box ul.link-asset a:visited {

    text-decoration: none; 

}



h1 { 

    font-size: small;

    margin-bottom: 1.5em;

    padding-bottom: 1em;

    color: #000;

    letter-spacing: 0.2em;

    border-bottom: 1px solid #CCC;



}



h2 {

    font-size: small;

    margin-bottom: 0.8em;

    color: #222;

    letter-spacing: 0.1em; 

}



h3 {

    font-size: small;

	margin-bottom: 0.6em;

	color: #555;

}



h4 {

    font-size: x-small;

	margin-bottom: 0.5em;

	font-weight: bold;

	color: #222;

}



#main ul {

    margin-bottom: 1em; 

}



p {

    margin: 0.5em 0 1em 0;

    line-height: 1.5em;

}



table { 

    margin: 0 0 20px 0; 

}



th,

td {

    vertical-align: top; 

}



th {

    text-align: left;

}



/*

table,

table.product,

ul,

ol,

p,

h1,

h2,

h3 {

    max-width: 800px; }

*/



#main blockquote {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	letter-spacing: 0.2em;

	color: #999; }



span.dots {

    color: #E62525; }



.modernfield {

    border: 1px solid #CCC;

    padding: 0.2em;

	font-size: 11px;

}



#main ul {

    margin-left: 0;

    padding: 0;

}



#main ul li {

    line-height: 1.5em;

    padding-left: 20px;

    background-image: url(../images/icon_li.gif);

    background-position: 0px 8px;

    background-repeat: no-repeat;

    list-style-type: none;

}



input.btn {

	border: 1px solid #CCC;

	background-color: #EEE;

	color: black;

}



/* block positioning */

#head {

    position: relative;

    height: 119px;

    background-position: left bottom;

    background-repeat: no-repeat;

}



#line {

    position: absolute;

    left: 215px;

    bottom: 46px;

    width: 75%;

    height: 1px;

    line-height: 0;

    background-color: #EE716F;

}

    



#head img {

    position: absolute;

    right: 0;

    bottom: 46px;

	z-index: 20;

}



#topnav1 {

    position: absolute;

    bottom: 46px;

    left: 215px;

}



#topnav2 {

    position: absolute;

    bottom: 0px;

    left: 215px;

    z-index: 11;

}



#service1 {

    position: relative;

    border-top: 1px solid #778599;

    border-bottom: 1px solid #778599;

    height: 26px;

    background-color: #FFF;

}



ul#servicenav {

    position: absolute;

    bottom: 3px;

    left: 20px;

}





ul#servicenav li {

    padding-left: 12px;

    list-style-type: none;

    display: inline;

    margin-right: 4px;

    background-image: url(../images/icon_i18n_marker.gif);

    background-repeat: no-repeat;

    background-position: 0 1px;

}



ul#servicenav li.icon_home {

    padding-left: 0;

    background-image: none;

}



#i18n {

    position: absolute;

    bottom: 5px;

    right: 20px;

    width: 200px;

}



#form-search {

    position: absolute;

    bottom: 0;

    right: 0;

    z-index: 10;

}



#form-search .searchbutton {

    position: relative;

    top: 3px;

}



#form-search option,

#form-search select {

    display: none;

}



/* general rules for head navigations */

ul#topnav1 li,

ul#topnav2 li,

ul#breadcrumb li,

ul#i18n li {

    list-style-type: none;

    display: inline;

}



ul#topnav1 li a,

ul#topnav2 li a,

ul#i18n li {

    text-decoration: none;

    color: #000;

    display: block;

    float: left;

}



ul#i18n li {

    color: #CCC;

}



ul#i18n li a {

    color: #000;

}



/* topnav1 */

ul#topnav1 {

    border-top: 1px solid #778599;

    border-bottom: 1px solid #778599;

    border-left: 1px solid #778599;

    background-color: #FFF;

} 



ul#topnav1 li a {

    height: 1.4em;

    padding: 2px 12px 0 12px;

    border-right: 1px solid #778599;

    font-weight: bold;

    font-size: 87%;

}



ul#topnav1 li a:hover {

    background-color: #3399CC;

    color: #FFF;

}



#topnav1 li.topnav_active a {

    background-color: #39C;

    color: #FFF;

}



#topnav1 li ul {

    margin-left: 10px;

}



/* topnav2 */

/* fixme: change color? */

ul#topnav2 {

    border-top: 1px solid #778599;

    border-left: 1px solid #778599;

    background-color: #FFF;

}



ul#topnav2 li a {

    height: 16px;

    padding: 2px 12px 0 12px;

    border-right: 1px solid #778599;

    font-size: 85%;

}



ul#topnav2 li a:hover {

    background-color: #DDD;

}

ul#topnav2 li a.topnav2-on {

    background-color: #DDD;

    color: #000;

}



/* search */

#form-search {

    border-top: 1px solid #778599;

    border-left: 1px solid #778599;

    width: 219px;

    background-color: #CCC;

}



#form-search input.search {

    margin-right: 5px;

    width: 150px;

    height: 15px;

    border: 0;

    border-right: 1px solid #778599;

    background-color: #FFF;

    padding: 2px 0 1px 2px;

    font-size: 90%;

}  



/* service1 division */





/* i18n */

ul#i18n li {

    font-size: 85%;

    background-image: url(../images/icon_i18n_marker.gif);

    background-position: left center;

    background-repeat: no-repeat;

    padding: 0 0.5em 0 0.5em;

}



ul#i18n li.first  {

    background-image: none;

    padding-left: 0;

}



ul#i18n li a:hover {

    text-decoration: underline;

}





/* subnavigation */

ul#subnav {

    margin: 0;

    padding: 25px 0 40px 0;

    width: 200px;

}



ul#subnav ul,

ul#subnav ul li ul {

    margin-top: 0.5em;

    margin-bottom: 0.5em;

}



ul#subnav li {

    list-style-type: none;

    margin-bottom: 0.5em;

    font-weight: bold;

}



ul#subnav li ul li * {

    font-weight: normal; 

}



ul#subnav li a {

    display: block;

    line-height: 1.5em;

    padding-left: 20px;

    text-decoration: none;

    color: #000;

    font-size: 86%;

}



ul#subnav li ul {

    margin-left: 15px;

}



ul#subnav li a:hover, 

ul#subnav .menuitem-selected-1 a,

ul#subnav .menuitem-selected-2 a,

ul#subnav .menuitem-selected-3 a,

ul#subnav .menuitem-selected-4 a,

.subnav-on,

ul#subnav a:hover,

ul#subnav .menuitem-selected-1 ul a:hover,

ul#subnav .menuitem-selected-2 ul a:hover,

ul#subnav .menuitem-selected-3 ul a:hover,

ul#subnav .menuitem-selected-4 ul a:hover {

    background-image: url(../images/icon_li-arrow.gif);

    background-position: 6px 5px;

    background-repeat: no-repeat;

}



ul#subnav .menuitem-selected-1 ul a,

ul#subnav .menuitem-selected-2 ul a,

ul#subnav .menuitem-selected-2 ul a,

ul#subnav .menuitem-selected-3 ul a,

ul#subnav .menuitem-selected-4 ul a {

    background-image: none;

}



#container{

    position: relative;

    overflow:hidden;

    padding-left:220px; /* The width of the rail */

    /* 

    this wrapper can be used for

    a fixed width layout later

    

    see:http://www.alistapart.com/d/multicolumnlayouts/2ColLiquidLeftRailTallestHeaderFooter.html

    */

}



#leftRail{

    width:220px;

    float:left;

    position: relative;

    margin: 30px 0 40px -220px;

    padding: 0 0 0 0;

    display: inline;

}



/* must not be positioned relative */

#main{

    border-left: 220px solid #FFF;

    margin: 30px 0 40px -220px;

    float:right;

    width: 100%;

    font-size: 93%;

}



#footer {

	clear: both;

	border-top: 1px solid #778599;

	/*margin-top: 80px;*/

	padding: 0.5em 0 0 220px;

}



#footer ul li {

	list-style-type: none;

	display: inline;

	font-size: 70%;

	color: #CCC;

    background-image: url(../images/icon_i18n_marker.gif);

    background-position: left center;

    background-repeat: no-repeat;

    padding: 0 0.5em 0 0.7em;

}



#footer ul li.first {

	background-image: none;

	padding: 0 0.5em 0 0;

}



#footer ul li a:link,

#footer ul li a:visited {

	color: #999999;

	text-decoration: none;

}



/* gototop icon */

div#pagetop {

    position: absolute;

    right: 0;

    top: 0;

} 





/* section specific */



/* full width sections */

body#mshop               #main {

    margin-right: 0;

}



body#services           #head { background-image: url(../images/header_bgr_plan_personen.jpg); }

body#info				        #head { background-image: url(../images/header_bgr_lightning.jpg); }

body#kontakt            #head { background-image: url(../images/header_bgr_kontakt.jpg); }

body#produkte           #head { background-image: url(../images/header_bgr_sprinkler.jpg); }

body#index              #head { background-image: url(../images/header_bgr_grossbrand.jpg); }



/* default */

#head { background-image: url(../images/header_bgr_grossbrand.jpg); }



/* styling of search results page*/

form.search-results-form {

    margin-bottom: 20px; 

}



form.search-results-form input {

    border: 1px solid #CCC; 

}



form.search-results-form input[type="text"] {

    padding: 2px 0; 

}



form.search-results-form input[type="submit"] {

    padding: 1px 0; 

}



/* new search results page table based */

#main table.search-results {

    border-collapse: collapse;

    width: 100%;

}



#main table.search-results col.col1 { width: 30px; }

#main table.search-results col.col2 { width: 300px; }

#main table.search-results col.col3 { width: auto; }



#main table.search-results th {

    padding-bottom: 10px; 

}



#main table.search-results td {

    padding-bottom: 5px;

}



#main ul.search-results {

    margin-right: 0;

    padding-right: 0;

}



#main ul.search-results li {

    background-image: none;

    padding: 0;

}



#main table.search-hints {

    border-collapse: collapse;

    width: 100%;

}



#main table.search-hints col.col1 { width: 250px; }



#main table.search-hints td {

    border-bottom: 1px solid #CCC;

    vertical-align: bottom;

    padding: 0.5em 0;

}



/* Produkteseite */

table.product {

    border-collapse: collapse; 

}



table.product td.product_image img {

    margin-right: 40px; 

}

    

#main div.einsatzbereiche ul {

    border-width: 1px;

    border-style: solid none;

    border-color: #CCC;

    margin-right: 260px;

    padding: 10px;

}



#main div.einsatzbereiche h2 {

    margin-bottom: 0.5em;

    color: #999; 

    font-weight: normal; 

}



#main div.einsatzbereiche ul li {

    display: inline; 

    background-image: url(/minimax/resources/images/icon_li-inline.gif); 

    background-position: 6px 6px;

    padding-left: 14px; 

}



div.articlegroup_img {

    position: relative;

    width: 170px;

    height: 160px;

    float: left;

    padding: 30px 0 0 10px;

    margin: 0 10px 10px 0;

    border: 1px solid #CCC;

}



div.articlegroup_text {

    position: absolute;

    top: 0;

    left: 0;

    padding: 3px 0 0 10px;

    height: 17px;

    font-weight: bold;

    font-size: 80%;

    width: 170px;

    background-color: #CCC; 

}



div.articlegroup_text a {

    text-decoration: none; 

}



div.articlegroup_wrapper {

    position: relative;

    margin-right: 220px; 

}



table.partner {

    border-collapse: collapse;

}



table.partner td img {

    margin-right: 100px; 

}



table.partner td {

    padding: 10px 0;

    border-bottom: 1px solid #CCC;

}



table.partner a.external {

    background-image: none; 

}



/* SHOP */



table.articles td {

    border-bottom: 1px solid #CCC;

    vertical-align: baseline;

}



table.articles td a {

    text-decoration: none;

}



table.articles col.col1 { width: auto; }

table.articles col.col2 { width: 80px; }

table.articles col.col3 { width: 50px; }

table.articles col.col4 { width: 80px; }

table.articles col.col5 { width: 80px; }

table.articles col.col6 { width: 80px; }

table.articles col.col7 { width: 80px; }



table.articles th {

    text-align: right;

}



input.articlequantity {

    border: 1px solid #CCC;

    padding: 0.1em 0.2em;

    background-color: #EEE;

    text-align: right;

    font-size: 100%;

}



table.articles td {

    text-align: right;

}



table.articles th.unit,

table.articles td.unit {

    text-align: left;

    padding-left: 10px;

}



table.articles td.article,

table.articles td.related_articles {

    text-align: left;

}



table.articles td.related_articles {

    padding-top: 20px;

    font-weight: bold;

}



table.basket_proceed {

    width: 100%;

}



table.basket_proceed td.btn {

    text-align: right;

}



/* Shop detail, bad semantics here ...*/

table.shop_detail {

    border-collapse: collapse;

}



table.shop_detail td {

    vertical-align: top;

}



table.shop_detail td.image {

    padding-right: 20px;

}



/* Shop detail article specification table */

table.article_specs,

table.articles {

    margin-top: 20px;

    border-collapse: collapse;

    width: 100%;



}



table.article_specs {

    width: 300px;

}



table.article_specs th,

table.articles th {

    padding:0 4px 8px 4px;

    border-bottom: 2px solid #CCC;

}



table.article_specs td,

table.articles td {

    border-top: 1px solid #EEE;

    border-bottom: 1px solid #EEE;

    padding: 4px;

}



table.article_specs col.col1 { width: auto; }

table.article_specs col.col2 { width: auto; }

table.article_specs col.col3 { width: auto; }

table.article_specs col.col4 { width: auto; }



/* Special sections */

table.node_head {

   border-collapse: collapse;

   margin: 0 0 2em 0;

   }

   

table.node_head col.col1 { width: 200px; }



table.node_head td {

   padding: 0 2em 0 0;

   vertical-align: top; 

   text-align: left;

   }



/* map */

table.map {

    border-collapse: collapse;

	  margin-bottom: 2em;

}



/* Kontakt page */



div#agencies {

   height: 140px; }



div.agency {

    display: none; }



div#img_container {

    position: relative;

    height: 515px;

}

  

div#img_container img {

    position: absolute;

    top: 0;

    left: 0; 

}