/*
   
	jeromedobler.ch - global.css

	chemicalbox, 2011
		
*/


/* --------------------- reset */

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


/* --------------------- misc */

body { background: #fff; }

html, body { height: 100%; }

ul { list-style: outside; margin-left: 16px; }


/* --------------------- clearfix */

.clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
 
.clear { display: inline-block; } html[xmlns] .clear { display: block; } * html .clear { height: 1%; }


/* --------------------- typography */

body { font: 13px/18px Arial, Helvetica, sans-serif; color: #000; }

p+p, table+table, table+p, table+h3 { margin-top: 18px; }

h1 { font: italic 35px/40px Times, serif; color: #000; }

h2 { font: italic 25px/30px Times, serif; color: #000; }

h3 { font: normal 12px/18px Arial, Helvetica, sans-serif; color: #a3a099; }


/* --------------------- links */

a:link, a:active, a:visited { color: #0079c2; text-decoration: none; }

a:hover { color: #0079c2; text-decoration: underline; }


/* --------------------- layout */

#wrapper { width: 948px; margin: 0 auto; background: #fff; }

#header, #content { width: 948px; }

#logo { width: 290px; margin: 0 auto; padding-top: 41px; }

#service { width: 948px; border-top: 2px #ccc solid; border-bottom: 2px #ccc solid; margin: 41px 0; padding: 20px 0; }

#leftCol { width: 618px; float: left; list-style: none; margin: 0; }

#rightCol { width: 310px; float: right; list-style: none; margin: 0; }

div.accHead { position: relative; border-bottom: 1px #000 solid; cursor: pointer; padding-top: 30px; }

div.accHead div.icn { position: absolute; bottom: 8px; left: -24px; width: 18px; height: 18px; background: url(../interface/plusMinus.gif) top left; }

li.selected div.accHead div.icn { background: url(../interface/plusMinus.gif) left -18px; }

div.accContent { padding-top: 15px; }

div.accHead h2 { display: inline; }

div.accHead span { margin-left: 7px; color: #0079c2; }

div.accHead span.more { display: inline; }

div.accHead span.close { display: none; }

li.selected div.accHead span.more { display: none; }

li.selected div.accHead span.close { display: inline; }

ul.threeCol { list-style: none; margin: 45px 0 0 0; }

ul.threeCol li { width: 180px; padding: 10px; background: #f0ede7; float: left; margin-right: 9px; }

ul.threeCol li h2 { border-bottom: 1px #000 solid; margin-bottom: 15px; }

ul.threeCol li.twoCol { width: 389px; padding: 10px; background: #f0ede7; float: left; margin-right: 9px; }

ul.threeCol li.twoCol ul li { width: 359px; }

table { width: 500px; }

table th { text-align: left; font-weight: normal; color: #a3a099; }

table td { min-width: 107px; }

table .price { text-align: right; min-width: 0; }

#map { width: 310px; height: 310px; }

#giftCard { position: relative; width: 270px; height: 156px; padding: 77px 20px 0 20px; background: url(../interface/jeromedobler-gutschein.jpg) top right; }

#giftCard p, #giftCard h2 { color: #fff; }

#giftCard a.btn { position: absolute; left: 18px; bottom: 17px; width: 249px; height: 30px; padding: 15px 0 0 21px; background: url(../interface/jeromedobler-gutscheinbutton.png); display: block; font-size: 16px; }

#footer { width: 948px; border-top: 2px #ccc solid; color: #a3a099; padding-top: 2px; margin-top: 45px; }


/* --------------------- navigation */

ul.langNav { list-style: none; float: right; margin: 0; padding-top: 5px; font-size: 18px; color: #929292; }

ul.langNav li { float: left; display: inline; }

ul.langNav li a { float: left; }

ul.langNav li a:link, ul.langNav li a:active, ul.langNav li a:visited { color: #0079c2; text-decoration: none; }

ul.langNav li a:hover, ul.langNav li a.on { color: #000; text-decoration: none; }