@charset "utf-8";
/* CSS enz-natursteine.ch / Amport Webdesign 2010 */


/* Overall Styling*/
html {font-family: Verdana, Arial, Helvetica, sans-serif;}
body {background-color: #FFF; font-size: 0.8em;}

a:link, a:visited {color: #006fb9; text-decoration: none;}
a:hover {color: #006fb9; text-decoration: underline;}


.clear {float: none; clear: both;}
.right {float: right;}
.left {float: left;}

/* DIV Container*/
.container {width: 100%;}
.middler {margin: 0 auto; margin-top: 50px; width: 960px; background: #FFF;}

.header {width: auto; margin-bottom: 6px;}
img.enzlogo {float: left; margin-left: 114px;} 
.sprachwaehler {float: right; margin-top: 115px; overflow: hidden;} 


.leftblock {float: left; width: 252px; margin-right: 0px;}
.mainmenu {float: left; margin-right: 6px; background: #d1d2d3; width: 88px; padding: 10px; font-size: 0.9em;}
.sublevel-menus {float: left}
.sublevel1, .sublevel2, .sublevel3  {width: 112px; background: #d1d2d3; padding: 10px; margin: 0px 6px 6px 0px; display: block; font-size: 0.9em;}
.sublevel1 {min-height: 90px;}
.sublevel2 {margin: 0px;}
.sublevel3 {margin: 6px 0px 0px 0px;}
.slogan img {margin-top: 100px;}

* html .sublevel1 {height: 80px;}

.maincontent, .maincontent-image, .blankcontent {float: left; display: block;}

.maincontent {background: #c6d8f0; min-height: 400px; width: 680px; padding: 10px;}
* html .maincontent {height: 400px;}
.maintext {padding-right: 150px;}

.footer {width: auto; }

/* Styling übersichtskarte */
.maintext-ukarte { z-index: 3; margin-top: 0px; position: absolute;}
.uebersichtskarte {display: block; z-index: 2; position: absolute;}
.uebersichtskarte div {margin-left: 200px; width: 481px; height: 334px; display: block; background: url(images/ch-karte.jpg) no-repeat right top; z-index: 1;}

.uebersichtskarte a.marker:link, .uebersichtskarte a.marker:visited {display: block; height: 24px; line-height: 24px; background: url(images/karten-marker.png) no-repeat top left; padding-left: 18px; position: absolute; z-index: 4; color: #FFF; font-size: 0.9em; text-shadow: 1px 1px 0px #006; -moz-text-shadow: 1px 1px 0px #006; -webkit-text-shadow: 1px 1px 0px #006;}

.uebersichtskarte a.marker:hover {background-position: bottom left;}
.uebersichtskarte a.active:link, .uebersichtskarte a.active:visited {font-weight: bold; background-position: bottom left;}
 

.buerglen {top: 135px; left: 430px;}
.bern {top: 125px; left: 360px;}
.burgdorf {top: 90px; left: 375px;}
.solothurn {top: 70px; left: 380px;}
.zuerich {top: 50px; left: 465px;}
.fribourg {top: 155px; left: 325px;}


/* Sprachwähler */

.sprachlink {margin-left: 6px; white-space: nowrap; width: 80px; float: left;}
.sprachlink a:link, .sprachlink a:visited {color: #999;}
.sprachlink div a:link, .sprachlink div a:visited {display:block; padding: 2px 2px 2px 2px; background: #999; color: #FFF; margin: 0px 4px 0px 4px; text-decoration: none;}

.sprachlink div.left a:link, .sprachlink div.left a:visited {padding: 2px 3px 2px 3px;}

/* Styling Produktübersicht */
.produebersicht {float: left; padding-right: 6px;}
.produebersicht img {margin-bottom: 6px;}
.produebersicht a:link, .produebersicht a:visited {color: #999; font-size: 0.9em; text-decoration: none;} 
.produebersicht a:hover  {color: #000;}

/* Bild Seiten */
    
.maincontent-image {background: none; width: 705px; height: 426px; display: block;}
img.contentimage {}

.mcontfooter {width: auto; padding-top: 6px;}
.mcontpagination {float: right;}

.mcontpagination a:link, .mcontpagination a:visited {display: block; padding: 1px 2px 1px 2px; color: #999; border: 1px solid #999; margin: 0px 0px 0px 4px; text-decoration: none; font-size: 0.8em; float: left;}

.mcontpagination a:hover, .mcontpagination a.active:link, .mcontpagination a.active:visited {background: #999; color: #FFF;} 

.mcontpagination a.navilink:link, .mcontpagination a.navilink:visited {border: 0px; margin-bottom: 1px;}

/* Der Stein */
   
img.der-stein {float: right; margin: -35px 15px 0px 0px; z-index: 99; position: relative;}
.mcontfooter img.der-stein {margin: -45px 15px 0px 0px;}

/* Leftmenu */
.leftblock ul {list-style: none;}
.leftblock li {margin: 0px 0px 2px 0px; line-height: 1.4em; padding: 0px; display: block;}
.leftblock a:link, .leftblock a:visited {color: #525252; text-decoration: none;}
.leftblock a:hover, .leftblock li.active a:link, .leftblock li.active a:visited {color: #000; }

.leftblock li.active a:link, .leftblock li.active a:visited {font-weight: bold;}

.leftblock .sublevel2 li.active a:link, .leftblock .sublevel2 li.active a:visited,
.leftblock .sublevel3 li.active a:link, .leftblock .sublevel3 li.active a:visited {
	font-weight: normal;
	}
	



/* Inhalt Styling */

.maincontent, .blankcontent {color: #4f4f4f; line-height: 1.5em;}

.maincontent h1 {color: #000; font-size: 1.0em; margin-bottom: 10px; font-weight: normal; text-transform:uppercase;}
.maincontent h2 {font-size: 1.0em; font-weight: normal; text-transform: uppercase;}
h1#footertitle {float: left; color: #999; font-size: 0.9em; font-weight: normal;}

.maincontent ul {list-style: disc; padding-left: 20px;}

.maincontent p {margin-bottom: 15px;}